/*Box-sizing -*/

*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior:url('/test/grid/script/boxsizing.htc');}

/*Display block per gli elementi HTML5 su IE*/

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}

/* Immagini responsive */

img{vertical-align:middle;-ms-interpolation-mode:bicubic;left:25%;}

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

/* Stili di base e tipografia */

html{font-size:100%;}

body{margin: 0px;padding: 0px;font-family: Arial,Helvetica,sans-serif;font-size: 16px;line-height: 20px;color: #FFFFFF;background-color:#FFFFFF;-webkit-text-size-adjust:100%;}

a{color:#FFFFFF;text-decoration:none;}

a:hover{color:#FF0004;text-decoration:none;}

h2{font-size: 24px;line-height: 100%;margin-bottom: 5px;color: #000000;text-align: center;}

/* Griglia */

.contenitore{width: 960px;margin: 0 auto;padding: 0;background:#FFFFFF;position: relative;}

.riga{margin:0 0 0 0;}

.subriga{height:100%;}

.sottotitoli{height:100%;color:#FFFFFF;}

p{text-align: center;}

[class*='colonna-']{display:block;float:left;padding:0px;}

.colonna-2{width: 640px;}

.colonna-3{width: 320px;}

.contatti{background-color:#02FF00;}

.colonna-1{width:960px;}

/*Micro-clearfix*/

.contenitore:before,.contenitore:after,.riga:before,.riga:after{content:" ";display:table;}

.contenitore:after,.riga:after{clear:both;}

.contenitore,.riga{*zoom:1;bottom: 0px;}

/*Stili per le varie sezioni */ 

header{padding: 2px 0 0 15px;
	height: 90px;position: relative;
	border-bottom: medium solid #7B7B7B;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	background-color: #C8C8C8;
}

#logo{float:left;}

footer{
	width: 100%;
	font-size: 1em;
	padding: 0.5em 0 0.5em 0;
	text-align: center;
	color: #000000;
	border-top: medium solid #7B7B7B;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	background-color: #C8C8C8;
}

@media only screen and (min-width: 768px)and (max-width: 959px){
.contenitore{width:750px;}
.colonna-2{width:375px;}
.colonna-3{width:375px;}
.colonna-1{width:750px;}
}

@media only screen and (min-width: 480px)and (max-width: 767px){
.contenitore{width:460px;}
.colonna-1,.colonna-2,.colonna-3{width:460px;margin:0;}

.riga1{display:block;}
.riga2{display:none;}
}

@media only screen and (max-width:479px){
.contenitore{width:310px;}
.colonna-1,.colonna-2,.colonna-3{width:310px;margin:0;}

.riga1{display:block;}
.riga2{display:none;}
}