@charset "UTF-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #F5F4EF;
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #000000;
	border-bottom: 1;	/*vertical-align:bottom;*/
}
.twoColFixLtHdr #container {
	width: 967px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px, si lascia spazio per gli elementi grafici e strutturali del browser e si evita che venga visualizzata una barra di scorrimento orizzontale */
	background: #FFFFFF;
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	border: 1px solid #000000;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
} 
.twoColFixLtHdr #header {
	background: #DDDDDD;
	font-family: Verdana, Arial, Helvetica, sans-serif;	/* padding: 0;  questo padding corrisponde all'allineamento a sinistra degli elementi nei div sottostanti. Se in #header viene utilizzata un'immagine anziché un testo, può essere utile rimuovere il padding. */
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */
	/*height: 462px;*/
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 205px; /* la larghezza effettiva di questo div, nei browser conformi agli standard, o la modaltià standard di Internet Explorer includerà i valori padding e border in aggiunta alla larghezza */
/*	background: #FEFAF3; /* il colore di sfondo verrà visualizzato per tutta la lunghezza del contenuto all'interno della colonna, ma non oltre */
	background: #fff; /* il colore di sfondo verrà visualizzato per tutta la lunghezza del contenuto all'interno della colonna, ma non oltre */
	padding: 10px 15px 15px 20px;
	/*border: 1px solid #666;*/
}

.twoColFixLtHdr #mainContent {
	margin: 0 0 0 250px; /* il margine sinistro di questo elemento div crea la colonna sul lato sinistro della pagina; indipendentemente dalla quantità di contenuto presente nel div sidebar1, lo spazio della colonna rimane inalterato. È possibile rimuovere questo margine se si desidera che il testo del div #mainContent riempia lo spazio di #sidebar1 quando il contenuto di #sidebar1 finisce. */
	padding: 0px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 
.twoColFixLtHdr #footer {
	/*padding: 0 10px 0 20px;  questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
	background:#fff;
/*	height: 150px;*/
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	/*padding: 10px 0;  il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
}
.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
	margin-right: 8px;
}
.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#corpo_news {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	padding-left:5px;
	padding-bottom:5px;
	border-bottom: 1px solid #999;
}
#titolo_news {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: black;
}
#data_news {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
}
#titolo_gen {
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left:5px;
	border-bottom:1px solid #000000;
}
#sottotitolo_gen {
	font-size: 22px;
	padding-left:5px;
	color:#960
}


/*#pippo {
	width:715px;
	top: 535px;
	left: 585px;
	
}*/

#articolo {
	font-size: 12px;
	font:Verdana, Geneva, sans-serif;
	width:425px;
	float:left;
	z-index:1;
	top: 1px;
	text-align: left;
	/*border: 1px solid #000000;*/
	padding-left:5px;
	padding-right:10px;
	text-align:justify;
}
#vigneti {
	font-size: 12px;
	float: left;
	width:250px;
	z-index:2;
	top: 1px;
	/*border: 1px solid #000000;*/
	padding-left:10px;
	color: #666;
	border-left:1px solid #000000;
}
#testo_dx_dx {
	text-align: justify;
	font-size: 12px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}
#titolo_dx {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom:1px solid #000000;
}
#vuoto {
	font-size: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left:5px;
	color: #FFF;	
}

#img_footer {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-top:1px solid #000000;
}
#img_footer a img {
	border:0px solid #000000;
}
#int_footer {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left:5px;
	color: #000;
	text-align:center;
	background: #fff;
	margin-top: 10px;
}

#anteprima {
	font-size: 12px;
	font:Verdana, Geneva, sans-serif;
	width:240px;
	float:left;
	z-index:3;
	top: 1px;
	text-align: left;
	/*border: 1px solid #000000;*/
	padding-left:5px;
	padding-right:10px;
	text-align:justify;
	background: #F7F7F7;
	border:1px solid #666;
	border-right:3px solid #666;
}
#approfondimenti {
	font-size: 12px;
	float: left;
	width:435px;
	z-index:4;
	top: 1px;
	/*border: 1px solid #000000;*/
	padding-left:10px;
	padding-top:5px;
	color: #666;
	/*border-left:1px solid #000000;*/
	background:#fff
}
#titolo_anteprime {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom:1px solid #666;
	font-size:22px;
	text-align:left;
	color: #900;
	padding-bottom:5px;
	padding-top:5px;
}
#testo_anteprime {
	text-align: left;
	font-size: 13px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom:1px solid #666;
	padding-bottom:5px;
	padding-right:5px;
}

#titolo_appr {
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left:5px;
	border-bottom:1px solid #000000;
	color:#000
}

#sottotitolo_appr {
	font-size: 20px;
	padding-left:5px;
	color:#960
}
#articolo {
	font-size: 12px;
	font:Verdana, Geneva, sans-serif;
	width:425px;
	float:left;
	z-index:1;
	top: 1px;
	text-align: left;
	/*border: 1px solid #000000;*/
	padding-left:5px;
	padding-right:10px;
	text-align:justify;
}


#testo_appr {
	text-align: left;
	font:Verdana, Geneva, sans-serif;
	font-size: 13px;
	padding-left:5px;
	padding-right:10px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}


/*rassegna stampa*/

#rassegna_paese {
	font-size: 16px;
	padding-left:5px;
	color:#960
}


#rassegna_anno {
	font-size: 12px;
	padding-left:5px;
	padding-top:5px;
	color:#960;
	height:25px;
	
}


/*pagina vini*/


#vini_col_1 {
	font-size: 12px;
	float: left;
	width:220px;
	z-index:6;
	top: 1px;
	/*border: 1px solid #000000;*/
	padding-left:10px;
	color: #666;
	/*border-left:1px solid #000000;*/
}

