@charset "UTF-8";
/* CSS Document */

/********/
/* LINK */
/********/
/* Stile di default dei link */
a:link, a:visited, a:focus, a:hover, a:active { color:#036; text-decoration:none; font-size:1em; font-weight:bold; outline:0; }
a:focus, a:hover, a:active { color:#C03; }

/* Link del menù di navigazione principale */
#menu_main a:link, #menu_main a:visited, #menu_main a:focus, #menu_main a:hover, #menu_main a:active { color:#036; text-decoration:none; font-size:0.9em; font-weight:bold; outline:0; }
#menu_main a:focus, #menu_main a:hover, a:active { color:#C03; }
#menu_main a:focus, #menu_main a:hover { border-bottom:1px dotted #C03; }

/* Link del menù categorie laterale */
#menu_laterale a:link, #menu_laterale a:visited, #menu_laterale a:focus, #menu_laterale a:hover, #menu_laterale a:active { color:#036; text-decoration:none; font-size:0.95em; font-weight:bold; outline:0; }
#menu_laterale a:focus, #menu_laterale a:hover, a:active { color:#C03; }

/* Link delle sottocategorie presenti nella categoria selezionata
div.catalogo a:link, div.catalogo a:visited, div.catalogo a:focus, div.catalogo a:hover, div.catalogo a:active { color:#C03; text-decoration:none; font-size:1.1em; font-weight:bold; outline:0; }
div.catalogo a:focus, div.catalogo a:hover { color:#036; } */

/* Link del footer */
#footer a:link, #footer a:visited, #footer a:focus, #footer a:hover, #footer a:active { color:#FFF; text-decoration:none; font-size:1em; font-weight:bold; outline:0; }
#footer a:focus, #footer a:hover, a:active { border-bottom:1px dotted #FFF; }

/* Elimino il bordo dalle immagini con link */
a img { border:none; }
/* link sul flash */
a object {outline: 0;}

.accesskey { text-decoration: underline; }

/***************************/
/* TITOLI E STILI DI TESTO */
/***************************/
h1, h2, h3, h4 { padding: 0; margin: 0; border: 0; color: #036; font-weight: bold; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }
h4 { font-size: .8em; }

/* Paragrafi standard */
p {	text-align: justify; }

/* Prezzi e sconti */
.prezzo { color: #C03; font-weight: bold; font-size: larger; }
.sconto { color: #036; font-weight: bold; font-size: .9em; }

/* Caratteristiche */
span.param, td.param { font-weight: bold; }
span.value, td.param { }

/* login */
#registrati { display:block; font-size:1.3em; }
#recupero_password { display:block; font-size:1.1em; }

/* Note e suggerimenti */
.nota { color: #808080; }

/* Testo piccolo */
.small { font-size: .7em; }

/* Messaggi di errore */
.alert { font-weight: bold; font-variant: small-caps; text-align: center; font-size: large; border: 2px solid; padding: 5px 0 5px 0; }
#error_msg { color: #C03; border-color: #C03; background-color: #FFEAEA; }
#success_msg { color: #0C0; border-color: #0C0; background-color: #D8FFD7; }

.alert_msg { font-weight: bold; font-variant: small-caps; font-size: large; color: #C03; }

.obbligatorio { color: #C00; font-size: 1.1em; font-weight: bold; }

/* Lista categorie prodotti */
.lista_categorie { list-style-position: inside; }

/* Paginazione */
#paging_top, #paging_bottom { display: block; clear: both; }
#paging_top { display: none; }
.paging { display: block; padding: 10px 0; width: auto; font-weight: normal; white-space:normal; text-align: center; }
.tot_paging { float: left; border: 1px solid #CCC; background: #DDD; margin: 1px 5px 1px 0; padding: 1px; font-weight: bold; }
.link_paging { float: right; }
.paging a { float: left; font-size: .9em !important; font-weight: normal; border: 1px solid #CCC; background: #DDD; margin: 1px; padding: 1px; width: 20px; height: 15px; }
.paging a.current_paging { color: #C03; font-weight: bold; width: 20px; }

/* Filtro alfabetico */
div.indice { padding: 6px 0 6px 0; }
form.letter input { font-size: .65em; font-weight: bold; cursor: pointer; }

/*************/
/* STRUTTURA */
/*************/
body {
	margin: 0 auto;
	padding: 0;
	font-family: Helvetica, Verdana;
	font-size: small; /* Small equivale a un font di 14px circa sulla maggioranza dei browser. L'uso di small fixa il problema di IE6 per cui con misure fisse del font in body e relative nelle altre classi non si possono modificare le misure del font da browser */
	color: #000;
	background-color: #FFF;
	background-image: url(/images/str/sfondo.gif);
	background-repeat: repeat;
	background-position: top center;
}

.clr { clear:both; margin: 0; padding: 0; }
.clearfix { height: 1%; } /* IMPORTANTE! Fix per IE 7*/
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.fl { float: left; }
.fr { float: right; }
.spacer { margin: 5px; }
.hidden { border: 0; margin: 0; padding: 0; background: none; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.mceEditor { padding: 0!important; }

/**********/
/* HEADER */
/**********/

#header { background: url(/images/str/banda-head.gif); margin: 0; padding: 0; }
/* Logo principale */
#logo_main { float: left; }
/* Logo secondario (opzionale) */
#logo_b { float: right; }

/**********/
/* FOOTER */
/**********/
#loghi_custom { width: 580px; }
#loghi_custom ul, #loghi_custom li { list-style-type: none; display: inline; padding-right: 2px; }
/* Footer */
#footer { padding-top: 10px; margin-bottom: 10px; color: #FFF; text-align: center; }
#footer div { padding-bottom: 5px; }
#footer ul li { display: inline; margin-right: 5px; }
#footer img { margin-bottom: -3px; }

/* Eventuale logo aziendale nel footer */
.footer_sito_logo { }
/* Testi evidenziati nel footer */
#footer .tag { font-weight: bold; }
/* Firma Artistiko */
.footer_artistiko { font-size: 0.8em; }
.footer_artistiko_print { display: none; }

#footer .telefono { display: none; }



/********/
/* MENU */
/********/

/* Menu lista prodotti in amministrazione*/
div.menu ul, div.menu li {
	margin-left: .5em; margin-bottom: .5em; list-style: inherit; list-style-position: inside; list-style-type: inherit;
}

/* Menu principale */
#menu_main { margin: 0; padding: 10px; background: #C03; color: #FFF; text-align: left; font-size: 1.2em; }
#menu_main ul li { display: inline; list-style: none; }
#menu_main ul, ol { padding: 0; margin: 2px 0 0 0; float: left; list-style: none; }
#menu_main li { margin: 0; list-style: none; margin-bottom: 2px; }
#menu_main a:link, #menu_main a:active, #menu_main a:visited { color: #FFF; text-decoration: none; }
#menu_main a:hover { text-decoration: none; }

/* Login */
#login { }
#login img { width: 16px; height: 16px; }
#login a { text-decoration: none; font-size: 1em; font-weight: bold;}
#login a:hover { text-decoration: none; font-size: 1em; font-weight: bold; }
#login form { text-align: left; }
#login input { width: 120px; }
#login_form input { margin: 0; padding: 2px; font-size: .9em; }
#login_button { margin: 0; padding: 0; }
#login .button { background: url(/images/icone/arrow_go.png) no-repeat; border: none; width: 16px; height: 16px; }
#login .alert { font-size: .9em; }
#login a img { padding: 5px 0 0 0; }
/**/
#register { text-align: center; }

/* Menu secondario */
#menu_secondario { margin: 0; padding: 10px; background: #FFF; font-size: 1.1em; text-align: left; }
#menu_secondario ul { padding: 0; margin: 0; }
#menu_secondario li { margin: 0; list-style: none; display: inline; margin-bottom: 2px; }

/* Menu laterale */
#menu_laterale {
	padding: 6px;
	border: 1px solid #036;
	background-color:#F6F6F6;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

/* Menu di amministrazione */
#menu_admin ul { padding: 0; list-style: none; margin: 5px 0 15px 0;  }

/* Box scelta lingue */
div#lang { text-align: center; }

/******************/
/* BOX E PANNELLI */
/******************/

/* Box principale sito */
#generale {
	width: 950px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	margin: 0 auto;
    position: relative;
}

/* Box contenuti (contiene le colonne) */
#contenuti {
	display: block;
	clear: both;
	padding: 10px 0 10px 0;
	background-color: #FFF;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
}

/* Colonna sinistra */
#colonna_sx {
	width: 210px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	float: left;
	margin-left: 10px;
}
#flash_offerte{
    margin: 10px 0;
}
#flash_offerte:hover{
    cursor: pointer !important;

}
/* Colonna centrale */
#colonna_centrale {
	width: 510px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	float: left;
	margin: 0 0 0 10px;
}
/* Colonna destra */
#colonna_dx {
	width: 190px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	float: right;
	margin-right: 10px;
}

/* Box all'interno delle colonne */
.box, #volantino {
	margin-bottom: 10px;
	padding: 5px;
	width: auto;
	height: auto !important;
	text-align: center;
	border: 1px solid #036;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
/* Box offerte nella colonna destra */
.box p { text-align:left; }
.box h3 { padding-bottom:0.6em; }

.data_offerte { font-size: .9em; font-weight: bold; }

div#newsletter fieldset { border:none; }
div#newsletter legend { display:none; }

div.recapiti { margin-bottom: 10px; }
p.contatti { line-height:1.5em; margin:5px 0 15px; }
span.tel_negozio { display: none; }

/*****************************/
/* Pannelli a tab (generici) */
/*****************************/
ul#tab { margin-bottom: 0; list-style: none; clear: both; height: 22px; }
ul#tab li { }
/* Etichette a tab */
ul#tab li {
	display: inline;
	float: left;
	padding: 2px 6px 2px 6px;
	background-color: #CCC;
	color: #000;
	border: 1px solid #000;
	border-radius: 0 10px 0 0;
	-moz-border-radius: 0 10px 0 0;
	-webkit-border-radius: 0 10px 0 0;
}
/* Tab attivo */
ul#tab li.ui-tabs-selected {
	background: #FFF; /* Mettere il colore di background del pannello! */
	border-bottom: 1px solid #FFF !important; /* Mettere il colore di background del pannello! */
	color: #000;
}
.ui-tabs .ui-tabs-panel { display: block; margin-top: -1px; padding-top: 10px !important; border: 1px solid #000; }
/* Nasconde le tab disattive - NON MODIFICARE! */
.ui-tabs .ui-tabs-hide { display: none !important; }

/******************************/
/* VETRINA A TAB IN HOME PAGE */
/******************************/

#vetrina { width: 510px; /* = VETRINA_WIDTH + padding-left + padding-right */ }

#vetrina ul { list-style: none; padding: 0; /*min-height: 180px; height: auto !important; height: 180px;*/}
/* Vetrina (modalità prodotto) */
div.prod_vetrina { text-align:center; width: 510px;  /* = VETRINA_WIDTH */  }
/* Immagine in vetrina (modalità prodotto) */
.pannello_prod { text-align: center;  }
div.prod_vetrina img { margin: 0; padding: 0; width: auto; max-height: 300px; /* = VETRINA_HEIGHT */ max-width: 510px; /* = VETRINA_WIDTH */ height: auto; }
.pannello_prod img { float: left;  width: auto; max-width: 290px !important; /* = A */  height: auto; }
/* Contenitore vetrina (modalità prodotto) */
.prod_vetrina .content_vetrina { float: right; text-align: right; max-width: 220px; /* = B */} /* A + B <= VETRINA_WIDTH */
.prod_vetrina .content_vetrina img { float: none; text-align: right;}
.prod_vetrina .prezzo_vetrina { font-size: larger; font-weight: bold; text-align: right; /*  padding-top: 15px; - rob 05mag10  */ }
.prod_vetrina .sconto_vetrina { font-size: smaller; font-weight: bold; text-align: right; }

/* pulsanti vetrina */
#vetrina .control{
    float: right;
    min-height: 22px;
    min-width: 132px;
}
#vetrina .control div{
    max-height: 16px;
    min-height: 16px;
    max-width: 16px;
    min-width: 16px;
    padding: 3px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    float: left;
    cursor: pointer;
    background-image: url(/images/str/sfondo-bottoni-vetrina.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

#vetrina .control div.active{
    background-image: url(/images/str/sfondo-bottoni-vetrina-sele.gif);
}
#play{
    max-height: 16px;
    min-height: 16px;
    max-width: 16px;
    min-width: 16px;
    padding: 3px;
    float: left;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/images/str/sfondo-bottoni-vetrina-pause.gif);
}
.stopped{
    background-image: url(/images/str/sfondo-bottoni-vetrina-play.gif) !important;
}
/* Vetrina (modalità prodotto)
li .content_vetrina {
	float: right;
	width: 50%;
	padding-top:35px;
	height:auto;
} */

.content_vetrina h2 { float:right; font-size:0.9em;}
.prezzo_vetrina{ font-size:1.2em; font-weight:bold; color:#C03; padding:10px;}
.fr{ vertical-align:bottom; float:right;}

div#prod_vetrina {
    width: 510px;
    height: 255px;
}
div.pannello_prod{
    width: 486px !important;
    height: 231px !important;
    border: 2px solid #003366 !important;
    padding: 10px;
}
/*** in questo modo, l'immagine è ridotta in modo proporzionale per la lunghezza e/o per la larghezza in base alle dimensioni ***/
div.pannello_prod img{
    width: 210px;
    height: auto;
}
div.pannello_prod img{
    height: 210px;
    width: auto;
}
/*** in questo modo, l'immagine è ridotta in modo proporzionale per la lunghezza e/o per la larghezza in base alle dimensioni ***/
/* Immagine in vetrina (modalità prodotto) */
div#prod_vetrina img  {
	float: left;
}

