@charset "UTF-8";

@font-face {
	font-family: 'FontAwesome';
	src: url('font/fontawesome-webfont.eot?v=3.2.1');
	src: url('font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
		background: #FFF;
		color: #000000;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 300;
	}

	body,input,textarea,select
	{
		font-size: 15pt;
		line-height: 1.85em;
	}

	h1,h2,h3,h4,h5,h6
	{
		font-weight: 400;
		color: #000;
		line-height: 1.25em;
		text-align:center;
	}
	
		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
		{
			color: inherit;
			text-decoration: none;
			border-bottom-color: transparent;
		}
		
		h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong
		{
			font-weight: 600;
		}

	h2
	{
		font-size: 2.85em;
	}
	
	h3
	{
		font-size: 1.25em;
		padding-bottom:1em;
	}
	
	h4
	{
		font-size: 1em;
		margin: 0 0 0.25em 0;
	}
	
	.byline
	{
		display: block;
		font-size: 1.5em;
		margin-top: 1em;
		line-height: 1.5em;
		text-align:center;
	}
	.font-byline
	{
		font-size: 0.67em;
	}
	strong, b
	{
		font-weight: 400;
		/*color: #000;*/
	}
	
	em, i
	{
		font-style: italic;
	}

	a
	{
	color: inherit;
	text-decoration: none;
	-moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	-webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	-o-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	-ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	}
	
		a:hover
		{
			color: #ef8376;
			border-bottom-color: transparent;
		}

	sub
	{
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup
	{
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}
	
	blockquote
	{
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}
	
	p, ul, ol, dl, table
	{
		margin-bottom: 1em;
	}

	p
	{
		text-align: center;
	}

	br.clear
	{
		clear: both;
	}
	
	header
	{
		margin: 0 0 1em 0;
		width: 100%;
		/*background-color:#F60;*/
	}
	
		header .byline
		{
			margin-bottom: 2em;
		}
		
	footer
	{
		margin: 2.5em 0 0 0;
	}
		
	hr
	{
		position: relative;
		display: block;
		border: 0;
		top: 2em;
		margin-bottom: 4em;

		height: 6px;
		border-top: solid 1px rgba(128,128,128,0.2);
		border-bottom: solid 1px rgba(128,128,128,0.2);
	}
	
		hr:before,
		hr:after
		{
			content: '';
			position: absolute;
			top: -8px;
			display: block;
			width: 1px;
			height: 21px;
			background: rgba(128,128,128,0.2);			
		}

		hr:before
		{
			left: -1px;
		}

		hr:after
		{
			right: -1px;
		}

	.timestamp
	{
		color: rgba(128,128,128,0.75);
		font-size: 0.8em;
	}

	/* Sections/Articles */
	
		section,
		article
		{
			margin-bottom: 3em;
		}
		
		section > :last-child,
		article > :last-child
		{
			margin-bottom: 1em; /*era inizialmente a 0, poi è stato spostato a 5em. Ora, all'inserimento dei "Read More nella sezione "Eventi" è stato portato a 1em. */
		}

		section:last-child,
		article:last-child
		{
			margin-bottom: 0;
		}

		.row > section,
		.row > article
		{
			margin-bottom: 0;
		}

		section.special > header,
		section.special > footer,
		article.special > header,
		article.special > footer
		{
			text-align: center;
		}

	/* Images */

		.image
		{
			position: relative;
			display: inline-block;
			border: 0;
			outline: 0;
		}
		
			.image img
			{
				display: block;
				width: 100%;
			}

			.image.full
			{
				display: block;
				width: 100%;
			}

			.image.featured
			{
				display: block;
				width: 100%;
				margin: 0 0 1.5em 0;
			}
			
			.image.left
			{
				float: left;
				margin: 0 2em 2em 0;
			}
			
			.image.centered
			{
				display: block;
				margin: 0 0 2em 0;
			}

				.image.centered img
				{
					margin: 0 auto;
					width: auto;
				}

	/* Lists */

		ul.style1
		{
		}

		ul.actions
		{
		}

		ul.divided
		{
		}
		
			ul.divided li
			{
				border-top: solid 1px rgba(128,128,128,0.2);
				padding-top: 1.5em;
				margin-top: 1.5em;
			}
			
			ul.divided li:first-child
			{
				border-top: 0;
				padding-top: 0;
				margin-top: 0;
			}

		ul.menu
		{
			height: 1em;
			line-height: 1em;
			text-align:center;
		}
		
			ul.menu li
			{
				display: inline-block;
				border-left: solid 1px rgba(128,128,128,0.2);
				padding-left: 1.25em;
				margin-left: 1.25em;
			}
			
			ul.menu li:first-child
			{
				border-left: 0;
				padding-left: 0;
				margin-left: 0;
			}

		ul.icons
		{
			position: relative;
			background: rgba(128,128,128,0.05);
			border-radius: 4em;
			display: inline-block;
			padding: 0.35em 0.75em 0.35em 0.75em;
			font-size: 1.25em;
			cursor: default;
		}
		
			ul.icons li
			{
				display: inline-block;
			}

				ul.icons li a
				{
					display: inline-block;
					background: none;
					width: 2.5em;
					height: 2.5em;
					line-height: 2.5em;
					text-align: center;
					border-radius: 100%;
					border: 0;
					color: inherit;
				}
				
					ul.icons li a:hover
					{
						color: #ef8376;
					}

		ol.style1
		{
		}

	/* Buttons */
		
		.button
		{
			position: relative;
			display: inline-block;
			background:#F60;
			color: #fff;
			text-align: center;
			border-radius: 0.5em;
			text-decoration: none;
			padding: 0.65em 3em 0.65em 3em;
			border: 0;
			cursor: pointer;
			outline: 0;
		}

			.button:hover
			{
				color: #fff;
			}
			

/*********************************************************************************/
/* Icons                                                                         */
/* Powered by Font Awesome by Dave Gandy | http://fontawesome.io                 */
/* Licensed under the SIL OFL 1.1 (font), MIT (CSS)                              */
/*********************************************************************************/

	.icon
	{
		text-decoration: none;
	}

		.icon span
		{
			display: none;
		}

		.icon.circled
		{
			position: relative;
			display: inline-block;
			background: #003;
			color: #fff;
			border-radius: 100%;
			width: 3.5em;
			height: 3.5em;
			line-height: 3.5em;
			text-align: center;
			font-size: 0.35em;
			
		}
		
			.icon.circled:before
			{
				font-size: 2em;
			}

			header .icon.circled
			{
				margin: 0 0 0.5em 0;
			}

		.icon:before
		{
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-weight: normal;
			font-style: normal;
						
			-webkit-text-rendering: optimizeLegibility;
			-moz-text-rendering: optimizeLegibility;
			-ms-text-rendering: optimizeLegibility;
			-o-text-rendering: optimizeLegibility;
			/*text-rendering: optimizeLegibility;*/
			-webkit-font-smoothing: antialiased;
			-moz-font-smoothing: antialiased;
			-ms-font-smoothing: antialiased;
			-o-font-smoothing: antialiased;
			/*font-smoothing: antialiased;*/
		}

		.fa-chevron-home:before{content:"\f015";}
		.fa-external-link:before{content:"\f08e";}
		.icon-phone:before{content:"\f095";}
		.icon-bullhorn:before{content:"\f0a1";}
		.icon-list-ul:before{content:"\f0ca";}
		.fa-caret-down:before{content:"\f0d7";}
		.fa-caret-right:before{content:"\f0da";}
		.fa-chevron-circle-up:before{content: "\f139";}
		
/*********************************************************************************/
/* Wrapper                                                                       */
/*********************************************************************************/

	.wrapper
	{
		background: #fff;
		margin: 0 1% 2em 1%;
		/*padding: 1.5em 0 1.5em 0;*/
	}
	
		.wrapper.style1
		{
		}

		.wrapper.style2
		{
			padding-top: 0;
		}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		position: relative;
		background-size: cover;
		background-position: center center;
		color: #fff;
		text-align: center;
		padding: 2.5em 0 2em 0;
		cursor: default;
	}

		.homepage #header
		{
			padding: 4em 0 4em 0;
		}
	
		#header .inner
		{
			position: relative;
			z-index: 1;
			margin: 0;
			padding: 4em 0 0 0;
		}
	
		#header h1
		{
			color: #fff;
			font-size: 3em;
			line-height: 1em;
		}

			.homepage #header h1
			{
				font-size: 4em;
			}
		
			#header h1 a
			{
				color: inherit;
			}
	
		#header .byline
		{
			font-size: 1.25em;
			margin: 0;
		}
		
		#header .button
		{
			border-radius: 100%;
			width: 4.5em;
			height: 4.5em;
			line-height: 4.5em;
			text-align: center;
			font-size: 1.25em;
			padding: 0;
		}
		
		#header header
		{
			display: inline-block;
		}
		
		#header footer
		{
			margin: 1em 0 0 0;
		}
		
		#header hr
		{
			top: 2em;/*1.5*/
			margin-bottom: 4em;/*3*/

			border-bottom-color: rgba(192,192,192,0.35);
			box-shadow: inset 0 1px 0 0 rgba(192,192,192,0.35);
		}
		
			#header hr:before,
			#header hr:after
			{
				background: rgba(192,192,192,0.35);
			}

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #F60;
		text-align: center;
		padding: 1.5em 0 1.5em 0;
		z-index: 1;
		overflow: hidden;
	}
	
		#nav > ul
		{
			line-height: 0px;
			position: relative;
			display: inline-block;
			margin: 0;

			height: 1em;
			border-left: solid 1px rgba(192,192,192,0.35);
			border-right: solid 1px rgba(192,192,192,0.35);
		}
		
			#nav > ul:before,
			#nav > ul:after
			{
				content: '';
				display: block;
				width: 300%;
				position: absolute;
				top: 50%;
				margin-top: -2px;

				height: 5px;
				border-top: solid 1px rgba(192,192,192,0.35);
				border-bottom: solid 1px rgba(192,192,192,0.35);
			}
		
			#nav > ul:before
			{
				left: 100%;
				margin-left: 1px;
			}
		
			#nav > ul:after
			{
				right: 100%;
				margin-right: 1px;
			}
		
			#nav > ul > li
			{
				display: inline-block;
				margin: -9px 0.5em 0 0.5em;
				border-radius: 0.5em;
				padding: 0.85em;
				border: solid 1px transparent;
				/*-moz-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
				-webkit-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
				-o-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
				-ms-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
				transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;*/
			}
			
				#nav > ul > li.active
				{
					border-color: rgba(192,192,192,0.35);
				}
			
				#nav > ul > li > a,
				#nav > ul > li > span
				{
					display: block;
					color: inherit;
					text-decoration: none;
					border: 0;
					outline: 0;
				}

				#nav > ul > li > ul
				{
					display: none;
				}


