@charset "UTF-8";


h1 {
 	font-size:2em;
	margin:0px;
	padding:0px;
	margin-top:-0.6em;
	font-weight: normal;}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 15px 0px 0px 25px;
	line-height: 1em;
	color: #000066;
	font-weight: bolder;}
	
h4 {
	font-size:1.2em;
	line-height:1.5em;
	margin: 0;
	padding: 2px 0;
	color: #FF0000;
}
	
h5 {
	font-size:0.7em;
	margin: 0;
	padding: 0;
	color: #FF0000;}

p {
	margin:0.5em 0px 0px 0px;
	padding:0px;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: normal;}

ul, li {
	margin: 0;
	padding:0;}

img {border-style:none;}
	
a {text-decoration: none;}

body {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#999999;
	margin: 0;
	padding: 0;
	text-align: left;}
	
#container {
	width: 1024px; /*posso mettere auto??*/
	height: auto;
	background-color: #FFFFFF;
	margin: 0 auto;}	
	
#header {
	width: 100%;
	min-height: 160px;
	height: auto !important;
	height: 160px; /*per IE6*/
	background-color: #000033;
	border-top-style: solid;
	border-top-color: #FF0000;
	border-top-width: 5px;}
	
#header.header_commerciale {
	background-image: url(_images/img_commerciale.jpg);
	background-repeat: repeat-x;
	background-position: left top;}
	
#header.header_torna {
	background-image: url(_images/img_torna_amsc.jpg);
	background-repeat: repeat-x;
	background-position: left top;}

#header.header_tariffe {
	background-image: url(_images/img_tariffe_prezzi.jpg);
	background-repeat: repeat-x;
	background-position: left top;}
	
#header.header_comunicazioni {
	background-image: url(_images/img_comunicazioni.jpg);
	background-repeat: repeat-x;
	background-position: left top;}	

#header.header_distribuzione {
	background-image: url(_images/img_distribuzione.jpg);
	background-repeat: repeat-x;
	background-position: left top;}	
	
#header.header_contatti {
	background-image: url(_images/img_contatti.jpg);
	background-repeat: repeat-x;
	background-position: left top;}	

#logo {
	margin: 5px 0 0 15px;
	height: auto !important;
	height: 160px; /*per IE6*/
	width: 175px;
	float:left;	}

#header_center {
	/*margin-right: 5px;*/
	width: 470px;
	min-height: 155px;
	height: auto !important;
	height: 155px; /*per IE6*/
	/*height: 155px;*/
	float: left;
	background-color: #030205;
	margin-left: 101px;}

/*LISTA SINISTRA*/
#sx_content {
	background-color: #FFFFFF;
	width: 220px;
	float: left;
	padding: 0px;
	margin: 0 0 10px 0;
	text-align: left;}

.lista {
	list-style-position: inset;
	list-style-image: url(_images/icon_lista.gif);
	font-size: 0.9em;
	margin: 0px;
	padding-left: 30px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;}

#sx_content li { padding: 7px 0 3px 0;}
	
.lista a {
	color: #666666;
	text-decoration: none;}

.lista a:hover {
	color: #0066CC;
	text-decoration: underline;}
	
/* LISTA SINISTRA - annidata*/
.lista2 {
	list-style-image: none;
	padding-left: 30px;
	list-style-type: none;}

lista2.ul {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;}
	
.lista2 a:hover {
	color: #FF0000;
	text-decoration: none;}


#main_content {
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #FFF;
	width: auto;
	height: inherit;
	font-size: 0.7em;
	clear: both;}

#dx_content {
	margin: 15px 0 0 0; 
 	padding: 0;
	background-color: #FFF;
	width: 224px;
	float: right;}

#dx_content h2 {
	margin:30px 0 0 0; 
 	padding:5px 50px 0 0;
	font-size:1em;
	color:#666;
	text-transform:uppercase;
	border-top:1px solid #999;
}
	
