/******************* DEFINIZIONI PRINCIPALI *******************/
/******************* DEFINIZIONI PRINCIPALI *******************/
/******************* DEFINIZIONI PRINCIPALI *******************/

TABLE.main	{
	background-image:url('sito/cartavini/bg_body_vs.gif');
	width:900;
	margin:auto;
}

body.mia div#me {
	background-image:url('sito/cartavini/bg_body_vs.gif');
	padding:10;
}

a {
	color: #FF9933;
	font-weight: bold;
	text-decoration: none;
}

img {
	border:0px;
}

a:hover {
	color: #CCDDEE;
	font-weight: bold;
	text-decoration: underline;
}

span.acquisto { color: #000000 }
span.black_text { color: #000000 }

body {
	color: #FFFFFF;
	margin:0;
	background-color:#272727;
}

body, p, table, td, select {
	text-align: justify;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	padding:0;
	line-height: 150%;
}

p {
/*	vertical-align: top;*/
	color: #FFFFFF;
}

b { 
	color: #FFFFCC;
}

td {
	border-style: none;
}

table {
	border-collapse:collapse;
}

#largetable {
	width:100%;
}

/******************** MATERIALE POPUP ********************/
/******************** MATERIALE POPUP ********************/
/******************** MATERIALE POPUP ********************/

body.popup {
/* Utilizzato nelle pagine popup come pagamento.asp e dettagli.asp */
/* Dovrebbe anche gestire il bug di IE che non centra i div */
	background-image:url('sito/cartavini/bg_body_vs.gif');
	padding-top:0;
	padding-left:10;
	padding-right:10;
	padding-bottom:5;
	text-align: center; 
}

.pop_content {
/* Utilizzato nelle pagine popup come pagamento.asp e dettagli.asp */
/* Legato al body.popup */
	width: 80%;
	margin: 0 auto;
}

.pop_content_box_title {
/* Utilizzato nelle pagine popup come pagamento.asp e dettagli.asp */
/* Legato al body.popup */
	font-weight: bold;
	background-color: #666666;
	width: 80%;
	margin: auto;
	margin-top:10;
	margin-bottom:5;
	padding:3px;
	border:1px solid #FFFFFF;
	text-align:center;
}

.pop_content_box_title_red {
/* Utilizzato nelle pagine popup come pagamento.asp e dettagli.asp */
/* Legato al body.popup */
	font-weight: bold;
	background-color: #800000;
	width: 80%;
	margin: auto;
	margin-top:10;
	margin-bottom:10;
	padding:3px;
	border:1px solid #FFFFFF;
	text-align:center;
}

.pop_content_box {
/* Utilizzato nelle pagine popup come pagamento.asp e dettagli.asp */
/* Legato al body.popup */
	background-color: #666666;
	width: 80%;
	margin: auto;
	margin-top:0;
	margin-bottom:0;
	padding:3px;
	border:1px solid #FFFFFF;
}

.pop_titoli_grigio {
/* Utilizzato nelle pagine popup come pagamento.asp e dettagli.asp */
/* Serve per la tabella delle spese di spedizione */
	background-color: #CCCCCC;
	color: #000000;
	padding: 3px;
	border:1px solid #FFFFFF;
	margin-top: 20;
	margin-bottom:5;
	font-weight: bold;
}

/******************** MATERIALE SPECIFICO ********************/
/******************** MATERIALE SPECIFICO ********************/
/******************** MATERIALE SPECIFICO ********************/

#proviamo {
	width:262px;
	height:458px;
	position:fixed;
    bottom:0%;
    right:0%;
	z-index:10;
}

.pippo {
/* lo sto provando nella home page */
	margin:auto;
	margin-top:20;
	margin-bottom:20;
	text-align: center; 
}

.partner {
/* lo sto provando nella home page */
	padding: 3px;
}

.text_insert {
/* Utilizzato nella vini_isert perché su IE il P è troppo lungo e il navigatore 1 - 2 - 3 - viene troppo separato */
/*	margin-bottom:0; */
}

