/* CSS Document */

body { padding:0px; margin:0px;}
#header { background-color:#FFF; width:100%; font-family:'Open Sans', serif; margin-top:0px;}
#header #headerContent { width:100%; max-width:1000px; text-align:center; margin:0 auto;}
#header #headerContent #logo { width:100%; max-width:1000px; margin:10px auto; text-align:left;}
#header #headerContent #slogan { display:inline; float:left; text-align:center; font-size:14px; color:#005f7f; margin-left:150px; margin-top:40px; line-height:16px;}
#header #headerContent #slogan span.titolo { font-size:25px; color:#005f7f; line-height:33px;}
#header #social { width:100%; background-color:#dfdfdf; text-align:center; }
#header #social img { margin:5px;}

.clear { clear:both;}

#menu { height:40px; background-color:#0099cc; width:100%; margin-top:0px; font-family: 'Montserrat', sans-serif; font-size:15px; color:#FFF;}
#menu #vociMenu { width:100%; max-width:1000px; line-height:40px; margin:0 auto; text-align:center;}
#menu #vociMenu a:link, #menu #vociMenu a:active, #menu #vociMenu a:visited { color:inherit; text-decoration:none; padding:0 10px;}
#menu #vociMenu a:hover { color:#000000; text-decoration:none;}
#menu #vociMenu a.active { color:#26282a; padding-top:11px; padding-bottom:10px; background-color:#fff; }

#contenuti { width:100%; max-width:1000px; margin:0 auto;}

#barraBianca { background-color:#fff; width:100%; height:auto;}
#barraBianca #content { width:100%; max-width:1000px; margin:0px auto; padding:20px 0; font-size:13px; color:#333; font-family:'Open Sans', serif; font-weight:600; text-align:justify; }
#barraBianca #content strong { font-weight:700; color:#333333;}
#barraBianca #content h1 { font-family:'Economica', sans-serif; font-size:35px; color:#103d60; margin:0px; line-height:30px; margin-bottom:10px; font-weight:bold;}
#barraBianca #content h2 { font-family:'Economica', sans-serif; font-size:35px; color:#103d60; margin:0px; line-height:30px; margin-bottom:10px; font-weight:bold;}

#barraBianca #content div.elenco { width:33%; float:left; margin-top:10px;}
#barraBianca #content div.elenco ul { margin-top:0px; margin-bottom:0px;}

#barraBianca #content table td#description strong { font-family:'Economica', sans-serif; font-size:35px; color:#103d60; margin:0px; line-height:50px; margin-bottom:10px; font-weight:bold;}
#barraBianca #content table td#description em { color:#333; font-family:'Open Sans', serif; font-weight:bold; font-style:normal !important;}

#barraBianca #content div.fieldForm { margin-bottom:5px;}
#barraBianca #content label { width:90px; display:inline-block; text-align:left; color:#005f7f !important; font-weight:bold; }
#barraBianca #content .bordoRosso { width:200px; height:18px; font-family:'Open Sans', sans-serif; font-size:12px; border:1px solid #CCC;}
#barraBianca #content .bordoRossoBig { width:380px; height:125px; font-family:'Open Sans', sans-serif; font-size:12px; border:1px solid #CCC;}

#barraBianca #content #bottoni { float:right; margin-right:210px; margin-top:5px; margin-bottom:15px;}
#barraBianca #content #bottoni a:link, #barraBianca #content #bottoni a:active, #barraBianca #content #bottoni a:visited { font-weight:bold; text-decoration:none; color:#333;}
#barraBianca #content #bottoni a:hover {color:#005f7f; }

.box_pag_prodotti { width:24%; margin-right:1%; float:left; margin-top:30px; margin-bottom:20px }

#barraAzzurra { background-color:#b2d3f4; width:100%; height:auto; padding:15px 0;}
#barraAzzurra #content { width:100%; margin:0 auto; max-width:1000px; font-size:13px; color:#333; font-family:'Open Sans', serif; font-weight:600;}
#barraAzzurra #content .bordoRosso { width:200px; height:18px; font-family:'Open Sans', sans-serif; font-size:12px; border:1px solid #CCC;}
#barraAzzurra #content a:link, #barraAzzurra #content a:visited, #barraAzzurra #content a:active { font-weight:bold; text-decoration:none; color:#333;}
#barraAzzurra #content a:hover {color:#005f7f; }
 

#barraGrigia { background-color:#dfdfdf; width:100%; height:auto;}
#barraGrigia #content { width:100%; margin:0px auto; max-width:1000px; padding:20px 0; font-size:13px; color:#333; font-family:'Open Sans', serif; font-weight:600; text-align:justify; }
#barraGrigia #content input { width:90%; height:20px; border:1px solid #CCC; font-family:'Open Sans', serif; font-weight:600; font-size:11px;}
#barraGrigia #content textarea { width:90%; height:162px; font-family:'Open Sans', serif; font-weight:600; font-size:11px; border:1px solid #CCC;}
#barraGrigia #content a:link, #barraGrigia #content a:active, #barraGrigia #content a:visited { font-weight:bold; text-decoration:none; color:#333;}
#barraGrigia #content a:hover {color:#005f7f; }

