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

body{
    margin: 0px;
    padding: 0px;
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 12px;
    height: 100%;
    color: Black;
    background: black url(../immagini_layout/sfondo_pagina.jpg) center top no-repeat;
    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 {position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; height: 100%; margin: 0px; padding: 0px;}

#contenitore {
	width: 990px; /* 1px in più per corretto posizionamento da parte di tutti i browser sopra lo sfondo */
	margin: 0px auto;
	padding: 0px;
	height: auto;
}

	#contenitore:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	
/*================================================================================================*/
/* INTESTAZIONE */
/*================================================================================================*/

h1#logo {
	width: 280px;
	height: 85px;
	position: relative;
	display: inline; /* correzione margini per IE6 */	
	float: left;
	margin: 20px 0px 40px 40px; 
	padding: 0px;
}
	h1#logo .sostituzione { background: url(../immagini_layout/logo.png) left top no-repeat;}

h2#descrizione {
	width: 400px;
	height: 45px;
	position: relative;
	float: right;
	margin: 30px 10px 70px 0px;
	padding: 0px;
}
	h2#descrizione .sostituzione { background: url(../immagini_layout/descrizione.png) left top no-repeat;}

/*================================================================================================*/
/* INTRODUZIONE */
/*================================================================================================*/
#introduzione { 
	width: 365px;
	height: auto !important;
	clear: both;
	float: left;
	margin: 0px 0px 0px 0px; 
	padding: 0px;
}

	ul.navigazione {
		width: 280px;
		margin: 0px 0px 95px 0px;
		padding: 0px 0px 0px 50px;
		list-style: none;
	}
	
	ul.navigazione li {
		margin: 0px;
		padding: 0px;
		width: 280px;
	}
	
		ul.navigazione li a {
			font-size: 24px;
			font-weight: bold;
			color: white;
			line-height: 23px;
		}
		
		ul.navigazione li a:hover, ul.navigazione li a.attivo {color: #8EC938;}
			
.presentazione { 
	width: 260px;
	height: 140px;
	padding: 0px 0px 20px 50px;
	margin: 0px 0px 0px 0px;
	color: white;
}


	.mask{
		position: relative;
		width: 600px;
		height: 395px;
		overflow: hidden;
	}
	.mask img{
		position: absolute;
		display: block;
		border: none;
	}



	.presentazione h3 {font-size: 13px; color: #8EC938; margin: 0px; padding: 0px;}
		.presentazione h3 img {padding-bottom: 10px;} /* per pagine interne */
	
	.presentazione p { margin: 0px; width: 210px;}
	
	.presentazione p.telefono, .presentazione p.mail {margin-top: 10px; padding-left: 50px; color: #8EC938;}
	.presentazione p.telefono {background: url(../immagini_layout/telefono.png) left center no-repeat;}
	.presentazione p.mail {background: url(../immagini_layout/mail.png) left center no-repeat;}
	.presentazione p.telefono strong, .presentazione p.mail strong {color: white;}
	.presentazione p.mail a {color: #8EC938;}
	
	
/*================================================================================================*/
/* CONTENUTO */
/*================================================================================================*/

	/* animazione in homepage */
#animazione {
		width: 600px;
		height: 395px;
		float: left;
		margin: 0px;
		padding: 0px 0px 73px 0px;
		background: black url(../immagini_layout/animazione_sfondo.jpg) left top no-repeat;
	}

#contenuto {
	width: 510px;
	height: auto !important;
	min-height: 355px;
	height: 355px;
	display: inline;
	float: left;
	position: relative;
	z-index: 1;
	margin: 0px;
	padding: 40px 40px 64px 50px; 
	background: url(../immagini_layout/contenuto_sfondo.png) left top no-repeat;
}

	#contenuto p {
		color: white; 
		font-size: 13px; 
		line-height: 16px; 
		padding: 0px; 
		margin: 0px 0px 10px 0px;
	}
	
			/*=============*/
			/*== AZIENDA ==*/
			/*=============*/
				/* immagine "contornata" da testo */
			#contenuto span.sfondo_azienda {
				display: block; 
				width: 220px; 
				height: 220px;
				margin: 0px;
				padding: 0px;
				background:  #535353 url(../immagini_layout/azienda_sfondo.jpg) left bottom no-repeat; 
				float: right;
			}
			
			
			/*==============*/
			/*== PRODOTTI ==*/
			/*==============*/
			ul.prodotti {
				width: 250px;
				margin: 40px 0px 0px 0px;
				padding: 0px;
				list-style: none;
				border-top: 1px solid #8EC938;
			}
			
			ul.prodotti li {
				list-style: none;
				width: auto;
				margin: 0px;
				padding: 8px 0px;
				border-bottom: 1px solid #8EC938;
				color: white;
				font-size: 14px;
			}
			
			#contenuto span.sfondo_prodotti {
				display: block; 
				width: 333px; 
				height: 250px;
				margin: 0px;
				padding: 0px;
				background:  #535353 url(../immagini_layout/prodotti_sfondo.jpg) left bottom no-repeat; 
				position: absolute;
				z-index: -10;
				left: 240px;
				bottom: 65px;
			}
			
			/*===============*/
			/* REALIZZAZIONI */
			/*===============*/
				/* contenitore delle anteprime delle realizzazioni in realizzazioni.htm */
			.presentazione_realizzazioni {
				width: 600px;
				height: auto !important;
				min-height: 355px;
				height: 355px;
				float: left;
				margin: 0px;
				padding: 0px 0px 0px 0px;
			}

				.box_realizzazioni {
					width: 180px;
					height: 180px;
					padding: 5px 5px 0px 5px;
					margin: 0px 4px 10px 0px;
					background: #999999;
					float: left;
				}
					.box_realizzazioni p {color: white; padding: 0px 2px; margin: 0px;}
					.box_realizzazioni img {width: 180px; height: 135px;}
					.box_realizzazioni p a{color: white;}
				
				/* realizzazioni_dettaglio.htm */
			.dettaglio_realizzazione {
				width: 580px;
				height: auto !important;
				min-height: 377px;
				height: 377px;
				float: left;
				margin: 0px 0px 0px 0px;
				padding: 20px 0px 72px 20px; /* padding inferiore per contenere immagine di sfondo ("riflesso") */
				position: relative;
				background: url(../immagini_layout/dettagli_sfondo.png) left top repeat-y;
			}
					/* angoli superiori del contenitore */
				span.sfondo_aggiuntivo_superiore {
					display: block;
					width: 600px;
					height: 20px;
					padding: 0px;
					margin: 0px;
					position: absolute;
					z-index: 5;
					top: 0px;
					left: 0px;
					background: url(../immagini_layout/contenuto_sfondo_top.png) left top no-repeat;
				}
				
					/* angoli inferiore e "riflesso" - vale anche per news.php */
				span.sfondo_aggiuntivo {
					display: block;
					width: 600px;
					height: 73px;
					padding: 0px;
					margin: 0px;
					position: absolute;
					z-index: 10;
					bottom: 0px;
					left: 0px;
					background: url(../immagini_layout/sfondo_aggiuntivo.png) left bottom no-repeat; 
				}
			
				.dettaglio_realizzazione a.indietro {color: #8EC938; margin: 0px 0px 0px 0px;}
				.dettaglio_realizzazione h4 {
					width: 550px;
					margin: 5px 0px 0px 0px;
					padding: 10px 0px 0px 0px;
					border-top: 1px solid #8EC938;
					color: #8EC938;
					font-size: 13px;
				}
				.dettaglio_realizzazione p {width: 540px; color: white; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;}
				.dettaglio_realizzazione img {float: left; margin: 10px 10px 0px 0px; padding: 0px;}	
				.dettaglio_realizzazione p a.pdf_voce{
						float: left;
						position: relative;
						margin: 10px 0px 0px 0px;
					}

				
			/*==========*/
			/*== NEWS ==*/
			/*==========*/
			.contenuto_news {
				width: 580px;
				height: auto !important;
				min-height: 377px;
				height: 377px;
				float: left;
				margin: 0px 0px 0px 0px;
				padding: 20px 0px 72px 20px; /* padding inferiore per contenere immagine di sfondo ("riflesso") */
				position: relative;
				z-index: 0;
				background: url(../immagini_layout/dettagli_sfondo.png) left top repeat-y; 
			}
			
				.contenuto_news div {
					width: 560px;
					height: auto;
					padding-bottom: 15px;
					margin-bottom: 15px;
					border-bottom: 1px solid #8EC938; 
				}
					.contenuto_news div:after {
						content: ".";
						display: block;
						height: 0;
						clear: both;
						visibility: hidden;
					}
						
					/* immagine della  news */
				.contenuto_news img {
					clear: left; 
					float: left; 
					width: 120px; 
					height: 90px; 
					padding: 0px 10px 0px 0px;
				}
				
					/* data */
				.contenuto_news h5 {
					width: 400px;
					float: left;
					margin: 0px 0px 0px 0px;
					font-size: 13px;
					color: white;
				} 
					/* titolo */
				.contenuto_news h4 {
					width: 400px; 
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					float: left;
					color: #8EC938; 
					font-size: 13px;
				}
					/* testo */
				.contenuto_news p{
					width: 400px; 
					float: left;
					color: white; 
					margin: 0px 0px 0px 0px; 
					padding: 0px 0px 0px 0px;
				}
				
			/*==============*/
			/*== CONTATTO ==*/
			/*==============*/
			#modulo_contatti {
				width: 565px;
				height: auto !important;
				min-height: 355px;
				height: 355px;
				display: inline;
				float: left;
				position: relative;
				z-index: 1;
				margin: 0px;
				padding: 30px 0px 64px 35px; 
				background: url(../immagini_layout/contenuto_sfondo.png) left top no-repeat;
				}
				
			#modulo_contatti fieldset {margin: 0px; padding: 0px 0px 0px 0px; border: 0px; color: white;}
			#modulo_contatti legend {padding: 0px 0px 10px 0px; color: white;}
			#modulo_contatti label {float: left; width: 280px; margin: 5px 0px 0px 0px;}
			#modulo_contatti input {width: 200px;}
			#modulo_contatti label.richieste {clear: left; width: 500px;}
				#modulo_contatti label.richieste textarea {width: 480px; height: 70px; overflow: auto;}
			#modulo_contatti span.campi_obbligatori {display: block; clear: left; font-size: 11px;}
			#modulo_contatti #privacy_info {color: white; float: left; margin-top: 5px; font-size: 11px;}
				#modulo_contatti #privacy_info:hover {color: #8EC938;}
			#modulo_contatti label.accetto {padding-left: 20px; line-height: 10px; margin: 0px 0px 0px 0px;}
			#modulo_contatti label.accetto input {width: 15px; height: 15px; border: 0px; padding: 0px; margin: 0px 10px 0px 0px;}
			#modulo_contatti label.invio_richiesta {clear: left; margin-top: 15px; }
			#modulo_contatti #invio {width: auto; background:  #8EC938; color: white; border: 0px;}
			
			.conferma {margin: 20px 0px 0px 20px; color: white;}
			
			
/*================================================================================================*/
/* FOOTER */
/*================================================================================================*/

h6.footer {
	clear: both;
	color: #999999;
	font-size: 11px;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 0px 400px;
	position: relative;
	top: -45px;
	z-index: 10; /* sopra a sfondo di #contenuto */
}