/*********************************************************************************/
/* Dropotron per visualizzare i menu dropdown                                    */
/*********************************************************************************/

	.dropotron
	{
		background: rgba(255,255,255,0.975);
		padding: 1em 1.25em 1em 1.25em;
		line-height: 1em;
		height: auto;
		text-align: left;
		border-radius: 0.5em;
		box-shadow: 0 0.15em 0.25em 0 rgba(0,0,0,0.25);
		min-width: 15em;
	}
	
	.dropotron-ul { min-width: 15em;}
		.dropotron li
		{
			border-top: solid 1px rgba(128,128,128,0.2);
			color: #5b5b5b;
		}
		
			.dropotron li:first-child
			{
				border-top: 0;
			}

			.dropotron li:hover
			{
				color: #ef8376;
			}

			.dropotron li a,
			.dropotron li span
			{
				display: block;
				border: 0;
				padding: 0.5em 0 0.5em 0;
				/*-moz-transition: color 0.35s ease-in-out;
				-webkit-transition: color 0.35s ease-in-out;
				-o-transition: color 0.35s ease-in-out;
				-ms-transition: color 0.35s ease-in-out;
				transition: color 0.35s ease-in-out;*/
			}

		.dropotron-level-0
		{
			margin-top: 2em;
			font-size: 0.9em;
		}
		
			.dropotron-level-0:before
			{
				content: '';
				position: absolute;
				left: 50%;
				top: -0.7em;
				margin-left: -0.75em;
				border-bottom: solid 0.75em rgba(255,255,255,0.975);
				border-left: solid 0.75em rgba(64,64,64,0);
				border-right: solid 0.75em rgba(64,64,64,0);
			}