#barraGrigia #content strong { font-weight:700; color:#0099cc;}
#barraGrigia #content h1 { font-family:'Economica', sans-serif; font-size:35px; color:#103d60;  margin:0px; line-height:30px; margin-bottom:10px; font-weight:bold; }
#barraGrigia #content h2 { font-family:'Economica', sans-serif; font-size:35px; color:#103d60;  margin:0px; line-height:30px; margin-bottom:10px; font-weight:bold; }

#barraGrigia #content div.boxHome { width:224px; float:left; margin-left:30px;}
#barraGrigia #content div.boxServizi { width:100%; float:left;}
#barraGrigia #content div.boxServizi .testo_servizi { float:left; width:100%; max-width:766px;}
#barraGrigia #content div.boxServizi .immagini_servizi { float:left; display:inline; margin-right:10px;}
#barraGrigia #content div.boxHome h2, #barraGrigia #content div.boxServizi h2 {font-family:'Oswald', sans-serif; font-size:20px; color:#005f7f; padding:0px; margin:0px; line-height:20px; margin-bottom:10px; font-weight:normal;}

#barraBianca #content div.puntini { border-bottom:1px dotted #999; height:1px; margin-top:10px; margin-bottom:10px;}
#barraGrigia #content div.puntini { border-bottom:1px dotted #999; height:1px; margin-top:10px; margin-bottom:30px;}

#barraGrigia #content div#elencoPuntato { font-family:'Oswald', sans-serif; font-size:15px; color:#55676f; font-weight:normal; float:left; margin-top:10px;}
#barraGrigia #content div#elencoPuntato ul { padding-left:15px !important;}
#barraGrigia #content div#elencoPuntato ul li { line-height:30px !important;}

#barraGrigia #content div#elencoPuntatoMobile { font-family:'Oswald', sans-serif; font-size:15px; color:#55676f; font-weight:normal; float:left; margin-top:10px; display:none;}

#barraGrigia #content div.immagine { float:left; margin:0 12px;}
#barraGrigia #content #mappa { width:100%; max-width:998px; height:350px; border:1px solid #333; margin-top:10px;}

#footer { height:80px; background-color:#103d60; width:100%;}
#footer #footerContent { width:100%; max-width:1000px; margin:0 auto; padding-top:15px; font-size:13px; font-family:'Open Sans', serif; color:#ffffff; text-decoration:none;}
#footer #footerContent #indirizzo { width:80%; float:left; text-align:left;}
#footer #footerContent #credits { width:20%; float:right; text-align:right;}
#footer #footerContent a:link, #footer #footerContent a:active, #footer #footerContent a:visited { color:#FFF; text-decoration:none;}
#footer #footerContent a:hover { color:#bbbdbe; text-decoration:none;}

#menu_mobile { display:none;}
#sloganMobile { display:none;}
#socialMobile { display:none}
#news_mobile { display:none}

.button_non_active { padding:10px 20px; background-color:#ccc; margin-right:1px; border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #999;border-bottom:1px solid #999; color:inherit; text-decoration:none; cursor:pointer }
.button_active {padding:10px 20px; background-color:#fff; margin-right:1px; border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #999;border-bottom:1px solid #FFF; color:#0099cc; text-decoration:none; cursor:pointer}

#imgs { display:none}
#docs { display:none}

#imgs_m { display:none}
#docs_m { display:none}


div.active-tab { padding:4px 10px; background-color:#eee; border:1px solid #eee; margin-right:1px; display:inline-block}
div.no-active-tab { padding:4px 10px; background-color:#fff; border:1px solid #eee; margin-right:1px; display:inline-block}

div.active-tab a:link, div.active-tab a:active, div.active-tab a:visited { color:#0099cc; text-decoration:none}
div.no-active-tab a:link, div.no-active-tab a:active, div.no-active-tab a:visited { color:#777; text-decoration:none}
div.no-active-tab a:hover { color:#0099cc}
#cat_faq_mobile { display:none;}

/*Initialize*/
ul#menuD, ul#menuD ul.sub-menu {
    padding:0;
    margin: 0;
	z-index:10000000;
}
ul#menuD li, ul#menuD ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
}
/*Link Appearance*/
ul#menuD li a, ul#menuD li ul.sub-menu li a {
    text-decoration: none;
    color: #fff;
    
}

ul#menuD li ul.sub-menu li {
	background-color:#dfdfdf;
	width:150px;
	text-align:left;
	font-size:20px;
	border-bottom:1px dotted #FFF;
	padding:0;
	line-height:17px;
	color:#000
}

ul#menuD li ul.sub-menu li:hover { background-color:#103d60 !important; color:#FFF !important;}
.liactive { background-color:#103d60 !important; color:#FFF !important;}

ul#menuD li ul.sub-menu li a {
    text-decoration: none;
    color: inherit !important;
    
}

ul#menuD li ul.sub-menu li.last { border-bottom:none !important}

ul#menuD li ul.sub-menu li a { font-size:11px !important; padding:5px 5px !important;}
/*Make the parent of sub-menu relative*/
ul#menuD li {
    position: relative;
}
/*sub menu*/
ul#menuD li ul.sub-menu {
    display:none;
    position: absolute;
    top: 35px;
    left: 0;
    width: 100px;
}
ul#menuD li:hover ul.sub-menu {
    display:block;
}

