

html, body {font-family: Verdana, Arial, Helvetica;font-size: 8pt;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;background-color:#cccccc;}
h1{ font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-style: normal;}

.secondo_carattere{
color:#FF9900;
font-weight:bold;
font-style:italic;}

.primo_carattere{
color:#313131;
font-weight:bold;
font-style:italic;}

input{
outline:0px;
} 
select{
outline:none;
} 
a{
color:#313131;
outline:0;
font-family: Verdana, Arial, Helvetica;font-size: 8pt;
text-decoration:none;
} 

/*ELIMINA BORDI ALLE IMMAGINI LINKABILI*/
img{border:0px;}


.error{color:red;
display:block; /* QUESTA CLASSE SERVE PER EMULARE IL TAG <BR/> CHE INSERITO IN JS NON FA FARE LA VALIDAZIONE */}

input.error {
	border: 1px dashed #FF0000;
	background-color: #FFCACA;
}
select.error {
	border: 1px dashed #FF0000;
	background-color: #FFCACA;
}
textarea.error {
	border: 1px dashed #FF0000;
	background-color: #FFCACA;
}

/*ENTRA*/
input.entra{
background:transparent;
 background-image: url(/interfaccia/pulsanti/entra.png);
 height: 40px;
 width: 86px;
  border: none;
  font-size: 0pt;
 cursor: pointer;
 opacity: 0.8;
}



/*CHIUDI-- riferito al collegamento*/
a.chiudi{
 font-size: 0pt;
  border: none;
 cursor: pointer;

}
/*CHIUDI-- riferito all'immagine per l'effetto fade*/
img.chiudi{
opacity: 0.8;
}



/*INVIA*/
input.invia{
background:transparent;
 background-image: url(/interfaccia/pulsanti/invia.png);
 height: 40px;
 width: 86px;
 font-size: 0pt;
  border: none;
 cursor: pointer;
 opacity: 0.8;
}

/*AVANTI------ PER LA REGISTRAZIONE NUOVO UTENTE FORM WIZARD------*/
input.avanti{
background:transparent;
 background-image: url(/interfaccia/pulsanti/avanti.png);
 height: 40px;
 width: 86px;
 font-size: 0pt;
  border: none;
 cursor: pointer;
 opacity: 0.8;
}


/*INDIETRO------ PER LA REGISTRAZIONE NUOVO UTENTE FORM WIZARD------*/
input.indietro{
background:transparent;
 background-image: url(/interfaccia/pulsanti/indietro.png);
 height: 40px;
 width: 86px;
 font-size: 0pt;
  border: none;
 cursor: pointer;
 opacity: 0.8;
}

/*CANCELLAmailing------ PER LA CANCELLAZIONE DALLA MAILINGLIST------*/
input.cancellamailing{
background:transparent;
 background-image: url(/interfaccia/pulsanti/cancella_mailing.png);
 height: 40px;
 width: 221px;
 font-size: 0pt;
  border: none;
 cursor: pointer;
 opacity: 0.8;
}

/*ACCETTOmailing------ PER ISCRIZIONE ALLA MAILINGLIST------*/
input.accettomailing{
background:transparent;
 background-image: url(/interfaccia/pulsanti/accetto_mailing.png);
 height: 40px;
 width: 221px;
 font-size: 0pt;
  border: none;
 cursor: pointer;
 opacity: 0.8;
}


/*CARRELLOAGGIUNGI------ PER AGGIUNGERE RODOTTI AL CARRELLO------*/
input.carrelloaggiungi{
background:transparent;
 background-image: url(/interfaccia/pulsanti/carrello_aggiungi.png);
 height: 40px;
 width: 168px;
 font-size: 0pt;
  border: none;
 cursor: pointer;
 opacity: 0.8;
}

/*AVVISAMI------ PER AVVISO DISPONIBILITà PRODOTTO------*/
input.avvisami{
background:transparent;
 background-image: url(/interfaccia/pulsanti/avvisami.png);
 height: 33px;
 width: 98px;
 font-size: 0pt;
  border: none;
 cursor: pointer;
 opacity: 0.8;
}

/*APPLICASCONTO------ PER APPLICARE PUNTI SCONTO NEL CARRELLO ------*/
input.applicapuntisconto{
background:transparent;
 background-image: url(/interfaccia/pulsanti/applica_puntisconto.png);
 height: 33px;
 width: 126px;
  border: none;
  font-size: 0pt;
 cursor: pointer;
 opacity: 0.8;
}

/*ELIMINASCONTO------ PER ELIMINARE PUNTI SCONTO NEL CARRELLO ------*/
input.eliminapuntisconto{
background:transparent;
 background-image: url(/interfaccia/pulsanti/elimina_punti_sconto.png);
 height: 33px;
 width: 169px;
  border: none;
  font-size: 0pt;
 cursor: pointer;
 opacity: 0.8;
}

/*SVUOTACARRELLO------ PER SVUOTARE IL CARRELLO ------*/
input.svuotacarrello{
background:transparent;
 background-image: url(/interfaccia/pulsanti/svuota_carerllo.png);
 height: 40px;
 width: 142px;
  border: none;
  font-size: 0pt;
 cursor: pointer;
 opacity: 0.8;
}
/*CONTINUASHOPPING------NEL CARRELLO ------*/
input.continuashopping{
background:transparent;
 background-image: url(/interfaccia/pulsanti/continua_shopping.png);
 height: 40px;
 width: 165px;
  border: none;
  font-size: 0pt;
 cursor: pointer;
 opacity: 0.8;
}
/*CONFERMA E PROSEGUI------ PER PROSEGUIRE CON L ORDINE------*/
input.confermaeprosegui{
background:transparent;
 background-image: url(/interfaccia/pulsanti/conferma_prosegui.png);
 height: 40px;
 width: 160px;
  border: none;
  font-size: 0pt;
 cursor: pointer;
 opacity: 0.8;
}

/*CONFERMAORDINE------ PER CONFERMARE E CONCLUDERE L ORDINE------*/
input.confermaordine{
background:transparent;
 background-image: url(/interfaccia/pulsanti/conferma_ordine.png);
 height: 40px;
 width: 161px;
  border: none;
  font-size: 0pt;
 cursor: pointer;
 opacity: 0.8;
}

/*RITORNAALCARRELLO------ PER RITORNARE AL CARELLO DALLO STEP 2------*/
input.ritornaalcarrello{
background:transparent;
 background-image: url(/interfaccia/pulsanti/ritorna_carrello.png);
 height: 40px;
 width: 145px;
  border: none;
  font-size: 0pt;
 cursor: pointer;
 opacity: 0.8;
}

/*PAGA ORA-- riferito all'immagine per l'effetto fade*/
img.paga_ora{
opacity: 0.8;
}
/*ELIMINA COMPARA--(lista comparazione,e desideri) riferito all'immagine per l'effetto fade*/
img.elimina_compara{
opacity: 0.8;
}
/*TORNA ALLA SCHEDA--(lista comparazione,e desideri) riferito all'immagine per l'effetto fade*/
img.ritorna_scheda{
opacity: 0.8;
}
/*SVUOTA LISTA--(lista comparazione,e desideri) riferito all'immagine per l'effetto fade*/
img.svuota_lista{
opacity: 0.8;
}

/*MODIFICA-- riferito all'immagine per l'effetto fade*/
img.modifica{
opacity: 0.8;
}

/*MODIFICA-- tasto modifica*/
input.modifica{
background:transparent;
 background-image: url(/interfaccia/pulsanti/modifica.png);
 height: 33px;
 width: 98px;
  border: none;
  font-size: 0pt;
 cursor: pointer;
 opacity: 0.8;
}

/*RICERCA AVANZATA-- tasto invio per la ricerca avanzata*/
input.ricerca_avanzata{
background:transparent;
 background-image: url(/interfaccia/pulsanti/ricerca_avanzata.png);
 height: 35px;
 width: 95px;
  border: none;
  font-size: 0pt;
 cursor: pointer;
 opacity: 0.8;
}

/*CANCELLA SELEZIONATI-- 	tasto per lacancellazione di più record in automatico (in carrello)*/
input.cancella_selezione{
background:transparent;
 background-image: url(/interfaccia/pulsanti/cancella_selezione.png);
 height: 33px;
 width: 158px;
  border: none;
  font-size: 0pt;
 cursor: pointer;
 opacity: 0.8;
}
/*++++++++++++++++++++  QUI FINISCE TUTTO IL CSS GENERALE++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++ QUI INIZIA TUTTO L' HEADER +++++++++++++++++++++++++++++++++++++++++++++++*/

.roll2{  /* COLORE DEGLI ELEMENTI CON LINK ESTESO QUANDO IL MOUSE è OVER */
cursor: pointer;
background-color: #cccccc;
}

.panel {
	width: 100%;
	display: none;
	color:#fff; /****** COLORE DEL TESTO ALL'INTERNO DELLE SLIDE PARTE TRASPARENTE******/  
	position:absolute;
    left: 0px; 
    top: 35px;
	background-image:url(/interfaccia/sfondi/sfondo_slide.png); /* IMMAGINE DI SFONDO DELLO SLIDER*/
    z-index: 999;
}


.btn-slide {
padding: 10px 10px 10px 10px;
}

/*COLORE DEI LINK NELLO SLIDEPANEL*/
a.slidelink:link {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-style: normal;
	text-decoration: none;
	color: #ffffff;
	}
a.slidelink:visited {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-style: normal;
	text-decoration: none;
	color: #ffffff;
	}	
a.slidelink:hover {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-style: normal;
	text-decoration: none;
	color: #ffffff;
	}	



.coloretdinclude{       /***** tabelle degli include*****/
background:#cccccc;   
color:green;          /****** COLORE DEL TESTO ALL'INTERNO DELLE SLIDE PARTE NON TRASPARENTE******/  
}



.tabellacontenitoremenu{
background-color : #DDDADA; /* colore di default della tabella contenente il menu*/
}

.tabellamenu{
background-color : #999999; /* colore di default del menu*/}

a.menuheader:link, a.menuheader:visited{
color:#ffffff;
line-height:35px;
padding: 0px 5px 0px 5px; 
text-decoration:none;
}

a.menuheader:hover{ 
background-color: #cccccc; /*colore link quando il mouse è sopra*/
color:#ffffff;

padding: 0px 5px 0px 5px; 
text-decoration:none;

}



/*++++++++++++++++++++ INIZIO CSS CATALOGO +++++++++++++++++++++++++++++++++++++++++++++++*/

		
.roll {  /* COLORE DEGLI ELEMENTI CON LINK ESTESO QUANDO IL MOUSE è OVER */
cursor: pointer;
background-color: #cdF;
}


.colorecatalogo { /*COLORE DEI BOX PRODOTTI DI DEFAULT */
background-color: #EEECED;}

.corpocatalogo { /* COLORE DEL CATALOGO CON ANGOLI ARROTONDATI E BARRA SOTTO OGNI FILA DI PRODOTTI*/
background-color:#fff;}

hr.lineasepara{
 border: 0;
 background-color: #f00; /*COLORE DELLA RIGA SEPARATRICE NEL CATALOGO*/
 height: 1px;
}


.colordoveseiinterno{ /*COLORE DEL LINK DELLE CATEGORIE O sottoCATEGORIE SELEZIONATA ALL'INTERNO DEL CATALOGO (IN TESTA AL DIV CON ANGOLI ROTONDI)*/
color:#C0C0C0;
} 

 


.paginazione{ /*COLORE PAGINE SENZA LINK*/
color:#FF9900;
font-style: oblique;
text-decoration: underline;}

a.paginazione:link,a.paginazione:visited,a.paginazione:hover { /*COLORE PAGINE CON LINK*/
color:#000000;
text-decoration: none;}



.catalogoprodotto{ /*NOME DEL PRODOTTO*/
font-weight: bold;
font-style: oblique;
color:#000000
}
.catalogodescrizione{/*BREVE DESCRIZIONE*/
font-style: oblique;
color:#666666
}
.catalogodisponibilitascritta,.catalogoscontopercento{/*SCRITTA DISPONIBILITà*/

font-style: oblique;
color:#FF9900
}
.catalogodisponibilita{/*NUMERO DI PRODOTTI DISPONIBILI*/
font-weight: bold;
font-style: oblique;
color:#333333
}
.catalogodisponibilitapezzi{/*SCRITTA PREZZO/I */
font-style: oblique;
color:#333333
}

.catalogoprezzonormale{/*SCRITTA PREZZO/I */
font-style: oblique;
color:#333333
}

.catalogoprezzoofferta{/*SCRITTA PREZZO/I */
font-style: oblique;
color:#333333
}

/*++++++++++++++++++++ FINE CSS CATALOGO +++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++ INIZIO CSS SCHEDA +++++++++++++++++++++++++++++++++++++++++++++++*/
.schedafotosfondo{/*COLORE DELLO SFONDO DEL RIQUADRO FOTO*/
background-color: #999999;
}
.schedasfondoprimafascia { /* SFONDO DELLA FASCIA A TUTTO SCHERMO DOVE SI TROVANO LE FOTO*/
background-color: #;
}


/* GESTIONE DELLA PARTE RIGUARDANTE L'AGGIUNTA DEL PRODOTTO AL CARRELLO*/
.tabellaspecifichescheda{/* SFONDO DELLA tabella DOVE SI INSERISCE IL PRODOTTO NEL CARRELLO*/
background-color: #ffff99;
}
.opzionischeda { /* gestisce i colori di default delle opzioni nella scheda */
color:#333333;           /* colore del testo*/
font-weight:bold
}
.opzionischeda:hover { /* gestisce i colori delle opzioni nella scheda quando il mouse è over*/
background-color:#FF9900; /* colore di sfondo dei link*/
color:#ffffff;           /* colore del testo*/
font-weight:bold
}
/* qui gestisco lo SHARE*/
.addthis_toolbox .hover_effect
{
    width: 300px;
    padding: 10px 5px 10px 10px;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .hover_effect div
{
    float: left;
}

.addthis_toolbox .hover_effect a
{
    border: 2px solid #c0c0c0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 2px 2px 2px 16px;
    position: relative;
    text-decoration: none;
}

.addthis_toolbox .hover_effect a:hover
{
    border: 2px solid #105CB6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    color: #105CB6;
    text-decoration: none;
}

.addthis_toolbox .hover_effect span
{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 1px;
}


/* GESTIONE DIV DELLA COLONNA DESTRA*/

.schedacarrello{
background-color: #FF9900; /* SFONDO DEL DIV CARRELLO*/
color:#ffffff; /*COLORE DEL TESTO ALL'INTERNO DEL DIV*/
text-decoration:none;
cursor:pointer;
}
.schedacarrello:hover{
background-color: #FF6600; /* SFONDO DEL DIV CARRELLO AL PASSAGGIO DEL MOUSE*/
color:#ffffff; /*COLORE DEL TESTO ALL'INTERNO DEL DIV*/
text-decoration:none;
}



.schedadesideri{
background-color: #FF6600; /* SFONDO DEL DIV LISTA DESIDERI*/
color:#ffffff; /*COLORE DEL TESTO ALL'INTERNO DEL DIV*/
text-decoration:none;
cursor:pointer;
}
.schedadesideri:hover{
background-color: #FF9900; /* SFONDO DEL DIV CARRELLO AL PASSAGGIO DEL MOUSE*/
color:#ffffff; /*COLORE DEL TESTO ALL'INTERNO DEL DIV*/
text-decoration:none;
}


.schedacompara{
background-color: #FF3300; /* SFONDO DEL DIV LISTA COMPARAZIONE*/
color:#ffffff; /*COLORE DEL TESTO ALL'INTERNO DEL DIV*/
text-decoration:none;
cursor:pointer;
}
.schedacompara:hover{
background-color: #FF9900; /* SFONDO DEL DIV CARRELLO AL PASSAGGIO DEL MOUSE*/
color:#ffffff; /*COLORE DEL TESTO ALL'INTERNO DEL DIV*/
text-decoration:none;
}


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(/interfaccia/scheda/tab/tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #333333; /* PUOI MODIFICARE ------> COLORE DI DEFAULT DEI LINK NELLE TAB*/
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
  
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
    color: #ffffff; /* PUOI MODIFICARE ------> COLORE DEI LINK QUANDO IL MOUSE è SOPRA */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 130px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(/interfaccia/scheda/tab/tab_loading.gif) no-repeat 0 50%;
}
.angolitab{ /* AGGIUNGERE CARATTERISTICHE CHE RIGUARDANO IL TESTO GENERALE DELLE TAB*/
min-height:400px;
height: 100%;
width:595px;
margin-left:5px;
text-align:left;

}


/* GESTIONE DEI COLORI DEL TESTO ALL'INTERNO DELLE TAB*/
.dettagli_tab{
color:#ff9900;
font-weight:bold
}
.dettagli_tab2{
color:#333333;
font-weight:bold
}

.dettagli_tab2 span:hover{/* colore dei link quando il mouse è over all'interno degli span delle TAB*/
color:#FF9900;
font-weight:bold
}

/*+++++++++++++++++++++++++++++++++++++ GESTIONE DELLE FOTO ++++++++++++++++++++++++++++++++++++*/


	#slider_immagini ul, #slider_immagini li{
		margin:0;
		padding:0;
		list-style:none;
		}

	#slider_immagini li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:600px;/*LARGHEZZA DELCONTENITORE IMMAGINI*/
		height:414px;/*ALTEZZA DELCONTENITORE IMMAGINI*/
		overflow:hidden; 
		}	

		
	/* numeric contrdivs */	

	div#contrdivs{
	    float:right;
		margin:1em 0;
		padding:0;
		height:16px;	
		}
	div#contrdivs li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	div#contrdivs li a{
		float:left;
		width:16px;
		height:16px;
		line-height:28px;
		border:1px sdivid #ccc;
		background-image:url(/interfaccia/scheda/non_attiva.png);/*IMMAGINE DEL PUNTATORE DELL'IMMAGINE NON ATTIVA*/
		cdivor:#555;
		
		text-decoration:none;
		}
	div#contrdivs li.current a{
		background-image:url(/interfaccia/scheda/attiva.png);/*IMMAGINE DEL PUNTATORE DELL'IMMAGINE ATTIVA*/

		}
	div#contrdivs li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	

