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

body{
    margin: 0px;
    padding: 0px;
    font-family: Arial, Geneva,  Verdana, Helvetica, sans-serif;
    font-size: 12px;
    height: 100%;
    color: white;
    background: black;
    text-align: left;
	position: relative;
}
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 {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 50;}


#contenitore{
	width: 100%; 
	height: 600px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	position: absolute;
	top: 50%;
	left: 0px;
	margin: -300px 0px 0px 0px;
	z-index: 0;
}

	#contenuti.index {background: url(../immagini_layout/sfondo_enzo_de_gasperi.jpg) left bottom no-repeat;}

/*=========================================================================================================================*/
/* INTESTAZIONE */
/*=========================================================================================================================*/

#intestazione {
	width: 100%;
	height: 89px;
	border-bottom: 1px solid white;
}

h1 {
	width: 180px;
	height: 42px;
	display: inline; /* per IE6 */
	float: left;
	margin: 25px 75px 0px 20px;
	padding: 0px;
	position: relative;
}

	h1 .sostituzione {background: url(../immagini_layout/logo.png) left top no-repeat;}
	
ul.navigazione {
	width: 690px;
	height: 15px;
	margin: 25px 0px 0px 0px; /* margine inferiore per uniformare in IE6 e IE7 il posizionamento iniziale in altezza degli elementi sottostanti */
	padding: 0px 0px 0px 0px;
	float: left;
	list-style: none;
}
	
	ul.navigazione li {
		display: inline;
		float: left;
		margin: 0px 24px 0px 0px;
		padding: 0px 0px 0px 0px;
		height: 15px;
	}
		
		ul.navigazione li.index {width: 101px;}
		ul.navigazione li.showroom {width: 67px; }
		ul.navigazione li.meeting {width: 86px;}
		ul.navigazione li.rete {width: 127px;}
		ul.navigazione li.download {width: 70px;}
		ul.navigazione li.news {width: 42px;}
		ul.navigazione li.contatti {margin-right: 0px; float: right; text-align: right;}
	
	ul.navigazione li a {
		color: #999999;
		text-transform: uppercase;
		font-size: 11px;
	}
	
		ul.navigazione li a:hover, ul.navigazione li a.attivo {color: white;}