/* Contenitore testi vetrina (modalità prodotto) */
#content_vetrina { float: right; text-align: right; }
/* Slogan promozionale in vetrina (modalità prodotto) */
#prod_vetrina h1 { font-size: 2em;  color: #C03; font-weight: bold; }
/* Nome prodotto in vetrina (modalità prodotto) */
#prod_vetrina h2 { }
/**/
#prezzo_vetrina { font-size: 1.5em; font-weight: bold; text-align: right; color: #C03;}
#sconto_vetrina { font-size: 1em; font-weight: bold; text-align: right; color: #036; }

/* Archivio vetrina */
.vetrina_archivio { margin: 10px 0; }
.vetrina_archivio .date { margin-top: 10px; color: #C00; }

/***********************************/
/* AREA "IN EVIDENZA" IN HOME PAGE */
/***********************************/

/* Area prodotti in evidenza in home page */
#highlight {
	clear: both;
	padding: 20px 0 20px 10px;
	width: auto;
	vertical-align: middle;
	background-image:url(/images/str/sfondo-highlight.jpg);
	background-position:center;
	background-repeat:no-repeat;
	display:none;
}

/* Titolo "In evidenza" */
#highlight_text {
	display: table-cell;
	color: #FFF;
	font-size: 1.8em;
	font-weight:normal;
	font-variant: small-caps;
}

