/*html{width:100%; height:100%; margin:0px; padding:0px; background:url(../css-img/bg-html.gif) repeat-x top #ffd733;}
body{color:#444444; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-size:1em; margin:0px 0px 0px 0px; padding:0px; text-align:center; background:url(../css-img/bg-body.gif) repeat-x 0px 342px;}*/

html{background:url(../css-img/bg-html4.gif) repeat-x 0px 0px #fffcc9;}
body{font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-size:1em; margin:0px; padding:0px; background:url(../css-img/bg-html3.gif) repeat-y center}
#pagina{width:1000px; color:#444444; margin:0px auto 0px auto; padding:0px 0px 0px 0px; text-align:center; background:url(../css-img/bg-html.gif) repeat-x 0px 0px #fffcc9;}

a{color:#0018a8; font-weight:bold; text-decoration:none;}
a:hover{color:#555555;}
img{border:none;}

.grande {font-size:1.3em;}

ul, li, ol{list-style:none;}
ul, li, ol, div, table, p, h1, h2, h3, h4, h5{margin:0px; padding:0px;}

.sostituisci{position: relative; margin:0px; padding:0px; /*nascondi l'overflow per i browser da Explorer 5/mac */ overflow:hidden;	/**/}
.sostituisci span {display:block; position:absolute; top:0;	left:0px; z-index: 1; /*accorgimento per Opera 5 e 6*/}
.sostituisci a {display:block; position:absolute; top:0; left:0px; z-index: 1; /*accorgimento per Opera 5 e 6*/}

.dx{float:right;}

#header{width:990px; text-align:left; margin:0px auto; padding:0px 5px; background:url(../css-img/bg-testata.gif) no-repeat;}
#cont-elioriale{width:305px; display:block; height:55px; margin:15px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; text-align:center; font-size:0.70em; color:#000000;}
#cont-elioriale h2{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:1.1em; color:#000000;}
#tit-elioriale, #tit-elioriale span, #tit-elioriale a{width:305px; height:55px; display:block; background: url(../css-img/eliografia-logo.gif) top left no-repeat; margin:0px; padding:0px; font-size:0px; color:#dabd08;}

#navigator{width:518px; float:right; margin:85px 0px 0px 0px; font-size:0.78em; background:url(../css-img/eliografia-tastop.gif) repeat-x;}
#navigator li{width:74px; line-height:34px; display:block; float:left; text-align:center;}
#navigator li.alto{padding-top:7px; line-height:11px;}

#navigator-sx{width:160px; margin-top:20px; float:left;}
#navigator-sx li{line-height:50px; margin:0px auto 5px auto; display:block; text-align:center; background:url(../css-img/eliografia-tastog.png) no-repeat center;}
*html #navigator-sx li{background:url(../css-img/eliografia-tastog.gif) no-repeat center;}
#navigator-sx li#contatti{background:none; margin-top:30px;}

#titoli, #titoli span, #titoli a{width:250px; height:187px; display:block; background: url(../css-img/tit-elioriale.gif) top left no-repeat; margin:0px; padding:0px; font-size:0px; float:right; color:#fffcd2;}

#branding{width:100%; height:217px; margin:6px auto 0px auto; background:url(../css-img/bg-branding.gif) repeat-x;}

#contenuto{width:990px; text-align:left; margin:-10px auto 0px auto; padding:20px 5px 40px 5px; position:relative; background:url(../css-img/bg-colonna-sx.png) repeat-y left;}
*html #contenuto{background:url(../css-img/bg-colonna-sx.gif) repeat-y left;}

#contenuto .testo{width:800px; min-height:660px; margin:0px 0px 0px 0px; padding:0px; display:block; float:right; background:url(../css-img/bg-contenuto.gif) no-repeat center 50px; position:relative;}
*html #contenuto .testo{height:660px;}

#contenuto .testo p{width:400px; margin:0px 0px 0px 0px; padding:0px; font-size:0.79em; position:relative;}

#contenuto .testo h3{width:40%; padding:10px 0px 20px 0px; font-size:1em; color:#9b9864; background:#fffcc9; z-index:5; position:relative;}

#contenuto .testo h3.servizio{width:657px; padding:10px 0px 20px 0px; font-size:1em; color:#9b9864; background:url(../css-img/bg-h3.gif) repeat-x 0px 6px #fffcc9; z-index:5; position:relative;}
#contenuto .testo h3.servizio span{padding-right:10px; background:#fffcc9;}
#contenuto .testo div.servizio{width:400px; float:left; margin:0px 0px 0px 0px; padding:0px; position:relative;}
#contenuto .testo div.servizio h4{width:450px; margin:0px 0px 0px 0px; display:block; background:#0018a8; text-align:center; color:#ffffff; position:absolute; top:20px; left:0px;}
#contenuto .testo div.servizio img{margin-bottom:20px; margin-left:25px;}

#contenuto #servizi{width:143px; float:right; padding:20px 0px 0px 0px; margin-top:-30px; background:url(../css-img/bg-servizi.gif) no-repeat -479px top; font-size:0.75em; display:block; z-index:2;}
/*#contenuto #servizi{width:690px; position:absolute; padding:20px 0px 0px 0px; top:15px; right:0px; background:url(../css-img/bg-servizi.gif) no-repeat 68px 5px; font-size:0.75em; display:block; z-index:2;}*/
#contenuto #servizi li{width:143px; height:28px; line-height:28px; margin:0px 0px 0px 0px; overflow:hidden; display:block; background:url(../css-img/bg-bottone-servizi.png) no-repeat; text-align:center;}
*html #contenuto #servizi li{background:url(../css-img/bg-bottone-servizi.gif) no-repeat;}
#contenuto #servizi li a{font-weight:normal; color:#9b9864;}
#contenuto #servizi li a:hover{color:#0018a8;}

#contenuto .testo ul.modulo{width:340px; margin:20px 0px 0px 0px; padding:0px;}
#contenuto .testo ul.modulo li{width:340px; display:block; padding:5px 0px; clear:both;}
#contenuto .testo ul.modulo li label{width:80px; float:left; display:block; font-size:0.90em;}
#contenuto .testo ul.modulo li .campo{width:160px; float:right; margin:0px 90px 0px 0px; display:block; border:1px solid #555555; font-family:Arial, Helvetica, sans-serif;}
#contenuto .testo ul.modulo li textarea.campo{width:250px; margin-right:0px;}
#contenuto .testo ul.modulo li .bottone{width:53px; height:24px; border:none; background:url(../css-img/btn-invia.gif) no-repeat; margin:10px 0px 0px 180px;}

#vetrina{width:800px; position:absolute; bottom:30px; right:0px;}
#vetrina li{width:266px; height:220px; margin:0px; padding:0px; display:block; background:url(../css-img/eliografia-sfondo-box.png) no-repeat; float:left;}
*html #vetrina li{background:url(../css-img/eliografia-sfondo-box.gif) no-repeat;}
#vetrina li h4{width:100%; margin:20px 0px; display:block; background:#0018a8; text-align:center; color:#ffffff;}
#vetrina li p, #vetrina li div{width:236px; display:block; margin:0px auto; text-align:center; font-size:1.1em; color:#0018a8;}

#contenuto .testo #vetrina-interna{width:800px;}
#contenuto .testo #vetrina-interna li{width:266px; height:220px; margin:0px; padding:0px; display:block; background:url(../css-img/eliografia-sfondo-box.png) no-repeat; float:left;}
*html #contenuto .testo #vetrina-interna li{background:url(../css-img/eliografia-sfondo-box.gif) no-repeat;}
#contenuto .testo #vetrina-interna li h2{width:100%; margin:15px 0px 0px 0px; display:block; background:#0018a8; text-align:center; color:#ffffff; font-size:0.90em;}
#contenuto .testo #vetrina-interna li h3{width:236px; padding:5px 0px 5px 0px;  margin:0px auto; font-size:0.85em; color:#9b9864; background:none;}
#contenuto .testo #vetrina-interna li p, #vetrina-interna li div{width:236px; display:block; margin:0px auto; font-size:11px;}
#contenuto .testo #vetrina-interna li img{float:right;}

#footer{width:100%; padding:15px 0px 10px 0px; margin:-10px 0px 0px 0px; background:url(../css-img/bg-footer2.gif) top center #d8ba00; font-size:0.65em; text-align:center;}

