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

body	{ 
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    /*height: 100%;*/
    color: Black;
    background: white url(../images/sfondo_interno.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{margin: 0px; padding: 0px; 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;}

li {margin: 0px; padding: 0px;text-indent: 0px;}

legend{margin: 0px 0px 0px 0px;padding: 0px 0px 20px 0px;color: black; display: block;}
fieldset{border: 0px;margin: 0px;padding: 0px;}

#contenitore_totale {width: 966px; margin: 25px auto 0px auto;position: relative;height: auto;}

/*=====================================*/
/* INTRODUZIONE */
/*=====================================*/

#introduzione {
	width: 190px; height: auto;
	margin: 0px 0px 60px 0px; /* margine inferiore per dare distanza minima al footer nel caso manchino contenuti */
	padding: 0px;
	position: relative;
	float: left;
	}
	
	/*== Logo ==*/
	h1	{
		width: 190px; height: 115px;
		margin: 0px;
		padding: 0px;
		position: relative;
		}
			
			/* Collegamento su area del logo */
			h1 span {position:absolute; left:0px;top:-1000px; width:1px;height:1px;overflow:hidden;}
		    /*h1 a {width: 190px; height: 125px; display: block;}*/

	/*== Menu ==*/	
	.navigazione {
		width: 170px;
		margin: 22px 0px 0px 0px;
		padding: 0px 10px 0px 10px;
		color: #FFFFFF;
		position: relative;
		}
		
		.navigazione li {
			margin: 0px 0px 2px 0px;
			width: 170px;
			height: 22px;
			padding: 0px;
			text-align: left;
			display: block;
			color: #FFFFFF;
			}
		
		.navigazione li a {
			color: #FFFFFF;
			display: block;
			width: 140px; 
			margin: 0px 0px 0px 0px;
			padding-left: 30px;
			line-height: 22px;
			}

			.navigazione a:hover, .navigazione a.attivo {background: url(../images/menu_hover.png) left center no-repeat;color: #FFFFFF;}
	
	/*== Dove siamo ==*/	
	#dove_siamo {
		width: 190px; height: 250px;
		display: block; 
		background: url(../images/box_dovesiamo.jpg) top left no-repeat;
		position: relative; top: 39px;
		}		
		
	#dove_siamo a {
		position: relative;
		color: #FFFFFF;
		top: 220px;
		left: 10px;
		font-size: 12px;
		}
		
/*========================================*/		
/* IMMAGINE PRINCIPALE */
/*========================================*/		
	
	#immagine_principale {
		width: 310px; height: 240px;
		top: 45px; right: 12px; /* posizionamento su "onda" dell'immagine di sfondo */
		float: right;
		position: relative;
		}
			
/*========================================*/		
/* APPROFONDIMENTI */
/*========================================*/