/* Nomi categorie (solo in visualizzazione categorie) */
.highlight_categoria { float: left; padding: 0; margin: 0; width: 50%; text-align: center; }

/*******************************/
/* ANTEPRIMA E SCHEDE PRODOTTI */
/*******************************/

/* Titolo prodotti in home page */
/*div.prod_title_homepage { min-height: 50px; height: 50px !important; }

 Div immagini prodotti in home page
div.prod_img_homepage {
	margin: 5px;
	padding: 1px;
	width: 210px;
	max-height: 210px;
	overflow: hidden;
	border: 1px #000 inset;
	background: #FFF center;
	text-align: center;
} */

/* Box anteprima prodotti in home page */
.box_prodotto {
	float: left;
	margin: 5px;
	padding: 8px;
	width: 225px;
	min-height: 255px;
	height: auto !important;
	height: 255px;
	border: 1px solid #036;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background-image:url(/images/str/sfondo-grigio-box.jpg);
	background-repeat:no-repeat;
}
.box_prodotto_titolo { min-height: 65px; }
.box_prodotto_previewimg {
	border:1px inset #000000;
	float:left;
	margin: 0 10px 0 0;
	padding:1px;
	text-align:center;
	width:80px;
}
.box_prodotto .disponibilita { display: none; }
.box_prodotto table { float: right; }

