/*

- Css Standard Validato 2.0 -
Creato da : Daniele Antonio Barbaglia - RobertoFonio.com
Data : 22 / 01 / 2009

Modificato da : 
Data : 

- Regole per l'impostazione del css -

#id, .classe, tag {
height:; width:; min-height:; min-width:;						<- dimensioni
margin:; border:; padding:; 									<- modello a box
font:; color:; text-align:; text-decoration:; text-transform:;	<- stile testo
float:; display:; clear:;										<- allineamento
position:; top/right/bottom/left:; z-index:;					<- posizione
}

*/

/*------------------------------------------------------------------------------*/
/*_____regole di stile per il corpo_____*/

* {												/* Jolly tag per IE */
margin: 0px;
padding: 0px; 
}

html { 											/* Regola per HTML */
height: 100%;
margin: 0px;
padding: 0px;
}

body { 											/* Regola per Body */
height: 100%;
margin: 0px; 
padding: 0px; 
font-size: 100%;								/* Impostazione per EM = 16px */
text-align: center;
background: #414141;
}

/*------------------------------------------------------------------------------*/
/*_____regole di stile standard per i tag_____*/

H1, H2, H3, H4, H5, H6 { font-weight: bold; }	/* Impostazioni per i Titoli */
H1 { font-size: 1.5em; }	
H2 { font-size: 1.125em; }	
H3 { font-size: 0.875em; }
H4 { font-size: 0.8125em; }
H5 { font-size: 0.75em; }
H6 { font-size: 0.6875em; }
	
a, img { 										/* Impostazione sulle Immagini e Link per togliere il bordo */
margin: 0px; 
border: 0px;
padding: 0px; 
}
a { text-decoration: none; }					/* Impostazione Link */
a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

INPUT,SELECT,BUTTON { 							/* Impostazione Input */
}

table, td, tr { margin: 0px; border: 0px; padding: 0px; } 				/* Impostazione Tabelle */
dl, dt, dd { margin: 0px; border: 0px; padding: 0px; } 					/* Impostazione lista descrittiva */
ul, li { margin: 0px; border: 0px; padding: 0px; list-style: none; } 	/* Impostazioni lista puntata */
ol, li { margin: 0px; border: 0px; padding: 0px; list-style: none; } 	/* Impostazioni lista numerata */

/*------------------------------------------------------------------------------*/
/*_____regole di stile per lo scheletro_____*/

#container {									/* CONTENITORE SITO */
min-height: 100%; 								/**/
height: auto !important; 						/**/
height: 100%;									/*fix per IE sul parametro min-height*/
width: 990px; 
padding: 0px;
margin: auto;									/*fix per mantenere la pagina centrata [ da usare con body {text-align:center; margin:0px;} ]*/
background: transparent url('images/sfondo_intro.jpg') 0px 420px no-repeat;
position: relative;
}

#wrap {									/* CONTENITORE SITO */
height: 100%;									/*fix per IE sul parametro min-height*/
width: 932px; 
padding: 0px 29px;
margin: 0;
background: #414141 url('images/ovale.jpg') no-repeat;
float: left;
display: inline;
}

/*------------------------------------------------------------------------------*/
/*_____regole di stile per la intro_____*/

#intro_head {
width: 990px;
height: 426px;
padding: 20px 0px;
text-align: center;
background: transparent url(images/intro.png) top center no-repeat;
float:left;
position:absolute;
top: 0;
left:0;
z-index:100;
}
#content_intro {
width: 860px;
padding: 420px 65px 30px;
text-align: center;
float:left;
display: inline;
}
#content_intro a.tasto {
width: 200px;
height: 65px;
padding-top:70px;
margin: 0px 7px 0px 8px;
display: inline;
float: left;
text-align: center;
}
/*------------------------------------------------------------------------------*/
#header {										/* HEADER SITO - TESTATA */
height: 396px; 
width: 932px;
position: relative;
}

#header #tasti {
width: 932px;
position: absolute;
bottom: 0;
left: 0;
}

