@charset "UTF-8";
/* CSS Document */

body{
    margin: 0px;
    padding: 0px;
    /*font-family: Helvetica, Arial,  Geneva, Tahoma, sans-serif;*/
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 12px;
    color: #F1F1F1;
	height: auto !important;
	min-height: 100%;
	height: 100%;
    background: url(../immagini_layout/sfondo_body.png) center top repeat-x;
    text-align: left;
}

html{height: 100%; background: black;}
table{
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
}

.aj_div_attesa_nascondi, .aj_div_principale_nascondi{display:none;}
.aj_div_attesa_vedi{width: 100%;top: 50px;position: relative;text-align:center;}

a{text-decoration: none;color: Black;}
a:hover{text-decoration: none;color: Black;outline: none;}
img{border: 0px;}
input, textarea{background: White; color: Black; border: 1px solid black; margin: 0px; padding: 2px;}
.input_noborder{background-color: transparent;color: Black; border: 0px;}
form{margin: 0px;padding: 0px;}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.giustificato{text-align: justify;}

h1{font-size: 16px; margin: 0px;}
h2{font-size: 14px; margin: 0px;}
h3{font-size: 12px; margin: 0px;}
h4{font-size: 11px; margin: 0px;}
h5{font-size: 10px; margin: 0px;}
.testo9, .testo9_rosso, .testo9_bianco{font-size: 9px;}
.testo10, .testo10_rosso, .testo10_bianco{font-size: 10px;}
.testo11, .testo11_rosso, .testo11_bianco{font-size: 11px;}
.testo12, .testo12_rosso, .testo12_bianco{font-size: 12px;}
.testo13, .testo13_rosso, .testo13_bianco{font-size: 13px;}
.testo14, .testo14_rosso, .testo14_bianco{font-size: 14px;}
.testo16, .testo16_rosso, .testo16_bianco{font-size: 16px;}
.testo18, .testo18_rosso, .testo18_bianco{font-size: 18px;}

.testo9_rosso, .testo10_rosso, .testo11_rosso, .testo12_rosso, .testo13_rosso, .testo14_rosso, .testo16_rosso, .testo18_rosso{color: Red;}
.testo9_bianco, .testo10_bianco, .testo11_bianco, .testo12_bianco, .testo13_bianco, .testo14_bianco, .testo16_bianco, .testo18_bianco{color: White;}
.bianco{color: White;}
.privacy{color: Gray; font-size: 10px;}
.hidden{position:absolute;left:0px;top:-1000px;width:1px;height:1px;overflow:hidden;}
.sostituzione {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 50;}

#contenitore { 
	width: 980px;
	margin: 0px auto;
	padding: 0px;
	position: relative; 
}


/*=======================================================================================================*/
/* INTESTAZIONE */
/*=======================================================================================================*/
#intestazione {height: 120px;}

h1 {
	width: 155px;
	height: 40px;
	display: inline; /* PER IE6 */
	float: left;
	position: relative;
	z-index: 0;
	margin: 24px 0px 0px 20px;
	padding: 0px;
}

ul.menu_lingua { 
	width: 50px;
	height: 20px;
	margin: 45px 0px 0px 10px; /*margine sinistro distanzia .navigazione */
	padding: 0px 10px 0px 0px;
	display: block;
	float: right;
	list-style: none;
}

	ul.menu_lingua li { 
		width: 20px;
		height: 20px;
		margin: 0px 5px 0px 0px;
		padding: 0px;
		float: left;
	}

/*== NAVIGAZIONE ==*/
/* NB: alcune proprieta vengono modificate da js al caricamento */

