/************************
        COLORI
<%
Dim grigio, blu
  grigio = "#EBEBEB"
  blu = "#003049"
  azzurrino = "#5C658F"
  ciano = "#00CBF6"
  arancio = "#FD7426"
%>

************************/


body {text-align:center; font:12px Arial; color:#003049; background:#FFFFFF; margin:0px}

a {color:#003049;}
a:hover {color:#FD7426; text-decoration:none;}

table {font:11px Arial}

img {border:0px;}

h1 {color:#003049; font:bold 22px;}
h2 {color:#FD7426; font:bold 20px;}
h3 {color:#003049; padding-bottom:0px; margin-bottom:5px; padding-top:30px;}
h4 {font:bold 18px Arial;} /* Titolo delle pagine istituzionali */


/******************
       MENU
******************/

/*** MENU PAGINE ISTITUZIONALI ***/
a.menu_top {font:12px Arial; color:#002A66; text-decoration:none}
a.menu_top:hover {/*color:#99AAFF;*/ text-decoration:none}
.menu_top_on {font:12px Arial; color:#FF6600; text-decoration:none}

a.menu_top_rivenditori {font:12px Arial; color:#FF0000; text-decoration:none}
a.menu_top_rivenditori:hover {/*color:#99AAFF;*/ text-decoration:none}
.menu_top_rivenditori_on {font:12px Arial; color:#FF0000; text-decoration:none}

a.riservata {font:10px Arial; color:#384076; text-decoration:none; padding-right:1px;}
a.riservata:hover {color:#FD7426; text-decoration:underline}


/*** BOTTONCINI ROTONDI ***/
.bottoni {font:bold 12px Arial; color:#9C9FBB; text-decoration:none}
.bottoni_on {font:bold 12px Arial; color:#384076 /*#FD7426*/; text-decoration:none}


/*** MENU IN ALTO CON 4 FOTO ***/
.menu_foto {font:11px Arial; background:#FFFFFF; text-decoration:none;}
.menu_foto a {text-decoration:none; color:#002A66}
.menu_foto a:hover {text-decoration:none;}


/*** MENU PAGINA FAMIGLIE DI PRODOTTI ***/
.famiglie, a.famiglie, a.famiglie:link {font:bold 12px Arial; color:#002A66; text-decoration:none; background:#d4eefb /*#9FDAF7*/; border-bottom:1px solid #002A66; border-right:1px solid #002A66; padding:5px; margin-top:6px; display:block; width:100%;}
a.famiglie:hover {background:#003049; border-bottom:1px solid #002A66; border-right:1px solid #002A66; color:#E6EFF4; display:block;}
span.famiglie_on {font:bold 12px Arial; color:#002A66; text-decoration:none; background:#ffe0b2 /*#FF9900*/; border-bottom:1px solid #002A66; border-right:1px solid #002A66; padding:5px; margin-top:6px; display:block;}


/*** MENU SOTTOFAMIGLIE ***/
a.sottofamiglie {font:bold 12px Arial; color:#002A66; text-decoration:none; background:#9fdaf7 /*#9FDAF7*/; border-bottom:1px solid #002A66; border-right:1px solid #002A66; padding:5px; margin-top:6px; display:block; width:100%;}
a.sottofamiglie:hover {background:#003049; border-bottom:1px solid #002A66; border-right:1px solid #002A66; color:#E6EFF4; display:block;}
.sottofamiglie_on {font:bold 12px Arial; color:#002A66; text-decoration:none; background:#ffc266 /*#FF9900*/; border-bottom:1px solid #002A66; border-right:1px solid #002A66; padding:5px; margin-top:6px; display:block; }


/*** MENU SOTTOSOTTOFAMIGLIE ***/
a.sottosottofamiglie {font:bold 12px Arial; color:#002A66; text-decoration:none; background:#2dbef0 /*#9FDAF7*/; border-bottom:1px solid #002A66; border-right:1px solid #002A66; padding:5px; margin-top:6px; display:block; width:100%;}
a.sottosottofamiglie:hover {background:#003049; border-bottom:1px solid #002A66; border-right:1px solid #002A66; color:#E6EFF4; display:block;}
.sottosottofamiglie_on {font:bold 12px Arial; color:#002A66; text-decoration:none; background:#FF9900; border-bottom:1px solid #002A66; border-right:1px solid #002A66; padding:5px; margin-top:6px; display:block; }



/******************
      FORM
******************/

form.info {width:100%;}
form {margin:0px; padding:0px;}
fieldset {font-weight:bold; color:#333333; padding:10px; text-align:left;}
legend {font:bold 13px Arial;}
label {font:11px Arial; color:#000000; width:105px; text-align:left; text-transform:uppercase;}
input, select, textarea {font:11px Arial; color:#384076;}
form.info input {width:205px;}
textarea#privacy {width:100%; height:26px; border:0px; border-top:1px solid #5C658F; border-bottom:1px solid #5C658F; font:10px/11px Arial; color:#666666}
textarea#note {width:100%; font:11px Arial; color:#384076;}

.preferiti {border:0px;}

input.bottoni {color:#384076; text-decoration:none; cursor:hand}


/******************
     ALTRO
******************/


.iva_esclusa {display:inline-table; padding-right:2px; text-align:right; color:#B2B2B2;}

a.entra {font:bold 20px Arial;}

.testata {background:#FFFFFF url('../img/sfumato_top.jpg') repeat-x}
.logo {font:bold 45px/45px Times New Roman, serif; color:#384076; letter-spacing:1px;}
.sfumato_top {background:#FFFFFF url('../img/sfumato_menu.jpg') repeat-x bottom; border-bottom:1px solid #5C658F;}

ul.pdf li {list-style: none; line-height:32px; margin:10px 10px 10px 0px; padding-left:40px; font:12px Arial;}

.pref {background:#CFDEE8;}
.pref2 {background:#E4ECF2;}
tr.pref td, tr.pref2 td {border-bottom:1px solid #999999; padding:5px 0px 5px 10px;}

input.preferiti {font:bold 12px/16px Arial; color:#9C9FBB; text-decoration:none; margin-top:0px; background:url('../img/aggiungi.gif') no-repeat;}

.link {font:bold 12px Arial; height:18px; text-decoration:none;}

.testo {font:12px Arial; }

td.clienti {font:10px Arial; color:#000000; padding:0px 0px 0px 10px;}

.mail_footer {font:10px Verdana; color:#003049;}


a.foto {border:none; margin:2px; width:120px}
a.foto:hover {border:2px solid #FD7426; margin:0px}
img.foto_on {border:2px solid #003049; margin:0px;}



table.ricerca {border-top:1px solid #999999; border-right:1px solid #999999; border-left:1px solid #999999;}
table.ricerca th {background:#003049; color:#FFFFFF; text-align:left}
tr.ricerca0 td {background:#FFFFFF; border-bottom:1px solid #999999;}
tr.ricerca1 td {background:#E6EFF4; border-bottom:1px solid #999999;}

.ricerca_tipo_freni {border-left:1px solid #999999;}
.ricerca_tipo_freni_end {border-left:1px solid #999999; border-right:1px solid #999999;}

/*
.ricerca td {border-bottom:1px solid #999999;}
.ricerca th {background:#003049; color:#FFFFFF}
*/


table.risultato {border-top:1px solid #999999; border-right:1px solid #999999; border-left:1px solid #999999;}
table.risultato th {background:#003049; color:#FFFFFF; text-align:left}
tr.risultato0 td {background:#FFFFFF; border-bottom:1px solid #999999;}
tr.risultato1 td {background:#E6EFF4; border-bottom:1px solid #999999;}



.famiglia_select {color:#FFFFFF; background:#003049;}
.sottofamiglia_select {color:#003049; background:#E6EFF4;}


table.pastiglia {/*border-top:1px solid #003049; border-left:1px solid #003049;*/}
table.pastiglia td {/*border-bottom:1px solid #003049; border-right:1px solid #003049;*/ text-align:center; font-weight:bold}
td.dis {background:#FFE3D4; font:bold 16px; height:65px;}
td.mis {background:#CCF5FD; font:bold 14px}
td.tipo {background:#E6EFF4; padding:2px}
td.art {background:#EEEEEE; padding:2px}

hr {height:1px; color:#003049; width:660px;}


table.tab_riepilogo1 {background:#FFFFFF; text-align:center}
table.tab_riepilogo1 th {font:bold 12px Arial; background:#003049; color:#FFFFFF; padding:5px;}
table.tab_riepilogo1 td {background:#9FDAF7; padding:5px; }
table.tab_riepilogo1 td.bianco {background:#FFFFFF;}
table.tab_riepilogo1 td.disegno {background:#E6EFF4;}

table.tab_riepilogo2 {background:#FFFFFF; text-align:center}
table.tab_riepilogo2 th {font:bold 14px Arial; background:#003049; color:#FFFFFF; padding:10px;}
table.tab_riepilogo2 td {background:#E6EFF4; padding:5px; }




a.novita {background:#003049 url('../img/novita_off.jpg') no-repeat; font:bold 20px/29px Arial; color:#FFFFFF; text-decoration:none; }
a.novita:hover {background:#003049 url('../img/novita_on.jpg') no-repeat; font:bold 20px/29px Arial; color:#FFFF80; text-decoration:none}

a.download {background:#e6eff4 url('../img/download_off.jpg') no-repeat; font:bold 20px Arial; line-height:94px; height:94px; display:block; color:#FFFFFF; text-decoration:none;}
a.download:hover {background:#e6eff4 url('../img/download_on.jpg') no-repeat; font:bold 20px Arial; line-height:94px; height:94px; display:block; color:#FFFF80; text-decoration:none}











/* *************************************************************************************** */
.riga_carrello {border-right:1px solid #FFFFFF; background:#003049; height:18px; font: bold 11px/16px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding-left:4px; border-bottom: 3px solid #00CBF6;}
.riga_end_carrello { background:#003049; height:18px; font: bold 11px/16px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding-left:4px; border-bottom: 3px solid #00CBF6;}
.quantita{width:37px; text-align:right; font:12px/12px Arial, Helvetica, sans-serif; color:#000000; height:18px;}
.carrello_item{background: #EBEBEB; padding-left:5px; padding-right:5px;padding-top:2px; padding-bottom:2px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; font:11px/13px Tahoma, Arial, Helvetica, sans-serif; color:#000000;}
.carrello_item_end {background: #EBEBEB; padding-left:5px; padding-right:5px;padding-top:2px; padding-bottom:2px;  border-bottom: 1px solid #FFFFFF; font:11px/13px Tahoma, Arial, Helvetica, sans-serif; color:#000000;}
.carrello_end {background:#003049; border-top: 3px solid #00CBF6; height:4px; font: bold 9px/14px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}

.totale {border-bottom:1px solid #000000; font: bold 11px/16px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#000000;}

a.dettagli_carrello { font-weight:normal; text-decoration:none; color:#333333;}
a.dettagli_carrello:hover {font-weight:normal; text-decoration:underline; color:#EB6A0A;}

a.links_checkout { text-decoration:none; color:#000000;}
a.links_checkout:hover { text-decoration:underline; color:#EB6B0A;}

.testo_big {font:bold 13px/18px Arial, Helvetica, Verdana, sans-serif; color:#000000;}


a.dettagli_tasto{padding-left:0px; padding-right:0px;  font: 11px/12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;}
a.dettagli_tasto:hover {text-decoration:underline; color:#FFFFFF; font-weight:normal;}

.spaziatore_percentuale {width:40px; background:transparent; display:inline;}