#header #tasti #principale {
width: 710px;
height: 105px;
float: left;
display: inline;
}
#header #tasti div {
width: 222px;
height: 105px;
float: left;
display: inline;
}
#header #tasti div .secondo{
width: 222px;
height: 38px;
float: left;
display: inline;
}
#header #tasti div .terzo{
width: 222px;
height: 28px;
float: left;
display: inline;
}
#header #tasti div .quarto{
width: 222px;
height: 28px;
float: left;
display: inline;
}
/*------------------------------------------------------------------------------*/
#menu {											/* MENU SITO */
width: 872px;
padding: 20px 0px;
}
		#menu dl {
		}
		#menu dt {
		float: left;
		display: inline;
		padding-right: 30px;
		}
		#menu dt a{
		color: #231f20;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 13px;
		}
		#menu dt a:hover, #menu dt a:focus, .current{
		}
		
/*------------------------------------------------------------------------------*/
#content {										/* CORPO DEL SITO */
min-height: 400px; 								/**/
height: auto !important; 						/**/
height: 400px;									/*fix per IE sul parametro min-height*/
width: 872px;
padding: 0px 30px;
background-color: #faeece;
}

	.sinistra {									/* COLONNA DA 200 PX */
	width: 170px;
	margin-right: 30px;
	}
		.sinistra #testa {
		
		}
		.sinistra #corpo {
		border-top: 1px solid;
		border-bottom: 1px solid;
		width: 100%;
		padding: 10px 0px;
		}
	.centro {									/* COLONNA DA 550 PX */
	width: 672px;
	}
	
	.full {									/* COLONNA DA 550 PX */
	width: 872px;
	}
	
	.vino{
	width: 150px;
	height: 250px;
	margin: 0px 10px;
	}
	
	#confezioni-vini-container{
	width: 100%;
	float: left;
	display: inline;
	}
	#confezioni-vini-container #confezioni-vini-testo{
	width: 50%;
	float: left;
	display: inline;
	}
	#confezioni-vini-container #confezioni-vini-image{
	width: 50%;
	float: left;
	display: inline;
	text-align: center
	}
	#confezioni-vini-diapositive{
	width: 100%;
	float: left;
	display: inline;
	}
	
	.griglia {
	width: 70px;
	height: 70px;
	float: left;
	display: inline;
	margin: 3px;
	background-position: center center;
	background-repeat: no-repeat;
	}
	
	.ombra {
	width: 100%;
	height: 100%;
	filter:alpha(opacity=50);
  	opacity:0.5;
	background-color: #CCCCCC;
	float: left;
	display: inline;
	}
	.ombra:hover {
	filter:alpha(opacity=0);
  	opacity:0;
	}
	
#content .full .linea { display: block; margin-bottom: 20px; }
#content .full .linea .titolo { display: block; font-size: 1.1em; font-weight: bold; border-bottom: 1px dotted #ccc; padding: 3px; }
#content .full .linea a { color: #414141; }
#content .full .linea .titolo  .sottotitolo { font-size: 0.55em; font-weight: normal; }
#content .full .linea .corpo { display: block; padding: 3px; font-size: 0.8em; }
#content .full .linea .contenitore-linee { width: 80%; }
#content .full .linea .image { width: 18%; margin-left: 2%; float: right; display: inline; }
#content .full .linea .docs { margin-bottom: 10px; }
#content .full .linea .gallery { clear: both; float: left; display: inline; }
	
/*------------------------------------------------------------------------------*/
#footer {									/* FOOTER DEL SITO - PIE DI PAGINA */
width: 934px;
padding: 15px 0;
margin: 10px 28px 0px;
background: #f9ecce;
text-align: center;
color: #231f20;
float: left;
display:inline;
}

/*------------------------------------------------------------------------------*/
/*_____regole per i float_____*/

