body{
	margin:0;
	padding:0;
	border:0;
}
.breaker {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	font-size: 0.1em;
	line-height: 0px;
}
a{
	text-decoration:none;
	color: #0000CC;
}
a:hover{
	text-decoration:underline;
}
h1, h2, h3, h4, h5, h6, h7{
	margin: 0px;
	padding: 0px;
	}
form{
	margin: 0px;
	padding: 0px;
}
fieldset{
	border-width:0px;
	margin:0px;
	padding:0px;
}
select{
	font-size: 100%;
}
.hide{
	display: none;
}
.show{

}
.floatright{
	float:right;
}
.floatleft{
	float:left;
}
.alignleft{
	text-align:left;
}
.alignright{
	text-align:right;
}
a img{
	border:0px;
}
form{
color:#03246f;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
}
/*------------------------------------*/

#container{
	text-align: center;
	margin:0 auto;
padding-left:40px;
	width:950px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#484949;
	line-height: 130%;
	font-size:71%;
	position:relative;
}
#container #left{
	float:left;
	width:230px !important;
	width:220px
}
#container #center{
	float:left;
	width:465px;
}
#container #right{
	width:230px;
	float:left;
	text-align:left;
	padding-left:10px;
}

/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
/* ]======[]======[    NAVIGAZIONE   ]======[]======[  */
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
#container #left .nav{
	text-align:left;
}
#container #left .nav ul{
	margin:0px;
	padding:0px;
}
#container #left .nav li{
	list-style:none;
	margin: 1px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	background:url(../img/nav_bg_blu.gif) left bottom no-repeat;
}
#container #left .nav ul li li{
	background-color:#FFFFFF;
	background-image:none;
}
#container #left .nav ul ul{
	margin: 0 0 0 8px;
	margin-top:-2px;
}
#container #left .nav ul li li li{
	margin-left:15px;
	padding-right:10px;
}
#container #left .nav ul li a{
	font-family: 'Trebuchet MS', Helvetica, Arial, Verdana, sans-serif;
	font-size:120%;
	text-transform:uppercase;
	color:#083a83;
	background:url(../img/nav_bg_top_blu.gif) left top no-repeat;
	padding: 7px 0px 7px 10px;
	display:block;
	height:auto !important;
	height:10px;
}
#container #left .nav a.on{
	text-decoration:underline;
}
#container #left .nav li.chisiamo a{		background:url(../img/chi_siamo.gif) left top no-repeat;text-indent:-9999px;display:block;width:100%;}
#container #left .nav li.centrioperativi a{	background:url(../img/centri_operativi.gif) left top no-repeat;text-indent:-9999px;display:block;width:100%;}
#container #left .nav li.tariffe a{		background:url(../img/tariffe.gif) left top no-repeat;text-indent:-9999px;display:block;width:100%;}
#container #left .nav li.sicurezza a{		background:url(../img/sicurezza.gif) left top no-repeat;text-indent:-9999px;display:block;width:100%;}
#container #left .nav li.servizi a{		background:url(../img/servizi.gif) left top no-repeat;text-indent:-9999px;display:block;width:100%;}
#container #left .nav li.info a{		background:url(../img/info_documenti.gif) left top no-repeat;text-indent:-9999px;display:block;width:100%;}
#container #left .nav li.metano a{		background:url(../img/metano.gif) left top no-repeat;text-indent:-9999px;display:block;width:100%;}
#container #left .nav li.area_riservata a{	background:url(../img/area_riservata.gif) left top no-repeat;text-indent:-9999px;display:block;width:100%;}


#container #left .nav li.chisiamo a.on,
#container #left .nav li.chisiamo a:hover{		background:url(../img/chi_siamo_on.gif) left top no-repeat;text-indent:-9999px;display:block;width:100%;}
#container #left .nav li.centrioperativi a.on,
#container #left .nav li.centrioperativi a:hover{	background:url(../img/centri_operativi_on.gif) left top no-repeat;text-indent:-9999px;display:block;width:100%;}
#container #left .nav li.tariffe a.on,
#container #left .nav li.tariffe a:hover{		background:url(../img/tariffe_on.gif) left top no-repeat;text-indent:-9999px;display:block;width:100%;}
#container #left .nav li.sicurezza a.on,
#container #left .nav li.sicurezza a:hover{		background:url(../img/sicurezza_on.gif) left top no-repeat;text-indent:-9999px;display:block;width:100%;}
#container #left .nav li.servizi a.on,
#container #left .nav li.servizi a:hover{		background:url(../img/servizi_on.gif) left top no-repeat;text-indent:-9999px;display:block;width:100%;}
#container #left .nav li.info a.on,
#container #left .nav li.info a:hover{		background:url(../img/info_documenti_on.gif) left top no-repeat;text-indent:-9999px;display:block;width:100%;}
#container #left .nav li.metano a.on,
#container #left .nav li.metano a:hover{		background:url(../img/metano_on.gif) left top no-repeat;text-indent:-9999px;display:block;width:100%;}
#container #left .nav li.area_riservata a.on,
#container #left .nav li.area_riservata a:hover{	background:url(../img/area_riservata_on.gif) left top no-repeat;text-indent:-9999px;display:block;width:100%;}