/*********************************************************************************/
/* DIVS                                                                          */
/*********************************************************************************/

	#generale 
	{
		text-align: center;
		padding: 5.5em 20em 5em 20em; 
	}
	
	#sect_visite, #sect_contatti, #sect_modalita, #sect_scuole, #sect_pubblico, #sect_fotofilm, #sect_bambini, #sect_eventi, #sect_labbambini
	{
		background: #fff;
		text-align: center;
		padding: 5.5em 20em 5em 20em; 
	}
	
	#sect_labinterf, #sect_labsmart, #sect_staffcv, #sect_contributors
	{
		background: #fff;
		text-align: center;
		padding: 5.5em 20em 5em 20em;
	}
	
	#sect_labinterf img, #sect_labsmart img
	{
		width:30%;
		height:30%;
	}
	
	#sect_contatti hr{
		top:2em; 
		margin-bottom:4em;
		}

	#sect_proiezioni3D h3 { padding-top:3em;}


/*********************************************************************************/
/* Separation between Sections and "GO TO TOP"                                   */
/*********************************************************************************/

.top {
	width: 15%;
	margin: 3em auto;
	text-align: center;
	font-size:1em;
	overflow:auto;
}

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/
	#content
	{
	}

		#content > hr
		{
			top: 3em;
			margin-bottom: 6em;
		}
		
		#content > section
		{
			margin-bottom: 0;
		}
		

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main
	{
	}
	
		#main section:first-of-type
		{
			padding-top: 2em;
		}		
	
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
		position: relative;
		overflow: hidden;
		padding: 6em 0 6em 0;
		background: #2b252c;
		color: #fff;
	}

		#footer .icon.circled
		{
			background: #fff;
			color: #2b252c;
		}

		#footer header
		{
			text-align: center;
			cursor: default;
		}
		
		#footer h2,
		#footer h3,
		#footer h4,
		#footer h5,
		#footer h6
		{
			color: #fff;
		}

		#footer .contact
		{
			text-align: center;
		}
		
			#footer .contact p
			{
				text-align: center;
				margin: 0 0 3em 0;
			}
		
		#footer .copyright
		{
			text-align: center;
			color: rgba(128,128,128,0.75);
			font-size: 0.8em;
			cursor: default;
		}

			#footer .copyright a
			{
				color: rgba(128,128,128,0.75);
			}

				#footer .copyright a:hover
				{
					color: rgba(212,212,212,0.85);
				}


			
			
			