/*++++++++++++++++++++ FINE CSS SCHEDA +++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++ INIZIO CSS CARRELLO +++++++++++++++++++++++++++++++++++++++++++++++*/
/* GESTIONE DEL PANNELLO DOVE VENGONO FATTI I CONTROLLI PERLAQUANTITà E GIACENZA*/

.controllogiacenzaaggiornata{/*DIV PER PRODOTTI CON QUANTITà AGGIORNATA*/
background-color:#FFFF93;
padding:10px 10px 10px 10px;}

.controllogiacenzacancellato{/*DIV PER PRODOTTI CANCELLATI PERCHè GIACENZA = 0*/
background-color:#FF9797;
padding:10px 10px 10px 10px;}


/* GESTIONE DELLA TABELLA DOVE VENGONO ELENCATI I PRODOTTI*/

.opzionicarrello{/* GESTISCE IL TESTO DELLA TESTA DELLA TABELLA OPZIONI*/
background-color:#C0C0C0;
color:#000000;
font-family:Verdana, Arial, Helvetica;
font-style:italic;
font-weight:bold}

.nomeprodottocarrello, .nomeprodottocarrello a:link ,.nomeprodottocarrello a:hover, .nomeprodottocarrello a:visited{/* GESTISCE IL TESTO DEL NOME*/
color:#FF9900;
font-family:Verdana, Arial, Helvetica;
font-style:italic;
font-weight:bold}