#tariffe_gallarate {
	margin: 15px 0 0 30px;
	padding: 0;
	width: 451px;
	text-align: center;}
	
#CCI {
	margin: 15px 0 0 30px;
	padding: 0;
	width: 451px;
	text-align: center;
}

#topmenu{
	width:353px;
	float:right;
}

#topmenu ul{
	list-style-type: none;
	height:30px;
	margin:0;
}

#topmenu li{
	width: auto;
	float: left;
	padding: 5px 5px 0 0;
	font-size: 0.7em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FF0000;
}
#topmenu a {
	float: left;
	padding-left: 10px;
	text-decoration: none;
	color: #FFFFFF;
}

#topmenu img {
	margin-right: 3px;
}
	
/* Inizio BARRA DI NAVIGAZIONE */
#navbar {
	width: 470px;
	text-align: center;
	margin: 0px;
	clear: both;}

#navbar ul{
	width: 470px;
	/*height:32px;*/
	min-height: 28px;
	height: auto !important;
	height: 28px;
	margin:0 auto;
	padding: 0px;
	list-style: none;}

#navbar li{
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	min-height: 28px;
	height: auto !important;
	height: 28px;
	margin: 0;
	padding: 0 1px;
	font-size: 0.7em;
	letter-spacing: 0.05em;}

#navbar a{
	float: left;
	width: 92px;
	min-height: 28px;
	height: auto !important;
	height: 28px;
	/* height:28px; */
	padding: 4px 0 0 0;
	text-decoration: none;
	line-height:1.1em;
	color: #FFFFFF;
	background-color: #FF0000;
	background-image: url(_images/navbar_normal.gif);
	background-position: left top;
	background-repeat: no-repeat;}

#navbar a:hover{
	color: #FF0000;
	background-image: url(_images/navbar_over.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
/* Fine BARRA DI NAVIGAZIONE */

#contenuto {
	background-color: #FFFFFF;
	/* margin: 0 254px 0 290px; */
	float: left;
	width: 480px;
	margin: 0 0 0 64px;}

#footer {
	margin: 0;
	padding: 20px 0 10px 30px;
	font-size: 0.7em;
	background-color: #FFF;
	text-align: center;
	color: #999999;
	clear: both;}

#navbar .centrato a{
	height:22px;
	padding: 10px 0 0 0;}
	
#navbar_loghi {
	height: 123px;
	width: 470px;
	background-image: url(_images/navbar_loghi.jpg);
	background-repeat: no-repeat;
	background-position: right top;}
	
#sequenza {
	height: 14px;
	padding: 2px 5px;}