div.separatore {
/* Utilizzato per evitare che il corpo della news si "trascini" l'allineamento del FLOAT della immagine del titolo */
/* Devo assegnarlo al corpo della news e/o al corpo del div che voglio tenere separato da quello precedente */
	clear:both;
}

div.risultato {
	display:none;
}

#strap_scroll {
/* Utilizzato in home page per lo scroller */
	clear: both;
	margin-top:5px;
	margin-bottom:10px;
	width: 540px;
	height: 15px;
	background-color: #000000;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	padding: 0px 0px 2px 0px;
	clip: rect(0px, 718px, 18px, 10px);
	border: 1px solid #FF9933;
}

#scroll_text {
/* Utilizzato in home page per lo scroller */
	position: relative;
	left: 0px;
	color: #FFFFCC;
	font-size: 10px;
	padding: 0px 10px 0px 10px;
}

.interattivo {
/* Serve per agli INPUT BOX */
	font-size: 11px;
	line-height:100%; 
}

.bottone {
/* Bottone interattivo utilizzato in quasi tutti i form */
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px; 
	text-align: center; 
}

#panoramica {
/* Utilizzato per spaziare in alto l'immagine dei vini che sta sotto a quasi tutte le pagine */
	margin-top: 15;
}

img.foglioline {
/* Utilizzato per spaziare l'immagine delle foglioline che fungono da separatore */
	margin-top: 10;
	text-align: center;
}

.titolo_pagina {
/* Utilizzato per i titoli grafici in alto a destra */
	margin:0; 
	padding-top:15px;
	padding-bottom:15px;
	width:100%;
}

.link_esclusivo {
/* Utilizzato ad esempio in testa alle pagine della STORIA; */
	font-size: 11px;
	color: #FFFFCC;
	font-weight: bold;
	text-decoration: underline;	
}

/******************** TITOLI DI VARIO GENERE ********************/
/******************** TITOLI DI VARIO GENERE ********************/
/******************** TITOLI DI VARIO GENERE ********************/

p.titoli {
/* Titolo giallo in grassetto con bordo, testo centrato nel box, lo assegno al <P>, ma per centrarlo nella pagina va dentro a un DIV */
/* Ha lo stesso colore dello sfondo. Utilizzato direi per aprire paragrafi di testo */
	font-weight: bold;
	border:1px solid #FFFFFF;
	padding:3px;
	white-space: nowrap;
	margin-top: 20;
	margin-bottom:15;
	text-align: center;
	color: #FFFFCC;
}

p.sottotitoli {
/* Titolo giallo in grassetto, lo assegno al <P>. Utilizzato nelle news */
	font-weight: bold;
	margin-top: 20;
	margin-bottom:0;
	text-align: center;
	color: #FFFFCC;
	text-decoration: underline;
}

.titolo_no_bordo {
/* Titolo giallo in grassetto senza bordo, testo a sinistra, lo assegno al <P> */
	font-weight: bold;
	color: #FFFFCC;
	white-space: nowrap;
	margin-top: 20;
	margin-bottom:0;
}

.titoli_long {
	background-color: #800000;
	padding:3px;
	border:1px solid #FFFFFF;
	width:100%;
	white-space: nowrap;
	margin-top: 20;
	margin-bottom:15;
}

.titoli_long_close {
/* Titolo giallo in grassetto con bordo, testo a sinistra, lo assegno alla TD per allargarla a tutto schermo */
/* CLOSE perché il bordo inferiore è ridotto e rimane dunque vicino all'elemento che lo segue */
/* Utilizzato per introdurre tabelle, ad esempio quella interattiva nel carrello dove seleziono lo stato di spedizione */
	text-align: center;
	font-weight: bold;
	background-color: #800000;
	padding:3px;
	border:1px solid #FFFFFF;
	white-space: nowrap;
	margin-left: 0;
	margin-right: 0;
	margin-top: 20;
	margin-bottom:5;
	color: #FFFFCC;
}

