body {
	 font-family:   Arial, sans-serif;color:#555; font-size:14px;  
	margin: 0px;   }


a ,a:hover,a:link,a:visited,a:active{text-decoration:none;}


h1, h2, h3, h4, h5{  font-family:Georgia, "Times New Roman", Times, serif; font-weight:100; padding:0px; margin:0px ; color:#960;}
h1 { font-size:21px;  text-align:center; margin-top:30px;margin-bottom:10px; padding:1% 0; background-color:#efefef;  }
h2 { font-size:19px; text-align:center; background-color:#CCC    }
h3 { font-size:17px;     }
 
.button {
	padding:8px 20px;
	font-size:1.0em; font-family:Arial, Helvetica, sans-serif;
	border:#ddd 1px solid;
	border-radius:3px;outline:0;
	background-color:#FFF;
	color:#557;
	text-decoration:none;
	cursor:pointer;
	vertical-align:middle;
}
.button:hover {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(50%, rgba(0, 0, 0, 0.08)), to(rgba(0, 0, 0, 0.15)));
	background-image:-webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.08) 50%, rgba(0, 0, 0, 0.15));
	background-image:-moz-linear-gradient(top, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.15));
	background-image:-o-linear-gradient(transparent, rgba(0, 0, 0, 0.08) 50%, rgba(0, 0, 0, 0.15));
	background-image:linear-gradient(transparent, rgba(0, 0, 0, 0.08) 50%, rgba(0, 0, 0, 0.15));
}
.button-green, .button-red, .button-blue, .button-orange, .button-warning, .button-yellow, .button-info {
	color:#FFF;
	border:0;
}
.button-green {
	background-color:#5da423
}
.button-red {
	background-color:#c60f13
}
.button-blue {
	background-color:#09f;
}
.button-orange {
	background-color:#FFA500;
}
.button-yellow {
	background-color:#e3b000;
}
.button-gray {
	background-color:#eee;
	border:0px;
	padding:7px 19px;
	border:#ddd 1px solid;
}
.button-warning {
	background-color:#C00;
}
.button-info {
	background-color:#36F;
}
.button-xsmall {
	font-size:0.8em;
}
.button-small {
	font-size:0.9em;
}
.button-big {
	font-size:1.1em;
}
.button-xbig {
	font-size:1.2em;
}
.my-form input[type="text"], .my-form input[type="password"], .my-form input[type="email"], .my-form input[type="url"], .my-form input[type="date"], .my-form input[type="time"], .my-form input[type="datetime"], .my-form input[type="number"], .my-form input[type="search"], .my-form select, .my-form textarea {
	display:inline-block;
	width:30px;
padding:5px 5px;
	outline:0;
	font-size:1.0em;
	border:#ddd 1px solid;
	border-radius:3px;
	background-color:#FFF;
	color:#777;
	vertical-align:middle;
}
.my-form input:not([type]) {
display:inline-block;
width:30px;
padding:5px 5px;
outline:0;
font-size:1.0em;
border:#ddd 1px solid;
border-radius:3px;
background-color:#FFF;
color:#777;
vertical-align:middle;
}
.my-form input[type="text"]:focus, .my-form input[type="password"]:focus, .my-form input[type="email"]:focus, .my-form input[type="url"]:focus, .my-form input[type="date"]:focus, .my-form input[type="time"]:focus, .my-form input[type="datetime"]:focus, .my-form input[type="number"]:focus, .my-form input[type="search"]:focus, .my-form select:focus, .my-form textarea {
	outline:0;
	border-color:#09f;
}
.my-form select {
	height:31px;
	background-color:#fffff;
} #page {
	padding: 0px;
	max-width: 1100px; width:100%;  
	margin: 0px auto 20px; padding:0px 0px 10px;  
}
 