#highlight_area ul, #prodotti_scontati ul { display: inline; list-style: none; }

#highlight_area .box_prodotto, #prodotti_scontati .box_prodotto {
	background: url(/images/str/sfondo-div.jpg) bottom right no-repeat;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}
#highlight_area .box_prodotto_previewimg, #prodotti_scontati .box_prodotto_previewimg {
	border-top: 1.5px dashed #036;
	border-left: 0;
	border-bottom: 1.5px dashed #036;
	border-right: 0;
	width: 100%;
	min-height: 90px;
	max-height: 90px;
	padding: 10px 0;
	vertical-align: middle;
	text-align: center;
	background-color: transparent;
}
#highlight_area .prod_edit, #datagrid_scontati .prod_codice { display: none; }
/*#highlight_area .addcart, #prodotti_scontati .addcart {
	background-color: #036;
	background-image: none;
	color: #FFF;
	border: 0;
}
#highlight_area .addcart:hover, #prodotti_scontati .addcart:hover {
	padding:4px;
	margin: 2px;
	border: 0;
	-moz-box-shadow: 3px 3px 6px #036;
	-webkit-box-shadow: 3px 3px 6px #036;
}*/

#prodotti_scontati  .disponibilita { display: block; float: left; margin: 5px 0; }

#scheda_prodotto .codice { color: #808080; }
#scheda_prodotto .prezzi { float: right; width: 30%; }
#scheda_prodotto #disponibilita, #spese_sped { margin: 10px 0; }
#scheda_prodotto .prezzi { float: right; width: 30%; }

