/*	-------------------------------------------------------------
	Consiag S.p.A. - autore Dennis D'Amico - dennis.damico@tutorline.it
	
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Descrizione:	Stili di base del portale
	Nome file:		base.css
	Versione:		1.2
	Data:				1 Ottobre 2006
	-------------------------#282725------------------------------------	*/


/*	-------------------------------------------------------------
	Stili di base
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
body{margin:0;padding:0;font-size:12px;color:#fff;font-family:"Lucida Grande",Arial,Verdana,sans-serif;background:#000; }
html{height:100%;width:100%;margin:0;background:#000;}
#cento{width:100%;margin:0;float:none;clear:both;display:block;padding:0;text-align:center;}

.col62sx,.col36dxblu,.col36dxblucont,.col36dxrosso,.col36dxverde,.col36dxgrigio,.col36dxgiallo,.col36dxclienti,.col36dxindex{margin:0;padding:20px 0 0 0;float:none;width:60em;display:block}

/*----------------- TABLES------------------------*/
#principale table {margin:0.5em 0 0 0;padding:0;float:none;clear:both;width:100%;}
#principale table th{margin:0;padding:6px 0px;background-color: #4278A8;color:#fff;font-size:1.1em;line-height:1.6em;text-transform:uppercase;font-weight:bold;text-align:center;}
#principale table tr {margin:0;padding:1px 0;background-color: #E8F4FF;}
#principale table td {margin:0;padding:5px;font-size:1.1em;line-height:16px;font-weight:bold;text-transform:none;text-align:center;}
#principale table td img{margin:0 5px 0 10px;padding:0;background:none;}
#principale table td a{margin:0 5px 0 10px;padding:0;background:none;}
#principale table td p{margin:0 2px 2px 5px;color:#485056;padding:0;font-size:1.1em;line-height:1.2em;text-transform:none;font-weight:normal;}