/************************************************************************************
blocchi responsive
*************************************************************************************/
 .blocco  {content:"";
	display: block;
	float:left;
	 	
	display:table;width: 100%; max-width:1100px; margin:auto
} 
 .bloccox{content:"";
	display: block;
	float:left;
	 	
	display:table;width: 100%; max-width:1100px; margin:auto
}
 .bloccox  div { background-color:#FFF;   padding:0.5%; min-height:54px; vertical-align:middle ; display:block;   float:left; width:32.3%;text-align:left; border:1px solid #ddd; box-sizing: border-box; margin:0 0.5%  3px;  
} 

 .bloccox  div strong{ color:#000  
} 


 .bloccox2{content:"";
	display: block;
	float:left;
	 	
	display:table;width: 100%; max-width:1100px; margin:auto
}
 .bloccox2  div { background-color:#FFF; margin-bottom:3px; padding:0.5%; min-height:54px; vertical-align:middle ; display:block;   float:left; width:49%;text-align:left ; border:1px solid #ddd; box-sizing: border-box; margin:0 0.5%  3px;  
} 
 .bloccox2  div strong{ color:#000  
} 

.blocco:after {
	clear:both;
}
@media screen and (max-width: 940px) {
  .bloccox  div {   width:48%; 
}   
 .bloccox2  div {   width:99%; 
} 
}
@media screen and (max-width: 740px) {
  .bloccox  div {   width:99%; 
}   
 .bloccox2  div {   width:99%;  
} 
}
.res{ display: block;
	float:left;
	margin: 2% 0% 0% 0%;   }
	.res_2{ display: block;
	float:left;
	margin: 0% 0% 0% 2%;   }
.res:first-child { margin-left: 0; }
 

/*  banner index     */
 
    .s_1 { width: 6.5%; }
	.s_2 { width: 15.0%; }
	.s_3 { width: 23.5%;  }


	.s_4 {width: 25%;box-sizing: border-box;padding:0% 2% 1%; text-align:left }
	 
	.s_5 { width: 40.5%; }
	.s_6 { width: 40.0%;padding: 2% 5% 5%;margin-top:0  }
	.s_7 { width: 49%;padding: 2% 5% 5%;margin-top:0  }
	.s_8 { width: 66.0%; }
	.s_9 { width: 74.5%; }
	.s_10 { width: 83.0%; }
	.s_11 { width: 91.5%; }
	.s_12 { width: 100%;  }
	.s_12n { width: 100%; }
	
	.s_4 img{ margin:0 0%;max-width: 100%; text-align:center ;  }
	.s_1 img, .s_2 img,   .s_6 img, .s_12 img{  width: 100%;  }
	.s_2 img{  width: 96%; margin:2% 2% 10px; border:0px  }
	.s_3 img{  max-width: 100%;  }
	.s_8 img{  max-width: 100%;  }
	.s_4 img{   }
	.s_5 img{  width: 100%;  }
	.s_box img{  width: 60%;  }
	
	
	.msg_error{   color:#000; text-align:center;  padding:20px 20px  ; border:1px solid #C00; margin:20px;border-radius: 5px; -moz-border-radius: 5px;-webkit-border-radius: 5px; background-color:#ffcccc;}

.msg_attention{   color:#000;   text-align:center;  padding:20px 20px ; border:1px solid  #FC0; margin:20px;border-radius: 5px; -moz-border-radius: 5px;-webkit-border-radius: 5px; background-color:#ffffcc;}
 
.msg_complete{   color:#000;  text-align:center;  padding:20px 20px  ; border:1px solid  #060; margin:20px;border-radius: 5px; -moz-border-radius: 5px;-webkit-border-radius: 5px; background-color:#ccffcc;}
#modal { position: fixed;
	z-index:300;
	left:0px;
	top:0px;
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	height:100%;
	width:100%;
	background-color:#000;
	display:none;
	text-align:center}
#modalbox {
	position: fixed;
	z-index:320;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	display:none;
	text-align:center;
}#modalchiudi {
	 
	 z-index:350; position:absolute;
	background-image: url(img/close.png);
	background-position:50% 0;
	font-weight:bold; right:0px; top:0px;
	height:40px;
	width:40px;
	cursor:pointer;
	 
}
#modalchiudi:hover {
	color:#000;
	background-image: url(img/close.png );
	background-position:50% 40px;
}
#modalchiudi:hover { color:#000;   }

#modalbox img{ max-width:360px;
	width:100%;
	 
}