#approfondimento { 
	width: 746px;  
	float: right;
	margin: 60px 0px 15px 0px; /* margine inf determina distanziamento del foooter */
	position: relative;
	padding-top: 0px;
	height: auto !important;
	height: 390px;
	min-height: 390px;
	}
	
	
	/* menu interno */
	.menu_interno {
		margin: 0px;
		padding: 0px 0px 10px 0px;
		height: 20px;
		width: 350px;
		}
	
	.menu_interno li {
		display: block;
		float: left;
		padding: 0px;
		}
		
	.menu_interno li a{
		display : block;
		padding: 3px 3px 3px 18px;
		margin-right: 10px;
		color: #000000;
		background: #FFFFFF url(../images/freccia_menu_interno.png) 3px center no-repeat;
		font-size: 11px; 
		}
	
	.menu_interno li a.attivo {
		background: #0096df url(../images/freccia_menu_interno_attivo.png) 3px center no-repeat;
		color: #ffffff;
		}
	
		.menu_interno li a:hover {background: #cccccc url(../images/freccia_menu_interno_hover.png) 3px center no-repeat;}
		.menu_interno li a.attivo:hover {background: #0096df url(../images/freccia_menu_interno_attivo.png) 3px center no-repeat;}
	
		/*=== VERSIONE SENZA DUE COLONNE in #approfondimento ===*/
    	#articolo.intero {width: 736px;} 
		
		/*=== VERSIONE CON DUE COLONNE IN #approfondimento ===*/
		/* testo */
		#articolo { 
			width: 390px; 
			margin-top: 20px;
			position: relative;
			clear: left;
			float: left;
			}
			
			#articolo h2 {padding: 20px 0px; font-size: 16px; color: #015379; clear: both; border-top: 1px solid #015379;}
			#articolo p {clear: left;font-size: 12px; margin: 0px;}
		
		/* colonna immagini */	
		#immagini { 
			width: 310px; 
			margin: 0px 0px 0px 32px;
			padding: 0px 12px 0px 0px;
			float: right;
			height: auto;
			}
		
			#immagini img {margin-bottom: 5px;}
							
				/*== sezione aggiuntiva per elenco contatti in contatto.htm ==*/
				span {line-height: 120%;}
				span.elenco_contatti {clear: left; float:left; margin-bottom: 20px;padding-right: 100px;}
				span.elenco_contatti em {font-weight: bold; line-height: 150%;}
				
				/*== sezione aggiuntiva per il form in contatto_form.htm ==*/
				form.modulo_contatti{margin: 0px 0px 0px 0px;}
				.modulo_contatti label{width: 300px;height: 45px;float: left;position: relative;}
				.modulo_contatti input{width: 260px;float: left;position: relative;clear: left;}
				.modulo_contatti label.richieste{width: 650px;height: 75px;float: left;position: relative;}
				.modulo_contatti label.richieste textarea{width: 560px;height: 50px;float: left;position: relative;}
				.modulo_contatti .campi_obbligatori{margin: 0px 0px 0px 0px;clear: left;position: relative;display: block;font-size: 80%;}
				.modulo_contatti .privacy{width: 200px;margin: 10px 0px 0px 0px;float: left;position: relative;clear: left;font-size: 90%;}
				.modulo_contatti .accetto{margin-top: 10px;float: left;position: relative; clear: left;width: 100px; height: 20px;}
				.modulo_contatti .accetto input{margin-right: 10px;padding: 0px;width: 20px;border: 0px;}
				.modulo_contatti label.invio_richiesta{width: 20px;clear: left;position: relative;margin: 10px 0px 0px 0px; height: 20px;}
				.modulo_contatti label.invio_richiesta input{width: 120px;background: #014D6F;color: white;border: 1px solid #001429;}
				.modulo_contatti a:hover.privacy  {color: blue;}
			
				.messaggio_conferma{
					width: 100%;
					height: 150px;
					margin: 0px 0px 0px 0px;
					text-align: center;
					
					}
				/*== fine form ==*/
				
				/*== sezione aggiuntiva per loghi in partnership.htm ==*/
				#partner{
					width:740px;
					height:85px;
					clear:both;
					margin:0px;
					padding-top:20px;
					}
					
					#partner img {float:left;position:relative;top:50%;}
						#partner img.a {margin:-19px 0px 0px 25px;} 
						#partner img.b {margin:-21px 0px 0px 25px;} 
						#partner img.c {margin:-16px 0px 0px 25px;} 
						#partner img.d {margin:-15px 0px 0px 25px;} 
						#partner img.e {margin:-8px 0px 0px 25px;} 
						#partner img.f {margin:-25px 0px 0px 25px;} 
						#partner img.g {margin:-21px 0px 0px 25px;} 
						#partner img.h {margin:-12px 0px 0px 25px;} 
						#partner img.i {margin:-9px 0px 0px 25px;} 
				/*=============*/
				
				/*== accesso area riservata ==*/
				#login_utente {margin: 0px 0px 0px 0px;}
				#login_utente label, #login_utente input {display:block;float:left;clear:left;}
				#login_utente input {margin:10px 0px;}
				#invio {background:#014D6F;color:#FFFFFF;}
				/*====*/
				
/*====================================*/
/* FOOTER */
/*====================================*/

#footer {
	width: 966px; height: 20px; 
	margin: 0px;
	padding: 0px; 
	border-top: 2px solid #999999;
	clear: both;
	}

	/* dati aziendali */
	#footer h6 {
		width: 790px; /* lascio spazio sulla stessa linea ai loghi */
		float: left;
		color: #999999;
		font-size: 10px; 
		font-weight: normal;
		margin: 0px;
		padding-top: 10px; 
		}
	#footer a span{color: #FF8800;}
	
	/*== Loghi W3c  ==*/
	#footer img {
		float:left;
		padding-top: 15px; 
		}