.titoli_long_close_left {
/* Titolo giallo in grassetto con bordo, testo a sinistra, lo assegno alla TD per allargarla a tutto schermo */
/* CLOSE perché il bordo inferiore è ridotto e rimane dunque vicino all'elemento che lo segue */
/* Utilizzato per introdurre tabelle, ad esempio quella interattiva nel carrello dove seleziono lo stato di spedizione */
	font-weight: bold;
	background-color: #800000;
	padding:3px;
	border:1px solid #FFFFFF;
	margin-left: 0;
	margin-right: 0;
	margin-top: 20;
	margin-bottom:5;
	color: #FFFFCC;
}

/******************** MATERIALE GENERICO ********************/
/******************** MATERIALE GENERICO ********************/
/******************** MATERIALE GENERICO ********************/

.left {
	float: left;
	margin-top:0; margin-bottom:0;
	width: 1%; 
}

.right {
	float: right;
	margin-top:0; margin-bottom:0;
	width: 1%; 
}

.right_img {
	float: right;
}

.left_img {
	float: left;
}

.caption {
	margin-top:3;
	margin-bottom:0;
	text-align: center;
	font-weight: bold;
}

.right_img_margin {
/* Utilizzato per le immagini allineate al bordo destro che devono avere il bordo spaziato a sinistra e sotto */
/* Si usa ad esempio nelle news, termini e condizioni ecc */
	float: right;
	margin-left: 10;
	margin-bottom: 10;
	margin-right: 0;
	margin-top:0
}

.left_img_margin {
/* Utilizzato per le immagini allineate al bordo sinistro che devono avere il bordo spaziato a destra e sotto */
/* Si usa ad esempio nelle news, termini e condizioni ecc */
	float: left;
	margin-right: 10;
	margin-bottom: 10;
	margin-left: 0;
	margin-top:0
}

.center {
	margin:auto; 
	margin-top:0; 
	margin-bottom:0;
	text-align:center;
}

.middle {
	font-weight: bold;
	vertical-align:middle;
}

img.image_border {
	border:1px solid #000000; margin:0; 
}

.corpo_sx {
/* Utilizzato per la colonna di sinistra per spaziare opportunamente, lo assegno al TD */
	padding-left: 10px;
}

.corpo_dx {
/* Utilizzato per la colonna di destra per spaziare opportunamente, lo assegno al TD */
	padding-right: 27px;
}


/******************** HOME PAGE ********************/
/******************** HOME PAGE ********************/
/******************** HOME PAGE ********************/
/* Qui definisco le etichette in esposizione in home page */

.hp_cont_etichette {
	padding: 3px;
}

TD.hp_cont_etichette_title {
	border:1px solid #FFFFFF; background-color: #800000;
	font-weight: bold;
	color:#FFFFCC;
	padding:3px;
}

TD.hp_cont_etichette_img {
	padding-right:4px;
}

TD.hp_cont_etichette_desc1 {
	border:1px solid #FFFFFF; 
	background-color: #008080;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	text-align: left;
	padding: 2px;
}

TD.hp_cont_etichette_desc2 {
	border:1px solid #FFFFFF;
	background-color: #008080;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-align: right;
	padding: 2px;
}

TD.vinitable {
	background-color: #008080;
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	line-height: 130%;
	padding-left: 2pt;
	padding-right: 2pt;
	text-align: left;
	border-color: Fuchsia;
}

TABLE.premi_etichette {
}

TD.premi_etichette_sx {
	color: #FFFFCC;
	line-height: 100%;
	text-align: left;
	font-weight: bold;
}

TD.premi_etichette_dx {
	color: #FFFFCC;
	line-height: 100%;
	text-align: center;
	font-weight: bold;
}

/******************** TABELLA SELETTORE VALUTA ********************/
/******************** TABELLA SELETTORE VALUTA ********************/
/******************** TABELLA SELETTORE VALUTA ********************/