ul.navigazione {
	width: auto;
	height: 35px;
	margin: 23px 0px 0px 0px;
	padding: 10px 0px 5px 0px;
	list-style: none;
	float: right;
	position: relative;
	border-bottom: 1px solid transparent; /* viene colorato e reso quindi visibile da js */
}

	ul.navigazione li.livello1 { 
		height: 35px; 
		width: auto;
		padding: 0px;
		float: left;
		z-index: 50;
		background: url(../immagini_layout/bordo_menu.png) right bottom no-repeat;
		position: relative;
	}
	
		ul.navigazione li.livello1>a {
			display: block;
			height: 12px;
			padding: 20px 10px 0px 10px;
			position: relative;
			color: #9C9D9E;
			text-transform: uppercase;
			font-family: Helvetica; 
			font-size: 11px;
			font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
		}
			
			ul.navigazione #index {padding-left: 0px;}
			ul.navigazione #contatti {background: none;}

			ul.navigazione li.livello1>a:hover, ul.navigazione li.livello1 > a.attivo {color: #E3232A; cursor: pointer; background: url(../immagini_layout/navigazione-hover.png) center top no-repeat;}

	ul.navigazione ul.sottomenu {
		position: relative;
		right: 0px;
		top: 10px;
		width: auto;
		height: auto;
		margin: 0px;
		padding: 0px;
		list-style: none;
		z-index: 100;
	}
		
		ul.navigazione ul.aperto#sotto_contatti {right: 20px;}
		ul.navigazione ul.aperto#sotto_news {right: 70px;}
		
		
		ul.navigazione ul.sottomenu li {
			padding: 0px 0px 0px 0px;
			display: block;
			position: relative;
		}
			
			ul.navigazione ul.sottomenu li a {
				text-transform: lowercase;
				padding: 10px 10px 0px 10px;
				height: 15px;
				color: #b3b3b3;
				width: auto;
				display: block;
				font-size: 11px;
			}

			ul.navigazione ul.sottomenu li a.attivo,ul.navigazione ul.sottomenu li a:hover {color: #E3232A; background: url(../immagini_layout/bordo_menu.png) center -6px no-repeat;}
/*===============*/


/*==========================================================================================================*/		
/* CONTENUTO */
/*==========================================================================================================*/

h2.payoff {
	width: 191px;
	height: 96px;
	clear: both;
	margin: 40px 0px 0px 20px;
	padding: 0px;
	position: relative;
	z-index: 0;
}

	h2.payoff .sostituzione {background: url(../immagini_layout/payoff.png) left top no-repeat;}


/*== MENU SEZIONI PRODOTTI ==*/
div.sezioni_prodotti {
	width: 470px;
	height: 120px;
	margin: 0px 0px 0px 0px; 
	padding: 120px 0px 20px 20px;
	clear: both;
	float: left;
}


.sezioni_prodotti ul {
	margin: 0px; 
	padding: 0px;
	list-style: none;
}

	.sezioni_prodotti ul li { 
		width: 60px;
		height: 120px;
		margin: 0px;
		float: left;
		position: relative;
		z-index: 1;
	}
	
		.sezioni_prodotti ul li a { 
			display: block;
			width: 60px;
			height: 60px;
			margin: 0px;
			padding: 0px;
			position: absolute;
			bottom: 0px;	/* sul fondo di li */
			z-index: 2;
		}
		
			.sezioni_prodotti ul li.digitaltv a {background: url(../immagini_layout/digitaltv-navigazione.png) left top no-repeat;}
			.sezioni_prodotti ul li.smarthome a {background: url(../immagini_layout/smarthome-navigazione.png) left top no-repeat;}
			.sezioni_prodotti ul li.digitalradio a {background: url(../immagini_layout/digitalradio-navigazione.png) left top no-repeat;}
			.sezioni_prodotti ul li.mobile a {background: url(../immagini_layout/mobile-navigazione.png) left top no-repeat;}
		
			.sezioni_prodotti ul li a:hover, .sezioni_prodotti ul li a.attivo {height: 120px;}
/*== /  MENU SEZIONI PRODOTTI ==*/

.articolo {
	width: 425px;
	float: right;
	height: auto !important;
	min-height: 380px;
	height: 380px;
	margin: 70px 0px 20px 0px;
	font-weight: lighter; 
	text-shadow: #000000 0 0 0px; 
	line-height: 18px;
	font-size: 13px;
}

	.articolo h2 {
		width: 290px; 
		height: 75px;
		margin: 0px 0px 70px 0px;
		padding: 0px 0px 0px 5px;
		position: relative;      
		color: black;
		background-color: white;
		font-size: 20px;
	}

	.dettaglio_articolo {
		width: 100%;
		position: relative;
	}
	
	.dettaglio_articolo strong.red_maiusc {color: #E3232A; text-transform: uppercase; }


/*===========================================================================================================*/
/* FOOTER */
/*==========================================================================================================*/

h6.footer {
	width: 960px;
	height: auto;
	padding: 5px 0px 20px 10px;
	margin: 0px 0px 0px 0px;
	clear: both;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	border-top: 1px solid;
}

img.logo_w3c{margin: 5px 0px 0px 10px;}

	h6.footer a {color: #999999;}
	h6.footer a:hover {color: white;}