/* Tabella immagini della scheda prodotto */
#prod_img { width: 80%; }

/* Immagini prodotti */
.preview { display: block; clear: both; margin: 10px 0 10px 0; }
.preview_img ul#thumb { float: right; margin: 0; padding: 0; width: 55px;}
.preview_img ul#thumb li { list-style: none; margin: 10px 0 0 0; padding: 2px; border: 1px solid !important; }
.preview_img ul#thumb li a { padding: 0};
.preview_img ul#thumb li:first-child { margin: 0; }
.preview_img ul#thumb li.ui-tabs-selected { border: 1px solid #C00;}
.preview_img ul#thumb li.ui-tabs-selected a { margin: 0; padding: 0; border: none; } /* NON MODIFICARE! */
.preview_img .ui-tabs-panel { display: block; float: left; padding: 2px; border: 1px solid; background: #FFF; }

/* Immagine singola in scheda prodotto */
.prod_img {
	min-height: 120px;
	overflow: hidden;
	text-align: center;
}
.box_imgprod{ display: inline; }

/* PRODOTTI CORRELATI */
#prodotti_correlati {
	float: left;
	margin-bottom: 10px;
	padding: 0px;
	min-height: 100px;
	width: 568px;
	height: auto !important;
	height: 100px;
}
/* Pulsanti slide */
#prodotti_correlati button { margin: 5px 0; width: 40px; height: 40px; border: none; cursor: pointer; }
#prodotti_correlati .prev { float: left; background: url(/images/str/rel_prod_up.png) center center no-repeat; }
#prodotti_correlati .next { float: right; background: url(/images/str/rel_prod_down.png) center center no-repeat; }
/* La lunghezza di .related_inner è data dalla larghezza dei LI * numero dei LI visbili (v. configurazione) */
.related_inner {
	float: left;
	margin: 10px 0 0 0;
	width: 510px;
	background: #F6F6F6;
	border-raius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	 text-align: center;
}
.related_inner ul { list-style: none; text-align: center; }
/* Box prodotti correlati */
.related_inner li {
	float: left;
	display: block;
	margin: 0 5px;
	padding: 5px;
	width: 120px;
	height: 200px;
	background: #FFF;
	border: 1px solid #036;
	border-raius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	 text-align: center;
}
.related_inner .box_prodotto { margin: 0; padding: 0; background: none; border: none; width: 120px; }
.related_inner .box_prodotto_titolo { font-size: .8em; min-height: 40px; }
.related_inner .box_prodotto_previewimg { margin: 5px 15px; display: block; clear: both; }
.related_inner .prod_edit, .related_inner .pulsante_acquisto { display: none; }