TABLE.valuta {
	border:1px solid #FFFFFF; 
	float: right;
	background-color: #008080;
	width: 1%;
	color: #FFFFFF;
	margin-left: 10;
	margin-bottom: 10;
	margin-right: 0;
	margin-top:0
}

TD.valuta_left {
	vertical-align:middle;
	background-color: #008080;
	padding: 3px;
}

TD.valuta_right {
	background-color: #D9D9D9;
	padding: 3px;
}

/******************** TABELLA CARRELLO ********************/
/******************** TABELLA CARRELLO ********************/
/******************** TABELLA CARRELLO ********************/
	
.carrello {
	padding: 3px;
	width:100%;
	margin-bottom:5;
	border:1px solid #FFFFFF; 
	background-color: #800000;
	vertical-align: middle;
	}

.carrello_titolo {
	color: #FFFFCC;
	font-weight: bold;
	background-color: #800000;
	padding:3px;
	border:1px solid #FFFFFF;
	}

.carrello_centrato {
	font-weight: bold;
	padding: 3px;
	border:1px solid #FFFFFF; 
	background-color: #800000;
	vertical-align: middle;
	text-align: center;
	}

.carrello_left {
	font-weight: bold;
	padding: 3px;
	border:1px solid #FFFFFF; 
	background-color: #800000;
	vertical-align: middle;
	text-align: left;
	}

.carrello_right {
	font-weight: bold;
	padding: 3px;
	border:1px solid #FFFFFF; 
	background-color: #800000;
	vertical-align: middle;
	white-space: nowrap;
	text-align: right;
	}
	
.alert {
	padding: 3px;
	font-weight: bold;
	width:100%;
	border:1px solid #FFFFFF; 
	background-color: #CC3000;
	vertical-align: middle;
	}

/******************** BOX GIALLO ********************/
/******************** BOX GIALLO ********************/
/******************** BOX GIALLO ********************/

table.box_giallo {
/* Utilizzata ad esempio nel free shipping, CHI SIAMO */
	width:65%;
	margin-top:20;
	margin-bottom:5;
	border:4px solid #FF9C00; 
	background-color: #800000;
	color: #FF9C00;
	}

td.box_giallo {
	padding: 4px;
	color: #FF9C00;
	}

.titoli_box_giallo {
	font-weight: bold;
	text-align: center;
	color: #FFFFCC;
	line-height:100%;
	margin-bottom:1;
}


/******************** TABELLA BORDATA COME SOPRA GIUSTIFICATA ********************/
/******************** TABELLA BORDATA COME SOPRA GIUSTIFICATA ********************/
/******************** TABELLA BORDATA COME SOPRA GIUSTIFICATA ********************/

.box_evidenza_hp {
/* Utilizzata in home page */
	margin: 20px auto;
	border:4px solid #FF9C00; 
	background-color: #800000;
	color: #FF9C00;
	width:540px;
	text-align: center;
	}

td.box_evidenza {
/* Utilizzata in home page */
	padding: 4px;
	background-color: #800000;
	color: #FF9C00;
	text-align: justify;
	}



/******************** TABELLA INTERATTIVA GRIGIO E VERDE PETROLIO ********************/
/******************** TABELLA INTERATTIVA GRIGIO E VERDE PETROLIO ********************/
/******************** TABELLA INTERATTIVA GRIGIO E VERDE PETROLIO ********************/
/* Utilizzata in raccolta_dati, carrello (selezione stato), regman, ... */

.textarea {
/* Utilizzato nella raccolta_dati nel capo testo libero */
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}

.interattiva {
	font-weight: bold;
	width:100%;
	margin-bottom:5;
	}

.interattiva_short {
	font-weight: bold;
	margin-bottom:5;
	}

.int_titoli_left {
	padding: 3px;
	border:1px solid #FFFFFF; 
	background-color: #008080;
	vertical-align: middle;
	text-align: left;
	}