.esterno {
	padding: 10px 6px 0 0;
	text-align: left;
	background-color: #FFFFFF;}

.interno, .cornice {
	margin: 0px;
	border:3px solid #E6E6E6;}
	
.cornice {
	padding:5px 5px 5px 15px;}
	
.interno h1 {
	font-weight: normal;}

.interno h3 {
	font-size: 1.4em;
	min-width: 260px;
	width: 260px !important; 
	width: 260px;
	color: #FFFFFF;
	margin: 10px 0 0 15px;
	padding: 0 0 0 15px;
	background-color: #FF0000;
	font-weight: normal;}

.interno h2.tab1 {
	font-size: 1.3em;
	color: #FFFFFF;
	margin: 10px 5px 0 5px;
	padding: 5px;
	background-color: #FF0000;
	font-weight: normal;}

table#tabella1 td.col1 {
	background-color:#CCFFFF;}

.interno h4 {
	margin-top: 14px;
	padding-left: 15px;
	font-weight: normal;
	font-size: 1.2em;}

.interno h4 {
	font-size: 1.1em;
	width: 195px;
	color: #FFFFFF;
	margin-bottom: 0;
	padding: 2px 0 2px 15px;
	background-color: #FF0000;
	font-weight: normal;}

.interno p {
	padding: 3px 0 0 0;
	margin: 5px 0 0 15px;
	border-bottom: 1px solid #C8C8C8;}

.interno ul {
	padding: 0 5px 0 30px;}

.come {
	/*list-style-image: url(_images/icon_come_fare.gif);*/
	margin: 0 0 0 10px;
	padding: 0 0 10px 0;
	list-style-type: none;
	list-style-image: url(_images/icon_lista_big.jpg);}

.come li {
	padding-top: 7px;
	margin-left: 0;}

.descr_1 ul li {
	background-color: #FFFFFF;
	list-style-image: url(_images/icon_lista_big.jpg);}
	
div.cornice ul li {
	background-color: #FFFFFF;
	list-style-type:disc;
	list-style-image:none;
	margin-left:15px;}
	
div.cornice li {
	padding-bottom:10px;}	

.topleft, .topright, .bottomright, .bottomleft {
	padding:0;
	border: 0;}

.topleft{ /* superiore sinistro */
	float:left;
	margin:-3px 0 0 -3px;}
	
.topright{ /* superiore destro */
	float:right;
	margin:-3px -3px 0 0;}
	
.bottomright{ /*inferiore destro */
	float: right;
	margin: -16px 0 0 0;}

.bottomleft{/* inferiore sinistro */
	float:left;
	margin:-16px 0 0 0;}
	

.nverde {
	font-weight: bold;
	color: #009900;
	font-size: 1.2em;}
	
.link_glossario a:link {
	color:#6699CC;}
	
.link_glossario a:hover {
	color:#6699CC;}
	
.topleft {/*soluzione per IE5.x*/
	margin-left: -4px;
	margin-left: -3px;}

.topleft_white {
	width:16px;
	height:16px;
	position:absolute;
	z-index:100;
	margin-left: 0px;
	padding: 0;
	background-image: url(_images/topleft_16pt_white.gif);
	background-repeat: no-repeat;}
	
/*	TABELLA TARIFFE	*/	
/*table {
	border-collapse: collapse;
}
*/
	
/*	TABELLA	*/
#form {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

caption {font-size: 1em;}
	
.tab {
	margin: 0;
	padding: 0;
	width:420px;}
	
.tab th {
	margin:0;
	height:28px;
	text-align: left;
	background:#ddd;}

.tab td {
	margin: 0;
	height:30px;
	border-bottom: 1px solid #FF0000;}
	
th {
	padding: 3px 8px;}
	
td {
	padding: 3px 10px;
 	margin: 10px;}
	
#tabella {
	width: 451px;
	margin:  0 0 10px 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;}

#tabella td {
	padding: 4px 0 2px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	vertical-align:top;}

#tabella .col1 {
	width: 51%;
	padding-right: 20px;}

#tabella .col2 {width: 26%;}

#tabella .col3 {width: 23%;}
	
#tabella .col3_tasse {width: 20%;}
	
#tabella .col4_tasse {width: 18%;}

#tabella .tariffe {
	text-align:right;
	font-size: 1.2em;
	color: #FF0000;
	padding: 0 5px 0 0;}
	
#numverde {
	margin: 10px 0;
	background-image: url(_images/numero_verde.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 100px;
	width: 170px;}
	
/*.overpdf {
	padding: 0 5px 7px 0;
	height: 28px;
	width: 28px;
	float:right;}
	
.overpdf a {
	display: block;
	height: 24px;
	width: 24px;
	background-image: url(_images/PDF_button_24pt.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
	
.overpdf a:hover {
	background-position: top right;
}*/

.overpdf2 {
	margin: 0 5px 0 0;
	padding: 0;
	height: 24px;
	width: 24px;
	float:right;
	background-image: url(_images/PDF_button_24pt.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
	
.overpdf2:hover {
	background-position: top right;}

.linkpdf {
	margin: 0;
	padding: 0  5px 0 0;
	font-size: 0.85em;
	width: 65%;
	float:left;
	text-align: right;}
	
.xls-logo {
	margin: 0 5px 0 0;
	padding: 0;
	height: 24px;
	width: 24px;
	float:right;
	background-image: url(_images/xls-logo.gif);
	background-repeat: no-repeat;
	background-position: left top;}
	
.xls-logo:hover {
	background-position: top right;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
	
	
#globalinput {
	width: 190px;
	height: 40px;}	
	
#cerca {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	text-decoration: none;}
	
#divinput {
	margin: 0:
	padding: 0;
	float: right;
	width: 100%;}

#input {
	margin: 0;
	padding: 0;
	width: 140px;
	height: 15px;
	background-color: #FFFFFF;
	border-top-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-left-color: #000000;
	vertical-align: middle;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCCCCC;}

#imginput {
	margin: 3px 0 0 3px;
	padding: 0;
	width: 20px;
	height: 17px;
	vertical-align: bottom;}

#fattura {
	text-align:center;}


.news {
	margin: 10px 0;
	/*position: relative;
	padding-left: 10px;
	border-left: 1px solid red*/;
	display: block;}
	
/*#news_1 {
	z-index: 1;
	position: absolute;}	*/

#flash_click {
	z-index: 2;
	position: relative;
	left: 50px;
	top: 50px;}
		