/* nuovo per welcomepic */

#welcomepic {	width:100%;
				padding:1em 0;}

#welcomepic img{	max-width:100%;
					height:auto;}

/* nuovo css per map & contacts*/

#map-contact
{
	background-image:url(../images/bkg-contact.jpg);
	/* con queste due istruzioni si fa il "rescaling" del BKG a seconda della risolzione */
	background-size: 100%, auto;
	background-repeat:no-repeat;
	/*************************************************************************************/
	padding:1em 1em;
	margin-bottom:2em;

}

#directions
{
	position:relative;
	border-radius:10px;
	padding: 1em 1em;
	color:#FFF;
	background-color:#2b252c;
	width:40%;
	font-size:0.8em;
		}

/*Nuovo per Regolamento Foto/Video */

#rules
{
	}

.volantino{
	color:#FFF;
	text-align:center;
	margin-bottom:1em;
	font-size:1.5em;
	}

#proiezioni3D, .volantino /* css modificato */
	{
		background-color:#2b252c;
		padding: 1em 1em;
		width:100%;
		border-radius:10px;
	}
#proiezioni3D /* css modificato */
	{ margin-bottom:2em;}	
	
#proiezioni3D img /* css modificato */
	{
		border: 1px solid #FFF;
	}

.pro3D { 
	width:40%;
	height:40%;
	}
	