.container_form { width:85% !important; margin:0 auto; font-weight:400;} 
.field_form { width:90%;background-color:#FFF; border:0px solid #333;height:25px;  font-size:16px;}
.textarea_form { width:100%; background-color:#FFF; border:0px solid #333;height:250px; resize:none;  font-size:17px;}
.button_form { background-color:#103d60; color:#FFF !important; padding:5px 10px; font-weight:400; text-decoration:none}

 
@media (max-width: 980px) { 
	#menu #vociMenu a:link { font-size:14px !important; padding:0 7px;}
	#barraBianca #content { width:90% !important}
	#barraGrigia #content { width:90% !important}
	#header #headerContent #slogan { margin-left:30px;}
	#footer #footerContent #indirizzo { width:59% !important; float:left; text-align:left;}
	#footer #footerContent #credits { width:40% !important; float:right; text-align:right; margin-top:10px;}
	#barraGrigia #content div#elencoPuntatoMobile { display:block !important;}
	#barraGrigia #content div#elencoPuntato { display:none !important}	
	#barraGrigia #content div.boxHome { width:95% !important; float:left; margin-left:30px; margin-bottom:30px;}
	#barraGrigia #content div.boxHome img { float:left; margin-right:10px; margin-bottom:10px; }
	.box_pag_prodotti { width:49%; margin-right:1%; float:left; margin-top:15px; margin-bottom:15px }
	.responsive-accordion { width:70% !important}
	.br_clear { clear:both;}
}

@media (max-width: 870px) {
	.responsive-accordion { width:65% !important}
}

@media (max-width: 760px) {
	#menu #vociMenu { display:none !important}
	#menu_mobile { display:block; width:90%; margin:0 auto; border:1px solid #666; height:25px; font-family:'Oswald', sans-serif; font-size:15px;}
	#menu { padding-top:7px !important; height:33px !important;}
	div.elenco { width:50% !important; }
	#news_no_mobile img#foto { width:304px !important}
	.responsive-accordion { width:100% !important}
	#cat_faq_no_mobile { display:none;}
	#cat_faq_mobile { display:block; text-align:center;}
}

@media (max-width: 740px) { 
	#slogan { display:none !important}
	#sloganMobile { display:block; width:100%; text-align:center; font-size:13px; color:#005f7f;}
	#sloganMobile span.titolo { font-size:20px; color:#005f7f; line-height:30px;}
	#social { display:none !important}
	#socialMobile { display:block; width:100%; text-align:center}
	#socialMobile img { margin:10px 5px !important}
	#header #headerContent #logo { width:100% !important; text-align:center !important; float:none !important; display:block !important}
	div.elenco { width:100% !important; }
	div.immagine { float:none !important; width:100% !important; text-align:center; margin-bottom:15px !important;}
	#col_form { width:50% !important;}
	.foto_gall { width:104px !important; margin:5px !important;}
	.foto_gall img { width:104px !important; height:69px;}
	#news_no_mobile img#foto { width:204px !important}
	#footer #footerContent #indirizzo { width:100% !important; text-align:center;}
	#footer #footerContent #credits { width:100% !important; text-align:center; margin-top:10px;}
	#footer { height:130px !important;}

	#elencoPuntatoMobile { margin-bottom:20px;}
	#elencoPuntatoMobile div { width:100% !important; text-align:center; }
	#barraGrigia #content div.boxHome img { float:none !important; margin-right:0px !important; width:100% !important; height:auto; margin-bottom:10px; }
	#barraGrigia #content div.boxHome { width:90% !important; }
	#cat_prod { float:none !important; }
	#col_form { width:100% !important;}
	#news_mobile { display:block !important;}
	#news_no_mobile { display:none;}
	#formPart1 { margin-right:0px !important}
	#barraBianca #content .bordoRossoBig { width:270px !important}
	#barraBianca #content .bordoRosso { width:178px !important}
	#barraBianca #content #bottoni { margin-right:20px !important}
	#news_mobile img#foto { width:100% !important}
	.box_pag_prodotti { width:99%; margin-right:1%; float:left; margin-top:15px; margin-bottom:15px }
	
	.field_form { width:90%;background-color:#FFF; border:0px solid #333;height:25px; font-family: 'Marvel', sans-serif; font-size:17px;}
	.container_form .campi_form { width:100% !important; text-align:left !important;}
	.container_form .campi_form input { width:100% !important}
}