html{background:#000000 url("../but/bg.jpg") ;background-repeat: no-repeat;background-position: center top;}
body{margin:20px;padding:0;color:#F0F0F0;font-family:calibri,"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:85%;line-height:130%;}
div#container{position:relative;margin:0 auto;width: 850px;text-align:left;height: 100% ;}
div#container_login{position:relative;margin:10px 0 ;width: 600px;text-align:left;}
div#container_login div#content{text-align: left;width: 100%;margin: 10px 0 70px;padding: 0;}
/*div#container div#content p{color: #BFBFBF;margin: 0 5px;text-align: justify;font-size: 0.9em}*/
div#container div#content p.prodotti{padding: 5px 0;width: 65%;float: left;}
div#container div#content h2{color: #e69714;}
div#container div#content h3{color: #e69714;font: bold 1em trebuchet ms,arial;margin: 0;padding: 5px;width: 65%;float: left;}


abbr{border: 0;}

div#navigazione{float: left;width: 230px;}
div#navigazione .numero_verde{margin: 10px 10px auto;}
div#navigazione .img_daitem{margin: 10px 45px auto;}
div#navigazione .img_smoke{margin: 10px 0 auto;}
div#content{margin-left: 245px;text-align: justify;margin-right: 8px;padding: 1px;color: #CACACA;}
div#content p{margin:2px 0;padding:0;font: normal 1em calibri,"Lucida Grande","Trebuchet MS",Arial;}
div#content p.logout a, div#content p.logout a:visited, div#content p.logout a:active{color: #ff5a12;text-decoration: none;}
div#content p.logout a:hover{color: #cfcfcf;text-decoration: none;}
div#content p img.servizi{margin: 4px;}

/*div#header{position:relative;margin: 0 0 10px;width:100%;text-align:center;}*/
div#header{position: relative;height: 226px;width: 100%;margin: 0 0 10px;padding: 0;}
div#header .logo{float:left;}
div#header div#box_header{width: 850px;margin: 0 auto;padding: 0;}
div#header div#box_header div#logo_div{float:left;position:relative;top: 0px;width: 300px;}
div#header div#box_header div#logo_div img.logo{float:left; position:relative;top:0px;}
/*    IMMAGINE IN FLASH    */
div#header div#box_header div#presentazione{float:left;position:relative;left: 20px;top: 2px;width: 526px;height: 209px;background: url(../but/header.png) no-repeat ;}
div#header div#box_header div#presentazione span{padding: 0; position:relative;top: 7px;left: 8px;}

/*   LINK PER CONTENUTI   */
div#content a, div#content a:visited, div#content a:active{font-size:0.9em;color: #d8ab23;text-decoration: none;font-weight: normal;}
div#content a:hover{color: #CFCFCF;text-decoration: none;}

/*   LISTE PER CONTENUTI   */
div#content ol, div#content ul{font-size: 0.9em;}
div#content ul#servizi{font-size:1em;}

div#content ul#partners{font-size:1em;list-style-type: none;margin: 0 auto;padding: 0;float:left;width: 100%}
div#content ul#partners li{float:left; margin:20px;display: inline;}
div#content ul#partners li a img, div#content ul#partners li a:visited img, div#content ul#partners li a:active img{vertical-align: middle;border: 1px solid #052b58;background: #052b58;padding: 3px;}
div#content ul#partners li a:hover img{vertical-align: middle;border: 1px solid #e4b72d;background: #e4b72d;padding: 3px;}


div#content ul#anagrafica{font-size:0.9em;list-style-type: none;margin: 30px 0;padding: 0;}
div#content ul#anagrafica li{float:left;width: 50%; margin:0px;display: block;border-bottom: 2px solid #355f87;}
div#content ul#anagrafica li span{padding: 4px 0 4px;width: 30%;float: left;background: #0b356f;display:block;color: #e4b72d;vertical-align: middle;} 
div#content ul#anagrafica li.cento{width: 100%;}
div#content ul#anagrafica li.bg{width: 100%;background: #355f87; color: #cfcfcf;padding: 2px 0 2px;font-size: 1em;text-transform: uppercase;}
div#content ul#anagrafica li.cento span{width: 15%;}



/* PRIVACY */
div#content ul#privacy{float: left;width: 100%;list-style-type: none;margin: 0 auto;padding: 0;}
div#content ul#privacy li{margin: 0 0 10px;font-weight: bold; font-size:1.3em;color: #e69714;text-transform: uppercase;display: block;text-align: left;}
div#content ul#privacy li ul{list-style: none;margin: 0;padding: 10px 0;border-top: 2px solid #515151;}
div#content ul#privacy li ul li{font-weight: normal; font-size:0.9em;text-align: justify;color:#CFCFCF;text-transform: none;}




/*   FOOTER   */
div#torna_su{width: 100%;clear:left;text-align: right;font-size: 0.9em;}
div#torna_su a, div#torna_su a:visited, div#torna_su a:active{color: #93b8e5;text-decoration: none;font-weight: normal;}
div#torna_su a:hover{color: #CFCFCF;text-decoration: none;font-weight: normal;}

div#riga_footer{clear:left;width: 847px;border:1px solid #05111d;background: #132037;line-height: 2px;height: 2px;padding:0;margin: 0 0 5px;}
span.indirizzi{float: left;width: 239px;font-size: 0.9em;color: #b9b9b9;border-right: 1px solid #142035;}
span.indirizzi p{margin: 0;padding:0;}
span.indirizzi p.copy{margin: 10px 0;padding:0;}
span.indirizzi p.copy a, span.indirizzi p.copy a:visited, span.indirizzi p.copy a:active{color: #2f5ba6;text-decoration: none;}
span.indirizzi p.copy a:hover{color: #e4b72d;text-decoration: none;}

div.nav_bottom{vertical-align: top;margin:0 auto;color: #b9b9b9;text-align:center;font-size:0.9em;}
div.nav_bottom a, div.nav_bottom a:visited, div.nav_bottom a:active{color: #d8ab23;border-bottom: 1px dotted #4B3B0A;text-decoration: none;font-weight: normal;}
div.nav_bottom a:hover{color: #CFCFCF;border-bottom: 1px dotted #555555;text-decoration: none;}



h1{margin: 0px -10px 15px;display:block;font-weight:bold;text-transform: uppercase;color: #e4b72d;font-family:"Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif;font-size: 1.7em;}
h2{color: #e4b72d;border-top:1px solid #a8a8a8;border-bottom:1px solid #a8a8a8;padding:4px 0 4px;margin:0;display:block;font-weight:normal;
text-transform: uppercase;font-family: "Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif;font-size: 1.3em;font-weight: bold;}

h2.contatti_title{border: 0;margin: 10px 0 ;padding: 0;text-transform: uppercase;font-weight: bold;font-size: 1.2em;color: #e69714;}
h3{color: #fafafa;border-top:0px solid #a8a8a8;border-bottom:0px solid #a8a8a8;padding:7px 0;margin:0;display:block;font-weight:normal;
font-family: "Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif;font-size: 1.1em;font-weight: bold;}
h3.blue{color: #93b8e5;}



/* SERVIZI */
div#incendio{float: left;width: 100%;margin: 0;padding: 10px 0 10px;border-top: 2px solid #013461;}
div#incendio img{float: left;}
div#incendio div{float:left;width: 65%;}

ul.inline{margin: 0;padding: 0 17px;}
ul.inline li{display: inline;;}

div#content div#automazione{width: 100%;margin: 0 0 5px;padding: 0;}
div#container div#content h3{width: 100%;margin:0;padding:5px 0 5px;border-bottom: 0px solid #515151}
div#container div#content p{width: 100%;font-size: 0.9em;}
div#content div#automazione p img{float:left;margin: 2px;padding: 4px;border: 1px solid #000000;}


/* NAVIGAZIONE
/* regole generiche per la lista principale */
#example2{margin:0;padding:0;width:100%;list-style-type:none;color:#000000;border: 0;background:#ffffff;}

#example2 a{display:block;font-weight:normal;text-decoration:none;}

#example2 ul{overflow: hidden;margin:0;padding:0;}
#example2 li{margin:0;padding:0;list-style-type:none;border-bottom: 1px solid #fff;}

/* aspetto dell'intestazione (item 1, item 2, etc) */
#example2 li a{width:215px;padding:5px 0 5px 15px;display:block;color:#000000;background-image:url(../ha-header.jpg);background-repeat:no-repeat;background-position:top;background-color: #ababab;}
#example2 li a img{border:0;vertical-align: middle;}


/* aspetto dell'intestazione (item 1, item 2, etc) quando è chiusa*/
#example2 li a.closed{color:#000000 !important;background-image: url(../ha-header.jpg) !important;border: 0;background-color: #ababab;background-repeat:no-repeat;background-position: top;}
#example2 li a:hover{width:215px;padding:5px 0 5px 15px;display:block;color:#000000;background-image:url(../ha-header-active.jpg);background-color: #7e8da4;background-repeat:no-repeat;background-position: top;} 

/* aspetto dell'intestazione di item 1 quando è chiuso */
#example2 li.firstitem a.closed{color:#000000 !important;background-image:url(../ha-header-first.jpg) !important;background-repeat:no-repeat;background-position:top;background-color: #ababab;}
/* aspetto dell'intestazione di item 1 quando è chiuso */
#example2 li.firstitem a.closed:hover{color:#000000 !important;background-image:url(../ha-header-first-active.jpg) !important;background-color: #7e8da4;background-repeat:no-repeat;background-position: top;}


/* aspetto dell'intestazione di item 4 (ultimo) quando è chiuso
#example2 li.lastitem a.closed{color:#000000 !important;background-image:url(../ha-header-last.jpg) no-repeat bottom !important;}*/

#example2 li li{font-size: 0.9em;border-left:1px solid #E5E5E5;border-right:1px solid #E5E5E5;padding:0 ;line-height: 20px;width: 228px;}

#example2 li li span{display:block;background: transparent;border-bottom:1px solid #cccccc;height: auto;}
#example2 li li span a, #example2 li li span a:active, #example2 li li span a:visited{background: transparent;padding:0;margin: 0;}
#example2 li li span a:hover{color: #FF8C00;background: transparent; padding:0;margin: 0;}
#example2 li li span a .freccie_sub{border:0;vertical-align: middle;} */

/* aspetto delle intestazioni quando sono aperte/attive*/
#example2 li a.opened{background-image:url(../ha-header-active.jpg);background-color: #7e8da4;background-repeat:no-repeat;background-position: top;color:#FFFFFF;}
#example2 li.firstitem a.opened{background-image:url(../ha-header-first-active.jpg);background-color: #7e8da4;background-repeat:no-repeat;background-position: top;color:#FFFFFF;}
#example2 li.lastitem li{margin-bottom: -4px;}
#example2 li.lastitem ul{background-image:url(../ha-footer.jpg);background-repeat:no-repeat;background-position:bottom;padding-bottom:4px;}



/* TABELLA MAPPA GOOGLE */
div.cartina_google{border: 0;background: #ffffff; font-size: 0.9em;color: #000;margin: 0;padding:0;height: 80px;width: 200px;}

div.cartina_google p{font: normal 0.9em "Lucida Grande","Trebuchet MS",Verdana,Arial,sans-serif;color: #000000;text-align:left;}
/* DATI GOOGLE MAP */
div.indicazioni_dovesiamo{float:left;margin: 0;width: 100%;padding: 0;text-align: left;font: 0.9em "Lucida Grande","Trebuchet MS",Verdana,Arial,sans-serif;}
div.txt_dovesiamo{margin: 5px 0 5px;padding: 5px 0 5px;border-top:2px solid #515151;}
div.dati_contatti{padding: 10px 0 10px;border-bottom:2px solid /*#e4b72d*/  #a8a8a8; }
div.dati_contatti h2{border: 0;margin: 0;padding: 0;text-transform: uppercase;font-weight: bold;font-size: 1.2em;color: #e69714;}

a img.galleria, a:visited img.galleria, a:active img.galleria{padding:2px;border:1px solid #9199ac;}
a:hover img.galleria{padding:2px;border:1px solid #e4b72d;background: #e4b72d /*#3371a9*/;}
img.galleria{float:left;margin: 3px;width: 136px;height: 96px;}

div#lista_servizi{margin:0 auto;float: left;text-align:left;width: 100%;}
div#lista_servizi h2{width: 100%;float: left;font-size: 1em;text-align:left;}
div#lista_servizi div{float:left;width: 200px;height: 200px;}
div#lista_servizi div img{margin: 4px;padding:4px;border:0px solid #9199ac;}

div#lista_servizi p{float: left;width:64%;text-align: justify;margin: 0 ;}

div#non_disponibile{margin: 0 auto;text-align:center;width: 60%;color: #f7f7f7;border: 2px solid #064c91;background: #063261;padding: 50px 0 50px;filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}


form#categoria_immagini{float: left;margin:0 auto;padding:0 0 5px;text-align:left;width:100%;top: 5px;font-family: "Lucida Grande","Trebuchet MS",Verdana,Arial,sans-serif;}
form#categoria_immagini fieldset{float:left;width:100%;margin: 0 auto;padding: 0;border:0;}
form#categoria_immagini fieldset{font-size: 0.9em;}
form#categoria_immagini fieldset select{vertical-align: middle;font-size: 0.9em;}

/* CONTATTI */
form#contatti{float: left;margin:0 auto;padding:0;text-align:left;width:100%;top: 5px;font-family: "Lucida Grande","Trebuchet MS",Verdana,Arial,sans-serif;}
form#contatti fieldset#informazioni{float:left;width:100%;margin: 0 auto;padding: 0;border:0;}
form#contatti fieldset#informazioni h3{clear:left;width: 100%;display:block;font-weight: bold; font-size:0.9em;text-transform: uppercase;word-spacing: 1px;
text-align: left;background:#d6d6d6 url(../but/bg_h3_contatti.jpg) repeat-x bottom;color: #000000;margin: 0 0 5px;padding: 1px 0 1px;
/*
margin: 0;padding: 0;color: #c20000;font-weight: bold; font-size:1em;text-transform: uppercase;*/}
form#contatti fieldset#informazioni div p{margin: 2px 0;font-weight: bold; font-size:0.9em;color: #ff9c00;text-align:left;}

form#contatti fieldset#informazioni div{float:left;width:100%;padding: 1px;border-bottom: 1px dotted #0F2B46;}
form#contatti fieldset#informazioni h2.legend{font-weight: bold; font-size:0.9em;background:#d6d6d6 url(../but/bg_h3_contatti.jpg) repeat-x bottom;color: #000000;padding: 4px;
border-bottom: 1px dotted #e7efca;width: 98%;}
form#contatti fieldset#informazioni div.no_border{border: 0;}
form#contatti fieldset#informazioni div.left{float: left;width: 48%;}
form#contatti fieldset#informazioni div.cento{float: left;width: 98%;}
form#contatti fieldset#informazioni div input.input_corto{width: 50px;}
form#contatti fieldset#informazioni div label{float:left;width:130px;display: inline;line-height:23px;font-weight: normal;font-size:0.9em;padding: 1px;}
form#contatti fieldset#informazioni div label strong, form#contatti fieldset#inserimento_codicesicurezza div strong{font-weight: bold;color: #ff9c00;}
form#contatti fieldset#informazioni div input{width: 200px;font: normal 0.9em "Trebuchet MS",Verdana,Arial,sans-serif;}
form#contatti fieldset#informazioni div textarea{width: 420px;font: normal 0.9em "Trebuchet MS",Verdana,Arial,sans-serif;}

/*CONTATTI --> PRIVACY */
form#contatti fieldset#informazioni div#privacy{float:left;width:100%;padding: 5px 0 5px;border: none;}
form#contatti fieldset#informazioni div#privacy h3{width: 100%;display: block;font-weight: bold; font-size:0.9em;text-align: left;
background:#d6d6d6 url(../but/bg_h3_contatti.jpg) repeat-x bottom;color: #000000;margin: 0;padding: 1px 0 1px;}
form#contatti fieldset#informazioni div#privacy label.check{float:left;width:99%;display: inline;line-height:23px;font-weight: normal; font-size:0.9em;padding: 0 2px;text-align: justify;}
form#contatti fieldset#informazioni div#privacy label.check_termini{color: #ffcc00;float:left;width:100%;display: inline;line-height:20px;font-weight: normal; font-size:0.9em;padding: 0 ;text-align: justify;}

form#contatti fieldset#informazioni div#privacy input.checkbox{border:none;width: 30px;background: none;margin: 0 auto;padding: 0;font: normal 0.9em "Trebuchet MS",Verdana,Arial,sans-serif;}

/*CONTATTI --> CODICE DI SICUREZZA */
fieldset#inserimento_codicesicurezza{float:left;width:100%;margin: 0 auto;padding: 0;border:0;}
fieldset#inserimento_codicesicurezza h3{width: 100%;display:block;font-weight: bold; font-size:0.9em;text-transform: uppercase;
text-align: left;background:#d6d6d6 url(../but/bg_h3_contatti.jpg) repeat-x bottom;color: #000000;margin: 0;padding: 1px 0 1px;}
fieldset#inserimento_codicesicurezza div{width: 100%;font-weight: normal; font-size:0.9em;margin: 5px 0;}
fieldset#inserimento_codicesicurezza div img#captcha{float: left;margin-right: 10px;padding: 3px;background:#000000;}
fieldset#inserimento_codicesicurezza div p{width: 100px;text-align: left;border: 1px solid #000;}

fieldset#inserimento_codicesicurezza div input{font: normal 1em "Trebuchet MS",Verdana,Arial,sans-serif;width: 10px;vertical-align: middle;}
fieldset#inserimento_codicesicurezza div a img{border:0;vertical-align: middle;width: 16px;height: 16px;}

form#contatti fieldset#conferma_informazioni{float:left;width:100%;margin: 0 auto;padding: 0;border:0;}
form#contatti fieldset#conferma_informazioni div#conferma_informazioni_but{text-align:center;width:100%;padding: 5px 0 5px;border: 0;}

div#conferma_informazioni_but #invia{background: url(../but/invia_hover.jpg) no-repeat;font-size: 0.8em;width: 100px;height: 22px;border:0;font-weight: normal;color: #000000;}
div#conferma_informazioni_but #invia:hover{background: url(../but/invia.jpg) no-repeat;font-size: 0.8em;width: 100px;height: 22px;border:0;font-weight: normal; color: green;}
div#conferma_informazioni_but #annulla{background: url(../but/invia_hover.jpg) no-repeat;font-size: 0.8em;width: 100px;height: 22px;border:0;font-weight: normal;color: #000000;}
div#conferma_informazioni_but #annulla:hover{background: url(../but/invia.jpg) no-repeat;font-size: 0.8em;width: 100px;height: 22px;border:0;font-weight: normal; color: red;}




h2.titolo_errore{margin: 0 auto;font-weight: bold;font-size: 1.5em;text-align: center;border: 0;}
/* CONTATTI RIPROVA */
div#msg_send{margin: 0 auto;padding: 5px; text-align: center;width: 70%;border: 1px solid #194e7a;font: normal 0.9em "Trebuchet MS",Verdana,Arial,sans-serif;}
div#msg_send .p_1_send{display: block;padding:6px;margin: 0; background: #194e7a;font-size: 1em;text-align: center;}
div#msg_send .p_2_send{display: block;padding:6px;margin: 0;font-size: 1em;text-align: center;}

#riprova{width:100px;height: 22px;margin: 0 auto;padding: 0;text-align: center;border:0; background: url(../but/invia_hover.jpg) no-repeat;font: normal 0.8em "san serif",verdana,times; color: #000000;}
#riprova:hover{width:100px;height: 22px;margin: 0 auto;padding: 0;text-align: center;border:0; background: url(../but/invia.jpg) no-repeat;font: normal 0.8em "san serif",verdana,times; color: green;}


/* MESSAGGIO INVIATO */
div#send_inviato{margin: 0 auto;padding: 0;width: 80%;text-align:center;}
div#send_inviato h1{padding: 3px;color: #698C22;margin: 0 auto;text-align:center;font: bold 1.7em "Times New Roman","Trebuchet MS",Verdana,Arial,sans-serif;border: 0;}
div#send_inviato p {clear:left;margin: 0 auto;text-align: center;background: url(../but/mail23.gif) no-repeat center;width: 107px;height: 35px;}



/* NUMERAZIONE PAGINE */
.p_num_bottom{float:left;width: 100%;margin: 0 auto;padding: 0;font-family: "Trebuchet MS","Lucida Grande",Verdana,Arial,"sans-serif";}	

.p_num_bottom .num_pagine{vertical-align: middle;padding-top: 2px;border: 0;}

.p_num_bottom .num_attivo{color: #fff;margin:0 0 0 1px;padding: 2px 5px 2px 5px;font-weight:normal; font-size:0.8em ;background: #3371a9;border: 0;text-transform: uppercase;}

a.numerazione, a.numerazione:active, a.numerazione:visited{color: #000;margin:0 0 0 1px;padding:1px 5px 1px 5px;font-size: 0.8em;border-right: 0;background: #14467a;}

.p_num_bottom a:hover.numerazione{color: #ffffff;margin:0 0 0 1px;padding: 1px 5px 1px 5px;font-size: 0.8em;background: transparent;border-right: 0;}

.p_num_bottom a, p_num_bottom a:visited, .p_num_bottom a:active{color: #000;border: 0;text-decoration: none;}
.p_num_bottom a:hover{border-bottom: 0;color: #000;text-decoration: none;}


/*STILI PER BOX LOGIN*/
form#login{width:70%;position:relative;float: left;padding: 5px;margin:0 auto;border: 3px solid #052b58;background: #164a79;}
form#login fieldset#immagine{float: left;width: 20%;border:0;margin: 0px;padding: 0;height: 220px;}
form#login fieldset#inserisci_dati{float: left;width: 76%;border:0;margin: 0;padding: 15px 0;}
form#login fieldset#inserisci_dati div{width: 100%;margin: 0;padding: 0;float: left;}

form#login fieldset#inserisci_dati div p{margin: 0 auto;text-align: left;float: left;font-size: 0.9em;}
form#login fieldset#inserisci_dati div p span{margin: 4px 0 auto;text-align: left;float: left;font-size: 0.9em;}
form#login fieldset#inserisci_dati div p input{width: 70px;font-size: 0.9em;}
form#login fieldset#inserisci_dati div img{float:left;border: 1px solid #000;padding: 1px;background: #000;}
form#login fieldset#inserisci_dati div p a img.img_captcha{border: 0;}
form#login fieldset#inserisci_dati div p a, fieldset#inserisci_dati div p a:active, fieldset#inserisci_dati div p a:visited{float:left;font-size:0.9em;}
form#login fieldset#inserisci_dati div p a:hover{font-size:0.9em;}
form#login fieldset#inserisci_dati legend{margin: 0;padding: 0;width: 100%;text-align: left;}

form#login fieldset#inserisci_dati div label{float: left;width: 100px;font-size: 0.9em;line-height: 22px;}
form#login fieldset#inserisci_dati div input{vertical-align: middle;font-size: 0.9em;width: 150px}

form#login fieldset#conferma{float: left;width: 76%;border:0;margin: 0 ;padding: 0;}
form#login fieldset#conferma div input{width:100px;height: 22px;margin: 0 auto;padding: 0;text-align: center;border:0; background: url(../but/invia_hover.jpg) no-repeat;font: normal 0.8em "san serif",verdana,times; color: #000000;}