body {background-color:transparent; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; scrollbar-face-color: #ffffff; scrollbar-shadow-color: #aaaaaa; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #aaaaaa; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #aaaaaa; font-size: 10px;}

a:link{color: #000000; text-decoration:none; border:0px; cursor:hand;}
a:visited{color: #000000; text-decoration:none; border:0px; cursor:hand}
a:hover{color: #000000; text-decoration:underline; border:0px; cursor:hand;}

input{font-size:10px;background:#ffffff;}
.reset{width:auto; float:left;}
.submit {width:auto; float:right;}
.checkbox{font-size:10px; width:auto; background:transparent;}

button{font-size:10px; background:#ffffff; }
.buttonGestione{font-size:10px; width:100% }
.buttonRicerca{background:#CACACA; width:100px;}
.button_carrello{background:transparent;  border:0px solid #FFFFFF; width:120px; padding:0px;}

select{font-size:10px; width:100%}

form {display:inline}

.riepilogo_ordine{font-weight:bold;font-size:14px;text-align:center;font-family:arial;}

.messaggio_ok{font-weight: bold; font-size:10px; text-align:center; width:80%; margin-left:10%; margin-top:20%; padding: 10px; background:#77dd77; border: 1px solid #ffffff;}
.messaggio_error{font-weight: bold;  font-size:10px; text-align:center; width:80%; margin-left:10%; margin-top:20%; padding: 10px; background:#dd7777; border: 1px solid #ffffff;}

.carrello_ok{font-weight: bold; font-size:10px; text-align:center; width:70%;  padding: 10px; background: #77dd77; margin-left:20%; margin-bottom:1%; border: 1px solid #ffffff;}
.carrello_error{font-weight: bold;  font-size:10px; text-align:center; width:70%; padding: 10px; background:#dd7777; margin-left:20%; margin-bottom:1%; border: 1px solid #ffffff;}

.error{color: #dd4444; text-decoration:underline; font-weight:bold; text-align:center}
.ok{color: #44dd44; text-decoration:underline; font-weight:bold; text-align:center}


#barra_Ecommerce{background:#C62427; color:#ffffff; font-size: 10px; width:100%; margin-bottom:10px;}
#barra_Ecommerce a {color:#ffffff}
#barra_Ecommerce td {vertical-align:middle; }
.cella_Ecommerce_selezionata{background:#CCCCCC; color:#ffffff; font-size: 14px; font-weight:bold}
.formRicerca{float:right; display:inline;}


#tdCataloghi{width:20%; vertical-align:top; border: 1px solid #cacaca; font-size: 10px;}
#divIntestazioneCataloghi{width:100%; text-align:center; font-weight: bold; font-size:12px; padding: 3px; line-height:25px;}
#divIntestazioneCataloghi a:link, #divIntestazioneCataloghi a:visited{color:#CC0033; font-size:10px;}
#divIntestazioneCataloghi button{line-height:14px;}
#divCataloghi{width:100%; overflow:auto; font-size: 10px;}
#divCataloghi table {border-collapse:collapse; empty-cells: show; font-size: 10px;}
#divCataloghi td {border-top: 1px dotted #cacaca; padding: 5px;}
#divCataloghi a {color:#000000;}
.catalogo {}
.catalogo_selezionato { background: #F0F0F0; font-weight:bold;}
.catalogo_scaduto { background: #ffaaaa;}
.catalogo_non_attivo  { background: #aaaaff;}



#tdArticoli{width:80%; vertical-align:top; border: 1px solid #cacaca; font-size:10px;}
#barraArticoli{font-weight:bold; width:100%; font-size:10px; text-align:right; padding: 5px; }  
#barraArticoli span{margin-right: 10px; font-size:9px; }  

#barraCatalogo{font-weight:bold; width:100%; font-size:12px; text-align:left; padding: 5px; }
.descrizione_catalogo {font-size:10px; color:gray;}



 
#divArticoli{width:100%; overflow:auto; font-size: 10px;}  
#divArticoli table {border-collapse:collapse; empty-cells: show; font-size: 10px;}
#trIntestazioneArticoli{ font-weight: bold; border:1px dotted black} 
.articolo{}
.articolo_selezionato{background: #F0F0F0;}
.articolo_cambiato{background:#dd7777;}
.nome_articolo{ color:#CC0033; font-weight: bold; border-top:1px solid #CACACA; font-size:12px; padding:5px;}
a.link_nome_articolo:link{color: #CC0033; text-decoration:none; border:0px; cursor:hand;}
a.link_nome_articolo:visited{color: #CC0033; text-decoration:none; border:0px; cursor:hand}
a.link_nome_articolo:hover{color: #CC0033; text-decoration:underline; border:0px; cursor:hand;}
.descrizione_articolo{width:65%;vertical-align:top; padding:5px;}
.immagine_articolo{float:left; clear: left; border: 0px; height:180px; margin: 5px;}
.miniatura_articolo{float:left; clear: left; border: 0px; height:100px; margin: 5px;}
.link_articolo{text-align:left;}
.dettagli_articolo{text-align:left;}
.quantita_articolo{text-align:left;}
.altro_articolo{width:35%; vertical-align:top; padding: 5px; line-height:25px; font-size:11px;}
.altro_articolo a:link, .altro_articolo a:visited{color:#CC0033; font-size:11px;}
.prezzo_articolo{font-size:11px; padding:0px; line-height:25px;}
.prezzo_articolo_deprecato{font-size:11px; padding:0px; color:#CC0033; line-height:25px; }
.prezzo_articolo_deprecato span {text-decoration:line-through;}
.prezzo_articolo_scaduto td{font-size:11px; padding:0px; background: #dd9999; line-height:25px; }
.prezzo_articolo_non_attivo td{font-size:11px; padding:0px; background: #9999dd; line-height:25px;}
.note_articolo{color:#CC0033; text-align:left;}
.cambiamento_listino{ background: #ff5555; color:#ffff00;  font-weight:bold; line-height:25px;}

#dettaglioArticolo{font-size:12px; width:98%; padding-left:10px; padding-bottom:10px; float:left;   overflow:auto;}
#dettaglioArticolo a:link, #dettaglioArticolo a:visited{color:#CC0033;}
.nome_dettaglio_catalogo{ font-weight: bold; width:98%; padding:1%; float:left; clear: left;}
.nome_dettaglio_articolo{color:#CC0033;  font-weight: bold; width:98%; padding:1%; float:left; clear: left; line-height:30px;}
.descrizione_dettaglio_articolo{font-size:11px;}
.immagine_dettaglio_articolo{float:left; clear: left; border: 0px; height:180px; margin: 3px;}
.miniatura_dettaglio_articolo{float:left; clear: left; border: 0px; height:100px; margin: 3px;}
.allegato_dettaglio_articolo{float:right; clear: right; width:60%; line-height:30px;}
.quantita_dettaglio_articolo{float:right; clear: right; width:60%; line-height:30px;}
.prezzo_dettaglio_articolo{font-weight: bold; float:right; clear: right; width:60%; line-height:30px; }
.prezzo_dettaglio_articolo_deprecato{font-weight: bold; color:#CC0033; float:right; clear: right; width:60%; line-height:30px;}
.prezzo_dettaglio_articolo_deprecato span{text-decoration:line-through;}
.note_dettaglio_articolo{color:#CC0033; }
.link_rapido{color:#CC0033; text-align:right;float:left; clear: both; width:100%; font-size:10px; }
.link_rapido a:link,.link_rapido a:visited {color:#CC0033; font-size:10px; }





#divArticoli_mini{width:100%; float:left; clear:left; overflow:auto; font-size: 10px; }
#divArticoli_mini .articolo{border: 2px solid #aa5555; margin: 2px; float:left; width: 31%; height: 200px; overflow:hidden; padding:1%;}
#divArticoli_mini .articolo_selezionato{border: 2px solid #aa5555; margin: 2px; float:left; width: 31%; height: 200px; overflow:hidden; padding:1%; background-color:#F0F0F0;}
#divArticoli_mini .nome_articolo{padding:1%; color:#CC0033; font-weight: bold; width:98%; float:left; clear: left; border-top:0px solid #FFFFFF;}
#divArticoli_mini .immagine_articolo{float:left; clear: left; border: 0px; height:180px; margin: 3px;}
#divArticoli_mini .miniatura_articolo{float:left; clear: left; border: 0px; height:80px; margin: 3px;}
#divArticoli_mini .descrizione_articolo{}
#divArticoli_mini .prezzo_articolo{font-weight: bold; }
#divArticoli_mini .prezzo_articolo_deprecato{font-weight: bold; color:#CC0033; text-decoration:line-through; }
#divArticoli_mini .articolo input{font-size:10px;}
#divArticoli_mini .cambiamento_listino{ background: #ff5555; color:#ffff00; width:98%; padding:1%; font-weight:bold; float:left; clear:left; }



#barra_carrello{ background: #77dd77; width:100%; text-align: left; font-weight:bold; font-size:14px; }
.totale{float:left; margin:1%;}
.totale2{float:left; margin:1%;font-size:13px}
.cassa{float:right; margin:1%;}


#divLogin{width:50%; margin-left:25%; padding-bottom:10px; font-size: 10px; text-align:center;} 
#divLogin a{font-size: 10px; font-weight: bold;} 

#divLogin form {width:100%; display:block; font-size: 10px; text-align:center} 
#divLogin input{width:100%;}
#divLogin  .reset{width:auto; float:left;}
#divLogin  .submit {width:auto; float:right;}


#formIscrizione table{ font-size:10px;width:70%;} 
#formIscrizione input{width:100%;}
#formIscrizione  .reset{width:auto; float:left;}
#formIscrizione  .submit {width:auto; float:right;}
#formIscrizione .informativa {font-size:10px; width:100%; height: 120px; overflow:auto; border: 1px solid #DDDDDD;} 


#formRecuperaPassword table{ font-size:10px;width:70%;} 
#formRecuperaPassword input{width:100%;}
#formRecuperaPassword  .reset{width:auto; float:left;}
#formRecuperaPassword  .submit {width:auto; float:right;}


#tdUtenti{width:80%; vertical-align:top; border: 1px solid #cacaca; font-size:10px;}
#divUtenti{width:100%; overflow:auto; font-size: 10px;}  
#divUtenti table {border-collapse:collapse; empty-cells: show; font-size: 10px; width:100%;}
#divUtenti input{width:100%;}
#divUtenti  .reset{width:auto; float:left;}
#divUtenti  .submit {width:auto; float:right;}


#divOrdini{width:100%; padding-bottom:10px; overflow:auto; font-size: 10px;} 
#divOrdini table {border-collapse:collapse; empty-cells: show; font-size: 10px;}
#divOrdini th{background:#dbdbdb; padding:2px; border-bottom: 1px dotted #cacaca; text-align:left;}  
.num_ordine{width:20%;}
.ordine td{border-bottom: 1px dotted #cacaca}
.ordine_inviato td{background: #ffffff; border-bottom: 1px dotted #cacaca}
.ordine_convalidato td{ background: #ffff00; border-bottom: 1px dotted #cacaca}
.ordine_evaso td{ background: #77dd77; border-bottom: 1px dotted #cacaca}


#formGestione{width:100%; height:600px; vertical-align:top; text-align:center; font-size:10px; font-weight:bold; background:#cacaca;}
#formGestione form{width:100%; font-size:10px;}
#formGestione table{width:100%; font-size:10px;}
#formGestione input{font-size:10px; width:100%;}
#formGestione .reset{width:auto; float:left;}
#formGestione .submit {width:auto; float:right;}
#formGestione .checkbox{font-size:10px; width:auto; background:transparent;}
#formGestione textarea{font-size:10px; width:100%;}
#formGestione select{font-size:10px; width:100%}



#tdGruppi{width:20%; vertical-align:top; border: 1px solid #cacaca; font-size: 10px;}
#divIntestazioneGruppi{width:100%; text-align:center; font-weight: bold}
#divGruppi table {border-collapse:collapse; empty-cells: show; font-size: 10px;}
#divGruppi td {border-bottom: 1px dotted #cacaca;}
#divGruppi a {color:#000000; text-decoration: none}
.gruppo{}
.gruppo_selezionato{background: #ffff00;}


#divParametri{width:100%; padding-bottom:10px; overflow:auto; font-size: 10px;} 
#divParametri input{font-size:10px; width:100%;}
#divParametri textarea{font-size:10px; width:100%; height:100px}
#divParametri select{font-size:10px; width:100%}
#divParametri .reset{font-size:10px; width:auto; float:left;}
#divParametri .submit{font-size:10px; width:auto; float:right;}
#divParametri .checkbox{font-size:10px; width:auto; background:transparent;}
#divParametri table {border-collapse:collapse; empty-cells: show; font-size: 10px;}
#divParametri td{border-bottom: 1px solid #ffffff; padding: 10px;} 

.table_pagamento {background-color:white;}
.table_pagamento {font-size:10px}



.container {
        width: 100%;
        padding: 15px;
        margin: 3px 0 20px 0;        
        background: #fff;
}

/* circle */

#navCircle {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #9FB1BC;
}

#navCircle li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navCircle a:link, #navCircle a:visited {
        float: left;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
}

#navCircle a:link.active, #navCircle a:visited.active, #navCircle a:hover {
        padding-bottom: 6px;
        color: #000;
        background: url(../images/circle.gif) no-repeat bottom center;
}