.left {										/* ALLINEAMENTO A SINISTRA */
float: left;
display: inline;							/* fix per il FLOAT su IE6 */
}
.right {									/* ALLINEAMENTO A DESTRA */
float: right;
display: inline;							/* fix per il FLOAT su IE6 */
}
.left_b {									/* ALLINEAMENTO A SINISTRA CON PULITURA SU ENTRAMBI I LATI */
float: left;
display: inline;							/* fix per il FLOAT su IE6 */
clear: both;
}
.right_b {									/* ALLINEAMENTO A DESTRA CON PULITURA SU ENTRAMBI I LATI */
float: right;
display: inline;							/* fix per il FLOAT su IE6 */
clear: both;
}
.left_l {									/* ALLINEAMENTO A SINISTRA CON PULITURA A SINISTRA */
float: left;
display: inline;							/* fix per il FLOAT su IE6 */
clear: left;
}
.right_l {									/* ALLINEAMENTO A DESTRA CON PULITURA A SINISTRA */
float: right;
display: inline;							/* fix per il FLOAT su IE6 */
clear: left;
}
.left_r {									/* ALLINEAMENTO A SINISTRA CON PULITURA A DESTRA */
float: left;
display: inline;							/* fix per il FLOAT su IE6 */
clear: right;
}
.right_r {									/* ALLINEAMENTO A DESTRA CON PULITURA A DESTRA */
float: right;
display: inline;							/* fix per il FLOAT su IE6 */
clear: right;
}

/*------------------------------------------------------------------------------*/
/*_____regole per posizioni_____*/

.abs_tr0 {									/* posizione assoluta in alto a destra */
position: absolute;
top: 0px;
right: 0px;
}
.abs_tl0 {									/* posizione assoluta in alto a sinistra */
position: absolute;
top: 0px;
left: 0px;
}
.abs_br0 {									/* posizione assoluta in basso a destra */
position: absolute;
right: 0px;
bottom: 0px;
}
.abs_bl0 {									/* posizione assoluta in basso a sinistra */
position: absolute;
bottom: 0px;
left: 0px;
}

/*------------------------------------------------------------------------------*/
/*_____regole per i testi_____*/
.text {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
}
.text b {
}
.text em {
}

/*_____regole per i colori dei testi_____*/
.color {
color: #231f20;
}
.link {
color: ;
}

.white {
color: #FFFFFF;
}
.black {
color: #000000;
}

.red {
color: #FF0000;
}
.green {
color: #00FF00;
}
.blue {
color: #0000FF;
}

.yellow {
color: #FFFF00;
}
.pink {
color: #FF00FF;
}
.aqua {
color: #00FFFF;
}

/*_____regole per la dimensione dei testi_____*/ /* RISPETTO AL BODY */
.tx_8 {										/* font-size: 8px; */
font-size: 0.5em;
}
.tx_9 {										/* font-size: 9px; */
font-size: 0.5625em;
}
.tx_10 {									/* font-size: 10px; */
font-size: 0.625em;
}
.tx_11 {									/* font-size: 11px; */
font-size: 0.6875em;
}
.tx_12 {									/* font-size: 12px; */
font-size: 0.75em;
}
.tx_13 {									/* font-size: 13px; */
font-size: 0.8125em;
}
.tx_14 {									/* font-size: 14px; */
font-size: 0.875em;
}
.tx_15 {									/* font-size: 18px; */
font-size: 0.9375em;
}
.tx_16 {									/* font-size: 18px; */
font-size: 1em;
}
.tx_17 {									/* font-size: 18px; */
font-size: 1.0625em;
}
.tx_18 {									/* font-size: 18px; */
font-size: 1.125em;
}
.upc {										/* tutto maiuscolo */
text-transform: uppercase;
}
.bold { font-weight: bold; }
/*__________________regole per l'allineamento_________________________________*/
.tx_left {									/* ALLINEAMENTO A SINISTRA */
text-align: left;
}
.tx_center {								/* ALLINEAMENTO CENTRATO */
text-align: center;
}
.tx_right {									/* ALLINEAMENTO A DESTRA */
text-align: right;
}
.tx_justify {								/* ALLINEAMENTO GIUSTIFICATO */
text-align: justify;
}

/*------------------------------------------------------------------------------*/
/*__________________regole per varie__________________________________________*/
.clean {									/* PULIZIA BOX MODEL */
margin: 0px;
border: 0px;
padding: 0px;
}
.test { border: 1px solid #000 }			/* TEST PER IL BORDO */
.righellox { background: url('images/righellox.gif') left top;}
.righelloy { background: url('images/righelloy.gif') left top;}