body{
    margin: 0px 0px 0px 40px;
    padding: 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 100%;
    color: white;
    background: black url(immagini_layout/sfondo_sito.png) no-repeat left top;
    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: #97be0d;}
a:hover{text-decoration: none;color: #cff356;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;}
h6{font-size: 9px; 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, .n_screen{position:absolute;left:0px;top:-1000px;width:1px;height:1px;overflow:hidden;}

/* ================================================== */
/* INTESTAZIONE */
/* ================================================== */
#titolo{
	width: 230px;
	height: 147px;
	margin: 0px 1px 1px 0px;
	padding: 0px;
	background: #333333 url(immagini_layout/logo_progeco.png) no-repeat;
	float: left;
	position: relative;
}
	/* Menu lingua */
	ul.scelta_lingua{margin: 0px 0px 0px 8px;padding: 0px;list-style-type: none;float: left;position: relative;}
	ul.scelta_lingua li{
		margin: 0px;
		float: left;
		background: #404040;
		line-height: 25px;
		margin-left: 5px;
		font-size: 11px;
	}
	ul.scelta_lingua li a{
		width: 69px;
		height: 25px;
		display: block;
		color: #B6B6B6;
		text-align: center;
	}
	ul.scelta_lingua li a:hover{
		height: 40px;
		line-height: 50px;
		background: #3a3a3a;
	}

#titolo h3{
		width: 55px;
		height: 25px;
		float: left;
		position: relative;
		margin: 0px 3px 0px 0px;
	}
#navigazione{
	width: 700px;
	height: 147px;
	margin: 0px 1px 1px 0px;
	background: url(immagini_layout/sfondo_laterale_navigazione.png) no-repeat right top;
	float: left;
	position: relative;
}
	#navigazione ul{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	#navigazione ul li{float: left;margin: 0px 1px 1px 0px;}
	#navigazione ul li a{
		width: 138px;
		height: 147px;
		display: block;
	}
	#navigazione ul li a span{position:absolute;left:0px;top:-1000px;width:1px;height:1px;overflow:hidden;} /* Testo non visibile */
	/* Elenco pulsanti navigazione */
	#navigazione ul li a.home{background: black url(immagini_layout/info_azienda/home1.png);}
	#navigazione ul li a.home:hover, #navigazione ul li a.home_attivo{background: black url(immagini_layout/info_azienda/home2.png);}
	#navigazione ul li a.about_us{background: black url(immagini_layout/info_azienda/about_us1.png);}
	#navigazione ul li a.about_us:hover, #navigazione ul li a.about_us_attivo{background: black url(immagini_layout/info_azienda/about_us2.png);}
	#navigazione ul li a.soluzioni{background: black url(immagini_layout/info_azienda/soluzioni1.png);}
	#navigazione ul li a.soluzioni:hover, #navigazione ul li a.soluzioni_attivo{background: black url(immagini_layout/info_azienda/soluzioni2.png);}
	#navigazione ul li a.area_press{background: black url(immagini_layout/info_azienda/area_press1.png);}
	#navigazione ul li a.area_press:hover, #navigazione ul li a.area_press_attivo{background: black url(immagini_layout/info_azienda/area_press2.png);}
	#navigazione ul li a.contatti{background: black url(immagini_layout/info_azienda/contatti1.png);}
	#navigazione ul li a.contatti:hover, #navigazione ul li a.contatti_attivo{background: black url(immagini_layout/info_azienda/contatti2.png);}
/* ================================================== */
/* CONTENUTI */
/* ================================================== */
/* BOX LATERALE */
#introduzione{
	width: 230px;
	height: auto !important;
	min-height: 500px;
	height: 500px;
	margin: 0px 1px 1px 0px;
	background: #333;
	float: left;
	clear: left;
	position: relative;
}
	#introduzione ul{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	#introduzione ul li{margin: 0px 1px 1px 0px;}
	#introduzione ul li a{
		width: 230px;
		height: 42px;
		display: block;
	}
	
	#introduzione ul li a span{position:absolute;left:0px;top:-1000px;width:1px;height:1px;overflow:hidden;} /* Testo non visibile */
	/* Elenco pulsanti navigazione */
	#introduzione ul li a.elettrotecnica{background: black url(immagini_layout/settori_intervento/elettrotecnica1.png);}
	#introduzione ul li a.elettrotecnica:hover, #introduzione ul li a.elettrotecnica_attivo{background: black url(immagini_layout/settori_intervento/elettrotecnica2.png);}
	#introduzione ul li a.automazione{background: black url(immagini_layout/settori_intervento/automazione1.png);}
	#introduzione ul li a.automazione:hover, #introduzione ul li a.automazione_attivo{background: black url(immagini_layout/settori_intervento/automazione2.png);}
	#introduzione ul li a.energia{background: black url(immagini_layout/settori_intervento/energia1.png);}
	#introduzione ul li a.energia:hover, #introduzione ul li a.energia_attivo{background: black url(immagini_layout/settori_intervento/energia2.png);}
	#introduzione ul li a.analisi{background: black url(immagini_layout/settori_intervento/analisi1.png);}
	#introduzione ul li a.analisi:hover, #introduzione ul li a.analisi_attivo{background: black url(immagini_layout/settori_intervento/analisi2.png);}
	#introduzione ul li a.meccanica{background: black url(immagini_layout/settori_intervento/meccanica1.png);}
	#introduzione ul li a.meccanica:hover, #introduzione ul li a.meccanica_attivo{background: black url(immagini_layout/settori_intervento/meccanica2.png);}
	
	/* Testo sotto il menu laterale */
	#introduzione p, #introduzione h3, #introduzione h4{margin: 10px 10px 10px 15px;}

/* BOX CENTRALE */
#dettagli_contenuto{
	width: 700px;
	height: auto !important;
	min-height: 500px;
	height: 500px;
	margin: 0px;
	float: left;
	position: relative;
}
	#animazione_introduttiva{
		height: 215px;
		width: 700px;
		background: url(immagini_layout/sfondo_laterale_filmato.png) no-repeat right top;
	}
	#dettagli_contenuto h2{
		height: 45px;
		line-height: 60px;
		padding: 0px 0px 0px 15px;
	}
	.caso_aziendale1, .caso_aziendale2, .caso_aziendale3{
		height: 170px;
		width: 200px;
		float: left;
		position: relative;
	}
	.caso_aziendale1{margin: 0px 42px 0px 15px;}
	.caso_aziendale2{margin: 0px 42px 0px 0px;}
	.caso_aziendale3{margin: 0px;}
	a.caso_aziendale_immagine{
		height: 60px;
		width: 200px;
		margin: 0px 0px 5px 0px;
		display: block;
		background: #272529 url(immagini_layout/sfondo_default_casehistory.jpg) no-repeat left bottom;
	}
	a.caso_aziendale_immagine em{display: none;}
		h3.titolo_caso_aziendale{font-weight: normal;color: #97BE0D;background: inherit;margin: 0px 0px 5px 0px;font-size: 11px; height: 35px;}
		h4.leggi_caso_aziendale{margin: 10px 0px 0px 0px;}
		h4.leggi_caso_aziendale a{font-weight: normal;color: #97BE0D;background: inherit;font-size: 10px;}
		h4.leggi_caso_aziendale a:hover{color: #cff356;}

	/* FOOTER */
	#footer{
		width: 700px;
		height: 30px;
		float: left;
		position: relative;
		margin: 30px 0px 0px 0px;
		padding: 0px 0px 0px 15px;
	}
		#footer h6{
			float: left;
			position: relative;
			font-weight: normal;
		}