#container #left .nav ul li li a,
#container #left .nav ul li.chisiamo li a,
#container #left .nav ul li.centrioperativi li a,
#container #left .nav ul li.tariffe li a,
#container #left .nav ul li.sicurezza li a,
#container #left .nav ul li.servizi li a,
#container #left .nav ul li.info li a,
#container #left .nav ul li.area_riservata li a,
#container #left .nav ul li.metano li a{
	font-family: Verdana, 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-size:105%;
	text-transform:none;
	font-weight:bold;
	color:#016fd6;
	font-weight:normal;
	background: transparent;
	background-image:none;
	text-indent:0px;
	padding:4px 0 4px 3px;
}
#container #left .nav li.chisiamo  li a:hover,#container #left .nav li.chisiamo  li a.on,
#container #left .nav li.centrioperativi li a:hover,#container #left .nav li.centrioperativi li a.on,
#container #left .nav li.tariffe li a:hover,#container #left .nav li.tariffe li a.on,
#container #left .nav li.sicurezza  li a:hover,#container #left .nav li.sicurezza  li a.on,
#container #left .nav li.servizi li a:hover,#container #left .nav li.servizi li a.on,
#container #left .nav li.info li a:hover,#container #left .nav li.info li a.on,
#container #left .nav li.area_riservata li a:hover,#container #left .nav li.area_riservata li a.on,
#container #left .nav li.metano li a:hover,#container #left .nav li.metano li a.on{
background-image:none;
text-indent:0px;
}


/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
/* ]======[]======[    CONTENUTO   ]======[]======[  */
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
#container #content{
	background:url(../img/testo_bg.gif) left top repeat-y;
}
#container #content .chiusura{
	background:url(../img/testo_bg_chiusura.gif) left top no-repeat;
	height:32px;
	margin-top:-32px;
}
#container #content .text{
	background:url(../img/testo_bg_grosso.gif) left top no-repeat;
	text-align:left;
	padding:20px 20px 40px 20px;
	line-height:130%;
	position:relative;
}
body #container #content .text{
	min-height:400px;
	height: auto !important;
	height: 400px;
}
body #container #content .text hr{
	border:0px solid;
	border-bottom:1px dotted #338CD3;
	color:#F3EFEF;
	background-color:##F3EFEF;
}
body#home #container #content .text{
	min-height:10px;
	height: auto !important;
	height: auto;
position:static;
}
#container #content .text .breadcrumbs{
	margin-bottom:15px;
}
#container #content .text h2.pagetitle{
	font-size:120%;
	color:#348cde;
	margin: 0px 0 15px 0;
	font-weight:normal;
}
#container #content .text a{
	text-decoration:underline;
	color:#0168d1;
}
#container #content .text a:hover{
	color:#083A83;
}

#container #content .text h1{color:#348cde; font-size:140%}
#container #content .text h2{color:#348cde; font-size:130%}
#container #content .text h3{color:#348cde; font-size:120%}
#container #content .text h4{color:#348cde; font-size:110%}
#container #content .text h5{color:#348cde; font-size:100%}
#container #content .text h6{color:#348cde; font-size:90%}

.pageback{
	position:absolute;
	right:0px;
	bottom:0px;
	margin: 0px 20px 20px 0;
}
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
/* ]======[]======[    PRIMOPIANONOBACKGROUND     ]======[]======[  */
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/

#container #primopiano_nobackground{
	height:auto !important;
	height:340px;
	min-height:340px;
}
#container #primopiano_nobackground h2{
	background:url(../img/primopiano.gif) left top no-repeat;
	text-indent:-9999px;
	height:37px;
}
#container #primopiano_nobackground ul{
	float:right;
	text-align:left;
}
#container #primopiano_nobackground li{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-top:-5px;
}
#container #primopiano_nobackground li a{
	display:block;
	width:290px;
	height:30px;
	background:url(../img/primopiano_pulsante.gif) left top no-repeat;
	font-weight:bold;
	padding: 8px 0 0 10px;
	font-size:95%;
	text-indent:-9999px;
}
#container #primopiano_nobackground li a:hover{
	background:url(../img/primopiano_pulsante_on.gif) left top no-repeat;
}