.int_titoli_left_bright {
	padding: 3px;
	border:1px solid #FFFFFF; 
	background-color: #00A0A0;
	vertical-align: middle;
	text-align: left;
	}

.int_titoli_center {
	padding: 3px;
	border:1px solid #FFFFFF; 
	background-color: #008080;
	vertical-align: middle;
	text-align: center;
	}

.int_titoli_right {
	padding: 3px;
	border:1px solid #FFFFFF; 
	background-color: #008080;
	vertical-align: middle;
	text-align: right;
	}

.int_valori_center {
	padding: 3px;
	border:1px solid #FFFFFF; 
	background-color: #D9D9D9;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	}

.int_valori_left {
	padding: 3px;
	border:1px solid #FFFFFF; 
	background-color: #D9D9D9;
	vertical-align: middle;
	text-align: left;
	color: #000000;
	}

.int_grigio {
	font-weight: bold;
	padding: 3px;
	border:1px solid #FFFFFF; 
	background-color: #666666;
	vertical-align: middle;
	text-align: center;
	}
	
.titoli_grigio {
	background-color: #CCCCCC;
	color: #000000;
	padding: 3px;
	border:1px solid #FFFFFF;
	width:100%;
	margin-top: 20;
	margin-bottom:5;
}

.valori_grigio {
	background-color: #CCCCCC;
	color: #000000;
	padding: 3px;
	border:1px solid #FFFFFF;
	width:100%;
	margin-bottom:5;
}

/******************** ESPOSIZIONE TABELLARE PRODOTTI  ********************/
/******************** ESPOSIZIONE TABELLARE PRODOTTI  ********************/
/******************** ESPOSIZIONE TABELLARE PRODOTTI  ********************/
/* Si utilizza nelle pagine dove espongo una lista di prodotti, come default_cerca e default_acquisto */
	
.esposizione_left {
	padding:2px; border:1px solid #FFFFFF; background-color: #008080;
	text-align: left;
	}

.esposizione {
	padding:2px; border:1px solid #FFFFFF; background-color: #008080;
	text-align: center;
	}

.esposizione_titolo {
	padding:2px; border:1px solid #FFFFFF; background-color: #666666;
	text-align: center;
	vertical-align: middle
	}

.esp1 {
	color: #AAFFFF;
	font-weight: bold;
	text-align: left;
	margin-bottom:0;
}

.esp2 {
	color: #FFFFCC;
	font-weight: bold;
}

.esp3 {
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	margin-top:0;
}

#riserva {
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
}

/**************** MENU DI NAVIGAZIONE A FONDO SCHERMO ****************/
/**************** MENU DI NAVIGAZIONE A FONDO SCHERMO ****************/
/**************** MENU DI NAVIGAZIONE A FONDO SCHERMO ****************/
/* E' la barra che chiude tutte le pagine del sito, ne esiste una anche senza tracking usata nella conferma.asp */
/* Dovrebbe essere OK */

TABLE.barra {
/* Utilizzato nella barra di navigazione finale a fondo schermo */
	margin-bottom:10;
}

P.barra {
/* Utilizzato nella barra di navigazione finale a fondo schermo */
	text-align: center;
}

.barra a:hover {
	color: #CCDDEE;
	text-decoration: underline;
}

/**********************  TABELLA MOSTRA_ETICHETTE **********************/
/**********************  TABELLA MOSTRA_ETICHETTE **********************/
/**********************  TABELLA MOSTRA_ETICHETTE **********************/

.etichetta_tutta {
	margin-top:5;
	margin-bottom:25;
}

.titoli_etichette {
	padding:3; border:1px solid #FFFFFF; background-color: #800000;
	white-space: nowrap;
	margin-top: 0;
	margin-bottom:5;
}

.titoli_etichette_sx {
	color: #FFFFCC;
	font-size: 11px;
	font-weight: bold;
}