#vini_col_2 {
	font-size: 12px;
	float: left;
	width:200px;
	z-index:7;
	top: 1px;
	/*border: 1px solid #000000;*/
	padding-left:10px;
	color: #666;
	/*border-left:1px solid #000000;*/
	height:500px;
}
#vini_col_3 {
	font-size: 12px;
	float: left;
	width:200px;
	z-index:8;
	top: 1px;
	/*border: 1px solid #000000;*/
	padding-left:10px;
	color: #666;
	border-left:1px solid #000000;
	height:650px;
}

#scelta_vinidellalinea {
	text-align: left;
	font-size: 14px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:300;
	
	
}


#box_menu_vini {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	height:200px;
	width:200px;
	/*border-bottom:1px solid #000000;*/
}


#vini_descr {
	font-size: 12px;
	float:left;
	width:200px;
	z-index:8;
	top: 0px;
	left:0px;
	/*border: 1px solid #000000;*/
	color: #666;
	border-left:1px solid #000000;
	height:500px;
}
#vini_note {
	font-size: 12px;
	float:left;
	width:200px;
	z-index:9;
	top: 0px;
	left:0px;
	/*border: 1px solid #000000;*/
	color: #666;
	border-left:1px solid #000000;
	height:500px;
}

#box_menu_vini {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	padding-left:5px;
	border-bottom:2px;
	border-bottom-style: dotted;
	color:#000;
	height:25px;
	padding-top:5px;
}

#box_menu_vini_d {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	padding-left:1px;
	color:#000;
	height:25px;
	padding-top:2px;
	width:200px;
}


#box_menu_vini_vuoto {
	height:15px;
	padding-top:5px;
	width:200px;
}

.roll_text {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.roll_text:hover {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	cursor: pointer;
	color:#900;
}
#sottotitolo_vini {
	font-size: 17px;
	padding-left:5px;
	color:#960
}

.roll_textvini {
	text-align: left;
	font-size: 14px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:300;
}
.roll_textvini:hover {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	color:#900;
}

#linea_col_1 {
	font-size: 12px;
	float: left;
	width:420px;
	z-index:6;
	top: 1px;
	/*border: 1px solid #000000;*/
	padding-left:10px;
	color: #666;
	/*border-left:1px solid #000000;*/
}

#linea_col_2 {
	font-size: 12px;
	float: left;
	width:260px;
	z-index:8;
	top: 1px;
	/*border: 1px solid #000000;*/
	padding-left:10px;
	color: #666;
	/*border-left:1px solid #000000*/
	
}

#box_foto_liena {
	padding-top:5px;
	width:410px;
	height:300px;
}

#box_foto_tasari {
	width:210px;
	height:180px;
	text-align: center;
	/*vertical-align: middle;*/
}

#tasari_col_1 {
	font-size: 12px;
	float: left;
	width:220px;
	z-index:6;
	/*border: 1px solid #000000;*/
	padding-left:10px;
	color: #666;
	/*border-left:1px solid #000000;*/
	height:825px;
}

#tasari_col_2 {
	font-size: 12px;
	float: left;
	width:220px;
	z-index:7;
	top: 1px;
	/*border: 1px solid #000000;*/
	padding-left:10px;
	color: #666;
	border-left:1px solid #000000;
	height:700px;
}
#tasari_col_3 {
	font-size: 12px;
	float: left;
	width:220px;
	z-index:8;
	top: 1px;
	/*border: 1px solid #000000;*/
	padding-left:10px;
	color: #666;
	border-left:1px solid #000000;
	height:700px;
}

#box_tasari_sicilia {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	padding-left:30px;
	color:#000;
	height:25px;
	padding-bottom:0px;
	width:180px;
	border-bottom:1px solid #666;
}

#box_tasari_sicilia2 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	padding-left:30px;
	color:#666;
	height:25px;
	padding-top:5px;
	width:180px;
}

#box_tasari_sicilia_descr {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	padding-left:30px;
	color:#666;
	height:110px;
	padding-top:5px;
	width:180px;
}

#box_tasari_sicilia_aff {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	padding-left:30px;
	color:#666;
	height:40px;
	padding-top:5px;
	width:180px;
}

#box_tasari_sicilia_vin {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	padding-left:30px;
	color:#666;
	height:115px;
	padding-top:5px;
	width:180px;
}

#box_gallery {
	font-size: 12px;
	float: left;
	width:700px;
	height:625px;
	z-index:6;
	/*border: 1px solid #000000;*/
	/*padding-left:10px;*/
	color: #666;
	text-align: center;	/*border-left:1px solid #000000;*/
	font-weight: bold;
}

#titolo_dx_vuoto {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*border-bottom:1px solid #000000;*/
	height:20px;
}


#sottotitolo_gen_vuoto {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*border-bottom:1px solid #000000;*/
	height:15px;
	
}

#sottotitolo_contatti {
	font-size: 12px;
	padding-left:5px;
	color:#666
}

#contatti {
	font-size: 12px;
	font:Verdana, Geneva, sans-serif;
	width:700px;
	float:left;
	/*border: 1px solid #000000;*/
	padding-left:5px;
	color:#666

}

#titolo_pg_news {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
	height:12px;
	border-bottom: 1px solid #999;
}
#titolo_pg_news1 {
	height:12px;
}

#box_scelta_linee {
	padding-top:5px;
	width:410px;
	height:150px;
	border-bottom: 1px solid #999;
}

#box_descr_linee {
	padding-top:5px;
	width:220px;
	height:150px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: black; 
	border-bottom: 1px solid #999;
}

#le_persone {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	border-bottom:1px solid #666;
}