#container #primopiano_nobackground li a.accertamenti{		background:url(../img/primopiano_pulsante_accerta.gif) left top no-repeat;}
#container #primopiano_nobackground li a.accertamenti:hover{	background:url(../img/primopiano_pulsante_ac_on.gif) left top no-repeat;}
#container #primopiano_nobackground li a.informazioni{		background:url(../img/primopiano_pulsante_informa.gif) left top no-repeat;}
#container #primopiano_nobackground li a.informazioni:hover{	background:url(../img/primopiano_pulsante_in_on.gif) left top no-repeat;}
#container #primopiano_nobackground li a.prezario{			background:url(../img/primopiano_pulsante_prezzar.gif) left top no-repeat;}
#container #primopiano_nobackground li a.prezario:hover{		background:url(../img/primopiano_pulsante_pr_on.gif) left top no-repeat;}
#container #primopiano_nobackground li a.tariffe{			background:url(../img/primopiano_pulsante_tariffe.gif) left top no-repeat;}
#container #primopiano_nobackground li a.tariffe:hover{		background:url(../img/primopiano_pulsante_ta_on.gif) left top no-repeat;}


/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
/* ]======[]======[    PRIMOPIANO     ]======[]======[  */
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
#container #primopiano{
	background:url(../img/italia.gif) left bottom no-repeat;
	height:auto !important;
	height:340px;
	min-height:340px;
}
#container #primopiano h2{
	background:url(../img/primopiano.gif) left top no-repeat;
	text-indent:-9999px;
	height:37px;
}
#container #primopiano ul{
	float:right;
	text-align:left;
}
#container #primopiano li{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-top:-5px;
}
#container #primopiano li a{
	display:block;
	width:290px;
	height:30px;
	background:url(../img/primopiano_pulsante.gif) left top no-repeat;
	font-weight:bold;
	padding: 8px 0 0 10px;
	font-size:95%;
	text-indent:-9999px;
}
#container #primopiano li a:hover{
	background:url(../img/primopiano_pulsante_on.gif) left top no-repeat;
}

#container #primopiano li a.accertamenti{		background:url(../img/primopiano_pulsante_accerta.gif) left top no-repeat;}
#container #primopiano li a.accertamenti:hover{	background:url(../img/primopiano_pulsante_ac_on.gif) left top no-repeat;}
#container #primopiano li a.informazioni{		background:url(../img/primopiano_pulsante_informa.gif) left top no-repeat;}
#container #primopiano li a.informazioni:hover{	background:url(../img/primopiano_pulsante_in_on.gif) left top no-repeat;}
#container #primopiano li a.prezario{			background:url(../img/primopiano_pulsante_prezzar.gif) left top no-repeat;}
#container #primopiano li a.prezario:hover{		background:url(../img/primopiano_pulsante_pr_on.gif) left top no-repeat;}
#container #primopiano li a.tariffe{			background:url(../img/primopiano_pulsante_tariffe.gif) left top no-repeat;}
#container #primopiano li a.tariffe:hover{		background:url(../img/primopiano_pulsante_ta_on.gif) left top no-repeat;}
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
/* ]======[]======[       COL DX      ]======[]======[  */
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
ul.banner{
	padding:0px;
	margin:4px 0px 0px 0px;
}
ul.banner li{
	padding:0px;
	margin:-4px 0px 0px 0px;
	list-style:none;
}

form.riservata{
	background:url(../img/area_riservata.jpg) left top no-repeat;
	text-align:left;
width:202px;
	/*width:222px;*/
	height:102px;
	padding:40px 0px 0px 20px;
}
form.riservata input{
	font-size:100%;
/* 	width:170px;*/
	width:150px;
	color:#aba8a5;
	margin-top:6px;
}
form.riservata input.invia{
	background:url(../img/riservata_invia.gif) left top no-repeat;
	border:0px;
	display:block;
	height:17px;
	width:67px;
	padding-top:30px;
	float:right;
	margin-right:46px !important;
	margin-right:22px;
	cursor:pointer;
}