.news a {
	}

.news a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	}

.oblique {
	font-size: 0.8em;
	font-style: oblique;
	font-weight: normal;}
	
/* INIZIO icone NAVBAR*/
#icon_navbar {
	clear:both;
	margin: 5px 0 0 0;
	}
		
#icon_navbar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}
	

#icon_navbar ul li {
	background-image: url(_images/sfu_ICONE_OK.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 80px;
	height: 93px;
	float: left;
	padding: 0 7px;}
	
#icon_navbar ul li a img {
	margin-left: 4px;}

/* FINE icone NAVBAR*/ 

.descrizione {
	padding-left: 20px;}

.opzioni {
	font-size: 1.4em;
	color: #FF0000;
	margin: 0;
	padding: 15px 0 0 40px;}

.interno .titoli h3 {
	color: #FF0000;}
	
.txt_titolo {
	font-size: 2.5em;
	margin: 10px 0 0 30px;
	padding: 0 20px 5px 0;
	font-weight: normal;
	color: #FF0000;
	border-bottom-width: 1px;
	border-bottom-color: #999999;}
	
/*autore andrea aggiunta di txt_2titolo*/
.txt_2titolo {
	font-size: 1.6em;
	font-style:italic;
	margin: 10px 0 0 30px;
	padding: 0 20px 5px 0;
	font-weight: normal;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	line-height: 1.2;
	}
/*autore andrea aggiunta di txt_log*/

.txt_log {
color:#000000;
margin-left:50px;
margin-top: 70px;
}
	
.descr_1 {
	font-size: 1.1em;
	margin: 0 0 0 30px;
	padding: 5px 20px 0 0;}
	
.glossario_titolo {
	margin: 0px;
	padding: 0px;
	color: #FF0000;}

/* Pagina DISTRIBUZIONE */
#content_distribuzione {
	padding: 10px 6px 0 0;
	text-align: left;
	background-color: #FFFFFF;}
	
.lista_distribuzione {
	font-size: 1.1em;
	margin: 0 0 0 30px;
	padding: 5px 20px 0 0;}

.distribuzione {
	font-size: 1.1em;
	width: 200px;
	float: left;
	clear: both;}
	
.teldistribuzione {
	width: 150px;
	float: right;
	font-size: 1.2em;}

.cella_distributore {
	width: 400px;
	padding: 2px 0 5px 0;
	border-bottom-width: thin;
	border-bottom-style: groove;
	border-bottom-color: #999999;
	overflow:hidden;
	clear: both;}

.cella_distributore_prima {
	width: 400px;
	height: 105px;
	padding: 2px 0 5px 0;
	border-bottom-width: thin;
	border-bottom-style: groove;
	border-bottom-color: #999999;
	clear: both;}
	
#content_distribuzione li {
	list-style-image: url(_images/icon_lista_big.jpg);
	margin: 0 0 0 10px;
	clear: both;
	padding: 5px 0;
	list-style-type: none;}	

#pintervento {
	width: 170px;
	float: right;
	text-align: right;
}

	
dl {width:400px:}

dt	{
	font-weight:bold;
	color: #000066;
	line-height: 1.5em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color:  #FF0000;}

dd{
	margin:0.5em 0 0 0;
	padding: 0.5em 0 0.5em 2em;
	color: #000;
	line-height:1.3em;
	background-color: #E8ECF1;}

dd p{margin: 0;padding: 5px;line-height: 1.3em;}  

#numeri_utili img {
	margin: 5px 0;
	padding: 0 10px 0 0;}
	
.white_space {
	white-space: pre;}
	
.descr_tab {
	padding: 5px 15px;}

.descr_tab p {
	margin: 0 0 5px 0;
	padding: 0 0 10px 0;
	font-size:0.8em;
	text-align:justify;
	border-bottom: 1px solid #AA0000;}

.descr_tab a {
	color: #AA0000;}
	
.descr_tab ul li {
	list-style-type: decimal;}
	
/* DATA */
.global_date {
	text-align: center;
	background-color: #FFF;
	width: 56px;
	font-family: Arial;
	float: left;
	padding: 4px;
	margin: 1px auto;}
	
.dateblock {
	width: 50px;
	border: 1px solid red;
	border-top: 5px solid red;
	padding-top: 2px;}
.day {
	font-size: 26px;
	position: relative;
	top: -4px;}
.month {
	font-size: 12px;
	text-transform: uppercase;}
.year {
	font-size: 12px;
	position: relative;
	top: -7px;}

	
#contenuto .esterno .interno #valore_CCI {
	margin-top: 20px;}

.descr_1 .giorni {
	font-weight: bold;
	color: #009900;}
	
/* classi TESTO */
.rosso {color: #FF0000;}
	
.grassetto {font-weight: bold;}
	
.corsivo {
	font-size: 0.9em;
	font-style: italic;}

.sottolineato {text-decoration: underline;}

.giustificato {text-align: justify;}

/*autore: andrea css per il login nella pagina di sportello online*/
#login_div{
background-color: rgb(194,194,194);
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
height: 180px;
width: 210px;
border: 1px solid black;
margin-left: 40px;
}
#login_div #user{
margin-top: 20px;
margin-left: 30px;
margin-bottom: 12px;

}
#login_div #psw{
margin-top: 0px;
margin-left: 30px;

}
#button{
background: transparent url("img/login-buttons.png") no-repeat 0 0;
display:block;
height:41px;
width:126px;
border: none;
text-indent: -9px;
margin-left: 40px;
margin-top: 20px;
}
#button:active { background-position: 0 -46px;}

.vantaggi {
	padding: 0 6px;
	background-color:#FF0000;
	color:#FFFFFF;
	border: none;
}


.campo{
	margin: 3px 0px 10px 15px;
}

.campo input{
	float: right;
	margin-right: 90px;
}

#sportello-online .contenitore_img{
	height: 50px; 
	float: left;
	padding-right:10px;
}

#sportello-online .contenitore_lista{
	height: 100%;
	overflow: hidden; 
	margin-top: 10px;
}

#sportello-online.fieldset-rounded {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #C2C2C2;
    border-radius: 10px 10px 10px 10px;
    margin: 0 55px 20px 0;
    padding: 20px 5px 20px 10px;
	overflow:hidden;
}

#sportello-online .div_lista {
	width: 90px;
	height: auto;
	float: left;
}

#sportello-online .grassetto {
	color:#CC2827;
	text-transform:uppercase;
}