@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: #000000 url(../immagini_layout/sfondo_pagina.jpg) left 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;}
a:hover{text-decoration: none; outline: none;}
img{border: 0px;}
input, textarea{background: White; color: Black; border: 1px solid black; margin: 2px 0px 0px 0px; padding: 0px;}
.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;padding: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;}

p {margin: 0px; padding: 0px; font-size: 12px; line-height: 13px;}
img {margin: 0px; padding: 0px;}
.sostituzione {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index:1; background-position: 0px 0px; background-repeat: no-repeat;}
.clear {clear: both; position: relative;}

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

#intestazione { 
		width: 970px;
		height: 150px;
}

	/* logo */
	h1 {
			width: 130px;
			height:  97px;
			padding: 25px 0px 0px 55px;
			position: relative;
			float: left;
	}
	
	ul.navigazione {
			float: left;
			display: block;
			list-style: none;
			color: #AC7153;
			height: 40px;
			padding: 0px;
			margin: 85px 0px 0px 40px;
			font-size: 11px;
	}
	
		ul.navigazione li { 
			display: block;
			float: left;
			height: 15px;
			padding: 25px 0px 0px 0px;
		}
				
					/* assegno l'hover a li per far apparire sfondo in alto mantenendo il collegamento solo sulle parole  */
				ul.navigazione li a {color: #AC7153; border-right: 1px solid #AC7153;display: inline;padding: 0px 8px 0px 9px;}
				ul.navigazione li.ultimo a {border: 0px;}
				ul.navigazione li a:hover, ul.navigazione li.attivo a {color: #FFFFFF;}
				ul.navigazione li.attivo, ul.navigazione li:hover {background: transparent url(../immagini_layout/navigazione_sfondo_hover.png) center top no-repeat;}
				
		/* barra della lingua */
	#intestazione ul.barra_lingua {
		float: right;
		width: 150px; 
		height: 40px;
		padding: 0px;
		margin: 0px 0px 0px 0px;
	}
		#intestazione ul.barra_lingua li {display: block; float: left; height: 40px; width: 45px; margin: 0px 3px 0px 0px;}
	
		#intestazione ul.barra_lingua li a {
			display: block; 
			width: 100%;
			padding-top: 5px;
			background: url(../immagini_layout/sfondo_barra_lingua.png) bottom left no-repeat;
			text-align: center;
			color: #FFFFFF;
			font-size: 10px;
		}
		
			#intestazione ul.barra_lingua a:hover, #intestazione ul.barra_lingua a.attivo{padding-top: 15px;  background: #bf7251 url(../immagini_layout/sfondo_barra_lingua_hover.png) bottom center no-repeat;	}
			
			
/* facebook */
	#intestazione ul.facebook {
		float: right;
		padding: 50px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		display: block; 
	}
		#intestazione ul.barra_lingua li {
			display: block; 
			float: left; 
			height: 40px; 
			width: 45px; 
			margin: 0px 3px 0px 0px;
	}
	
					


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