.titoli_etichette_dx {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
}

.etichette {
	border:1px solid #FFFFFF;
	padding:3;
	background-color: #008080;
	border-collapse: collapse;
	text-align: left;
	}

.etichette_center {
	border:1px solid #FFFFFF;
	padding:3;
	background-color: #008080;
	border-collapse: collapse;
	text-align: center;
	}

.etichette_vitigni {
	border-collapse: collapse;
	text-align: left; width:0;
	padding-left:3px 
	}

.etichette_titolo {
	color: #FFFFCC;
	margin-top:0;
	margin-bottom:0;
	font-weight: bold;
}

.etichette_testo {
	line-height: 160%;
	margin-top:0;
	margin-bottom:0;
	font-weight: normal;
}

.etichette_titolo_down {
/*** Utilizzato nelle ultime righe dell'etichetta, per esporre costo, contenuto, annata, promozione ecc */
	color: #FFFFCC;
	margin-top:0;
	margin-bottom:0;
	font-weight: bold;
	text-align: center;
}

.etichette_testo_down {
/*** Utilizzato nelle ultime righe dell'etichetta, per esporre costo, contenuto, annata, promozione ecc */
	color: #FFFFFF;
	margin-top:0;
	margin-bottom:0;
	font-weight: normal;
	text-align: center;
}

.etichette_destra {
/*** Utilizzato per la colonna destra dell'etichetta, cioè dove c'è l'immagine */
	border-style:thin;
	border-width:0px;
	border-collapse: collapse;
	text-align: center;
	vertical-align: bottom;
	width:1%;
	padding-left:10px;
	padding-right:0px;
	padding-top:0;
	padding-bottom:0;
}

TABLE.qty_selector {
	width:1%;
}

IMG.qty_selector_top {
	vertical-align:bottom;
	margin-bottom:2;
}

IMG.qty_selector_bottom {
	vertical-align:top;
	margin-top:2;
}

INPUT.qty_selector {
	padding:0;
	vertical-align:middle;
	text-align:center
}

.qty_selector {
	padding:3;
	text-align:center;
	vertical-align:middle;
}

#euro {
	vertical-align:middle;
}

#esaurito {
/*** Utilizzato nella colonna più in basso a sinistra dell'etichetta */
	color:#FFFFCC;
	font-size: 9px;
	font-weight: bold;
}

#barrato {
	text-decoration:line-through;
}

/******************** BARRA DI NAVIGAZIONE TOP E DOWN NELLA CARTA VINI ********************/
/******************** BARRA DI NAVIGAZIONE TOP E DOWN NELLA CARTA VINI ********************/
/******************** BARRA DI NAVIGAZIONE TOP E DOWN NELLA CARTA VINI ********************/
/*E' la barra dei vini con tutte le sottocategorie che metto a inizio e fine di quasi ogni pagina */
/* Dovrebbe essere OK */

TABLE.vinibar {
	margin-bottom:15;
}	

TD.vinibar {
	border:1px solid #FFFFFF;
	background-color: #800000;
	border-collapse: collapse;
	color: #FFFFFF;
	text-align: center;
	padding:1px;
	}

TD.vinibarinversa {
	border: 1px solid #FFFFFF; 
	background-color: #FFFFFF;
	border-collapse: collapse;
	color: #800000;
	text-align: center;
	padding:1px;
}

TD.vinibar_top {
	background-color: #800000;
	text-align: center;
	border: 1px solid #FFFFFF; 
	color: #FFFFFF;
	padding:1px;
	font-weight: bold;
}	

a.vinibar {
	font-size: 11px;
	}

.vinibar a:link {
	color: #FFFFFF;
	text-decoration: none;
}

.vinibar a:visited {
	color: #FFFFFF;
}

.vinibar a:hover {
	color: #CCDDEE;
	text-decoration: underline;
}

.vinibar a:active {
	color: #CCDDEE;
}