/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
/* ]======[]======[       TOPPER      ]======[]======[  */
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
#topper{
	text-align:left;
	margin-bottom:25px;
}
#top{
	position:relative;
	height:75px;
}
#top h1.maintitle{
	background:url(../img/italcogim_spa.gif) left top no-repeat;
	display:block;
	width:220px;
	height:57px;
	text-indent:-9999px;
	position:absolute;
	left:0px;
	top:10px;
	margin-left:-38px;
}
a.linkback{
	display:block;
	width:173px;
	height:70px;
	left:0px;
	margin-left:-38px;
	text-indent:-999px;
	position:absolute;
}
#top ul{
	float:right;
	margin-right:10px;
	margin-top:40px;
	font-size:100%;
}
#top ul li{
	display:inline;
	/*border-left:1px solid #083a83;*/
background:url(../img/top_spacer.gif) left center no-repeat;
	padding: 0 10px 0 10px;
}
#top ul li input{
	border:1px solid #083a83;
	font-size:100%;
}
#top ul li a{
	color:#083a83;
	/*margin:0 10px 0 5px;*/
}
#top ul li .invia{
	height:17px;
	width:20px;
	border:0px;
	text-indent:-9999px;
	background:url(../img/submit_cerca.gif) left top no-repeat;
	margin-left:20px;
	border:0px;
	cursor:pointer;
	background-color:#FFFFFF;
}


/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
/* ]======[]======[       FOOTER      ]======[]======[  */
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
#footer{
	border:1px solid #e0e2e2;
	background:url(../img/italcogim_small.gif) left center no-repeat;
	text-align:right;
	padding:10px;
	color:#999999;
	margin-right:40px;
}
#subfooter{
	color:#999999;
	margin-top:20px;
	margin-bottom:10px;
	border-top:1px solid #999999;
	padding-top:4px;
}
#subfooter a{
	color:#999999;
}



/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
/* ]======[]======[        WIDE       ]======[]======[  */
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
body#wide #center{
	width:100%;
}
body#wide #container #content{
	background:url(../img/wide_testo_bg.gif) left top repeat-y;
	padding-right:70px;
}
body#wide #container #content .chiusura{
	background:url(../img/wide_testo_bg_chiusura.gif) bottom left no-repeat;
	width:925px;
}
body#wide #container #content .text{
	background:url(../img/wide_testo_bg_grosso.gif) left top no-repeat;
	width:100%;
}

/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
/* ]======[]======[      MAPPA       ]======[]======[   */
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/

#mappa{
	padding:0;
	margin:0;
	}
#mappa  ul a{
text-decoration:none;
}
#mappa ul a:hover{
text-decoration:underline;
}
#mappa ul{
	margin:0px;
	padding:0 0 20px 0;
	width:99%;
}
#mappa ul li{
	list-style:none;
	line-height:180%; 
	font-weight:bold;
	margin:0px;
	padding:0 0 20px 0;
	background-image:none;
}
#mappa ul li a{
	padding-left:8px;
	text-decoration:none;
	color:#000000;
}
#mappa ul ul {
	margin:0px;
	padding:0px;
	border-top:1px solid #2D336B;
	border-bottom:0px solid #2D336B;
}
#mappa ul ul li {
	margin-left:20%; 
	padding:0;
	border-left:1px solid #2D336B; 
	border-bottom:1px solid #2D336B; 
	background:#E0E2E2;
}
#mappa ul ul li a{
	padding-left:8px;
	text-decoration:none;
	display:block;
	width:99.9%;
}
#mappa ul ul li a:hover{
	padding-left:8px;
	text-decoration:none;
	width:99.9%;
	display:block;
	background-color:#77C4E2;
}
#mappa ul ul ul{
	margin-bottom:0px;
	margin:0px;
	padding-bottom:15px;
	width:100%;
	min-width:100%;
	border-top:1px dashed #2D336B; 
	background:#fff;
}
#mappa ul ul ul li{
	border-bottom:1px dashed #2D336B; 
	background:#fff;
}
#mappa ul ul ul li a {
	font-weight:normal;
	color:#002277;
}
#mappa{
	text-align:left;
}


#container #content .text table{ 		width:100%; border:0px; background-color:#e5e5e5; margin:0px 0 10px 0; padding:0px;}
#container #content .text table caption{    border:0px; margin:0px; padding: 5px 0 5px 0; background-color:#e5e5e5; color:#000000; font-weight:bold;}
#container #content .text table th{ 	vertical-align:top; border:0px; background-color:#eeeeee; color:#000000; font-weight:bold;}
#container #content .text table td{ 	vertical-align:top; border:0px; background-color:#f7f7f7; padding:3px 3px 3px 3px;} 

#container #content .text table.thnormal th{ font-weight:normal;}

.boxevidenza{
	padding:7px;
}