#projections, #avventura, #nuovocorto /* css originale */
{
	/*position:relative;*/ /* non rimuovere questi due commenti */
	/*margin-top:2em;*/
	margin-left:auto;
	margin-right:auto;
	/*margin-bottom:2em;*/
	border-radius:10px;
	padding: 1em 15%;
	color:#FFF;
	background-color:#2b252c;
	width:100%;
	}
#avventura, #nuovocorto /* css originale */
{
	margin-bottom:2em;
	}

.flex {
	max-width: 100%;
	height:auto;
	}

/* Nuovo per pagina costruzione */

#smart { 
	background-color:#2b252c; 
	padding:1em;
	border-radius:6px;
	overflow:auto;
	}

#sect_labsmart img {
	float:left;
	margin-right:2em;
	border:1px solid #FFF;
	}

#interf {
	background-color:#2b252c;
	padding:1em;
	border-radius:6px;
	overflow:auto;
	}
	
#sect_labinterf img {
	float:left;
	margin-right:2em;
	border:1px solid #FFF;
	margin-bottom:1em;
	}



/* Nuovo per pagina costruzione */

.progetto 
{
	margin:2em auto;
	}

/* nuova per tabella */

#ul-info,#ul-info ul,#ul-info ul li {
	margin: auto;
	padding: 0;
	list-style: none;
}

#tableinfo:after {
	content: '';
	display: table;
	clear: both;
}

#tableinfo {
	max-width: 69em;
	margin: 0 auto;
	/*margin: auto;*/
}

#tableinfo #ul-info .li-info {
	background: #fff;
	float: left;
	width: 30%;
	text-align: center;
	border-radius: 5px;
	margin: 0 1.66666% 5em 1.66666%;    /*celle del 30% (*3=90%) + 6 spazi uguali a DX e SX (_cella__cella__cella_) */

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.infocontainer .title h2 {
	font-size: 1.5em;
	font-weight: 300;
	color: #3e4f6a;
	margin: 0;
	padding: .3em 0;
}

.infocontainer .title h2.info-title {
	background: #003;
	color: #fff;
	font-weight:bold;
	border-radius: 5px 5px 0 0;
}

.infocontainer .infos {
	margin-top: 10em;
}

.infocontainer .infos li {
	font-size: 1.5em;
	color: #000000;
	line-height: 1.5em;
}

.infocontainer .infos li span {
	font-weight: 400;
	color: #979797;
}


.section_events{font-size: 1.3em;
				margin-top: 1em;
				line-height: 1.5em;
				font-weight:200;
				text-align:center;
				}
				
.a_events{ margin-bottom:5em;}
.h_events {	color:#FFF;
			background-color:#2b252c;
			padding-bottom:0.2em;}

/* Pannelli Espandibili */
 
.expandable-panel {
    width:100%; 
    position:relative;
    min-height:50px;
    overflow:hidden;
    margin-bottom: 0.5em;
}   

.expandable-panel-heading {
    width:100%; 
    cursor:pointer;
    min-height:50px;
    clear:both;
    position:relative;
}
.expandable-panel-heading:hover {
    color:#666;
}

.expandable-panel-content { 
    padding:0 15px 0 15px;
    margin-top:-1500px;
}
.expandable-panel-content p {
    padding:4px 0 6px 0;
}
.expandable-panel-content p:first-child  {
    padding-top:10px;
}
.expandable-panel-content p:last-child {
    padding-bottom:15px;    
}
.icon-close-open {
    width:20px;
    height:20px;
    position:absolute;
	margin-top:0.2em;
    background-image: url(../images/icon-close-open-white.png);
    right:15px;
}
.expandable-panel-content img {
    float:right;
    padding-left:12px;
}
.header-active {
    background-color:#D0D7F3;
}
/* Fine Pannelli Espandibili */


/*********************************************************************************/
/* Tabella per Contributi                                                        */
/*********************************************************************************/

