/* COLORI */
/* I colori sono ripresi direttamente da quelli del marchio Mukki e sue declinazioni. In particolare:
100% ciano	 	#009ee0
30%  ciano		#bde4f7
10%  ciano	 	#ebf6fc
100% nero (K)	#1a171b
60% nero (K)	#87888a
rosso			#e2001a
blu scuro		#004595
*/


html{background:#fff}
body{padding:0;margin:0;color:#1a2151;font-size:13px;line-height:20px;font-family:"Helvetica Neue",helvetica,Corbel,arial,trebuchet ms,"lucida grande",lucida sans,verdana,bitstream vera sans,sans-serif;}

a{color:#005187;text-decoration:none;cursor:pointer}
a:focus{outline:0 none;text-decoration:none}
a:hover{cursor:pointer;color:red;outline:0 none;text-decoration:none;color:#e2001a}
legend{display:none}
input{color:#222}
h1,h2,h3{display:block;float:none;clear:both;text-align:left}
h1,h2{font-size:18px;line-height:24px;height:24px}
h3{font-size:14px;line-height:14px;height:14px}
p{display:block;float:none;clear:both;margin:0;padding:20px 0 0 0;text-align:left;font-weight:normal;margin:0}
.left{float:left}
.right{float:right}
.hide{display:none}
dl{display:block;float:none;clear:both;margin:0;padding:0}
dl dt a{margin:0;padding:0;font-size:12px;line-height:16px;font-weight:bold;display:block}
dl dt a i{margin:0;padding:0;line-height:16px;font-weight:normal;font-style:normal;display:block}
dd{margin:0 0 8px 0;display:block;padding:5px 0 8px 0;font-size:12px;line-height:16px;font-weight:normal}
ul{list-style-type:none;display:block;float:none;clear:both;padding:0;margin:0}
ul li{list-style-type:none;display:block;float:none;clear:both;padding:5px 0;margin:0;text-align:left;font-weight:normal}
table{table-layout:fixed;border-collapse:collapse;background-color:#fff;border:0;padding:0;margin:10px auto}
table thead{border-collapse:collapse;border:0;padding:0}
table tr th{border-collapse:collapse;background:#7f94b3;line-height:24px;padding:0 15px;font-weight:bold;color:#fff;font-size:13px;border:1px solid #fff;border-width:1px}
table tr td{border-collapse:collapse;line-height:24px;padding:5px 15px;font-size:13px;font-weight:normal;border:1px solid #fff;border-width:0 1px}
table tr.odd{background-color:#e9f7fc}
.ten{height:10px;}
.twenty{height:20px;}
.thirty{height:30px;}
.bgWhite{background: #fff;}
/* -------------------------------------------------------------------------- */

/* FORM RICERCA NEL SITO*/
form.ricerca{width:300px;height:35px;display:block;clear:both;margin:0;padding:6px 0 0 0;vertical-align:middle;text-align:right}
form.ricerca fieldset{display:block;margin:0;border:0;float:right}
form.ricerca input{display:inline;float:left;clear:none;font-size:14px;line-height:14px;color:#575757}
form.ricerca input.modulo{width:160px;height:auto;margin:0 10px 0 0;border:1px solid #666;padding:2px 5px;background:#fff}
form.ricerca button{width:110px;height:23px;display:inline;float:left;padding:0;margin:0;border:0;background:url(../images/btn_cercanelsito.png) no-repeat left top;text-indent:-9999px;cursor:pointer;font-size:14px;line-height:23px}
form.ricerca button:hover{background-position:left bottom}
/* -------------------------------------------------------------------------- */

/* LOGO INTESTAZIONE */
h1.logo{width:381px;height:59px;margin:25px 0 0 0;display:inline;float:left;padding:0;vertical-align:middle;border:0}
h1.logo a{width:381px;height:59px;background:url(../images/estra/logo.png) no-repeat 0 0;display:block;margin:0;padding:0;border:0;text-indent:-9999px}
/* -------------------------------------------------------------------------- */

/* MENU ALTO */
.menu{width:550px;display:inline;padding:0;float:right;clear:none;margin:0;text-align:right}
.menualto,
.mainmenu{width:550px;height:16px;display:block;float:none;clear:both;padding:0;margin:0;text-align:left}
.menualto{margin:27px 0 0 0}
.mainmenu{margin:19px 0 0 0}
ul#menuhome,
ul#vocimenu{display:block;float:right;clear:right;list-style-type:none;margin:0;padding:0}
ul#menuhome li,
ul#vocimenu li{display:block;float:left;clear:none;font-weight:bold;margin:0 0 0 20px;line-height:16px;height:16px;padding:0;font-size:13px;}
ul#vocimenu li{font-size:16px;text-transform:uppercase;}
ul#menuhome li a{padding:0 0 0 20px;background-repeat:no-repeat;background-position:0 0}
a.home{background:url(../images/icn_home.png)}
a.media{background:url(../images/icn_media.png)}
a.lavora{background:url(../images/icn_lavora.png)}
a.servizi{background:url(../images/icn_areaClienti.png);color:#769d16;font-size:14px}
ul#menuhome li a:hover,
ul#vocimenu li a:hover,
.mainmenu ul#vocimenu li.set{color:red}
/* -------------------------------------------------------------------------- */

/* BANNER HOMEPAGE */
.mainBanner{height:310px}
/* -------------------------------------------------------------------------- */

/* HOME AREA CLIENTI */
.areaCliente{display:block;float:none;clear:both;padding:10px;margin:0;border:10px solid #97bf0d;background-color:#fff}
.areaCliente h2{margin:0 0 10px 0;text-transform:uppercase;display:block;float:none;clear:both;text-align:center;font-size:16px;line-height:16px;height: auto;font-style:normal;font-weight:bold;padding:4px;background:#97bf0d;color:#fff}
.areaCliente p{margin:9px 0;padding:0}
.areaCliente a{margin:0 0 15px 0;display:block;float:none;clear:both;font-size:12px;line-height:16px;padding:0 0 0 40px;font-weight:bold;}
.areaCliente a.login{background:url(../images/icn_login.png) no-repeat 0 0}
.areaCliente a.autolettura{background:url(../images/icn_autolettura.png) no-repeat 0 0}
.areaCliente a.contratto{background:url(../images/icn_contratto.png) no-repeat 0 0}
.areaCliente a.connext{background:url(../images/icn_connext.png) no-repeat 0 0}
/* -------------------------------------------------------------------------- */

/* TARGET */
#flash{background-color:#fff;width:940px;height:35px;margin:0;padding:10px 0 0 0}
#home #flash{width:940px;height:35px;margin:0;padding:0}
a.target1,
a.target2,
a.target3,
a.target4{color:#009ee0}
#home a.target1,
#home a.target2,
#home a.target3,
#home a.target4{color:#009ee0}
#home a.target1:hover,
#home a.target2:hover,
#home a.target3:hover,
#home a.target4:hover,
a.target1:hover,
a.target2:hover,
a.target3:hover,
a.target4:hover{color:#97bf0d}
.targetContainer{background-color:#fff;padding:0 0 30px 0;}
#home .targetContainer{background-color:#fff;padding:0;border-bottom:none}
.target a span.title{line-height:18px;font-size:18px;display:block;padding:0 0 10px 0;font-weight:bold;border-bottom:1px dotted #005187;}
.target a span.text{display:block;margin:0;padding:5px 0 10px 0;font-size:13px;line-height:16px}
.target a img{display:block;height:75px;width:220px}
/* -------------------------------------------------------------------------- */

/* HOMEPAGE 3 COLONNE CON LINK*/
.colonna{padding:30px 0 0 0}
.colonna div{margin:0 0 20px 0;float:none;display:block;clear:both;padding:0}
.colonna ul{display:block;padding:0;margin:0}
.colonna ul li{display:block;font-size:12px;line-height:16px;border-bottom:1px dotted #b4cbdd}
.colonna ul li a{display:block}
.colonna li.set{font-weight:bold;background:#eef3f6}
.colonna h2{text-transform:uppercase;display:block;float:none;clear:both;text-align:left;font-size:16px;line-height:16px;height:16px;font-style:normal;font-weight:bold;padding:0;margin:0 0 10px 0;color:#009ee0}
.colonna div.narrow{display: block;padding:0;margin:0 15px;width:270px}
/* -------------------------------------------------------------------------- */

/* MENU LATERALE PAGINE INTERNE*/
.menuLaterale{border:1px solid #009ee0;padding:0 0 10px 0;margin: 0 0 20px 0;background:#f8fafb;}
.menuLaterale h2{background:url(../images/estra/bg_menuLaterale_h2.png) repeat-x 0 0;padding:0 10px 0 10px;margin:0;height:28px;line-height:28px;font-size:16px;font-weight:bold;border-bottom:1px solid #bedbe6;color:#333}
.menuLaterale ul{margin:5px 0 0 0;padding:0 10px}
.menuLaterale ul li{font-size:12px;line-height:14px;padding:7px 0;border-bottom:1px dotted #009ee0;font-weight:bold}
.menuLaterale ul li a{font-weight:normal}
/* -------------------------------------------------------------------------- */

/* LISTA NEWS*/
h2 span.titolo{display:inline;float:left;height:16px}
h2 span.altriLink{display:inline;float:right;text-align:right;height:16px}
h2 span.altriLink a{display:block;float:right;text-align:right;height:16px;margin:0 0 0 15px;font-size:12px;height:16px;font-weight:bold;text-transform:lowercase}
dl.news{padding:0}
dl.news dt a{padding:3px 0 10px 0;font-weight:normal}
dl.news dt a i{font-weight:bold;padding:0 0 2px 0}
/* -------------------------------------------------------------------------- */


/* FORM GWT NUMERI VERDI */
.gwt-SuggestBoxPopup{border:2px solid #8ad47e;background-color:#fff;overflow:auto;height:220px;width:250px;text-align:left}
.gwt-SuggestBoxPopup .item{padding:2px;background-color:#fff;width:280px;font-size:12px}
.gwt-SuggestBoxPopup .item-selected{background-color:#8ad47e;padding:2px;width:250px;font-size:12px;cursor:pointer}
.gwt-SuggestBox{width:250px;padding:2px;font-size:14px}
#numverde{padding:15px;margin:0;clear:both;float:none;display:block}
#numverde h2{color:#008720}
#numverde p{padding:0;margin:0;clear:both;float:none;display:block;line-height:17px;}
#numverde div{padding:0;margin:0;clear:both;float:none;display:block}
#numeroverde{width:250px;padding:10px 0 0 0;margin:0;clear:both;float:none;display:block;min-height:4px}
#risultato{display:block;clear:both;float:none;margin:10px 0 0 0;font-size:12px;font-weight:normal;line-height:17px;padding:0}
#risultato b{font-weight:bold;font-size:13px}
/* -------------------------------------------------------------------------- */

/* STILI LISTE E PAGINAZIONE*/
.paginazione{margin:25px 0 0 0;padding:10px;border:1px solid #e1e1e1;text-align:left;background:#f2f2f2;float:none;clear:both}
.paginazione span.risultati{margin:0;padding:0;float:left;font-size:12px;color:#222;line-height:16px}
.paginazione span.avanti-indietro{margin:0;padding:0;float:right;font-size:12px;height:16px}
.paginazione span.avanti-indietro a{margin:0 10px;padding:0;float:left;font-size:12px;line-height:16px}
.paginazione span.avanti-indietro span{margin:0 10px;padding:0;float:left;font-size:12px;line-height:16px;color:#222}
.paginazione span.avanti-indietro a.avanti{width:16px;height:16px;padding:0;float:left;font-size:12px;background:url(../images/icn_avanti.png) no-repeat 0 0}
.paginazione span.avanti-indietro a.indietro{width:16px;height:16px;padding:0;float:left;font-size:12px;background:url(../images/icn_indietro.png) no-repeat 0 0}
.paginazione span.avanti-indietro a i{display:none}
.grid_4 .paginazione{padding:5px;}
.grid_4 .paginazione span,
.grid_4 .paginazione span span{font-size:11px}
.grid_4 .menuLaterale .paginazione{border:0}
/* -------------------------------------------------------------------------- */

/* STILE DEL RIQUADRO PER TESTI (GENERALMENTE USATO NELLA COLONNA-MENU, MA ANCHE NELLA TERZA COLONNA DEI LINK IN HOMEPAGE) */
.evidenziato{display:block;padding:15px;border:1px solid #60bfff;background:#e3f3fe;float:none;clear:both;color:#005187}
.evidenziato.verde{border:1px solid #008720;background:#ddfdd2;color:#008720}
.evidenziato h3{display:block;padding:0;margin:0 0 8px 0;float:none;clear:both;color:#005187}
/* -------------------------------------------------------------------------- */
/* FORM ANAGRAFICA*/

form.reg{display:block;padding:0}
form.reg h3{margin:0 0 10px 0;color:#df6d07;font-size:16px;line-height:24px;text-transform:uppercase;display:block}
form.reg h3.anagrafica{padding:0 0 10px 33px;background:url(../images/icn_anagrafica.png) no-repeat 0 0;border:0}/* iewin6.css */
form.reg h3.fornitura{padding:0 0 10px 33px;background:url(../images/icn_gas_fornitura.png) no-repeat 0 0;border:0}/* iewin6.css */
form.reg h3.profilo{padding:0 0 10px 33px;background:url(../images/icn_profilo.png) no-repeat 0 0;border:0}/* iewin6.css */
form.reg h3.privacy{padding:0 0 10px 33px;background:url(../images/icn_privacy.png) no-repeat 0 0;border:0}/* iewin6.css */
form.reg a.pf,
form.reg a.pg{display:block;font-size:12px;padding:0 0 0 20px;line-height:15px;height:15px;color:#222;text-decoration:none;background:url(../images/radio.png) no-repeat 0 -16px}
form.reg a.pf{float:left;margin:0 0 0 140px}
form.reg a.pg{float:right;margin:0 140px 0 0}
form.reg a.pf:hover,
form.reg a.pg:hover{background-position:0 0;text-decoration:none}
form.reg a.pf.set,form.reg a.pg.set{background-position:0 0;font-weight:bold}
form.reg div.formInput div input.submit{display:block;float:none;clear:both;padding:0;margin:0 auto;line-height:1;cursor:pointer;background:url(../images/btn_inviarichiesta.png) no-repeat 0 0;text-indent:-9999;width:123px;height:23px;border:0}/* iewin6.css */
form.reg div.formInput div input.submit:hover{background-position:0 -23px}
form.reg div.area{display:block;clear:both;float:none;padding:20px 0 30px 0;margin:0;border:1px dotted #005187;border-width:1px 0 0 0;width:960px}
form.reg div.formInput{display:inline;clear:none;float:left;padding:0;width:600px}
form.reg div.formInput fieldset{display:block;clear:both;float:none;padding:0;margin:0;border:0}
form.reg fieldset span{color:red;border:3px solid #000;padding:10px;display:block;background:yellow;margin:0 0 20px 0}
form.reg div.formInput div{display:block;float:none;clear:both;margin:0;padding:0;height:34px}
form.reg div.formInput label{display:block;line-height:28px;font-size:13px;color:#222;width:230px;text-align:right;float:left;margin:0 6px 0 0;font-weight:bold}
form.reg div.formInput div.check1 label{float:left}
form.reg div.formInput div.check2 label{float:left;margin:0 0 0 30px;width:370px}
form.reg div.formInput label.sopra{display:inline;line-height:28px;font-size:13px;color:#222;text-align:left;float:left;clear:none;margin:0 0 0 100px;font-weight:bold;width:300px}
form.reg div.formInput label.sesi{color:#5f6c6f}
form.reg div.formInput label.sopraLungo{display:block;line-height:28px;font-size:13px;color:#222;text-align:left;float:none;clear:both;margin:0 0 0 100px;font-weight:bold;width:600px}
form.reg div.formInput div.radio label{display:block;line-height:28px;font-size:13px;color:#222;width:50px;text-align:right;float:left;margin:0 6px 0 0;font-weight:normal}
form.reg div.formInput input,select{display:inline;float:left;padding:3px;line-height:18px;height:18px;font-size:14px;color:#222;border:1px solid #ccc;background-color:#fff}
form.reg div.formInput select{width:auto;height:24px;padding:0;display:block}
form.reg div.formInput input.radio{display:block;float:left;padding:0;line-height:28px;height:28px;font-size:14px;border:0;background:none}
form.reg div.formInput div.check1 input,
form.reg div.formInput div.check2 input{display:block;float:left;clear:none;padding:0;line-height:28px;height:28px;font-size:14px;border:0;margin:0;background:none}
form.reg div.formInput input:focus,select:focus{border:1px solid #000}
form.reg div.formInput input.radio:focus{border:0;outline:0 none}
form.reg div.formInput p{display:block;float:none;clear:both;font-size:12px;padding:0 0 10px 0;margin:0;line-height:16px;color:#222;text-align:left}
form.reg div.formInput p.note{font-size:11px;margin-left:240px}
form.reg div.formInput div.privacystat{width:500px;height:88px;display:block;padding:0 10px 10px 0;margin:10px auto;overflow:auto}
form.reg div.formInput div.radio,
form.reg div.formInput div.check1,
form.reg div.formInput div.check2{display:inline;float:left;clear:none;margin:0;padding:0;height:34px;line-height:30px}
hr{display:block;float:none;clear:both;line-height:1px;height:2px;margin:10px auto;padding:0;width:50%}
form.reg div.formInfo{display:inline;clear:none;float:right;padding:0;width:300px;background:url(../images/graffa.png) no-repeat 0 center}/* iewin6.css */
form.reg div.formInfo p{display:block;padding:10px 0 10px 30px}
form.reg fieldset span{background:#ffcdcd}
/* -------------------------------------------------------------------------- */


.inEvidenza img{clear:none;display:block;float:left;margin:3px 8px 5px 0;}
.inEvidenza a{clear:both;float:none;margin:0;width:200px;font-weight:bold;}
.inEvidenza p{clear:none;display:block;float:right;margin:0;width:200px}

/* GENERALE */


.content{background:url(../images/estra/main_bg_content.png) repeat-y 0 0}
#diventaCliente .content,
#cambiaOfferta .content{background:#f6fafc}
/* -------------------------------------------------------------------------- */





/* STILI ARTICOLO SINGOLO */
.areaArticolo{margin:40px 0 0 0;}
.mainfoto{float:none;display:block;clear:both;margin:0 0 20px 0;height:150px;width:610px}
.articolo{text-align:left}
.articolo h1,.articolo h2,.articolo h3{display:block;float:none;clear:both;text-align:left}
.articolo h1,.articolo h2{font-size:18px;line-height:24px;height:24px}
.articolo h3{font-size:14px;line-height:14px;height:14px}
.articolo p{display:block;float:none;clear:both;margin:0;padding:20px 0 0 0;text-align:left;font-weight:normal;margin:0}
.articolo ul{list-style-type:none;display:block;float:none;clear:both;padding:0;margin:0}
.articolo ul li{list-style-type:none;display:block;float:none;clear:both;padding:5px 0;margin:0;text-align:left;font-weight:normal}
/* proprietà della pagina */
.articolo .testi{margin:0 0 30px 0;padding:0 10px 0 0;text-align:left;float:none;clear:both;display:block;height:16px}
.articolo .testi a img{text-decoration:none;border:none}
.articolo .testi .datiarticolo{margin:0;padding:0;text-align:left;line-height:16px;font-size:12px;float:none;display:block;clear:both;height:16px}
.articolo .testi div.dataarticolo{display:inline;float:left;clear:none;text-align:left;margin:0;background:url(../images/icn_data.png) no-repeat 0 0;padding:0 0 0 20px;}/* iewin6.css */
.articolo .testi div.stampa-invia{display:inline;float:right;clear:none;margin:0;padding:0;text-align:left;height:16px}
.articolo .testi div.stampa-invia a{margin:0 0 0 20px;float:left;display:block;clear:none;text-align:left;font-size:11px;line-height:16px}/* iewin6.css */
.articolo .testi a.archivioarticolo{padding:0 0 0 20px;background:url(../images/icn_vaiarchivio.png) no-repeat 0 0}/* iewin6.css */
.articolo .testi a.stampaarticolo{padding:0 0 0 20px;background:url(../images/icn_stamparticolo.png) no-repeat 0 0}/* iewin6.css */
.articolo .testi a.inviaarticolo{padding:0 0 0 20px;background:url(../images/icn_inviaarticolo.png) no-repeat 0 0}/* iewin6.css */
/* tutto il resto*/
.articolo h1{margin:0 10px 10px 0;padding:0 0 5px 0;display:block;float:none;clear:both;height:auto;}
.articolo p.abstract{padding:0 10px 10px 0;font-style:italic}

.articolo ul,.articolo ol{padding:5px 0 20px 0;margin:0 30px}
.articolo ul li,.articolo ol li{font-size:12px;line-height:18px;border-bottom:1px dotted #b4cbdd}
.articolo div.contenuto{margin:0;display:block;float:none;clear:both;padding:0 10px 5px 0;line-height:22px;font-size:12px}
.articolo div.contenuto table{margin:10px 0;padding:0;float:none;clear:both;font-size:12px;line-height:16px}
.articolo div.contenuto table th{margin:0;padding:6px 5px;background:#4278A8;color:#fff;text-transform:uppercase;font-weight:bold}
.articolo div.contenuto table tr{margin:0;padding:1px 0;background:#E8F4FF}
.articolo div.contenuto table td{margin:0;padding:5px;font-weight:bold}
.articolo div.contenuto table td p{margin:0 2px 2px 5px;padding:0}
.articolo div.doclinks h3{margin:20px 0 0 0;color:#df6d07;line-height:24px;height:24px;padding:0 0 0 20px}
.articolo div.doclinks ul,
.articolo div.doclinks ul{margin:0;padding:0 10px 10px 0;list-style-type:none;margin:0}
.articolo div.doclinks h3.docs{background:url(../images/download.png) no-repeat left center}/* iewin6.css */
.articolo div.doclinks h3.links{background:url(../images/link.png) no-repeat left center}/* iewin6.css */
.elencoOfferte{margin:0 10px;padding:10px 0;text-align:left;float:none;clear:both;display:block;border-bottom:1px dotted #005187;background-color:#fafafa}
.elencoOfferte img{margin:0 10px 0 0;float:left;clear:none;display:block;}
.elencoOfferte p{float:right;clear:none;display:block;width:500px;padding:0}


#footer{padding:10px 10px 20px 10px;margin:30px 0 0 0;border-top:1px solid #333;font-size:11px;}