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

body{
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, Verdana, Geneva,  sans-serif;
    font-size: 12px;
    height: 100%;
    color: Black;
    background: #F0F0F0 url(../immagini_layout/sfondo.png) left top repeat-x;
    text-align: left;
}

html{height: 100%;}
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 {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index:5; display: block;}
.clear {clear: both; display: block; height: 1px; visibility: hidden;}

#contenitore { 
	width: 990px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
	position: relative;
	z-index: 0;
}
	
/*==========*/
/*== LOGO ==*/
/*=========*/
 
 h1 {
	 width: 183px;
	 height: 70px; 
	 margin: 30px 0px 0px 0px;
	 padding: 0px;
	 float: left;
	 position: relative;
	 z-index: 1; /* sotto a .sostituzione e sopra a #presentazione */
 }
 	h1 span.sostituzione {background: url(../immagini_layout/logo.png) left top no-repeat; height: 175px;} /* espando lo span sostitutivo per estenderlo sopra #presentazione */

	/* collegamento su area del logo */
	a.homepage {
		position: absolute;
		display: block;
		width: 183px;
		height: 70px; 
		margin: 30px 0px 0px 0px;
		left: 0px;
		top: 0px;
		z-index: 10;
	}

/*============================*/
/*== NAVIGAZIONE SECONDARIA ==*/
/*============================*/

ul.menu_secondario {
	width: 500px;
	height: 25px;
	position: absolute;
	left: 530px;
	top: 65px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style:none;
	z-index: 10;
	}
	
	ul.menu_secondario li {
		display: block;
		float: left;
		width: 209px; 
		height: 25px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 10px;
	}
	
		/* primo livello di collegamenti */
		ul.menu_secondario li a {
			display: block;
			position: relative;
			width: 189px;
			height: 25px;
			line-height: 25px;
			padding: 0px 0px 0px 20px;
			font-size: 13px;
			color: #FFFFFF;
			background: url(../immagini_layout/navigazione_principale_sfondo.png) left top no-repeat;
		}
		
		ul.menu_secondario li a:hover, ul.menu_secondario li a.attivo  {background-position: -209px;}
		
/*====================*/
/*== PRESENTAZIONE ===*/
/*====================*/

#presentazione {
	width: 970px;
	height: 305px;
	padding: 0px 20px 0px 0px;
	margin-bottom: 5px;
	clear: left;
	position: relative;
	z-index: -1; /* sotto a parte finale del logo e agli elementi del sottomenu */
	background: url(../immagini_layout/presentazione_sfondo.jpg) left top no-repeat; 
}

	.mask{
		position: relative;
		width: 970px;
		height: 305px;
		overflow: hidden;
	}
	.mask img{
		position: absolute;
		display: block;
		border: none;
	}
	
span.fascia {
	position: absolute;
	display: block;
	height: 42px;
	width: 400px;
	padding: 0px 0px 0px 0px; /* padding per espandere con sicurezza la fascia di sfondo fino a margine sinistro della finestra */
	top: 300px;
	left: 970px;
	z-index: 0;
	background: url(../immagini_layout/trasparenza_grigio.png) left top repeat-x;
}

/*============================*/
/*== NAVIGAZIONE PRINCIPALE ==*/
/*============================*/

ul.menu {
	clear: left;
	float: left;
	width: 209px;
	margin: -90px 75px 0px -20px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	position: relative;
	z-index: 10;
   /*border-right: 1px solid #185399;*/
}
	
	ul.menu li {
		display: block;
		float: left;
		width: 189px; 
		height: 25px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		position: relative;
	}
		/* primo livello di collegamenti */
		ul.menu li a.menulink {
			display: block;
			position: relative;
			width: 189px;
			height: 25px;
			line-height: 25px;
			padding: 0px 0px 0px 20px;
			font-size: 13px;
			color: #FFFFFF;
			background: url(../immagini_layout/navigazione_principale_sfondo.png) left top no-repeat;
		}
		
		ul.menu li.menulink {
			display: block;
			position: relative;
			width: 189px;
			height: 25px;
			line-height: 25px;
			padding: 0px 0px 0px 20px;
			font-size: 13px;
			color: #FFFFFF;
			background: url(../immagini_layout/navigazione_principale_sfondo.png) left top no-repeat;
			cursor: pointer;
		}
		
		ul.menu li a.menulink:hover, ul.menu li a.menulink.attivo, ul.menu li.menulink:hover, ul.menu li.menulink.attivo  {background-position: -209px;}
		
			/* sotto menu */
			ul.menu ul.sottolivello_1 {
				position:absolute; 
				width: 190px;
				height: 25px;
				top: 0px; 
				left: 210px; 
				display:none; 
				list-style:none;
				padding: 0px;
				margin: 0px;
				}
				
				ul.menu ul.sottolivello_1 li {
						display: block;
						width: 190px;
						float: none;
						height: 24px;
						padding: 0px;
						margin: 0px;
						border-bottom: 1px solid #666666;
				}
					
					/* secondo livello di collegamenti */
					ul.menu ul.sottolivello_1 li a {
						display: block;
						width: 170px;
						height: 24px;
						line-height: 24px;
						font-size: 12px;
						margin: 0px;
						padding: 0px 0px 0px 20px;
						color: #FFFFFF;
						background: #999999;
						position: relative;
						z-index: 20;
					}
					
						ul.menu ul.sottolivello_1 li a:hover {color: black; background: white;}	
/*== / NAVIGAZIONE PRINCIPALE ==*/

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


#contenuto_home {
	width: 970px; 
	height: 350px;	
	clear: both;
	position: relative;
	z-index: 1;
	padding: 0px 0px 0px 20px;
	background: white url(../immagini_layout/contenuto_home_sfondo.png) left top repeat-x; 
}
	
	#contenuto_home h3 {
		font-family: Arial black, Impact, Helvetica;
		font-weight: lighter;
		font-size: 18px;
		color: #1C479A;
		padding-top: 20px;
		height: 30px;
		float: left;
		width: 640px;
	}
	
	#contenuto_home .articolo { 
		width: 690px;
		height: 300px;
		float: left;
		margin: 0px;
	
	}
	
		#contenuto_home .articolo p { 
			width: 650px;
			margin: 0px;
			padding: 0px 40px 0px 0px;
			font-size: 13px;
			line-height: 16px;
			color: #666666;
		}

	/* link a prodotti */
	#contenuto_home a.link_approfondimento { 
		display: block;
		float: left;
		width: 165px;
		height: 95px;
		margin: 5px 0px 0px 74px;
		padding: 10px 0px 0px 20px;
		font-family: Arial black, Impact, Helvetica;
		font-size: 14px;
		line-height: 14px;
		font-weight: bold;
		color: white;
		background: url(../immagini_layout/link_approfondimento_sfondo.png) left top no-repeat;
	}
	#contenuto_home a.link_approfondimento:hover { background-position: -185px top; color: #1C479A;}

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

h6#footer { 
	clear: both;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	padding: 10px 0px 0px 15px;
	margin: 0px;
	height: 30px; 
}

h6#footer a{
	color: #666666;
}