.table-wrap {
	margin-top: 1em;
}

.table-wrap img { max-width:100%}

.largh1 { width:40%;}
.largh2	{ width:60%;}


	table { 
		width: 100%; 
		border-collapse: collapse; 
	}

	td { 
		padding: 0.6rem 2rem; 
		border: 1px solid #ccc; 
		/*text-align: left;*/
		vertical-align:middle; 
	}

/*********************************************************************************/

@media screen and (max-width: 480px) {
	
#tableinfo #ul-info .li-info {
	width: 70%;
	margin: 0 15% 1em 15%;    /* va bene inserire i margini al 25% DX e SX perchè ho forzato la width */
}

.row h3 { font-size:1.2em;}

.top { width: 70%;}
.font-byline { font-size: 1em;}

#table-wrap td { padding: 0.6rem;}
.largh1 { width:50%;}
.largh2	{ width:50%;}

#tableinfo #ul-info > li:nth-child(2n) {
	margin-right: 0;
}

section > :last-child,
		article > :last-child
		{
			margin-bottom: 2em; /*era 0*/
		}

#generale, #sect_visite, #sect_contatti, #sect_modalita, #sect_scuole, #sect_pubblico, #sect_bambini, #sect_fotofilm, #sect_eventi, #sect_labbambini, #sect_labinterf, #sect_labsmart, #sect_staffcv, #sect_contributors
	{
		padding: 1.5em 1em 1em 1em;
	}

#projections, #avventura, #nuovocorto
	{	width:100%;
		}
		
#sect_proiezioni3D h3 {
	padding-top: 1em;
	font-size:1.2em;
	}


#proiezioni3D img /* css modificato */
	{
		width:80%;
		height:80%;
	}
	
.byline { font-size:1em;}
#map-contact p { font-size: 1.2em;}

#map-contact
	{ 
		background-image:url(../images/bkg-contact-480.jpg);
		padding-top:45%;
		padding-left:0.5em;
		padding-right:0.5em;
	}
		
#directions
	{
		padding:0.2em 0.2em;
		width:100%;
	}

.volantino{
	font-size:1em;
	}


}

@media screen and (min-width: 481px) and (max-width: 768px) {
	
	#nav > ul > li { padding:0.55em;}

#tableinfo #ul-info .li-info {
	width: 50%;
	margin: 0 25% 1em 25%;    /* va bene inserire i margini al 25% DX e SX perchè ho forzato la width */
}

#tableinfo #ul-info > li:nth-child(2n) {
	margin-right: 0;
}

#tableinfo h2 { font-size:1.3em;}
.infocontainer .infos li{ font-size:1.1em;}

section > :last-child,
		article > :last-child
		{
			margin-bottom: 5em; /*era 0*/
		}

#generale, #sect_visite, #sect_contatti, #sect_modalita, #sect_scuole, #sect_pubblico, #sect_comearrivare, #sect_fotofilm, #sect_bambini, #sect_eventi, #sect_labbambini, #sect_staffcv, #sect_contributors
	{
		padding: 4.5em 0.6em 1em 0.6em;
	}
	
#sect_labinterf, #sect_labsmart {padding: 5.5em 0 1em 0;}

#sect_proiezioni3D h3 {	padding-top: 4.5em;}


#projections, #avventura, #nuovocorto
	{	width:100%;
		}

#proiezioni3D img /* css modificato */
	{
		width:100%;
		height:100%;
	}

#directions 
	{	padding:0.3em 0.3em;
		width:100%;
		font-size:1em;}

#map-contact
	{ 
		background-image:url(../images/bkg-contact-768.jpg);
		padding-top:44%;
		padding-left:0.3em;
		padding-right:0.3em;
	}

h2{	font-size:2.2em;}

.byline{	font-size:1em;}
.font-byline {
				font-size: 1em;
				}
.top {
	width: 30%;
	margin: 1em auto;
	font-size:0.8em;
}

#nav > ul > li
			{
				margin: -9px 0.1em 0 0.1em;
			}

.section_events{	font-size:1em;}

}

