/*regole di reset*/
body,h1,h2,h3,p,ul,li{margin:0;padding:0;}
/*regole generiche*/
body{
	font-family: "Roboto", sans-serif;
	font-size:1em;	font-size:16px; font-weight:400; 
}
/*regole di layout*/
#header,#menu,#contenuto,#footer{padding:0.2em;}
	.columns > div{width:32%;margin-left:1.5%;}
	.columns .doubleColumn{
	width:65%;
	}
#contenitore{
	max-width:60em;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
}
#header{height:90px;
	margin-top:10px;
} 
#header img{width:10em;
	float:left;}
#header h1{
	font-size:1.7em;
	line-height:200%;
	letter-spacing:0.07em;
	font-weight:600;
	padding-top:1em;
	border-bottom:1px solid #ccc;
	}
#contenuto{width:100%;}
.columns{
	overflow:hidden;
	text-align:left;
}
.columns .singleColumn{
	width:100%;
	margin-top:20px; 
}
.columns > div{
	float:left;
	text-align:left;
}
.columns > div h2{
	font-size:1.7em;
	font-weight:600;
	text-align:left;
	letter-spacing:0.04em; 
	line-height: 130%;
}
.columns > div h3{
	font-size:1.3em; 
	font-weight:600; 
	letter-spacing:0.04em; 
	color:rgb(0, 128, 128); 
	border-bottom:1px solid #ccc; 
	padding:0.3em 0; 
	margin:0.5em 0; 
	text-transform:uppercase;
}
.columns > div h4{
	font-size:1.2em;
	line-height:100%;
	text-align:center; 
	font-weight:600; 
	color:rgb(0, 128, 128); 
	border-bottom:1px solid #ccc; 
	text-transform:uppercase; 
	padding:0.3em 0; 
	margin:1.2em 0; 
	letter-spacing:0.06em;
}
.columns > div h5{
	font-size:1em; 
	line-height:130%;
	text-align:center; 
	font-weight:600; 
	letter-spacing:0.02em;
}
.columns > div p{
	font-weight:400; 
	font-size:0.8em;
	line-height:150%;
}
.columns > div:first-child{
	margin-left:0;
}
.columns > div img{
	width:100%; margin:1.2em 0 0.5em; border-radius:6px;
}
.columns .doubleColumn{
	width:62%;	
	text-align:center;
	float:left;
}
.columns .doubleColumn h2{
	font-size:1.7em;
	font-weight:600;
	text-align:center;
	letter-spacing:0.04em; 
}
.columns .doubleColumn .num{
	width:33%;	
	text-align:center;
	float:left;
	margin:0 auto 20px;
}
.columns .doubleColumn .num p{
	text-align:center;
	text-transform:uppercase;
	line-height:120%;
	font-weight:600; 
	margin:0 auto;
}
.columns .doubleColumn .num h1{
	text-align:center;
	line-height:100%;
	font-weight:600; 
	margin:0 auto -10px;
}
.columns .doubleColumn .num h5{
	margin:-30px auto;
}
.columns .doubleColumn .num img{
	margin-top:0;	
	margin-bottom:-20px;
}
.columns .singleColumn{
	float:none;
	width:100%;
	margin:0;
}
.doubleColumn h5{
	font-size:1em;
	margin-bottom:10px;
	}	
.columns .rightColumn{
	float:right;
	width:32%;
	margin:0 5px;
	}
.columns .rightColumn h2{
	font-size:1.7em;
	font-weight:600;
	text-align:center;
	letter-spacing:0.04em;
}
.columns .rightColumn h4{
	line-height:130%;
	margin-top: 16px;
	}
.columns .rightColumn h5{
	line-height:160%;
	}
.columns .rightColumn iframe{
	float:right;
	margin-top: 16px;
}
#footer{
	width:100%;
	margin:0 auto 2em;
	text-align:center;
	border-top:1px solid #ccc;
	padding-top:1.5em;
}
#footer span{
	font-size:0.9em;
}
.columns > div.logo img{
	width:90%;margin:0 auto;
}
@media(max-width: 960px) {
	#contenitore{width:100%;}
	#header,#menu,#contenuto,#footer{padding:0.2em;}
	#header{margin-bottom:10px;}
.columns .rightColumn iframe {
	float:right;
	width:90%;
	margin:20px 2px;
	}
	.columns .singleColumn{
	width:100%;
		margin:20px auto;
}
	.columns > div img{
	width:100; margin:1em 0.5em;
}
	.columns > div{width:32%;margin-left:1.5%;}
	.columns .doubleColumn{width:65%;}
	#header{height:50px;
	margin-bottom:0;
	} 
	#header img{width:7em;
	margin-bottom:-10px;
		}
	#header h1{
	font-size:1.4em;
	line-height:140%;
	letter-spacing:0.05em;
	}
	.columns > div h3{
	font-size:1.05em;
	letter-spacing:0;
	}
	.columns > div{
	width:32%;
	}
	.singleColumn {
		margin:10px auto;
	}
	.columns .doubleColumn .num h1{
		font-size:1.4em;
	}
	.columns .doubleColumn .num p{	
		font-size:0.6em;
	}
	.columns .doubleColumn .num img{
	margin-top:0;	
	margin-bottom:10px;
	width:80%
	}
	.columns .rightColumn{
	width:30%;
	margin:0 5px;
	}
}
@media(max-width: 600px) {
	#header{height:40px;} 
	#header img{width:6em;}
	#header h1{
	font-size:1.3em;
	line-height:100%;
	padding-bottom:20px;
	}
	.columns .singleColumn{
	width:100%;
}
	.columns > div img{
	margin:2em auto 0;
	}
	.columns > div h2{
	font-size:1.4em;
}
	.columns .rightColumn h2{
	font-size:1.4em;
}
	.columns .rightColumn h4{
	font-size:1.1em;
}
	.columns > div h3{
	font-size:1em;
	}
.columns > div h4{
	font-size:1.1em;
	}
#contenitore .columns > div{
	margin-bottom:1em;
	}
.doubleColumn h4{
	font-size:1.1em;margin-bottom:0.5em;
	}
.columns .doubleColumn h2{
	font-size:1.4em;
}
#contenitore .columns .singleColumn > div.logo a{
	text-align:center;margin:0 auto;
	}
#contenitore .columns .singleColumn > div.logo a img{
	width:70%;
	}
#footer span{
	font-size:0.8em;}
#footer{
	padding-top:1.5em;}
		.columns > div h3{
	font-size:1em;
	}
	.columns > div h4{font-size:1.1em;
	}
	#contenitore .columns > div{width:100%;margin-left:0;float:none;margin-bottom:0.5em;}
.doubleColumn h4{font-size:1em;margin-bottom:0.5em;
	}
}
@media(max-width: 400px) {
	#header {height:50px;
}
	#header h1{
	letter-spacing:0;
	font-size:1.1em;
	line-height:160%;
	}	
#footer span{
	font-size:0.7em;}
.columns .doubleColumn h2{
	font-size:1.3em;
	letter-spacing:0;
}	
.columns .doubleColumn{
	margin-bottom:40px;
}	
.columns .rightColumn{
	width:100%;
	}
	.columns .rightColumn h2{
	font-size:1.3em;
	letter-spacing:0;
	}
	.columns .rightColumn iframe {
	width:100%;
	}
	.columns .doubleColumn .num img{
	margin-top:10px;	
	margin-bottom:-20px;
	}
	.columns .singleColumn{
	margin:0 auto 30px;
}
	.columns .singleColumn img{
	width:100%;
}
}