.vinibarinversa a:link {
	color: #800000;
	text-decoration: underline
}
	
.vinibarinversa a:visited {
	border-color: #FFFFFF;
	color: #800000;
}

.vinibarinversa a:hover {
	color: #800000;
	text-decoration: underline;
}

.vinibarinversa a:active {
	color: #800000;
}

/********************************* NAVIGATORE *******************************/
/********************************* NAVIGATORE *******************************/
/********************************* NAVIGATORE *******************************/
/*** E' quello numerato che mi consente di spostarmi tra le varie pagine di visualizzazione delle etichette ***/

.navigatore {
	border:1px solid #FFFFFF; background-color: #800000; 
	color: #FFFFFF;
	vertical-align: middle;
	}

TABLE.navigatore {
	float:right;
	margin-top:10;
	margin-bottom:10;
}	

TD.navigatore{
	padding:3; 
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}	

TD.navigatore_inversa {
	padding:3; 
	background-color: #FFFFFF;
	color: #800000;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.navigatore a:link {
	color: #FFFFFF;
	text-decoration: none;
}

.navigatore a:visited {
	color: #FFFFFF;
}

.navigatore a:hover {
	color: #CCDDEE;
}

.navigatore a:active {
	color: #CCDDEE;
}

.navigatore_inversa a:link {
	color: #800000;
	text-decoration: underline
}
	
.navigatore_inversa a:visited {
	border-color: #FFFFFF;
	color: #800000;
}

.navigatore_inversa a:hover {
	color: #800000;
	text-decoration: underline;
}

.navigatore_inversa a:active {
	color: #800000;
}

/*** --------------------- TABELLA GENERICA --------------------- */
/*** --------------------- TABELLA GENERICA --------------------- */
/*** --------------------- TABELLA GENERICA --------------------- */
/*** --------------------- TABELLA GENERICA --------------------- */

/*** TABLE e TD, background 800000, spazio interno alle celle 3 px, allineamento testo centrato, bordi bianchi sottili */
.vstable {
	padding:3px; 
	border:1px solid #FFFFFF; 
	background-color: #800000;
	text-align: center;
	}

/*** TABLE e TD, background 800000, spazio interno alle celle 3 px, allineamento testo left, bordi bianchi sottili */
.vstable_left {
	padding:3px; 
	border:1px solid #FFFFFF; 
	background-color: #800000;
	text-align: left;
	}

/*** TABLE e TD, background 800000, spazio interno alle celle 3 px, allineamento testo center, bordi bianchi sottili */
.vstable_center {
	padding:3px; 
	border:1px solid #FFFFFF; 
	background-color: #800000;
	text-align: center;
	}

/*** TABLE e TD, background 800000, spazio interno alle celle 3 px, allineamento testo center, bordi bianchi sottili */
.vstable_center_bold {
	padding:3px; 
	border:1px solid #FFFFFF; 
	background-color: #800000;
	text-align: center;
	font-weight:bold;
	}

/*** TD LEFT header, allinea il testo a sinistra, lo centra verticalmente, BOLD - usato come HEADER nelle tabelle */
.vstable_left_header {
	padding:3px; 
	font-weight:bold;
	vertical-align: middle;
	border:1px solid #FFFFFF; 
	background-color: #800000;
	text-align: left;
}

#lft_cntn {
	font-size: 10px;
}

/*** TITOLO BOLD in giallo */
#tb {
	font-weight:bold;
	color: #FFFFCC;
}

/***TABELLE DESCRITTIVE IN CARTAVINI*/
/***TABELLE DESCRITTIVE IN CARTAVINI*/
/***TABELLE DESCRITTIVE IN CARTAVINI*/

.vinitable {
	padding:12px; border:12px solid #FFFFFF; background-color: #800000;
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	line-height: 130%;
	text-align: left
}

TD.spremiati {
	background-color: #800000;
	padding-left: 2pt;
	padding-right: 2pt;
	text-align: left;
}