.prezzocarrello{/* GESTISCE IL TESTO DELPREZZO*/
color:#333333;
font-family:Verdana, Arial, Helvetica;
font-style:italic;
font-weight:bold}

.subtotalecarrello{/* GESTISCE IL TESTO DEL SUBTOTALE*/
color:#333333;
font-family:Verdana, Arial, Helvetica;
font-style:italic;
font-weight:bold}

.inputquantitacarrello {/* GESTISCE L'INPUT e SELECT DELLA QUANTITà*/
background-color:#C0C0C0;
border:0px;
height:20px;
width:50px;
color:#000000;
font-family:Verdana, Arial, Helvetica;
font-style:italic;
font-weight:bold}

.aggiornaprodottocarrello  {/* GESTISCE L'INPUT DI AGGIORNAMENTO PRODOTTO*/
border:0px;

}

/*GESTIONE MODALITà DI PAGAMENTO */
.modpagamento {/* sfondo del box pagamenti */
min-height:200px;
background-color:#EEECED;
padding: 10px 10px 10px 10px;}

.costopagamento{/* testo per il costo del pagamento */
color:#000000;
}

.spiegapagamento{/* testo per specifiche del pagamento*/
color:#ff9900;
}


/*GESTIONE MODALITà DI SPEDIZIONE*/
.modspedizione {/* sfondo del box spedizione */
min-height:150px;
background-color:#EEECED;
padding: 10px 10px 10px 10px;}

