/* DOCUMENTO */
html, body { height: 100%; margin: 0px; padding: 0px; font-family: Arial, sans-serif; font-size: 100%; color: #333; background-image: url(img/bg.jpg); background-repeat: repeat-x; }

hr { border: 1px dotted #bbb; padding: 0px; }
p { margin: 0px; }
a { color: #004F75; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
img { border: 0px; }

form { float: left; }
input { background-image: url(img/bg_input.jpg); background-repeat: repeat-x; border: 1px solid #bbb; }
textarea { background-image: url(img/bg_textarea.jpg); background-repeat: repeat-x; border: 1px solid #bbb; }


/* CONTENITORI */
#box-pagina { margin: auto; width: 100%; position: relative; min-height: 100%; height: auto !important; height: 100%; background-image: url(img/bg_header.jpg); background-repeat: no-repeat; background-position: top center; }
#box-header { width: 100%; }
#box-middle { width: 950px; margin: auto; }
#box-middle:after { clear: both; display: block; content: "."; height: 20px; visibility: hidden; }
#box-sx { float: left; width: 210px; }
#box-sxHome { float: left; width: 210px; }
#box-main { float: left; width: 740px; }
#box-mainHome { float: left; width: 950px; }
#box-footer { width: 100%; position: absolute; bottom: 0px; background-image: url(img/bg_footer.jpg); background-repeat: repeat-x; }



/* CONTENUTI */
#header { margin: auto; width: 950px; }
	
	h1 { float: left; width: 590px; height: 184px; padding: 11px 0px 0px 0px; margin: 0px; font-size: 60%; font-weight: normal; color: #aaa; }
	
	#fissi { float: left; width: 280px; height: 184px; padding: 11px 0px 0px 0px; text-align: right; font-size: 70%; }
		#fissi a { color: #ccc; border-right: 1px solid #ccc; padding-right: 5px; margin-right: 3px; }
		#fissi a:hover { color: #aaa; }
	
	#lingua { float: right; width: 70px; height: 185px; padding: 10px 10px 0px 0px; text-align: right; }
		#lingua a { color: #fff; margin: 0px 0px 0px 5px; }
		#lingua a:hover { color: #aaa; }
	

	#news { float: left; width: 170px; height: 163px; padding: 20px 15px 0px 15px; background-image: url(img/bg_news.jpg); background-repeat: no-repeat; }
		#news h1 { display: none; }
	.news-data { padding: 2px 0px 2px 0px; color: #3296B6; font-size: 70%; }
	.news-titolo { padding: 6px 0px 8px 0px; font-weight: bold; font-size: 70%; }
		.news-titolo a { color: #006699; text-decoration: underline; }
		.news-titolo a:hover { color: #333; text-decoration: underline; }
	.news-descrizione { color: #888; font-size: 60%; line-height: 13px; padding: 0px 0px 0px 0px; }
	.news-leggi { float: left; color: #fff; font-size: 60%; padding: 5px 5px; background-color: #72B6CD; border: 1px solid #fff; text-align: center; font-weight: bold; margin-top: 12px; }
		.news-leggi a { color: #fff; text-decoration: none; }
		.news-leggi a:hover { color: #FFFF99; text-decoration: none; }
	
	
	/* NEWS LOCALE HOME */
	#newsLocaleHome { float: left; width: 937px; height: 55px; padding: 9px 0px 11px 0px; background-image: url(img/bg_newsHome.jpg); background-repeat: no-repeat; margin: 15px 0px 0px 0px; }
	.blocconewsLocaleHome { float: left; width: 179px; height: 55px; padding: 4px 30px 0px 25px; }
	.news-dataLocaleHome { padding: 1px 0px 2px 20px; color: #3296B6; font-size: 70%; background-image: url(img/bg_data.gif); background-repeat: no-repeat; }
	.news-titoloLocaleHome { padding: 4px 0px 8px 0px; font-weight: bold; font-size: 70%; }
		.news-titoloLocaleHome a { color: #006699; text-decoration: underline; }
		.news-titoloLocaleHome a:hover { color: #333; text-decoration: underline; }
	
	
	/* NEWS LOCALE */
	#newsLocale { float: left; width: 937px; height: 105px; padding: 20px 0px; background-image: url(img/bg_news.jpg); background-repeat: no-repeat; margin: 15px 0px 0px 0px; }
	.blocconewsLocale { float: left; width: 179px; height: 101px; padding: 4px 30px 0px 25px; }
	.news-dataLocale { padding: 2px 0px 2px 20px; color: #3296B6; font-size: 70%; background-image: url(img/bg_data.gif); background-repeat: no-repeat; }
	.news-titoloLocale { padding: 6px 0px 8px 0px; font-weight: bold; font-size: 70%; }
		.news-titoloLocale a { color: #006699; text-decoration: underline; }
		.news-titoloLocale a:hover { color: #333; text-decoration: underline; }
	.news-descrizioneLocale { color: #888; font-size: 60%; line-height: 13px; padding: 0px 15px 0px 0px; }
	
		
	#box-sx h1 { display: none; }
	#box-sx img { margin: 0px 0px 15px 0px; }
	#box-sx object { margin: 0px 0px 15px 0px; }
	
	#box-sxHome img { margin: 15px 0px 0px 0px; }
	#box-sxHome object { margin: 15px 0px 0px 0px; }
	
	.sottomenu { float: left; width: 200px; margin-bottom: 20px; }
		.sottomenu a:hover { color: #333; }
			.rientro2 { float: left; width: 197px; height: 20px; padding: 4px 0px 0px 3px; text-transform: uppercase; background-image: url(img/bg_categoria.jpg); background-repeat: no-repeat; font-size: 70%; }
			.rientro3 { float: left; width: 190px; height: 20px; padding: 4px 0px 0px 10px; text-transform: uppercase; background-image: url(img/bg_sottocategoria.jpg); background-repeat: no-repeat; font-size: 70%; color: #fff; }


#middle { float: left; width: 950px; padding-bottom: 110px; }
	.mainHome { float: left; width: 896px; line-height: 150%; text-align: justify; font-size: 80%; padding: 25px 20px; background-color: #fff; border: 1px solid #ccc; color: #666; margin-bottom: 5px; }
	#sponsorHome { float: left; width: 264px; padding: 20px 0px 0px 14px; }
	#dxHome { float: left; width: 460px; }
		#dxHome a { float: left; padding: 20px 8px 0px 10px; }
	
	.main { float: left; width: 685px; line-height: 150%; text-align: justify; font-size: 80%; padding: 25px 20px 40px 20px; background-color: #fff; border: 1px solid #ccc; color: #666; }
		h2 { width: 100%; padding: 0px 0px 20px 0px; font-size: 100%; margin: 0px; color: #333; text-transform: uppercase; line-height: 120%; }
	
	
/* NEWS */
.paginaNews-titCompleta { font-weight: bold; text-transform: uppercase; }
.paginaNews-descCompleta { text-align: justify; padding: 20px 0px; }
.paginaNews-torna { text-align: right;  }
.paginaNews-data { font-weight: bold; color: #666; padding-top: 10px; }
.paginaNews-titolo a { font-weight: bold; color: #006699; text-transform: capitalize; text-decoration: underline; font-family: Verdana; }
.paginaNews-titolo a:hover { color: #000; text-decoration: underline; }
.paginaNews-descBreve { padding-bottom: 10px; line-height: 18px; }


#sitemap { float: left; width: 500px; padding-left: 20px; line-height: 160%; text-transform: capitalize; }


#footer { margin: auto; width: 950px; height: 31px; padding: 19px 0px 0px 0px; background-image: url(img/footer.jpg); background-repeat: repeat-x; }
	
	.footer-indirizzo { float: left; width: 730px; color: #344A55; font-size: 75%; }
		.footer-indirizzo a { color: #344A55; text-decoration: underline; }
		.footer-indirizzo a:hover { color: #333; text-decoration: underline; }
	
	.footer-crediti { float: left; width: 205px; color: #869195; text-decoration: underline; font-size: 65%; text-align: right; padding-right: 15px; }
		.footer-crediti a { color: #869195; text-decoration: underline; }
		.footer-crediti a:hover { color: #666; text-decoration: underline; }
	


/* CONTATTI */
.campo { width: 228px; float: left; height: 35px; }
.campo p { width: 80px; float: left; }
.campo input { width: 130px; float: left; font-size: 100%; font-family: Arial; color: #000; text-align: center; }

.campo2 { width: 685px; float: left; margin-bottom: 15px; }
.campo2 p { width: 80px; float: left; }
.campo2 input { float: left; width: 130px; margin-right: 10px; font-size: 100%; font-family: Arial; color: #000; text-align: center; }
.campo2 textarea { width: 585px; float: left; height: 55px; font-size: 100%; font-family: Arial; color: #000; }

.campo3 { width: 216px; float: left; margin-bottom: 30px; }
.campo3 p { width: 75px; float: left; }
.campo3 input { float: left; width: 110px; margin-right: 10px; font-size: 100%; font-family: Arial; color: #000; text-align: center; }
.campo3 select { width: 110px; }

.campo4 { width: 685px; float: left; margin-bottom: 15px; }
.campo4 p { width: 685px; float: left; padding: 5px 0px; }
.campo4 textarea { width: 660px; float: left; height: 55px; font-size: 100%; font-family: Arial; color: #000; }

.campo5 { width: 685px; float: left; margin: 10px 0px 15px 0px; }
.campo5 p { float: left;  padding-right: 10px; }
.campo5 input { border: 0px; background-image: none; }

.radio input { margin-left: 20px; background-image: none; border: 0px; }

.trattamento { font-size: 80%; line-height: 13px; margin-bottom: 10px; width: 675px; color: #888; float: left; }
.invia { float: left; width: 675px; text-align: center; }
	.invia input { border: 0px; }
.obb { border: 2px solid #FF9900; }



/* SIMULATOR */
.scelta { float: left; width: 270px; height: 190px; border: 1px solid #ccc; margin: 30px 15px 0px 15px; text-align: center; padding: 20px 15px; line-height: 140%; }
	.scelta a { float: left; width: 270px; font-size: 135%; color: #FF8800; padding: 0px 0px 5px 0px; font-weight: bold; }
h3 { margin: 0px; padding: 5px 0px 20px 0px; font-size: 130%; }
#percorso { float: left; width: 684px; height: 70px; padding: 5px 0px 0px 1px; background-image: url(img/bg_percorso.png); background-repeat: no-repeat; font-weight: bold; }
	#percorso p { float: left; color: #bbb; padding: 0px 19px 0px 10px; }
	#percorso a p { float: left; color: #666; }
	#percorso strong { color: #CC0000; }
.copertura { float: right; width: 250px; }
	.copertura strong { line-height: 250%; }
	.altro { width: 110px; text-align: center; }
.sole { float: left; padding-right: 0px; }
.indietro { background-color: #FF9900; color: #fff; padding: 4px 10px; font-weight: bold; font-size: 110%; background-image: none; border: 0px; width: 100px; margin: 0px 490px 0px 0px; }
.avanti { background-color: #FF9900; color: #fff; padding: 3px 10px; font-weight: bold; font-size: 110%; background-image: none; border: 0px; width: 100px; cursor: pointer; }
.richiesta { background-color: #FF9900; color: #fff; padding: 5px 10px; font-weight: bold; font-size: 110%; background-image: none; border: 0px; width: 685px; cursor: pointer; margin: 20px 0px 0px 0px; }	
.consumo { width: 50px; text-align: center; }

#riepilogo h4 { float: left; width: 685px; font-style: normal; font-weight: bold; padding: 35px 0px 15px 0px; margin: 0px; font-size: 120%; }
#riepilogo i { float: left; width: 342px; height: 20px; border-bottom: 1px dashed #999; font-style: normal; }
	.titoliRiepilogo { color: #FF8800; }

h5 { float: left; width: 680px; margin: 0px 0px 20px 0px; padding: 20px 0px 3px 0px; font-size: 170%; color: #FF9900; border-bottom: 1px solid #ccc; font-weight: normal; }
.campoPrev { width: 228px; float: left; height: 35px; }
	.campoPrev p { width: 75px; float: left; }
	.campoPrev input { width: 125px; float: left; font-size: 100%; font-family: Arial; color: #000; text-align: center; }
.campoPrev2 { width: 685px; float: left; margin-bottom: 15px; }
	.campoPrev2 p { width: 75px; float: left; }
	.campoPrev2 input { float: left; width: 125px; margin-right: 10px; font-size: 100%; font-family: Arial; color: #000; text-align: center; }
	.campoPrev2 textarea { width: 580px; float: left; height: 55px; font-size: 100%; font-family: Arial; color: #000; }
.campoPrev3 { width: 680px; float: left; height: 35px; padding-top: 15px; }
	.campoPrev3 p { width: 290px; float: left; }
	.campoPrev3 input { width: 200px; float: left; font-size: 100%; font-family: Arial; color: #000; text-align: center; }
.campoPrev4 { width: 680px; float: left; height: 60px; padding-top: 5px; }
	.campoPrev4 p { float: left; width: 685px; font-weight: bold; }
	.campoPrev4 input { margin-left: 15px; background-image: none; border: 0px; }
.campoPrev5 { width: 680px; float: left; height: 40px; padding-top: 5px; }
	.campoPrev5 p { float: left; font-weight: bold; }
	.campoPrev5 input { margin-left: 15px; background-image: none; border: 0px; }
.trattamentoPrev { float: left; width: 670px; font-size: 80%; line-height: 110%; margin-bottom: 10px; color: #888; }
.obbPrev { border: 2px solid #FF9900; }




/* MENU A TENDINA */
#menu { float: left; width: 950px; height: 50px; }

.cssMenum { font-size: 80%; }
	ul.cssMenum li a { background-color: #46606F; color: #fff; font-weight: normal; padding: 6px; border: 1px solid #fff; border-bottom: 0px; }
	ul.cssMenum li a:hover { background-color: #718087; color: #46606F; font-weight: normal; }


	ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	width:100%;
	float:left;
	list-style:none;
	padding:0px 2px 2px 0px;
	
}
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.cssMenu ul{
	width:160.65px;
}
ul.cssMenu li{
	display:block;
	margin:0px 0px 0px 2px;
	font-size:0px;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	border:0px;
	text-align:center;
	text-decoration:none;
	padding:0px 4px;
	font:normal 13px Arial;
	color: #fff;
	text-decoration:none;
	cursor:pointer;
	font-weight: bold;
	text-transform: capitalize;
}
ul.cssMenu span{
	overflow:hidden;
}
ul.cssMenu li {
	float:left;
}
ul.cssMenu ul li {
	float:none;
}
ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:5;
	height:16;
	display:inline-block;
	}
ul.cssMenu ul li.sep span{
	width:80%;
	height:3;
}
ul.cssMenu li:hover{
	position:relative;
}
ul.cssMenu li:hover>a{
	font:normal 13px Arial;
	color: #ffffff;
	text-decoration:none;
	font-weight: bold;
}
ul.cssMenu li a:hover{
	position:relative;
	font:normal 13px Arial;
	color: #ffffff;
	text-decoration:none;
	font-weight: bold;
}

ul.cssMenu li.dis a {
	!important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul.cssMenu ul img {width:16px;
height:16px;
}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul,ul.cssMenu a:hover a:hover a:hover ul{display:block}
ul.cssMenu a:hover ul ul,ul.cssMenu a:hover a:hover ul ul{display:none}
ul.cssMenu span{
	display:block;
	background-image:url(./images/arrv_anim_1.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:11px;}
ul.cssMenu li:hover>a>span{	background-image:url(./images/arrv_anim_1o.gif);
}
ul.cssMenu a:hover span{	_background-image:url(./images/arrv_anim_1o.gif)}
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arr_double_1.gif)}
ul.cssMenu ul li:hover > a span{	background-image:url(./images/arr_double_1o.gif);}
ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span,ul.cssMenu table a:hover a:hover a:hover span{background-image:url(./images/arr_double_1o.gif)}
ul.cssMenu table a:hover table span,ul.cssMenu table a:hover a:hover table span{background-image:url(./images/arr_double_1.gif)}