table.premi {
	background-color: #FFFFFF;
	color: #FFFFFF;
	padding-left: 1pt;
	padding-right: 1pt;
}

.premi {
	background-color: #800000;
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
}

.premi_icone {
	background-color: #800000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	text-align: center;
}


/*** varie */

.testo_lato {
	font-family: arial;
	color: #000000;
	text-align: left;
}

TD.frecce {
	text-align: right;
	float: right
}

.rosso {
	font-family: verdana;
	color: #CC0000;
	font-weight: bold;
}

.sezioneimmagini {
	background-color: #640000;
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
}

TD.sezioneimmagini {
	background-color: #640000;
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
}

/*** *******************    MATRICE VINI    ******************* */
/*** *******************    MATRICE VINI    ******************* */
/*** *******************    MATRICE VINI    ******************* */
/* E' la matrice dei vini con le tipologie in alto e a sinistra i produttori */
/* Dovrebbe essere OK */

TABLE.matrice {
	border:1px solid #FFFFFF; background-color: #800000;
	color: #FFFFFF;
	text-align: center;
}

TD.matrice_titoli {
	font-weight: bold;
	padding:5px; 
	border: 1px solid #FFFFFF; 
	text-align: center;
	vertical-align: middle;
}

TD.matrice {
	border: 1px solid #FFFFFF; 
	text-align: center;
	vertical-align: middle;
}

TD.matriceinversa {
	background-color: #640000;
	border: 1px solid #FFFFFF; 
	text-align: center;
	vertical-align: middle;
}

TD.matrice_top {
	border: 1px solid #FFFFFF; 
	text-align: center;
	width:20px;
	vertical-align: middle; padding-top:4px; padding-bottom:4px
}

TD.matrice_topinversa {
	background-color: #640000;
	border: 1px solid #FFFFFF; 
	text-align: center;
	width:20px;
	vertical-align: middle; padding-top:4px; padding-bottom:4px
}

TD.matrice_left {
	border: 1px solid #FFFFFF; 
	text-align: left;
	padding:2;
}

TD.matrice_leftinversa {
	background-color: #640000;
	border: 1px solid #FFFFFF; 
	text-align: left;
	padding:3; 
}

.matrice a:link {
	color: #FFFFFF;
	text-decoration: none;
}

.matrice a:visited {
	color: #FFFFFF;
}

.matrice a:hover {
	color: #CCDDEE;
	text-decoration: underline;
}

.matrice a:active {
	color: #CCDDEE;
}

P.matrice 
{
	margin:0 2;
	font-weight:bold
}

/***************************************/
/***************************************/
/***************************************/
	
td.profili_sx {
	background-color: #008080;
	color: Black;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	padding-left: 2pt;
	padding-right: 2pt;
	text-align: right;
}

td.profili_sx {
	background-color: #008080;
	color: Black;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	padding-left: 2pt;
	padding-right: 2pt;
	text-align: left;
}

TD.profili_DX {
	background-color: #D9D9D9;
	color: Black;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	padding-left: 2pt;
	padding-right: 2pt;
	text-align: left;
}

.smallfont
{
	font: 9px;
	font-weight: bold;	
}

.dek {
	position:absolute;
	visibility:hidden;
	z-index:200;
	font-family: Arial, Helvetica, sans-serif;
}

/*** This is where you can customize the appearance of the tooltip */
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#dee7f7; border:1px solid #336; 
  width:250px; padding:4px;
  color:#000; font-size:11px; line-height:1.2;
}
/*** These are optional. They demonstrate how you can individually format tooltip content  */
div.tp1 { font-size:12px; color:#336; font-style:italic }
div.tp2 { font-weight:bolder; color:#337; padding-top:4px }


#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height: 200px; /*marquee height */
background-color: black;
overflow: hidden;
border: 3px solid orange;
padding: 2px;
padding-left: 4px;
}

.textarea_editor {
/* Utilizzato nella EDITOR PRODOTTI */
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}