ul.barra_lingua {
	width: 105px;
	height: 15px;
	margin: 0px 140px 0px 10px;
	padding: 0px 10px;
	background: black;
	clear: left;
	display: inline; /* per IE6 */
	float: left;
	position: relative;
	top: 14px;
	z-index: 1;
	list-style: none;
}	

	ul.barra_lingua li {
		float: left;
		margin: 0px;
		padding: 0px;
		height: 15px;
	}
	
		ul.barra_lingua li.italiano {float: left; border-right: 1px solid #666666; padding-right: 5px;}
		ul.barra_lingua li.inglese {float: right;}
	
	ul.barra_lingua li a {
		color: #666666;
		font-family:Arial;
		font-size: 10px;
		text-transform: uppercase;
	}
	
	ul.barra_lingua li a:hover, ul.barra_lingua li a.attivo {color: white;}
	
ul.navigazione_catalogo {
	width: 690px;
	height: 24px;
	margin: -3px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	float: left;
	border-left: 1px solid white;
	border-top: 1px solid white;
}

	ul.navigazione_catalogo li {
		display: block;
		float: left;
		width: 229px;
		height: 24px;
		line-height: 24px;
		margin: 0px;
		padding: 0px;
		border-right: 1px solid white;
	}
	
		ul.navigazione_catalogo li a {
			color: #999999;
			display: block;
			text-align: center;
			height: 24px;
			margin: 0px;
			padding: 0px;
		}
		
			ul.navigazione_catalogo li a:hover, ul.navigazione_catalogo li a.attivo {background: #666666; color: white;}
	
	
/*============================================================================================================================*/		
/* CONTENUTO */
/*============================================================================================================================*/

#contenuto { 
	width: 985px;
	height: 510px;
	position: relative;
	z-index: 0;
}

	/* differenzio gli sfondi (la classe è applicata a #contenitore) */
	.index #contenuto {background: url(../immagini_layout/sfondo_enzo_de_gasperi.jpg) left top no-repeat;}
	.showroom #contenuto {background: url(../immagini_layout/sfondo_showroom.jpg) left top no-repeat;}
	.meeting #contenuto{background: url(../immagini_layout/sfondo_meeting.jpg) left top no-repeat;}
	.rete #contenuto {background: url(../immagini_layout/sfondo_rete_commerciale.jpg) left top no-repeat;}
	.download #contenuto {background: url(../immagini_layout/sfondo_download.jpg) left top no-repeat;}
	.news #contenuto {background: url(../immagini_layout/sfondo_news.jpg) left top no-repeat;}
	.contatto #contenuto {background: url(../immagini_layout/sfondo_contatti.jpg) left top no-repeat;}
	.dovesiamo #contenuto {background: url(../immagini_layout/sfondo_dovesiamo.jpg) left top no-repeat;}

			
			
			/*==========================*/
			/*== PAGINE DEI CONTENUTI ==*/
			/*==========================*/
			#articolo {
				width: 689px;
				height: 510px;
				margin: 0px 0px 0px 275px;
				padding: 0px;
				display: inline; /* per IE6 */
				float: left;
				border-left: 1px solid white;
				border-right: 1px solid white;
			}
			
				#articolo h2 {
					width: 250px;
					height: 33px;
					margin: 60px 0px 40px 45px;
					padding: 0px;
					position: relative;
					z-index: 0;
				}
			
				
					#articolo h2.edg .sostituzione {background: url(../immagini_layout/titolo_edg.png) left top no-repeat;}
					#articolo h2.showroom .sostituzione {background: url(../immagini_layout/titolo_showroom.png) left top no-repeat;}
					#articolo h2.meeting .sostituzione {background: url(../immagini_layout/titolo_meeting.png) left top no-repeat;}
					#articolo h2.rete .sostituzione {background: url(../immagini_layout/titolo_retecommerciale.png) left top no-repeat;}
					#articolo h2.download .sostituzione {background: url(../immagini_layout/titolo_download.png) left top no-repeat;}
					#articolo h2.news .sostituzione {background: url(../immagini_layout/titolo_news.png) left top no-repeat;}
					#articolo h2.contatto .sostituzione {background: url(../immagini_layout/titolo_contatti.png) left top no-repeat;}
					#articolo h2.dovesiamo .sostituzione {background: url(../immagini_layout/titolo_dovesiamo.png) left top no-repeat;}
					
				#articolo p {font-size: 13px; padding: 0px 45px; line-height: 18px;}
				
				#articolo p a{color: white;}
			
				#articolo a.hover_giallo:hover {color: #D4A300;}
	
				/*== RETE COMMERCIALE ==*/
				#mappa_italia { 
					width: 689px;
					height: 510px;
					}
					
					
				/*== DOWNLOAD ==*/	
				ul.download {
					margin: 0px 0px 0px 45px;
					padding: 0px;
					width: 400px;
					list-style: none;
				}
				
					ul.download li {
						width: 400px;
						height: 28px;
						line-height: 28px;
						margin: 0px 0px 4px 0px;
						padding: 0px 0px 4px 0px;
						background: url(../immagini_layout/filetto.png) left bottom no-repeat;
					}
					
						ul.download li a {
							color: white;
							display: block;
							width: auto;
							padding: 0px 8px 0px 40px;
							height: 28px;
							background: url(../immagini_layout/pdf_ico.png) left center no-repeat;
						}
						
							ul.download li a:hover {color: #D18285;}
				/*== NEWS ==*/
				#articolo h3.news {font-size: 13px; margin: 0px 0px 0px 45px;}
				#articolo p.data_news {font-weight: bold; margin: 0px;}
				#articolo p.testo_news {margin: 0px 0px 12px 0px; padding-bottom: 12px; background: url(../immagini_layout/filetto.png) 45px bottom no-repeat;}
					
				/*== CONTATTI ==*/
				#articolo .blocco_contatto { 
					width: 300px;
					height: 310px;
					float: left;
				}
				
					#articolo .blocco_contatto h3 {color: #D4A300; margin: 0px 0px 2px 45px;}
					#articolo .blocco_contatto p {margin: 0px 0px 10px 0px;}
					#articolo .blocco_contatto p a:hover {color: #D4A300;}
			
				
					a#dovesiamo {
						display: block;
						clear: left;
						width: 185px;
						height: 31px;
						margin: 0px 0px 0px 450px;
						padding: 0px;
						background: url(../immagini_layout/pulsante_dovesiamo.png) left top no-repeat;
					}
					
						a#dovesiamo:hover {background-position: -185px 0px;}
						
					#articolo h2.dovesiamo {margin-bottom: 0px;}
				
				/*== DOVE SIAMO ==*/	
				img.cartina {
					margin: 0px 0px 0px 45px;
				}
				
				a#contatti {
					display: block;
					clear: left;
					width: 185px;
					height: 31px;
					margin: -61px 0px 0px 450px;
					padding: 0px;
					position: relative;
					background: url(../immagini_layout/pulsante_contatti.png) left top no-repeat;
				}
						
						a#contatti:hover {background-position: -185px 0px;}
			
			
			/*============================*/
			/*== / PAGINE DEI CONTENUTI ==*/
			/*============================*/


			/*==========================*/
			/*== PAGINE DELLE GALLERY ==*/
			/*==========================*/
			#titolo_immagine {
				width: 245px;
				height: auto; 
				margin: 30px 10px 0px 0px;
				padding: 0px 0px 0px 20px;
				float: left;
				z-index: 1;
			}
			
			#immagine_principale { 
				width: 689px;
				height: 510px;
				margin: 0px;
				padding: 0px;
				float: left;
				border-left: 1px solid white;
				border-right: 1px solid white; 
			}
			
				#immagine_principale img {margin: 0px; padding: 0px;}
			
			#descrizione_immagine {
				width: 205px;
				height: auto; 
				margin: 0px 0px 0px 20px;
				padding: 25px 0px 0px 10px;
				float: right;
				position: absolute;
				bottom: 0;
				left: 0;
				background: #333333 url(../immagini_layout/sfondo_top_descrizione.png) left top no-repeat;
			}
			
			.conteggio_immagini{
				border-top: 1px dashed white;
				display: block;
				margin: 10px 0px 10px 0px;
				padding: 8px 0px 0px 0px;
			}
			/*============================*/
			/*== / PAGINE DELLE GALLERY ==*/
			/*============================*/
	
/*========================================================================================================================*/
/* FOOTER */
/*========================================================================================================================*/

h6 {
	clear: both;
	position: absolute;
	top: 50%;
	left: 0px;
	margin: 310px 0px 0px 20px;
	color: #505050;
	font-weight: normal;
	font-size: 11px;
}


	h6 a {color: #505050;}
	h6 a:hover {color: white;}

h5 {
	clear: both;
	position: absolute;
	top: 50%;
	left: 800px;
	margin: 310px 0px 0px 20px;
	font-weight: normal;
	font-size: 11px;
}
	h5 a {color: white;}
		h5 a:hover {color: #505050;}