.prodotto_correlato { width: 99%; text-align: center; }
.prodotto_correlato .preview { padding: 2px; border: 1px solid; background: #FFF; }
.prodotto_correlato .titolo { text-align: center; font-weight: bold; font-size: .8em; }
.prodotto_correlato .prezzi div { font-size: .9em; }

.box_promo table { width: 100%; }

/*********************/
/* CALALOGO PRODOTTI */
/*********************/

h1#catalogo { }
div#catalog_path ul { margin: 12px 0 12px 0; padding: 0; }
div#catalog_path li { list-style: none;  display: inline; margin: 0; padding: 0; }

div.catalogo {
	float: left;
	text-align: center;
	margin: 4px 12px 4px 12px;
	width: 40%;
	height: auto;
 	padding: 6px; border: 1px outset #666; background-color:#F2F2F2;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: url(/images/str/bg_categorie_catalogo.jpg) center no-repeat;
}
div.catalogo a:focus, div.catalogo a:active { text-decoration: none; }
div.catalogo a img { border: 1px solid #0C0; }

div#ordinamento_prezzi { border-top: 1px dashed; padding-top: 12px; margin: 12px 0 12px 0; }

div.prod_preview {
	margin: 10px 0 0 0;
	padding: 10px;
	border: 1px solid #036;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

div.prod_preview_img {
	margin: 10px 10px 0 0;
	padding: 1px;
	width: 80px;
	border: 1px #000 inset;
	background: #FFF center;
	text-align: center;
	float: left;
}

div.prod_preview_text {
	padding-top: 10px;
}

div.prod_preview_text .prezzi {
	float: right;
	width: 25%;
	margin-top:-25px;
}

div.prod_preview_text .testo {
	margin: 10px 0 0 0;
	float: left;
	width: 46%;
}
div.prod_preview .more { clear: both; text-align: right; }

div.prod_preview ul.caratteristiche { margin: 0; }

/*********************************/
/* Datagrid prodotti in catalogo */
/*********************************/
#datagrid_prodotti { width: 100%; }
#datagrid_prodotti thead th { background: none; }
#datagrid_prodotti .prezzi { float: right; }
#datagrid_prodotti .testo { float: left; }
/**/

/* MARCHI */
span.marca { display: block; clear: both; }
span.marca img { margin: 0 0 2px 0; padding: 0; height: 12px; }
#scheda_prodotto span.marca img { margin: 0; padding: 0; height: 16px; }


/***********/
/* TABELLE */
/***********/

/*table { width: 100%; }*/
tr.intestazione th { padding: 4px; background: #C03; color: #FFF; font-size: .9em; }
tr.pair { background-color: #FFF; } /* Celle di tabella pari */
tr.odd { background-color: #DDD; } /* Celle di tabella dispari */
tr.pair_border td { border-bottom: 1px solid #CCC; } /* Suddivisione celle di tabella pari */
tr.odd_border td { border-bottom: 1px solid #999; } /* Suddivisione celle di tabella dispari */

.prezzi { text-align: right; } /* Celle allineate a destra perchè contengono prezzi, ecc */
.codici { text-align: center; } /* Celle allineate al centro perchè contengono codici, ecc */

/************/
/* CARRELLO */
/************/
/* Pulsante "Procedi all'acquisto */
div#step_acquisto { }
.cart_riepilogo legend { font-size: 1em; }
.prod_cart { font-size: .8em; width: auto; }
.prod_cart td.prod { text-align: left; }
.qta td { margin: 0; padding: 0; min-height: 12px; height: 12px; }

/****************/
/* FORM E INPUT */
/****************/
/* Pulsante grafico di cancellazione */
button.button { margin: 2px; padding: 0; border: none; background: none; cursor: pointer; }
.delete_icon { width: 16px; height: 16px; background: url(/images/icone/drop.png) no-repeat; }
.unlink_icon { width: 16px; height: 16px; background: url(/images/icone/link-delete.png) no-repeat; }

form { margin:0; padding:0; display:inline; }
legend { font-size:large; color:#C03; font-weight:bold; }
input { margin:2px; }
input.button {
	/*background-image:url(/images/str/sfondo-celeste.gif);
	background-repeat:repeat-x;
	color:#036;
	border:1px solid #AAA;*/
	cursor:pointer;
	font-weight:bold;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin: 2px;
	padding: 4px;
	border: 1px solid #036;
	background-color: #036;
	color: #FFF;
}
input.button:hover {
	margin: 2px;
	padding:4px;
	border: 1px solid #036;
 /*   box-shadow: 3px 3px 6px #036;*/
	-moz-box-shadow: 3px 3px 6px #036;
	-webkit-box-shadow: 3px 3px 6px #036;
/*	border-radius:10px;*/
}

/*input.button:hover, input.button:focus { border: 1px solid #036; outline:0; }*/
fieldset.button { border:none; margin:0; padding:0; display:inline; } /* Se il form è un pulsante, azzero il fieldset */

fieldset.contatto .field { width: 90%; }

fieldset#register { width: 485px; }
fieldset#register td { text-align: left; }
fieldset#register .field { width: 90%; }

#profilo_utente .button { margin: 10px 0; }
#profilo_utente .filtro_stato_ordine { display: none; }
#profilo_utente #lista_ordini .pos_invio .button { padding: 2px; font-size: .85em; }
#profilo_utente #lista_ordini .delete { display: none; }

div#cerca { float: right; margin: 0; padding: 0; width: 25%; }
#cerca fieldset { float: right; margin: 0; padding: 0; border: none; }
#cerca legend { display: none; }
form#form_ricerca { margin: 0; padding: 0; }
form#form_ricerca input.cerca { width: 65%; }

div#brand_search { display: inline; }
form#brand_search { display: block; clear:both; }

#orderby { clear: both; margin: 10px 0; }

.tot_prod_noiva { display: none; }

#risultati_ricerca { font-size: small; border: 1px solid #036; }
fieldset .risultati_ricerca { display: block; }
#risultati_ricerca .box_prodotto, #datagrid_prodotti .box_prodotto { margin: 10px 0 0; padding: 10px; width: 480px; min-height: 140px; background: transparent url(/images/str/sfondo-div.jpg) no-repeat scroll right bottom; }
#risultati_ricerca .box_prodotto { border: none; background: none; }
#risultati_ricerca .disponibilita, #datagrid_prodotti .disponibilita { display: block; float: left; }
#risultati_ricerca h3, #datagrid_prodotti h3 { background: none; min-height: 40px; }
#risultati_ricerca .box_prodotto_previewimg, #datagrid_prodotti .box_prodotto_previewimg { float: left; border: none; }
#risultati_ricerca prod_descr_homepage { display: none; }
#risultati_ricerca table { float: right; width: 40%; }
#risultati_ricerca table .pulsante_acquisto { display: none; width: 0; }
#risultati_ricerca .nota { font-size: .9em; }



/* Campi dinamici in lingua */
input.dinamic { width: 90%; }
/* PULSANTE DI AGGIUNTA AL CARRELLO
input.addcart {
	margin: 2px;
	padding: 4px;
	border: 0;
	background-color: #036;
	background-image: none;
	color: #FFF;
}
input.addcart:hover {
	margin: 2px;
	padding:4px;
	border: 0;
	-moz-box-shadow: 3px 3px 6px #036;
	-webkit-box-shadow: 3px 3px 6px #036;
} */
/* QUANTITA CARRELLO (+) (-) */
.quantity { margin: 0; padding: 0; border: none; width: 12px; height: 12px; cursor: pointer; }
.add { background-image: url(/images/icone/plus.png); }
.drop { background-image: url(/images/icone/minus.png); }
.delete { background-image: url(/images/icone/delete.png); }
/**/

/********************/
/* STEP DI ACQUISTO */
/********************/

/* Link step di acquisto */
ul#step_acquisto { margin: 0 auto; padding: 0; text-align: center; }
ul#step_acquisto li { display: inline; margin: 0 10px 0 0; padding: 0; font-weight: bold; font-size: 1.4em; color: #036; }
.step_acquisto { margin: 10px auto; width: 60%; border: 1px inset #036; }
li#step_acquisto_corrente { color: #C03 !important; }
.step_1, .step_2, .step_3 {
	height: 20px;
	background: url(/images/str/sfondo.gif);
	/*opacity: .4;
	filter: alpha(opacity=40);
	-moz-opacity: .4;
	-webkit-opacity: .4;
	-khtml-opacity: .4;*/
}
.step_1 { width: 33%; }
.step_2 { width: 66%; }
.step_3 { width: 100%; }


/* Riepilogo carrello */
table.cart_riepilogo { border: 1px solid #036; }

/* PAGINA CONFERMA ORDINE */
body#conferma_ordine { background-image: none; background-color: #FFF; margin: 20px; }
table#conferma_ordine { border: 1px solid #000; }
#conferma_ordine th { font-weight: bold; background-color: #C03; color: #FFF; }
/**/

form.icona_fattura { display: none; }
/* PAGINA FATTURA */
body#fattura { background-image: none; background-color: #FFF; margin: 20px; }
table#fattura { border: 1px solid #000; }
#fattura th { font-weight: bold; background-color: #CCC; color: #000; }
/**/

#admin #filtro_stato_ordine input.button {
    padding: 2px;
    font-size: .9em;
}
#admin #filtro_stato_ordine input.button:hover { padding: 2px; }

/* Guida d'uso */
div#guida ul, ol { list-style-position: inside; }
div#guida li { list-style-position: inside; }
.opz { font-family: Verdana, Geneva, sans-serif; font-weight: bolder; color: #F00; }

/* Classi della descrizione prodotti da CSV */
ul.lista_car { list-style: none; }
span.caratteristica { font-weight: bold; margin-right: 10px; }
span.valore { }

/*************************************/
/* css/tooltip.css -- fancy tooltips */
/*************************************/
span.tool {
  position: relative;   /* this is key */
  cursor: pointer;
}

span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 2em;
  left: 1em;
  width: auto;
  padding: 5px 10px 5px 10px;
  border: 1px outset #036;
  background-color: #F6F6F6;
  font: normal 0.9em/1.2em arial, helvetica, sans-serif;
  text-align: left;
  color: #000;
	border-radius: 0 12px 12px 12px;
	-moz-border-radius: 0 12px 12px 12px;
	-webkit-border-radius: 0 12px 12px 12px;
}
/* Eventuale icona del tooltip */
#content span.tool:after {
}
/* PANNELLI A SCOMPARSA */
div.menu_tab {
  display: block;
  float: left;
  position: relative;   /* this is key */
  cursor: pointer;
  margin: 0 5px;
  padding: 5px;
  width: 120px;
  background: #DDD;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-align: left;
  font-size: .9em;
}
/* Icona dropdown chiusa */
div.menu_tab span.tab_icon { padding-right: 20px; height: 16px; background: url(/images/icone/dropdown_closed.png) center right no-repeat; }
/* Icona dropdown aperta
span.menu_tab:hover span.tab_icon { padding-right: 20px; height: 16px; background: url(/images/icone/dropdown_open.png) center right no-repeat; }*/
/* Pannello nascosto */
div.menu_tab div.menu_panel {
  display: none; /* so is this */
}
/* tooltip will display on :hover event
span.menu_tab:hover  */div.menu_panel {
	clear: both;
  position: absolute;
/*  display: block;*/
  cursor: default;
  z-index: 100;
  top: 20px;
  left: 0;
  min-width: 320px;
  padding: 10px;
  background: #DDD;
  border-radius: 0 10px 10px 10px;
  -moz-border-radius: 0 10px 10px 10px;
  -webkit-border-radius: 0 10px 10px 10px;
}
/**/
/* loghi social */
#web20{
    position: absolute;
    top: 40px;
    right: 9px;
    background-color: #FFF;
    padding: 3px;
    border: 1px solid #FFF;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
/*  float: right; */
}
#web20 h3{ display: none; }
#web20 img{
    width: 32px; height: 32px;
}
.no_border {
    padding: 0;
    border: 0;
}