@media screen and (min-width: 769px) and (max-width: 1024px) {

h2{	font-size:2.2em;}

.byline{	font-size:0.9em;}
.font-byline {
				font-size: 1em;
				}


#tableinfo #ul-info .li-info {
	width: 50%;
	margin: 0 25% 1em 25%;    /* va bene inserire i margini al 25% DX e SX perchè ho forzato la width */
}

#tableinfo #ul-info > li:nth-child(2n) {
	margin-right: 0;
}

#tableinfo h2 { font-size:1.3em;}
.infocontainer .infos li{ font-size:1.1em;}


section > :last-child,
		article > :last-child
		{
			margin-bottom: 5em; /*era 0*/
		}

#generale, #sect_visite, #sect_contatti, #sect_modalita, #sect_scuole, #sect_pubblico, #sect_comearrivare, #sect_fotofilm, #sect_bambini, #sect_eventi, #sect_labbambini, #sect_labinterf, #sect_labsmart, #sect_staffcv, #sect_contributors
	{
		padding: 5.5em 1% 1em 1%;
	}

#sect_proiezioni3D h3 {	padding-top: 5.5em;}

#projections, #avventura, #nuovocorto
	{	width:100%;
		}
		
#nav > ul > li { padding:0.60em;}

.top {
	width: 25%;
	margin: 1em auto;
	font-size:0.8em;
}

#proiezioni3D img /* css modificato */
	{
		width:80%;
		height:80%;
	}

#directions 
	{ width:100%;
	font-size:1em;}

#map-contact
	{ 
		background-image:url(../images/bkg-contact-1024.jpg);
		padding-top:36%;
	}

.section_events{	font-size:1em;}

}

@media screen and (min-width: 1025px) and (max-width: 1366px) {
	

.byline
	{
		font-size: 1.25em;
		line-height: 1.25em;
	}

.font-byline {
				font-size: 0.8em;
				}
#generale, #sect_visite, #sect_contatti, #sect_modalita, #sect_scuole, #sect_pubblico, #sect_bambini, #sect_fotofilm, #sect_eventi, #sect_labbambini, #sect_labinterf, #sect_labsmart, #sect_staffcv, #sect_contributors
	{
		padding: 5.5em 8% 3em 8%;
		}

#sect_proiezioni3D h3 {	padding-top: 4em;}
#sect_bambini .top { width:30%;}

#tableinfo {
	/*margin: 2em auto;*/
	margin: auto;
	padding-bottom:2em;
	font-size:0.8em;
}

#tableinfo #ul-info .li-info {
	width: 30%;
	margin: 0 1.66666% 2em 1.66666%;

/*	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;*/
}

#projections 
	{	width:100%;
		font-size:0.9em;
		}

#directions 
	{	width:100%;
	}

#map-contact
	{
		background-image:url(../images/bkg-contact-1366.jpg);
		padding-top:36.5%;
	}

.top { width:25%;}


}

@media screen and (min-width: 1367px) and (max-width: 1920px) {
	
	
	#generale, #sect_visite, #sect_contatti, #sect_modalita, #sect_scuole, #sect_pubblico, #sect_bambini, #sect_fotofilm, #sect_eventi, #sect_labbambini, #sect_labinterf, #sect_labsmart, #sect_staffcv, #sect_contributors
	{
		padding: 5.5em 15% 5em 15%;
	}	

	#sect_proiezioni3D h3 {	padding-top: 3.5em;}
	#sect_bambini .top { width:20%;}

	#directions 
	{ width:100%;}

	#map-contact
	{
		background-image:url(../images/bkg-contact-1366.jpg);
		padding-top:42%;
		}

	
}
	
@media screen and (min-width: 1921px) and (max-width: 2560px) {
	
	
	#generale, #sect_visite, #sect_contatti, #sect_modalita, #sect_scuole, #sect_pubblico, #sect_bambini, #sect_fotofilm, #sect_eventi, #sect_labbambini, #sect_labinterf, #sect_labsmart, #sect_staffcv, #sect_contributors
	{
		padding: 5.5em 16% 5em 16%;
	}
}