@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 */
/*=======================================================================================================*/

h1 {
	width: 155px;
	height: 40px;
	display: inline; /* PER IE6 */
	float: left;
	position: relative;
	z-index: 0;
	margin: 24px 0px 96px 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 ==*/
ul.navigazione {
	width: auto;
	height: 35px;
	margin: 33px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	float: right;
}

	ul.navigazione li { 
		display: block;
		height: 35px; /* stesso valore di line-height per uniformare tutti con IE6 */
		margin: 0px;
		padding: 0px;
		float: left;
		line-height: 48px;
	}
	
		ul.navigazione li a {
			padding: 0px 10px;
			color: #9C9D9E;
			text-transform: uppercase;
			font-family: Helvetica; 
			font-size: 11px;
			border-right: 1px solid #B3B3B3;
			font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
		}
		
			ul.navigazione li a.no_border {border-right: 0px;}

			/* applico l'immagine di sfondo per l'hover a li per non dover estendere l'area del collegamento (per IE6 vedi css dedicato)*/
		ul.navigazione li:hover, ul.navigazione li.attivo {background: url(../immagini_layout/navigazione-hover.png) center top no-repeat;}
		ul.navigazione li a:hover, ul.navigazione li.attivo a {color: #E3232A;}
		
		
		/*==*SOTTOMENU DEL TASTO COMPANY ==*/
		
		ul.navigazione li#company {overflow: hidden; position: relative; z-index: 0;} /* nascondo il sottomenu nello stato normale */
		
		ul.navigazione li#company:hover a, ul.navigazione li#company.attivo a {color: #E3232A;}
	
			/* allungo il tasto verticalmente nell'hover per far apparire il sottomenu */
		ul.navigazione li#company:hover, ul.navigazione li#company.attivo  {
			height: 80px; 
			cursor: pointer;
		} 
			
			/* posiziono il sottomenu */
		ul.navigazione li#company ul.sottomenu {
			position: absolute;
			margin: 0px;
			padding: 0px;
			list-style: none;
			top: 40px;
			left: 10px;
			z-index: 2;
		}
		
		ul.navigazione li#company ul.sottomenu li {
			float: none;
			margin: 0px 0px 5px 0px;
			padding: 0px 0px 0px 0px;
			height: 11px;
			width: auto;
			line-height: 12px;
			background: none;
			}
			
			ul.navigazione li#company ul.sottomenu li a{
				border: 0px;
				height: auto;
				margin: 0px;
				padding: 0px;
				font-size: 11px;
				text-transform: none;
				color: #9C9D9E;
			}
			
			ul.navigazione li#company ul.sottomenu li a.attivo, ul.navigazione li#company ul.sottomenu li a:hover {color: #E3232A;}
		/*===========*/


		/*== SOTTOMENU DEL TASTO CONTATTI ==*/
		ul.navigazione li#menu_contatti {overflow: hidden; position: relative; z-index: 0;} /* nascondo il sottomenu nello stato normale */
		
		ul.navigazione li#menu_contatti:hover a, ul.navigazione li#menu_contatti.attivo a {color: #E3232A;}
	
			/* allungo il tasto verticalmente nell'hover per far apparire il sottomenu */
		ul.navigazione li#menu_contatti:hover, ul.navigazione li#menu_contatti.attivo  {
			height: 80px; 
			cursor: pointer;
		} 
			
			/* posiziono il sottomenu */
		ul.navigazione li#menu_contatti ul.sottomenu {
			position: absolute;
			margin: 0px;
			padding: 0px;
			list-style: none;
			top: 40px;
			left: 10px;
			z-index: 2;
		}
		
		ul.navigazione li#menu_contatti ul.sottomenu li {
			float: none;
			margin: 0px 0px 5px 0px;
			padding: 0px 0px 0px 0px;
			height: 11px;
			width: auto;
			line-height: 12px;
			background: none;
			}
			
			ul.navigazione li#menu_contatti ul.sottomenu li a{
				border: 0px;
				height: auto;
				margin: 0px;
				padding: 0px;
				font-size: 11px;
				text-transform: none;
				color: #9C9D9E;
			}
			
			ul.navigazione li#menu_contatti ul.sottomenu li a.attivo, ul.navigazione li#menu_contatti ul.sottomenu li a:hover {color: #E3232A;}
		/*== / SOTTOMENU ===========*/


/*===============*/


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

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

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

/*== INTRO ==*/
p.introduzione_homepage {
	width: 280px;
	height: 130px;
	line-height: 18px;
	margin: 70px 9px 0px 20px;
	padding: 20px 0px;
	display: inline; /* per IE6 */
	float: left;
	background: url(../immagini_layout/introduzione-sfondo.png) left top no-repeat;
	font-weight: lighter;
	text-shadow: #000000 0 0 0px; 
	}

	p.introduzione_homepage strong {color: #E3232A;}

/*== ANIMAZIONE SOLUZIONI ==*/

#animazione_soluzioni {
	width: 665px; 
	height: 350px;
	margin: -131px 0px 0px 0px; 
	padding: 0px;
	float: left;
	/*background: url(../immagini_layout/animazione-index.png) left top no-repeat; */ 
}

/*== NEWS ==*/
#news { 
	width: 245px;
	height: auto;
	margin: -180px 25px 30px -0px; /* porto sopra a parte destra del filmato */
	padding: 0px 0px 0px 0px;
	float: right;
	font-weight: lighter;
	text-shadow: #000000 0 0 0px; 
	}
	
	
	#news p.data {margin: 30px 0px 0px 0px; padding: 0px; font-size: 12px; }
	
	#news h4 {color: #E3232A; font-size: 11px;}
	
	#news p {margin: 0px; line-height: 15px; font-size: 12px;}
	
	#news p a {color: #E3232A;}
	#news p a:hover {color: white;}
/*=======*/


/*===========================================================================================================*/
/* 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;}