/* ----------- SIMONE AREA RISERVATA ---------- */

#area_riservata_accesso_dati_base{
   background-color:#FFFFFF;
   border: 1px solid #e5e5e5;
   padding:30px;  
}

#container #content .text table.noborder{ 		width:100%; border:0px; background-color:transparent; margin:0px 0 10px 0; padding:0px;}
#container #content .text table.noborder caption{    border:0px; margin:0px; padding: 5px 0 5px 0; background-color:transparent; color:#000000; font-weight:bold;}
#container #content .text table.noborder th{ 	vertical-align:top; border:0px; background-color:transparent; color:#000000; font-weight:bold;}
#container #content .text table.noborder td{ 	vertical-align:top; border:0px; background-color:transparent; padding:1px 1px 1px 1px;} 

#moduli #contapassi{
	text-align:right;
	margin-bottom:10px;
}
#moduli #contapassi strong{
	background-color:#80C7E3;
	color:#FFFFFF;
	border: 1px solid #37ADD5;
}
#logout{
	width:30px; 
	height:30px;  
	position:absolute; 
	right:10px; 
	top:30px;
}

a.it { font-family : "Geneva, Arial, Helvetica, sans-serif"; text-decoration : none; font-size : 11; color : #0066CC; font-weight : 500}
a.it:active { font-family : "Geneva, Arial, Helvetica, sans-serif"; text-decoration : none; font-size : 11; color : #0066CC; font-weight : 500}
a.it:hover { font-family : "Geneva, Arial, Helvetica, sans-serif"; text-decoration : none; font-size : 11; color : #0066CC; font-weight : 500} 
a.it:link { font-family : "Geneva, Arial, Helvetica, sans-serif"; text-decoration : none; font-size : 11; color : #0066CC; font-weight : 500 } 
a.it:visited { font-family : "Geneva, Arial, Helvetica, sans-serif"; text-decoration : none; font-size : 11; color : #0066CC; font-weight : 500 } 
a.itgrigio { font-family : "Geneva, Arial, Helvetica, sans-serif"; text-decoration : none; font-size : 11; color : #4D4D4D;}
a.itgrigio:active { font-family : "Geneva, Arial, Helvetica, sans-serif"; text-decoration : none; font-size : 11; color : #4D4D4D; }
a.itgrigio:hover { font-family : "Geneva, Arial, Helvetica, sans-serif"; text-decoration : none; font-size : 12; color : #4D4D4D;} 
a.itgrigio:link { font-family : "Geneva, Arial, Helvetica, sans-serif"; text-decoration : none; font-size : 12; color : #4D4D4D;} 
a.itgrigio:visited { font-family : "Geneva, Arial, Helvetica, sans-serif"; text-decoration : none; font-size : 11; color : #4D4D4D; }
a.itverde { font-family : Geneva, Arial, Helvetica, sans-serif; text-decoration : none; font-size : 110%; color : #218E5A;}
a.itverde:active { font-family : "Geneva, Arial, Helvetica, sans-serif"; text-decoration : none; font-size : 11; color : #218E5A; }
a.itverde:hover { font-family : "Geneva, Arial, Helvetica, sans-serif"; text-decoration : none; font-size : 12; color : #218E5A;} 
a.itverde:link { font-family : "Geneva, Arial, Helvetica, sans-serif"; text-decoration : none; font-size : 12; color : #218E5A;} 
a.itverde:visited { font-family : "Geneva, Arial, Helvetica, sans-serif"; text-decoration : none; font-size : 12; color : #218E5A;} 
.blank11_it { font-family: "Geneva, Arial, Helvetica, sans-serif"; font-size: 11px; font-style: normal; color: #FFFFFF }
.blu11_it { font-family: "Geneva, Arial, Helvetica, sans-serif"; font-size: 11px; font-style: normal; color: #0066CC }
.green11_it { font-family: "Geneva, Arial, Helvetica, sans-serif"; font-size: 11px; font-style: normal; color: #218E5A }
.azzurro11_it { font-family: "Geneva, Arial, Helvetica, sans-serif"; font-size: 11px; font-style: normal; color: #7BBADE }
.gray11_it { font-family: "Geneva, Arial, Helvetica, sans-serif"; font-size: 11px; font-style: normal; color: #4D4D4D }
.red11_it { font-family: "Geneva, Arial, Helvetica, sans-serif"; font-size: 11px; font-style: normal; color: #fe0000 }
.blu11_login { font-family: "Geneva, Arial, Helvetica, sans-serif"; font-size: 11px; font-style: normal; color: #0066CC; background-color: #ECF1F7;}