#contenuto {
		width: 970px;
		height: 450px;
		clear: left;
}
	#presentazione {
			width: 730px;
			height: 450px;
			background: url(../immagini_layout/animazione_sfondo.jpg) left top no-repeat;
			float: left;
	}
	
	/*==  DETTAGLI  ==*/
	
	#dettagli_contenuto {
			width: 730px;
			height: 450px;
			background: #FFFFFF;
			float: left;
	}
	
		#dettagli_contenuto h2 {width: 200px; height: 22px; margin: 40px 0px 0px 55px;}
	
		/*== azienda ==*/
		ul#menu_azienda {
			height: 25px;
			background: url(../immagini_layout/sfondo_menu_azienda.png) left top no-repeat;
			list-style: none;
			margin: 0px;
			padding: 0px 334px 0px 244px;
			width: 152px;
			}
			ul#menu_azienda.metodo {background: url(../immagini_layout/sfondo_menu_azienda_metodo.png) left top no-repeat;} 
			
			ul#menu_azienda li {display: block;float: left;width: 73px;height: 25px; margin-right: 3px;}
			ul#menu_azienda li a {display: block;width: 73px;height: 25px;}
				ul#menu_azienda li a span {position:absolute;left:-1000px;visibility:hidden;height:1px;}  /* nascondo testo */

			ul#menu_azienda li a.azienda {background: url(../immagini_layout/pulsante_azienda.png) left top no-repeat;}
			ul#menu_azienda li a.metodo {background: url(../immagini_layout/pulsante_metodo.png) left top no-repeat;}
			ul#menu_azienda li a.azienda:hover,  ul#menu_azienda li a.azienda.attivo, ul#menu_azienda li a.metodo.attivo, ul#menu_azienda li a.metodo:hover {background-position: -73px 0px;}
		
		#video_azienda {
			background: #CCCCCC;
			float: left;
			width: 384px;
			height: 288px;
			margin: 50px 0px 0px 0px;
		}
		
		/*== fine azienda ==*/
			
		.articolo {
				width: 180px;
				height: 325px;
				padding: 50px 15px 50px 50px;
				float: left;
				margin: 0px;
				font-family: Georgia;
		}
		
		.immagine_articolo {
				float: left;
				margin: 0px;
				padding: 50px 0px;
				position: relative;
		}
	
		/*== territorio ==*/
		#presentazione_territorio {width: 730px; height: 280px; margin: 0px; padding: 0px;}
		
		#dettagli_contenuto.territorio .immagine_articolo {width: 730px; height: 280px; margin: 0px; padding: 0px;}
		#dettagli_contenuto.territorio .articolo {width: 465px; height: 170px; padding: 0px 25px 0px 240px; background: url(../immagini_layout/sfondo_territorio.png) 70px 20px no-repeat;}
		#dettagli_contenuto.territorio .articolo h2 {width: 150px; height: 25px;margin: 0px;padding: 20px 0px;}		
		/*====*/
		
		/*== enoteca ==*/
		#dettagli_contenuto.enoteca  {width: 100%; height: 100%;}
		#presentazione_enoteca {width: 100%; height: 100%; background: url(../immagini_layout/animazione_enoteca_sfondo.jpg) left top no-repeat;}
		/*====*/
		
		/*== press == */
		#dettagli_contenuto.press1 {background: url(../immagini_layout/sfondo_press1.jpg) left top no-repeat;}
		#dettagli_contenuto.press2 {background: url(../immagini_layout/sfondo_press2.jpg) left top no-repeat;}
		h3.monografia, h3.catalogo {width: 115px; height: 20px; }
		h3.monografia {padding: 50px 0px 10px 50px;}
		h3.catalogo {padding: 0px 0px 0px 50px;}
			.monografia a {display: block; width: 115px; height: 20px; background: url(../immagini_layout/pulsante_monografia.png) left top no-repeat;}
			.catalogo a {display: block; width: 115px; height: 20px; background: url(../immagini_layout/pulsante_catalogo.png) left top no-repeat;}
				.monografia a:hover, .monografia a.attivo, .catalogo a:hover, .catalogo a.attivo {background-position: -115px 0px;}
			/* tasto download pdf*/
			a#download {display: block; margin: -50px 0px 0px 200px; width: 140px; font-size: 11px; color: #333333;}
				a#download:hover {color: #BF7251;}
				a#download img {margin-right: 5px; position: relative; top: 10px;}
		/*== fine press ==*/
		
		/*== come_raggiungerci ==*/
		#dettagli_contenuto.come_raggiungerci {background:#FFFFFF  url(../immagini_layout/sfondo_dettagli.png) left bottom no-repeat;}
		#dettagli_contenuto.come_raggiungerci a {color: #666666; font-size: 11px;}
			#dettagli_contenuto.come_raggiungerci a:hover {text-decoration: underline;}
		#dettagli_contenuto.come_raggiungerci .articolo  {padding: 40px 15px 0px 50px;}
			#dettagli_contenuto.come_raggiungerci .articolo h2 {margin: 0px 0px 20px 0px;}
			#dettagli_contenuto.come_raggiungerci .immagine_articolo {width: 385px; height: 315px;margin-left: 30px;padding-bottom: 20px;}
		#dettagli_contenuto.come_raggiungerci a.link_mappa {clear: left; display: block; width: 165px; height: 19px; margin-left: 525px; background:  url(../immagini_layout/pulsante_google_maps.png) -165px top no-repeat; }
			#dettagli_contenuto.come_raggiungerci a.link_mappa:hover {background-position: left 0px;}
		#dettagli_contenuto.come_raggiungerci #map{float: right;height: 400px; width: 445px;padding: 25px 0px 25px 0px; background: #FFFFFF;}
		/*== fine come raggiungerci == */
		
		/*== contatto ==*/
		#dettagli_contenuto.contatto, #dettagli_contenuto.contatto_invio {width: 620px; height: 400px;padding: 50px 55px 0px 55px; background: #FFFFFF  url(../immagini_layout/sfondo_contatti.png) left bottom no-repeat; }
		#dettagli_contenuto.contatto h3, #dettagli_contenuto.contatto_invio h3 {height: 30px; font-size: 11px;font-family: Georgia; font-weight: bold;padding-bottom: 10px;}
		#dettagli_contenuto.contatto p,  #dettagli_contenuto.contatto_invio p{height: 40px;}
		#dettagli_contenuto.contatto h2,  #dettagli_contenuto.contatto_invio h2{padding: 0px; margin: 20px 0px; border-bottom: 1px solid #AC7153; width: 100%;}
		
					/*  form */
					#modulo_contatti {font-family: Georgia; color: #AC7153; font-size: 11px;}
					#modulo_contatti fieldset {border: 0px;margin: 0px; padding: 0px;}
					#modulo_contatti span.colonna_sx {width: 385px; display: block;float: left; }
					#modulo_contatti span.colonna_dx {width: 200px; display: block;float: left; margin-left: 30px;}
					#modulo_contatti label {display: block; width: 180px; height: 30px; float: left; margin: 7px 10px 0px 0px; position: relative; line-height: 12px;} /* line-height per uniformare posizionamento */
					#modulo_contatti label input {width: 180px; height: 16px; background: url(../immagini_layout/sfondo_campi_form.png) left top no-repeat; border: 0px;padding: 0px 2px;}
					#modulo_contatti label.richieste { margin: 7px 0px 0px 0px; width: 100%; height: 120px; }
					#richieste {height: 102px; width: 100%; border: 0px; margin-top: 3px;}
					span.campi_obbligatori,  #privacy_info {float: left; clear: left; display: block; font-family: Arial; font-size: 9px; color: #1F1E21; margin: 0; padding: 5px 0px 0px 0px; width: 135px;}
					#modulo_contatti .accetto {font-size: 9px; font-family: Arial; width: 60px; margin: -2px 0px 0px 0px;  line-height: 15px; float: left;}
					#modulo_contatti .accetto input {width:15px; padding: 0px; margin: 0px 3px; position: relative; top: 3px; border: 0px; background: none;}
					#modulo_contatti #invio {width: 110px; height: 15px; border: 0px; margin: 0px; padding: 0px; }
					/*****/
					
					/* conferma di invio */
					#dettagli_contenuto.contatto_invio {background-image: url(../immagini_layout/sfondo_contatti2.png);} /* sfondo diverso per pagina di comferma invio */
					#dettagli_contenuto.contatto_invio a {color: #666666;}
	 /*== fine contatto ==*/
	 
	 /*== news e dettaglio news ==*/
	 #contenuto_news, #contenuto_news_completa {
		 width: 920px;
		 height: 410px;
		 background: url(../immagini_layout/sfondo_news.jpg) left top no-repeat;
		 padding: 40px 0px 0px 50px;
	 }
	 	
		#contenuto_news h2, #contenuto_news_completa h2 {width: 220px; height: 22px; margin: 0px 0px 20px 0px; position: relative; padding: 0px 0px 0px 0px;}
			#contenuto_news h2 .sostituzione, #contenuto_news_completa h2 .sostituzione {background: url(../immagini_layout/titolo_news.png) left top no-repeat;}
		
		#contenuto_news #dettagli_contenuto,  #contenuto_news_completa #dettagli_contenuto {
			width: 620px; 
			height: 330px;
			margin: 0px 0px 0px 0px; 
			padding: 0px 0px 0px 0px; 
			overflow: auto; 
			background: transparent;
		}
		
		#contenuto_news .box_elenco_news {
			height: auto !important;
			min-height: 90px;
			height: 90px; 
			width: 583px;
			/*float: left; 
			clear: left; */
			padding: 10px 0px 10px 15px; 
			margin: 0px 0px 10px 0px; 
			font-size: 12px; 
			font-weight: normal; 
			font-family: Georgia; 
			color: #999999; 
			background: transparent;
		}
				/* Clearfix */
		#contenuto_news .box_elenco_news:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

			#contenuto_news .box_elenco_news img {float: left; padding: 5px 10px 5px 0px;}
			#contenuto_news .box_elenco_news h5 {margin-top: 5px; float: right; width: 410px; padding-right: 40px; }
			#contenuto_news .box_elenco_news h4 {float: right; font-size: 12px; font-weight: normal; color: #AC7153; padding: 10px 40px 10px 0px; width: 410px;}
			#contenuto_news .box_elenco_news p {float: left; margin: 0px; padding: 0px; width: 410px; height: auto;}
	 		#contenuto_news .box_elenco_news a {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-size: 10px; color: #999999; }
	 			#contenuto_news .box_elenco_news a:hover {text-decoration: underline;}
		
		/* pagina di dettaglio della news */
		#contenuto_news_completa #dettagli_contenuto h5 {font-size: 12px; color: #999999; }
		#contenuto_news_completa #dettagli_contenuto h4 {font-family: Georgia; font-size: 16px; font-weight: normal; color: #AC7153; padding: 10px 0px; width: 500px;}
		#contenuto_news_completa #dettagli_contenuto p {font-family: Georgia; font-size: 12px; }
	/*== fine news ==*/
	
	
	/*== link ==*/
	ul.link {
		width: 710px;
		height: 420px;
		margin: 0px;
		padding: 40px 0px 0px 20px;
		list-style: none;
	}
	
		ul.link li {width: 340px; margin: 0px; padding: 0px 15px 30px 0px; float: left;}
		ul.link li img {float: left; margin-right: 15px;}
		ul.link li span {float: left; font-size: 13px; margin-top: 15px;}
		ul.link li a {color: #AC7153;}
			ul.link li a:hover {color: #BE9E56;}
	/*== fine link ==*/

/*== APPROFONDIMENTI - COLONNA DI DX == */
	
	a.vini,  a.enoteca {
		display: block;
		width: 230px;
		height: 140px; 
		float: right;
		margin-bottom: 15px;
	}
	
		a.vini span, a.enoteca span{position:absolute;left:-1000px;visibility:hidden;height:1px;}
		a.vini {background: url(../immagini_layout/sfondo_box_vini.jpg) left top no-repeat;}
		a.enoteca {background: url(../immagini_layout/sfondo_box_enoteca.jpg) left top no-repeat;}

		a.enoteca:hover, a.vini:hover {background-position: -230px 0px;}
	
	.box_news {	
		width: 190px; 
		height: 140px;
		margin: 0px;
		padding: 0px 20px;
		float: right;
		font-size: 11px;
		color: #FFFFFF;
		background: url(../immagini_layout/sfondo_box_news.jpg) left top no-repeat;
	}
	
			/* assegno altezze fisse per uniformare posizionamento */
		 .box_news h3 {position: relative;width: 85px; height: 15px;margin: 20px 0px 0px 0px;z-index: 0;}
		 	.box_news h3 .sostituzione {background: url(../immagini_layout/titolo_box_news.png) center center no-repeat;}
			.box_news h3 a {color: white;}
		 .box_news h4 {font-weight: bold;padding-top: 10px;text-transform: uppercase;height: 15px;}
		 .box_news p {margin: 3px 0px 0px 0px; height: 45px;width: 195px;}
		 .box_news a.leggi_news {
				margin: 2px 0px 0px 100px;
				display: block;
				height: 15px; 
				line-height: 15px;
				width: 70px;
				color:  #59595A;
				padding-right: 15px;
				background: url(../immagini_layout/sfondo_leggi_news.png) right center no-repeat;
				}
				.box_news a.leggi_news:hover {color: white;}
	
/*================================================================================================*/
/* FOOTER */
/*================================================================================================*/

h6 {
	clear: both;
	height: 15px;
	color: #999999;
	font-size: 10px;
	font-weight: normal;
	margin: 15px 0px 0px 50px;
}

	h6 a {color: #999999;}
	h6 a span {color: #FF8800;}