table#org tr.red td{background-color: #FFD7D7;text-align:left;font-size:1.1em;}
table#org tr.red td.redcar{color:#fff;text-align:center;background-color: #D20000;text-transform:uppercase;font-size:1.3em;}
table#org tr.green td{background-color: #BFEAD2;text-align:left;font-size:1.1em;}
table#org tr.green td.greencar{color:#fff;text-align:center;background-color: #006400;text-transform:uppercase;font-size:1.3em;}
table#org tr.blue td{background-color: #DDEEFF;text-align:left;font-size:1.1em;}
table#org tr.blue td.bluecar{color:#fff;text-align:center;background-color: #00BFFF;text-transform:uppercase;font-size:1.3em;}
table#org tr.maroon td{background-color: #FFF0DB;text-align:left;font-size:1.1em;}
table#org tr.maroon td.marooncar{color:#fff;text-align:center;background-color: #FF8C00;text-transform:uppercase;font-size:1.3em;}
table#org tr.gray td{background-color: #EBEBEB;text-align:left;font-size:1.1em;}
table#org tr.gray td.graycar{color:#fff;text-align:center;background-color: #696969;text-transform:uppercase;font-size:1.3em;}
/*----------------- BREADCRUMB------------------------*/
#breadcrumbs{float:none;clear:both;margin:0;padding:0.8em 0 0 0;}
/*----------------- STILI DI TESTO ------------------------*/
h1{padding:0;margin:1em 0;color:#fff;font-size:1.8em;font-weight:bold;float:none;clear:both;display:block;}
h3{color:red;text-align:left;line-height:1.4em;display:block;font-weight:bold;text-transform:uppercase;margin:6px;padding:0;}
.avviso{font-size:1em;line-height:1.2em;color:red;line-height:16px;padding:0.8em;margin:1em 0;display:block;float:none;border:1px dotted red;background-color: #FFFFB5;text-align:center}
.center {text-align:center;}
.nero {color:#000; }
/*----------------- LINK ------------------------*/
a{color:yellow;text-decoration:none;}
a:hover{color:red;text-decoration:none;}
a img{border:0px;padding:0;margin:0;}
/*----------------- FORM GENERICI ------------------------*/
form{margin:0;padding:0;border:0;}
input{border:solid 1px #A5ACB2;color:black;padding:2px 2px;font-family:Arial,sans-serif;background:#fff;font-size:1em;}
select{border:solid 1px #A5ACB2;color:black;padding:2px 2px;margin:0;font-family:Arial,sans-serif;background:#fff;font-size:1em;}
textarea{border:solid 1px #A5ACB2;color:black;padding:2px 2px;font-family:Arial,sans-serif;background:#fff;font-size:1em;height:8em;line-height:1.2em;}
.radio { border:none;background:#000; padding:2px 2px;}
/*----------------- ALTRO ------------------------*/
.clear{clear:both;padding:0;line-height:0;float:none;overflow:hidden;margin:0;border:0;height:0;}
img{background: url(../images/loading.gif) no-repeat 50% 50%; }
.right{float:right;text-align:right;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
 /* Hide from IE Mac \*/.clearfix {display:block;}/* End hide from IE Mac */
/*----------------- HEADER BARRA NERA E LOGO ------------------------*/	
#centopunto{width:100%;margin:0;float:none;clear:both;display:block;padding:0;background-color:#d80000;text-align:center;}
#centotop{width:100%;margin:0;float:none;clear:both;display:block;text-align:right;}
#wrapperlog{width:60em;padding:7px 0 0 0;height:3em;float:none;clear:both;margin:0 auto;text-align:right;}
#header{padding:0 10px;margin:0 auto;height:5em;width:60em;display:block;position:relative;}
#logo{height:5em;width:28em;margin:0;float:left;}
#logo h1{padding:0;margin:1em 0;color:#fff;font-size:1.5em;font-weight:bold;float:none;clear:both;display:block;text-align:left;}
#logo h1 a{width:28em;display:block;border:none;background-image:none;}
#logo h1 a span{padding:0px;margin:0px;width:28em;display:block;font-size:1.5em;}
#navigazione{padding:0;text-align:right;float:right;margin:0;width:48%;}
#topbar{margin:0;padding:0;clear:both;height:4em;text-align:right;float:right;}
#topbar ul li#utentereg{padding:7px 0 0 0;margin:0 12px 0 0;display:block;height:3em;color:#fff;}
#topbar ul li#utentereg a{color:#fff;}
#topbar ul li#utentereg a:hover{color: Yellow;}
#topbar ul{list-style-type:none;margin:0;padding:0;height:24px;float:right;}
#topbar ul li{margin:0;padding:0;display:inline;float:left;}

#topbar ul li a#accesso{padding:3px 0 0 0;margin:0 12px 0 0;display:block;height:24px;width:100px;color: #E3E3E3;}
#topbar ul li a:hover#accesso{color:yellow;}
#topbar ul li a#login{display:none;}
#topbar ul li a#registrati span{padding:0;margin:0;display:block;color:yellow;}
#topbar ul li a:hover#registrati span{color:red;}
#pulsantiera{margin:0;padding:0;float:right;clear:both;text-align:right;}
#pulsantiera ul{list-style-type:none;margin:0;padding:0;height:28px;float:right;}
#pulsantiera ul li{margin:0;padding:0;display:inline;float:left;}

#pulsantiera ul li a#ilgruppo span{padding:0 7px;margin:0 8px 0 0;display:block;color:yellow;}
#pulsantiera ul li a:hover#ilgruppo span{color:red;}
#pulsantiera ul li a#iservizi span{padding:0 7px;margin:0;display:block;color:yellow;}
#pulsantiera ul li a:hover#iservizi span{color:red;}
/*----------------- MENU PRINCIPALE ------------------------*/	
#nav {margin:0 auto;width:60em;float:none;clear:both;display:block;padding:0;position:relative;}
#lefty {float:none;margin:0;padding:0;height:3em;display:block;width:60em;border:1px solid #fff;clear:both;border-width:1px 0 1px 0;}
#nav ul#menugen {margin:0;padding:0;list-style:none;display:block;}
#nav ul#menugen li {display:inline;margin:0;padding:0;float:left;}
#nav ul#menugen a {display:block;float:left;width:auto;margin:0;padding:0 15px;border:0;color:#fff;font:bold 1.2em/35px "Lucida Grande",Arial,Verdana,sans-serif;text-transform:uppercase;text-decoration:none;}
#nav ul#menugen a:hover,
#nav ul#menugen a:focus,
#nav ul#menugen a:active {background-color:#74828b;}
#nav ul#menugen .sel a {background:#74828b url(../images/menuset.gif) no-repeat bottom center;color: #2F2F2F;}
#nav ul#menugen .sel a:focus {background-color:#74828b;}
#menuserv {float:none;margin:0;width:60em;height:2em;padding:2px 0 0 0;display:block;text-align:right;}
#titoloricerca{height:162px;width:60em;float:none;display:block;overflow:hidden;padding:0;background:url(../images/sfondo_ricerca.gif) no-repeat;}
#titoloricerca p{display:block;width:560px;font-weight:normal;float:none;font-size:1em;line-height:1.3em;text-align:left;margin:28px 0 0 30px; }
#titoloricerca span{display:block;color:#fff;font-weight:bold;float:none;font-size:2.0em;line-height:1.3em;text-align:left;margin-top:0.8em; }
/*-----------------BANNER TESTO PAGINE INTERNE ------------------------*/
#titolopagina{height:12em;float:none;display:block;overflow:hidden;padding:0;}
#titolopagina span{display:block;color:#fff;font-weight:bold;float:none;font-size:1.9em;line-height:1.2em;text-align:left;margin-top:1em; }
#titoloappalti{height:12em;float:none;display:block;overflow:hidden;padding:0;}
#titoloappalti span, #titoloricerca span{display:block;color:#fff;font-weight:bold;float:none;font-size:2.0em;line-height:1.3em;text-align:left;margin-top:1em; }
#titoloappalti p{display:block;color:#fff;font-weight:normal;float:none;font-size:1.1em;line-height:1.3em;text-align:left;margin-top:1em; }
#titoloricerca{height:162px;width:60em;float:none;display:block;overflow:hidden;padding:0;background:url(../images/sfondo_ricerca.gif) no-repeat;}
/*----------------- LAYOUT COMUNI ------------------------*/	
#centomenu{width:100%;margin:1px 0 1px 0;background:#000;float:none;clear:both;display:block;text-align:center;}
#wrapperinterno{padding:0 10px;float:none;clear:both;margin:0 auto;position:relative;width:60em;}
#testata{height:162px;float:none;display:block;overflow:hidden;padding:0;width:60em;}
.primafoto{display:none;}
.fotoscheda{display:none;}
.fotoguide{display:none;}
.col62sx p{font-size:1.2em;line-height:1.6em;}
.pad5{padding:0 5px;}
/*----------------- INDEX ------------------------*/
#centocorpoindex{width:100%;margin:0;float:none;clear:both;display:block;padding:0;text-align:center;}
#wrapperindex{padding:0 10px;float:none;clear:both;display:block;margin:0 auto;position:relative;width:60em;text-align:left;}
#wrapperindex h2{color:white;background:#74828b;font-size:1.4em;line-height:1.8em;padding-left:0.3em;margin:0 0 0.7em 0;float:none;display:block;font-weight:bold;text-transform:uppercase;}
#bannerflash{display:none;}
#clientiindex {margin:0;padding:0;width:60em;background:red url("../images/sfondo_login_index.gif") no-repeat 0 0;float:none;clear:both;display:block;height:240px;overflow:hidden;}
#clientiindex p{margin:0 0 1.3em 0;padding:0;display:block;color:#fff;}
#clientiindex #registrati{background: #9e0202;color:#fff;}
ul#vantaggi{list-style-type:none;margin:0;padding:0;float:none;clear:both;}
ul#vantaggi li{margin:0 6px 8px 0;padding:0 0 0 14px;display:block;width:130px;float:left;font-size:1.2em;line-height:1.2em;color:#fff;background:url(../images/freccia_login_index.gif) no-repeat 0 3px;}
a.regsx {margin:0 0 0 80px;padding:0;display:block;width:128px;}
.icoserv {margin:30px 0 0 0;padding:0;float:none;width:60em;display:block;height:100px;clear:both;overflow:hidden;}
ul#servizio{list-style-type:none;margin:0;padding:0;width:60em;overflow:hidden;height:100px;clear:both;}
ul#servizio li{margin:0;padding:0;display:inline;}
ul#servizio li span{font-size:1.4em;line-height:1.8em;text-align:center;color:#fff;}
ul#servizio li a#gas{padding:0;margin:0 12px 0 0;display:block;width:10em;height:9em;float:left;background:red;}
ul#servizio li a:hover#gas{background:#1E90FF;}
ul#servizio li a#ee{padding:0;margin:0 12px 0 0;display:block;width:10em;height:9em;float:left;background: #FF8C00;}
ul#servizio li a:hover#ee{background:#1E90FF;}
ul#servizio li a#tlc{padding:0;margin:0 12px 0 0;display:block;width:10em;height:9em;float:left;background: #228B22;}
ul#servizio li a:hover#tlc{background:#1E90FF;}
ul#servizio li a#altri{padding:0;margin:0;display:block;width:10em;height:9em;float:left;background: #696969;}
ul#servizio li a:hover#altri{background:#1E90FF;}
p.bannerindex1{margin:20px 0 0 0;padding:0;float:none;clear:both;height:46px;width:60em;display:block;position:relative;}
p.bannerindex2{margin:8px 0 0 0;padding:0;float:none;clear:both;height:46px;width:60em;display:block;position:relative;}
#wrappernewsindex{padding:0;float:none;display:block;clear:both;margin:10px 0 0 0;width:60em;}
#duecolonneindex {margin:10px 0 0 0;padding:0;float:none;display:block;width:60em;clear:both;}
.col48sx {margin:0;padding:0;float:left;display:inline;width:48%;}
.col48dx {margin:0;padding:0;float:right;display:inline;width:48%;}
dl.tecnica, dl.consiagreti{display:block;float:none;clear:both;margin-top:0.5em;}
dl.tecnica dt{margin:0;padding:0;display:block;font-weight:bold;float:none;clear:both;}
dl.tecnica dd, dl.consiagreti dd {margin:0.1em 0 0.7em 0;padding:0 0 1em 0;float:none;clear:both;border:1px dotted #dddddd;border-width:0 0 1px 0;}
dl.tecnica dd img {display:none;}
dl.consiagreti dt{margin:0;padding:0;display:block;font-weight:bold;float:none;clear:both;}
dl#notizie{margin:0;}
dl#notizie dt {margin:3px 0 2px 0;padding:0;font-weight:bold;}
dl#notizie dd {margin:0;padding:0px;padding-bottom:8px;line-height:1.3em;}
#societaindex {margin:0;padding:5px 0 0 0;float:none;display:block;}
ul#societa{list-style-type:none;margin:0;padding:0;width:60em;overflow:hidden;}
ul#societa li{margin:0 2px 0 0;padding:0;display:inline;font-weight:bold;float:left;font-size:1.1em;line-height:1.8em;}
ul#societa li a{padding:2px;display:block;width:140px;font-weight:normal;float:left;border:1px dotted #dddddd;border-width:0 0 1px 0;}
ul#societa li a:hover{color:red;}
/*----------------- LISTE COMUNICAZIONE, APPALTI, RICERCA ------------------------*/
h1.titolo {padding:0;margin:1em 0 0 0;font-size:1.4em;color: #005D93;font-weight:bold;display:block;text-transform:uppercase;}
#comunicazione {margin:0;padding:18px 0 0 0;overflow:hidden;float:none;clear:both;display:block;height:144px}
#listacom {margin:0;padding:0;display:block;float:none;clear:both;}
#comunicazione h1{padding:0;margin:0;font-size:1.5em;font-weight:bold;float:none;clear:both;display:block;color:#fff;}
#listacom dl {float:none;margin:1.1em 0;padding:0}
#comunicazione dt{padding:0;margin:0;font-size:1.5em;font-weight:bold;float:none;clear:both;display:block;}
#listacom dt{padding:0;margin:0;font-size:1.2em;font-weight:bold;float:none;clear:both;display:block;}
#comunicazione dd, #listacom dd {line-height:1.3em;padding:0;}
#comunicazione dd{font-size:1.1em;margin:10px 0 0 0;}
#listacom dd {font-size:1em;margin:6px 0 0 0;}
#listacom dt a{color:#3091E4;}
#listacom dt a:hover{color:red;}
#comunicazione dd, #comunicazione dd.cmd, #comunicazione dd.cmd a, #comunicazione dt a {color:#fff;}
#comunicazione dt a:hover, #comunicazione dd.cmd a:hover{color:#000;}
#listacom dd.cmd {line-height:16px;height:16px;padding:0.8em 0 1.1em 0;margin:0 0 1em 0;display:block;float:none;border-bottom:1px dotted #9DD1DF;}
#listacom dd.cmd span, #listacom dd.cmd a, #comunicazione dd.cmd span, #comunicazione dd.cmd a {font-size:0.9em;line-height:16px;height:16px;margin:0 20px 0 0;display:block;float:left;}
#listacom dd.cmd a img, dd.scadenza img, dd.allegati a img, dd.cmd span img, #comunicazione dd.cmd a img{margin: 0 5px 0 0;line-height:16px;height:16px;width:16px;background:none;float:left;}
#listacom dd.scadenza {font-size:0.9em;line-height:16px;height:16px;padding:0.5em 0;margin:0;display:block;float:none;color:#485056;}
#listacom dd.allegati {font-size:0.9em;line-height:16px;padding:0.8em 0 1.1em 0;margin:0;display:block;float:none;border-bottom:1px dotted #9DD1DF;}
#listacom dd.allegati a {margin:0;padding:0.3em 0;text-transform:none;float:none;display:block;height:16px;clear:both;}
/*----------------- LISTA COMUNICATI IN AREA BLU ------------------------*/
ul#listaultimi{margin:0.5em 0 0 0;list-style:none;overflow:auto;display:block;float:none;clear:both;padding:0 1em 0 0;height:100px;}
ul#listaultimi li{margin:0;display:block;border-bottom:1px dotted #8eccff;padding:0.2em 0;float:none;clear:both;font-size:1em;line-height:1.4em;}
ul#listaultimi li a{color:#fff;}
ul#listaultimi li a:hover{color:#000;}
/*----------------- PAGINAZIONE ------------------------*/
.paginazione{font-size:0.9em;line-height:16px;height:16px;padding:0.8em;margin:1em 0;display:block;float:none;border:1px dotted #9B9B9B;background-color:#F0F0F0;}
.paginazione .numero {margin:0;padding:0;text-transform:none;float:left;display:inline;}
.paginazione .numero img {margin: 0 5px 0 0;float:left;line-height:16px;background:none;}
.paginazione .pagine {margin:0;padding:0;float:right;display:block;display:inline;}
.paginazione .pagine span{margin:0;padding:0;display:inline;line-height:16px;float:left;}
.paginazione .pagine span a{margin:0 0.8em 0 0.8em;padding:0;display:inline;line-height:16px;float:left;}
.paginazione .pagine span a img {background:none;}
/*----------------- FRAME PER CONSIAGRETI ------------------------*/
#principale #frame{height:720px;overflow:auto;float:none;clear:both;display:block;margin:0.5em 0 0 0;padding:0 5px 0 0;color:#485056;font-size:1em;line-height:1.4em;}
#listarass {margin:0;padding:0;display:block;float:none;clear:both;}
#listarass .post {float:none;margin:0.2em 0 0.5em 0;padding:0}
.registracli {margin:0 0 1em 0;padding:10px 0 20px 10px;float:none;clear:both;display:block;width:316px;background:#ddd;}
.registracli h1{padding:0;margin:0;font-size:1.4em;font-weight:bold;float:none;clear:both;display:block;text-transform:uppercase;}
.registracli p{margin:8px 0 8px 0;padding:0;float:none;clear:both;display:block;font-size:1.1em;}
ul#vantaggicli{list-style-type:none;margin:0 0 0 10px;padding:0;float:none;clear:both;display:block;}
ul#vantaggicli li{margin:0 6px 8px 0;padding:0 0 0 29px;display:block;float:none;font-size:1.4em;line-height:20px;background:url(../images/vantaggio.gif) no-repeat;font-weight:bold;}
a.regsxcli {margin:15px 0 0 28px;padding:0;display:block;}
.ricercacom {margin:0 0 1em 10px;padding:1em 0 0.7em 0;float:none;clear:both;display:block;width:306px;border-bottom:1px dotted #9DD1DF;}
.ricercacom h1{padding:0;margin:0;font-size:1.4em;color:#4a5e69;font-weight:bold;float:none;clear:both;display:block;}
.ricercacom ul{margin:0;list-style:none;display:block;padding:0;text-align:left;}
.ricercacom li{margin:0;display:block;border-bottom:1px dotted #fff;padding:0.7em 0.5em 0.7em 0;float:none;clear:both;font-size:1em;line-height:1.2em;}
.ricercacom li.veditutti a{padding:0.7em 0.5em 0.7em 0;text-align:right;font-weight:bold;background-color:#5ca8e7;color:#fff;margin:0;display:block;border:0;}
.ricercacom li.veditutti a:hover{color:red;}
.contattapr {margin:0 0 1em 10px;padding:3em 0 0.7em 0;float:none;clear:both;display:block;width:306px;border-bottom:1px dotted #9DD1DF;}
.contattapr h1{padding:0;margin:0;font-size:1.4em;color:#4a5e69;font-weight:bold;float:none;clear:both;display:block;}
.ricercacom p, contattapr p {display:block;margin:0.5em 0 0 0;font-size:1.0em;line-height:1.3em;color:#4a5e69;}
.ricercacom p a, .contattapr p a{color:#4a5e69;}
.ricercacom p a:hover, .contattapr p a{color:red;}
#wrappernews{padding:0 0 0.7em 0;float:none;display:block;clear:both;margin:1em 0 0 10px;width:306px;border-bottom:1px dotted #9DD1DF;}
#wrapperban{margin:1em 0 1em 0;padding:0 0 0.7em 0;float:none;clear:both;display:block;width:306px;border-bottom:1px dotted #9DD1DF;}
p.bannerpunto{margin:0 0 0 10px;padding:0;float:none;clear:both;height:46px;width:306px;display:block;position:relative;}
.banner{margin:0 0 0 10px;padding:0 0 1em 0;float:none;clear:both;width:306px;display:block;}
.bannercom {margin:1px 0 0 10px;float:none;clear:both;display:block;height:54px;overflow:hidden;width:306px;}
.bannercom a span{display:none}
.bannercliguid{margin:0;padding:0 0 1em 0;float:none;clear:both;width:294px;display:block;}
.bannercliguid a{margin:0;padding:0 0 0.5em 0;float:none;clear:both;width:294px;display:block;}
#cercarass {margin:0.5em 0 0 0;}
#cercarass p.legend{margin:0 0 0.5em 0;}
#cercarass div{margin-bottom:0.5em;}
#cercarass p{margin:0;}
#cercarass fieldset{margin:0;padding:0;border:none;}
#cercarass legend{display:none; }
#cercarass .input{border:solid 1px #A5ACB2;color:black;padding:2px 2px;width:10em;font-family:Arial,sans-serif;background:#F7F7F7 url("../images/sfondoinput.jpg") repeat-x;font-size:1em;}
#cercarass select{border:solid 1px #A5ACB2;color:black;padding:2px 2px;margin:0;font-family:Arial,sans-serif;background:#F7F7F7 url("../images/sfondoinput.jpg") repeat-x;font-size:1em;}
#cercarass label{width:8em;padding:0.3em 5px 0 0;font-size:1em;font-weight:bold;margin-right:5px;display:block;float:left;text-align:right;position:relative;font-weight:bold;}
#cercarass .submit{border:solid 1px #A5ACB2;color:black;padding:0 5px;margin:0 0 0 3px;font-family:Arial,sans-serif;background:#F7F7F7 url("../images/sfondoinput.jpg") repeat-x;font-size:1em;}
/*----------------- CONTATTACI ------------------------*/
dl#testatacont{height:162px;padding:1em 0;clear:both;float:none;display:block;overflow:hidden;padding:0;color:#fff;}
dl#testatacont dt{color:#fff;padding:0;margin:0;font-size:1.4em;line-height:1.6em;font-weight:bold;display:block;text-transform:uppercase;float:none;clear:both;}
dl#testatacont dd.numtel{float:none;margin:0 0 0.2em 0;padding:0;font-size:1.8em;font-weight:bold;color: #39FF3B;}
dl#testatacont dd{float:none;margin:0;padding:0;display:block;font-size:1.1em;line-height:1.4em;color:#fff;}
#indirizzo{padding:0.5em;margin:1em 0 0 10px;float:none;clear:both;display:block;}
#indirizzo h1{padding:0;margin:0.3em 0 0.6em 0;font-size:1.6em;color:#4a5e69;font-weight:bold;float:none;clear:both;display:block;background:none;}
#indirizzo h1.ufficipublies{padding:0;margin:1em 0 0.6em 0;font-size:1.6em;color:#4a5e69;font-weight:bold;float:none;clear:both;display:block;background:none;}
#indirizzo h2{padding:0;margin:0.7em 0 0.2em 0;font-size:1.4em;line-height:1.4em;color:red;font-weight:bold;float:none;clear:both;display:block;background:none;}
#indirizzo h3{padding:0;margin:0.8em 0 0.2em 0;font-size:1.1em;line-height:1.1em;font-weight:bold;color:#555;float:none;clear:both;display:block;}
#indirizzo p{margin:0;font-size:1.1em;line-height:1.4em;}
#indirizzo div{margin:1.2em 0;text-align:center}
#indirizzo div img{background-image:none;}
dl#listanumtel {margin:1em 0;padding:0;display:block;float:none;clear:both;}
dl#listanumtel dt{padding:0;margin:1em 0 0 0;font-size:1.4em;color:#005D93;line-height:1.6em;font-weight:bold;display:block;text-transform:uppercase;float:none;clear:both;}
dl#listanumtel dd.numtel{float:none;margin:0 0 0.2em 0;padding:0;font-size:1.8em;font-weight:bold;color:red;}
dl#listanumtel dd{float:none;margin:0;padding:0;display:block;font-size:1.2em;line-height:1.5em;}
h1.chiediinfo{padding:0;margin:0.5em 0 0.5em 0;color:#485056;font-size:1.6em;font-weight:bold;float:none;clear:both;display:block;}
/*----------------- FORMS ------------------------*/
#regi div.form-container { margin:1em 0 0 0; padding: 5px 5px 5px 0; display:block;float:none;clear:both;width:60em;}
#regi div.form-container form#reg { margin: 0;display:block;float:none;clear:both;width:60em; }
#regi div.form-container form#reg p.note { margin-left: 170px; font-size: 90%; color: #333; }
#regi div.form-container form#reg fieldset { margin: 10px 0 15px 0; padding: 10px; border: #DDD 1px solid; }
#regi div.form-container form#reg legend { font-weight: bold; color: #666;font-size:1.2em;color:red; }
#regi div.form-container form#reg fieldset div { padding: 0.25em 0; }
#regi div.form-container form#reg label, 
#regi div.form-container form#reg span.label { margin-right: 10px; font-size:1.1em;padding:3px 10px 0 0; width: 150px; display: block; float: left; text-align: right; position: relative;color:#000; }
#regi div.form-container form#reg input:focus{background-color: #FFC; border-color: #FC6; }
#regi div.form-container form#reg div.controlset label, #regi div.form-container form#reg div.controlset input { display: inline; float: none; }
#regi div.form-container form#reg div.buttonrow { margin-left: 180px; }
#regi div.form-container form#reg #privacystat { height:130px;width:580px;margin:0 0 10px 0;padding:0;float:none;overflow:auto;font-size:1em;line-height:1.3em;}
#regi div.form-container form#reg #privacystat p{ float:none;font-size:1em;line-height:1.3em;}
/*----------------- FORM DI LOGIN - RICERCA - RICERCA AVANZATA - RICHIESTA DI COMUNICAZIONE - CERCA COMUNICATI------------------------*/
.entracliente {margin:0 0 27px 10px;padding:5px 0 0.7em 0;float:none;clear:both;display:block;}
.entracliente h1{padding:0;margin:0;font-size:1.4em;color:#fff;font-weight:bold;float:none;clear:both;display:block;}
.entracliente p{display:block;margin:0.5em 0 3px 0;font-size:1.0em;line-height:1.3em;color:#fff;float:none;clear:both;}
#log {margin:0;padding:0;display:block;float:right;width:100%;text-align:right;}
#log span{margin:0 0.5em 0.5em 0;display:inline;text-align:right;}
#log label, #logincli label{width:5em;padding:0.3em 5px 0 0;font-size:1em;font-weight:bold;margin-right:5px;display:inline;text-align:right;font-weight:bold;color:#fff;}
#log fieldset, #logincli fieldset, form#cercainterna fieldset, #cercava fieldset, #contactsearch fieldset,#inviascheda fieldset, #cercacom fieldset{margin:0;padding:0;border:none;}
#log legend, #logincli legend, form#cercainterna legend, #cercava legend, #contactsearch legend, #inviascheda legend, #cercacom legend{display:none;height:0;border:none;margin:0;clear:both;}
#log .submit, #logincli .submit, form#cercainterna .submit, #cercava .submit, #contactsearch .submit, #inviascheda .submit, #cercacom .submit{border:solid 1px #A5ACB2;color:black;padding:1px 5px;margin:0 0 0 3px;font-family:Arial,sans-serif;background:#F7F7F7 url("../images/sfondoinput.jpg") repeat-x;font-size:1em;}
#logincli {margin:0.5em 0 0 0;padding:0;}
#logincli p.pass a{margin:0 0 0.5em 6em;color:#fff;}
#logincli p.pass a:hover{color:Yellow;}
#logincli span, #contactsearch div, #cercacom div, #inviascheda div{margin-bottom:0.5em;display:block;float:none;clear:both;}
form#cercainterna {padding:6px 0 0 0;margin:0;display:block;}
form#cercainterna label {display:inline;text-align:right;padding:3px 0 0 0;margin:0 4px 0 0;font-size:1.1em;font-weight:bold;color:#000;}
#cercava {margin:1.3em 0 0 0;}
#cercava div{margin:0;float:left;display:inline;}
#cercava label, #contactsearch label, #cercacom label{width:6em;padding:0.3em 5px 0 0;font-size:1em;font-weight:bold;margin-right:5px;display:block;float:left;text-align:right;position:relative;font-weight:bold;}
#inviascheda label{width:11em;padding:0.3em 5px 0 0;font-size:1em;font-weight:bold;margin-right:5px;display:block;float:left;text-align:right;position:relative;font-weight:bold;}
#contactsearch{float:none;margin:15px 0 0 0;padding:0;display:block;}
#inviascheda{float:none;margin:0.5px 0 10px 0;padding:0 0 0.5em 0;display:block;border: 1px dotted #373737;border-width:0 0 1px 0;}
#contactsearch p, #inviascheda p{font-size:1em;line-height:1.6em;float:none;clear:both;margin:0 0 1em 0;display:block;}
#cercacom div.testoalto {padding:0 0 0.9em 0;float:none;display:block;}
#cercacom {margin:0.5em 0 0 0;}
#cercacom p.legend{margin:0 0 0.5em 0;}
#cercacom p{margin:0;}
#modulo{margin:30px 0 0 0;padding:0;float:none;display:block;width:60em;clear:both;}
#modulo .col48sx{font-size:1em;line-height:1.6em;}
/*----------------- ICONE QUADRATE IN AREE COLORATE ------------------------*/
.icointer {margin:0;padding:0;float:none;width:60em;display:block;height:162px;clear:both;overflow:hidden;}
ul#servinter{list-style-type:none;margin:30px 0 0 0;padding:0;width:60em;overflow:hidden;height:100px;clear:both;}
ul#servinter li{margin:0;padding:0;display:inline;height:100px;width:141px;}
ul#servinter li span{display:none;}
ul#servinter li a#bolletta{padding:0;margin:0 12px 0 0;display:block;width:141px;height:100px;overflow:hidden;float:left;background: url(../images/icona_bolletta.png) no-repeat 0 0;}
ul#servinter li a:hover#bolletta{background-position: 0 -100px;}
ul#servinter li a#contratto{padding:0;margin:0 12px 0 0;display:block;width:141px;height:100px;overflow:hidden;float:left;background: url(../images/icona_contratto.png) no-repeat 0 0;}
ul#servinter li a:hover#contratto{background-position: 0 -100px;}
ul#servinter li a#autolet{padding:0;margin:0 12px 0 0;display:block;width:141px;height:100px;overflow:hidden;float:left;background: url(../images/icona_autolettura.png) no-repeat 0 0;}
ul#servinter li a:hover#autolet{background-position: 0 -100px;}
ul#servinter li a#infocant{padding:0;margin:0;display:block;width:141px;height:100px;overflow:hidden;float:left;background: url(../images/icona_infocantieri.png) no-repeat 0 0;}
ul#servinter li a:hover#infocant{background-position: 0 -100px;}
ul#servinter li a#guidegas{padding:0;margin:0 12px 0 0;display:block;width:141px;height:100px;overflow:hidden;float:left;background: url(../images/icona_guide_gas.png) no-repeat 0 0;}
ul#servinter li a:hover#guidegas{background-position: 0 -100px;}
ul#servinter li a#guidetlc{padding:0;margin:0 12px 0 0;display:block;width:141px;height:100px;overflow:hidden;float:left;background: url(../images/icona_guide_tlc.png) no-repeat 0 0;}
ul#servinter li a:hover#guidetlc{background-position: 0 -100px;}
ul#servinter li a#rispener{padding:0;margin:0;display:block;width:141px;height:100px;overflow:hidden;float:left;background: url(../images/icona_risparmio_energetico.png) no-repeat 0 0;}
ul#servinter li a:hover#rispener{background-position: 0 -100px;}
ul#servinter li a#offersgas{padding:0;margin:0 12px 0 0;display:block;width:141px;height:100px;overflow:hidden;float:left;background: url(../images/icona_offers_gas.png) no-repeat 0 0;}
ul#servinter li a:hover#offersgas{background-position: 0 -100px;}
ul#servinter li a#offerstlc{padding:0;margin:0 12px 0 0;display:block;width:141px;height:100px;overflow:hidden;float:left;background: url(../images/icona_offers_tlc.png) no-repeat 0 0;}
ul#servinter li a:hover#offerstlc{background-position: 0 -100px;}
/*----------------- DOPPIA COLONNA ------------------------*/
.duecolonneclienti {margin:1em 0 0 0;padding:0;float:none;display:block;width:60em;clear:both;}
.duecolonneclienti3 {margin:0;padding:1em 0 0 0;float:none;display:block;width:60em;clear:both;}
.col48sxcli {margin:0;padding:0;float:left;display:inline;width:294px;}
.col48sxcli p{margin:15px 0;font-size:1em;line-height:1.4em;}
.col48dxcli {margin:0;padding:0;float:right;display:inline;width:294px;}
.col48dxcli p{margin:15px 0;font-size:1em;line-height:1.4em;}
.col48dxcli div h3{margin:0;padding:0;color: #7C2121;display:block;font-size:1.2em;line-height:1.2em;font-weight:bold;}
.col48sxreti {margin:0;padding:0;float:left;display:inline;width:294px;}
.col48sxreti p{margin:15px 0;font-size:1.2em;line-height:1.4em;}
.col48dxreti {margin:0;padding:0;float:right;display:inline;width:294px;}
.col48dxreti p{margin:15px 0;font-size:1.2em;line-height:1.4em;}
ul.guide{list-style-type:none;margin:5px 0 1.5em 0;padding:0;display:block;float:none;clear:both;}
ul.guide li{list-style-type:none;margin:0;font-size:1.1em;line-height:1.5em;padding:2px 0 2px 0;display:block;float:left;width:142px;position:relative;}
ul.guide li a{margin:0;float:left;background:url(../images/book_open.gif) no-repeat left center;padding-left:18px;}
.bannercomcli {margin:5em 0 0 10px;padding:0;float:none;clear:both;display:block;height:60px;overflow:hidden;width:306px;}
.bannercomcli img{background:none;}
/*----------------- PAGINE CONTENUTO ------------------------*/
#principale {margin:0 0 1em 0;float:none;clear:both;display:block;width:60em;}
#principale h1{padding:0;margin:1em 0 0 0;color:#485056;font-size:1.8em;font-weight:bold;float:none;clear:both;display:block;}
#principale div {margin:0.5em 0 0.5em 0;color: #bbb;font-size: 1.1em;line-height:16px;height:16px;width:60em;float:none;clear:both;display:block;}
#principale div span.left {float:left;color: #bbb;line-height:16px;font-weight:bold;}
#principale div span.left img, #principale div span.right img{float:left;display:inline;margin:0 3px 0 0;}
#principale div span.right {float:right;display:inline;height:16px;line-height:16px;}
#principale div span.right a {float:left;display:inline;height:16px;line-height:16px;margin:0 2em 0 0;}
#principale p img{margin:0 7px 7px 0;padding:0;width:250px;float:left;}
#principale p{font-size:1.2em;line-height:1.6em;margin:1em 0 0 0;padding:0;float:none;clear:both;display:block;}
#principale h3{padding:0;margin:1em 0 0.5em 0;color:#485056;font-size:1.4em;font-weight:bold;float:none;clear:both;display:block;}
#principale a {color:#3091E4;font-weight:bold;}
#principale ul.links li a, #principale ul.docs li a, #principale div span.right a{font-weight:normal;color:#485056;}
#principale div span.right a:hover, #principale a:hover, #principale ul.links li a:hover, #principale ul.docs li a:hover {color:red;}
#principale ul.docs, #principale ul.links{list-style-type:none;margin:0;padding:0;}
#principale ul.docs li, #principale ul.links li{list-style-type:none;margin:0;padding:0;border:1px dotted #dddddd;border-width:0 0 1px 0;display:block;background:none;}
#principale ul.docs li a, #principale ul.links li a {margin:0;font-size:1em;line-height:1.6em;padding:3px 0 3px 20px;display:block;} 
#principale ul.docs li a {background:url(../images/disk.gif) no-repeat left center;} 
#principale ul.links li a{background:url(../images/link.gif) no-repeat left center;}
#principale ul{list-style-type:none;margin:1em 0;padding:0;}
#principale ul li{background:url(../images/book_open.gif) no-repeat left 4px;list-style-type:none;margin:0;display:block;font-size:1.1em;line-height:1.5em;padding:3px 0 3px 20px;}
#principale dl{padding:10px;display:block;margin:1em 0 0 0;}
#principale dt{display:block;float:none;font-size:1.3em;line-height:1.4em;color:red;font-weight:bold;padding:0;margin:0;}
#principale dd{padding:0;float:none;border:0;display:block;margin:0 0 10px 0;}
p.aggiornamento{float:right;text-align:right;background: url(../images/clock.gif) no-repeat;font-size:1.1em;line-height:16px;padding:0 0 0 20px;margin:10px 0;}
/*----------------- MENU LATERALI ------------------------*/
.menusezioni{text-align:left;display:block;float:left;width:48%;margin:0 10px 0 0;padding:0;}
.menusezioni p{text-align:left;display:block;float:none;clear:both;margin:0 0 10px;padding:0;font-size:1em;line-height:1.3em;}
ul.menu{list-style-type:none;margin:0 0 1.5em 0;padding:0;}
ul.menu li{list-style-type:none;margin:0;border:1px dotted #dddddd;border-width:0 0 1px 0;font-size:1.1em;line-height:1.5em;padding:3px 0 3px 0;display:block;}
ul.menu li a{background:url(../images/freccia_login_index.gif) no-repeat 2px center;padding-left:25px;} 
ul.menu li a:visited{background:url(../images/tick.gif) no-repeat left center;padding-left:25px;} 
/*----------------- FINESTRA DI STAMPA ------------------------*/
#stampa{float:none;clear:both;margin:2px 0 0 2px;padding:10px 10px 25px 10px;display:block;}
#stampa img.loghetto{float:right;margin:0;padding:0;display:inline;position:absolute;top:10px;left:350px;}
#stampa .submit{float:none;clear:both;margin:0;display:block;border:solid 1px #A5ACB2;color:black;padding:0 5px;font-family:Arial,sans-serif;background:#F7F7F7 url("../images/sfondoinput.jpg") repeat-x;font-size:1em;}
#stampa ul{float:none;clear:both;margin:0 0 6px 0;padding:0;display:block;text-align:left;list-style-type:none;width:300px;}
#stampa ul li{margin:0;border-bottom:1px dotted #dddddd;font-size:1em;line-height:1.5em;padding:3px 0 3px 0;display:block;float:none;clear:both;text-align:left;}
#stampa p{float:none;clear:both;margin:0 0 5px 0;padding:0 0 5px 0;display:block;}
/*----------------- OFFERTE ------------------------*/
#listaofferte {margin:1em 0 1em 0;float:none;clear:both;display:block;width:60em;}
#listaofferte div {margin:1em 0 0 0;padding:0 0 1em 0;display:block;float:none;clear:both;width:60em;border-bottom:1px dotted #9DD1DF;}
#listaofferte div span.leggere{text-align:right;margin:0 0 0.5em 0;padding:0 0 0.5em 0;display:block;float:none;clear:both;width:60em;border-bottom:1px dotted #9DD1DF;}
#listaofferte div h2{margin:0 0 1em 0;float:none;clear:both;display:block;}
#listaofferte div span.fotoofferta {display:none;}
#listaofferte div span.testoofferta{padding:0;margin:0;display:inline;float:right;width:60em;}
#listaofferte div span.testoofferta p{margin:0.4em 0 0 0;font-size:1.1em;line-height:1.3em;display:block;float:none;width:60em;color:#485056;}
#listaofferte div span.testoofferta h2{padding:0;margin:0;font-size:1.4em;color:#485056;line-height:1.4em;font-weight:bold;display:block;float:none;clear:both;background:none;}
#listaofferte h1{padding:0;margin:1em 0 0.5em 0;color:#fff;font-size:1.8em;font-weight:bold;float:none;clear:both;display:block;}
/*----------------- FOOTER ------------------------*/
#centofooter{width:100%;margin:2em 0 0 0;padding:0 0 15px 0;float:none;clear:both;display:block;background-color: #2C2C2C;border: 1px solid #000;border-width: 2px 0 0 0;text-align:center;}
#wrapperfooter{padding:1em 10px 0 10px;float:none;clear:both;margin:0 auto;width:60em;position:relative;text-align:left;}
#wrapperfooter p{margin:7px 0;color:#fff;font-size:1.1em;line-height:1.2em;float:none;clear:both;}
#wrapperfooter p a{color:#fff;}
#wrapperfooter p a.credits{float:right;margin:-1px 0 0 0;}
#wrapperfooter p img{float:left;margin:0 10px 0 0;}
/*----------------- ELENCO SOCIETA' - SERVIZI------------------------*/
#elencosocieta {margin:0;padding:0;float:none;display:block;width:300px;height:300px;background-color:#fff;}
#elencoservice {margin:0;padding:0;float:none;display:block;width:300px;height:300px;background-color:#fff;}
#inviasched {margin:0;padding:0;float:none;display:block;width:400px;height:400px;background-color:#fff;}
#inviasched p{font-size:1em;line-height:1.4em;float:none;clear:both;margin:1em 0 0.8em 0;padding:0 6px;display:block;}
h2.white{color:#fff;background-color:#33638C;padding:5px;margin:0;font-size:1.4em;}
ul#elsocieta{list-style-type:none;margin:6px 0 12px 5px;padding:0;overflow:hidden;}
ul#elsocieta li{margin:0 2px 0 0;padding:0;display:inline;font-weight:bold;float:left;font-size:1.1em;line-height:1.8em;}
ul#elsocieta li a{padding:2px;display:block;width:140px;font-weight:normal;float:left;border: 1px dotted #373737;border-width:0 0 1px 0;color:#000;}
ul#elsocieta li a:hover{color:red;}
ul#services{list-style-type:none;margin:6px 0 12px 3px;padding:0;width:294px;overflow:hidden;height:212px;clear:both;}
ul#services li{margin:0;padding:0;display:inline;}
ul#services li span{display:none;}
ul#services li a#gas{padding:0;margin:0 12px 12px 0;display:block;width:141px;height:100px;overflow:hidden;float:left;background: url(../images/icona_gas_index.png) no-repeat 0 0;}
ul#services li a:hover#gas{background-position: 0 -100px;}
ul#services li a#ee{padding:0;margin:0 0 12px 0;display:block;width:141px;height:100px;overflow:hidden;float:left;background: url(../images/icona_ee_index.png) no-repeat 0 0;}
ul#services li a:hover#ee{background-position: 0 -100px;}
ul#services li a#tlc{padding:0;margin:0 12px 0 0;display:block;width:141px;height:100px;overflow:hidden;float:left;background: url(../images/icona_tlc_index.png) no-repeat 0 0;}
ul#services li a:hover#tlc{background-position: 0 -100px;}
ul#services li a#altri{padding:0;margin:0;display:block;width:141px;height:100px;overflow:hidden;float:left;background: url(../images/icona_altri_index.png) no-repeat 0 0;}
ul#services li a:hover#altri{background-position: 0 -100px;}
/*----------------- TAB IN HOMEPAGE ------------------------*/
#tabBlock {width:320px;padding:35px 0 0 0;margin:0 0 0 15px;float:none;clear:both;display:block;position:relative}
#tabBlock .dojoTabContainer{position:relative;}
#tabBlock .dojoTabPaneWrapper {border:0;_zoom:1; /* force IE6 layout mode so top border doesnt disappear */display:block;clear:both;overflow:hidden;background:#9e0202 url("../images/fine_sfondo_logindex.gif") no-repeat bottom;padding:7px;}
#tabBlock .dojoTab{position:relative;float:left;padding-left:9px;border-bottom:1px solid #000;background:url(../images/tab_left.gif) no-repeat left top;cursor:pointer;white-space:nowrap;z-index:3;}
#tabBlock .dojoTab div{display:block;padding:4px 15px 4px 6px;background:url(../images/tab_top_right.gif) no-repeat right top;color:#fff;font-weight:bold;font-size:90%;}
#tabBlock .dojoTab.current{padding-bottom:1px;border-bottom:0;background-position:0 -150px;}
#tabBlock .dojoTab.current div{padding-bottom:5px;margin-bottom:-1px;background-position:100% -150px;}