.costospedizione{/* testo per il costo della spedizione*/
color:#000000;
}

.spiegaspedizione{/* testo per specifiche della spedizione*/
color:#ff9900;
}

/*GESTIONE RESOCONTO*/
.voceresoconto{/* testo delle voci del resoconto */
color:#ffffff;
font-style:italic;
font-weight:bold
}

.risultatoresoconto{/* testo dei risultati del resoconto */
color:#ff9900;
font-style:italic;
font-weight:bold
}

.resoconto{/* testo dei risultati del resoconto */
min-height:160px;
width:300px;
background-color:#313131;
padding: 10px 10px 10px 10px;
}

/*GESTIONE PUNTI SCONTO*/
.boxpuntisconto{/*gestione del colore di sfondo dei punti sconto*/
background-color:#EEECED;
color:#000000;
font-style:italic;
font-weight:bold
}
/*++++++++++++++++++++ FINE CSS CARRELLO +++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++ INIZIO CSS DESIDERI +++++++++++++++++++++++++++++++++++++++++++++++*/
.tabella_desideri_testa{
background-color:#EEECED;}
.tabella_desideri_corpo{
background-color:#EEECED;}
/*++++++++++++++++++++ FINE CSS DESIDERI +++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++ INIZIO CSS ACCOUNT +++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++ PANNELLO SINISTRO +++++++++++++++++++++++++++++*/
a.utente:link, a.utente:visited, a.utente:active{
color:#FF9900;
font-weight:bold;
font-style:italic;
padding-left:10px;}

a.utente:hover{
color:#313131;
font-weight:bold;
font-style:italic;
padding-left:15px;}



/*+++++++++++++++++++++++ PANNELLO DESTRO +++++++++++++++++++++++++++++*/
    /*---------------- PANNELLO GENERALE --------------------*/
span.titolo_testa{
color:#313131;
font-weight:bold;
font-style:italic;
}

span.voce_account{
color:#313131;
font-weight:bold;
font-style:italic;}

span.valore_account{
color:#FF9900;
font-weight:bold;
font-style:italic;}

/*---------------- PANNELLO LISTA ORDINI --------------------*/
.colore_base{/* COLORE DI DEFAULT DEGLI ELEMENTI CON LINK ESTESO */
background-color:#e6e6e6;
color:#313131;
font-weight:bold;
font-style:italic;}

.voce_ordine{
color:#313131;
font-weight:bold;
font-style:italic;}

.valore_ordine{
color:#FF9900;
font-weight:bold;
font-style:italic;}

.roll_ordini {  /* COLORE DEGLI ELEMENTI CON LINK ESTESO QUANDO IL MOUSE è OVER */
cursor: pointer;
background-color: #cdF;
color:#FF9900;
font-weight:bold;
font-style:italic;
}

/*----------------------------PANNELLO SPECIFICHE ORDINE-------------------------------------*/
.opzioniordine{/* GESTISCE IL TESTO DELLA TESTA DELLA TABELLA OPZIONI*/
background-color:#C0C0C0;
color:#000000;
font-family:Verdana, Arial, Helvetica;
font-style:italic;
font-weight:bold}
.nomeprodottoordine, .nomeprodottoordine a:link ,.nomeprodottoordine a:hover, .nomeprodottoordine a:visited{/* GESTISCE IL TESTO DEL NOME*/
color:#FF9900;
font-family:Verdana, Arial, Helvetica;
font-style:italic;
font-weight:bold}
.prezzoOrdine{/* GESTISCE IL TESTO DEL PREZZO E QUANTITA*/
color:#333333;
font-family:Verdana, Arial, Helvetica;
font-style:italic;
font-weight:bold}
.resocontoordine{/* testo dei risultati del resoconto */
min-height:180px;
width:300px;
background-color:#313131;
padding: 10px 10px 10px 10px;
}
/*++++++++++++++++++++ FINE CSS ACCOUNT +++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++ INIZIO CSS PAGINE +++++++++++++++++++++++++++++++++++++++++++++++*/
.titolo{/*classe riservata al titolo se e solo se non è stato trasformato in immagine*/
}

.sottotitolo{/* classe riservata al sottotitolo*/
color:#313131;
font-weight:bold;
font-style:italic;}

/*++++++++++++++++++++ FINE CSS PAGINE +++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++ INIZIO CSS DOVE SEI +++++++++++++++++++++++++++++++++++++++++++++++*/
.dovesei_intera{/*DEFINISCE IL COLORE DI SFONDO DELLA BARRA A TUTTO SCHERMO*/
background-color:#;}

.dovesei_parziale{/*DEFINISCE IL COLORE DI SFONDO DELLA BARRA PARZIALE*/
background-color:#ffffff;}

.barra_link_attivo:link,.barra_link_attivo:visited,.barra_link_attivo { /*COLORE DEL LINK DELLE CATEGORIE NELLA BARRA DOVE SEI*/
color:#C0C0C0;
text-decoration: none;
font-style:italic;
font-weight:bold;}

.barra_link_attivo:hover{/*COLORE DEL LINK DELLE CATEGORIE NELLA BARRA DOVE SEI QUANDO IL MOUSE è SOPRA*/
color:#FF6600;
text-decoration: none;
font-style:italic;
font-weight:bold;}

.barra_link_non_attivo{ /*COLORE DEL LINK DELLE sottoCATEGORIE NELLA BARRA DOVE SEI*/
color:#FF6600;
text-decoration: none;
font-style:italic;
font-weight:bold;}



/*++++++++++++++++++++ FINE CSS DOVE SEI +++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++ INIZIO CSS MENU CATEGORIE +++++++++++++++++++++++++++++++++++++++++++++++*/
a.colore_categoria:link,a.colore_categoria:visited{/*COLORE DEL LINK DI DEFAULT PER LE CATEGORIE*/
color:#313131;
font-weight:bold;
font-style:italic;

}

a.colore_categoria:hover{/*COLORE DELLO SFONDO E DEL LINK PER LE CATEGORIE QUANDO IL MOUSE è SOPRA*/
color:#313131;
font-weight:bold;
font-style:italic;
background-color: #FF9900;
}

a.colore_scategoria:link,a.colore_scategoria:visited{/*COLORE DEL LINK DI DEFAULT PER LE sottoCATEGORIE*/
color:#313131;
font-weight:bold;
font-style:italic;
}

a.colore_scategoria:hover{/*COLORE DELLO SFONDO E DEL LINK PER LE sottoCATEGORIE QUANDO IL MOUSE è SOPRA*/
color:#ffffff;
font-weight:bold;
font-style:italic;
background-color: #FF9900;
}

.sottocategoria_menu {/*COLORE DEL DIV CONTENITORE DELLE SOTTOCATEGORIE*/
background-color:#dedede;
padding-top:5px;}
/*++++++++++++++++++++ FINE CSS MENU CATEGORIE +++++++++++++++++++++++++++++++++++++++++++++++*/



