@import "/lib/thickbox/thickbox.css";

/* -- GLOBAL --------------------------------------------------------------------------- */
* { padding: 0px; margin: 0px; border: 0px; }

body {
	color: #000;
	font: 90% Arial, Tahoma, Helvetica, sans-serif;
	background: #FFF url(../immagini/body/bg_body_azzurro.gif) repeat-x left top;
}

#centrato {
	width:100%;
	margin:auto;
	text-align: left;
}

#corpo {
	min-width:995px;
	position:relative;
	clear:left;
	margin:0;
	color: #000;
	background: #FFF url(../immagini/corpo/bg_corpo.gif) top left repeat-y;

	min-height: 1450px; 
	height: auto !important;
	height: 1450px;
}

#colonna-sx {
	position:absolute; top:0; left:0; 
	width: 174px;
	color: #000;
	border-right:3px solid #eee;
}
#colonna-dx {
	position:absolute; top:0; right:0px; 
	margin:0;
	padding:0;
	padding-top:8px;
	width: 175px;
	color: #000;
	
}
#colonna-cent {
	position:relative;
	margin:0 175px;
	padding:8px 3px;
	background: transparent;
	color: #000;
}

#intestazione {
	position:relative;
	margin:0;
	padding:0;
	height:70px;/*HACK IE*/
}

#foot {
	position:relative;
	margin:0;
	padding:10px;
	background-color:#f0f0f0;
	border-top:1px solid #CCC;
	color: #767676;
	line-height:19px;
}

/*-------------- ZIONE --------------------  */

#logo{
	float:left;
	margin-right:5px;
	width:250px;
}

#utility{
	padding-top:5px;
	height:0;/*HACK IE*/
	font-size:80%;
}

#utility ul{
/*	width:100%;*/
	margin:0;
	padding:0;
	list-style-type:none;
}

#utility ul li{
	margin:0;
	line-height:20px;
	padding-left:0;	
}

#utility img{float:left; border:0}

li#cuore{
	background-image: url(../immagini/intestazione/ico_cuore.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

li#piramide{
	background-image: url(../immagini/intestazione/ico_piramide.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

li#glossario{
	background-image: url(../immagini/intestazione/ico_glossario.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

#fidelity{
	text-align:right;
	position:absolute;	top:0;	right:5px;
	margin:0; padding:0;
	width:305px;
	height:70px;
}

#loghi-vari{
	padding-right:150px;
	padding-top:5px;
	float:right;
	height:65px;	
}

/*-------------- MENU UP --------------------  */
#header {
  float:left;
  width:100%;
  font-size:95%;
  line-height:normal;
  word-spacing:2px;
  background:#FFF url("../immagini/menu-up/bg_menu.gif") repeat-x bottom;  
}

#header a{
  padding-bottom:1px;
}


#header ul {
  margin:0;
  padding:9px 0 5px 7px;  
  list-style:none;
}
  
#header li {
  float:left;
  background: url("../immagini/menu-up/sx.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 8px;
  }
#header ul li a {
  display:block;
  background: url("../immagini/menu-up/dx.gif") no-repeat right top;
  padding:5px 13px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#000;
  }

#header form {
  background: url("../immagini/menu-up/dx.gif") no-repeat right top;
  padding:5px 13px 3px 6px;
}
  
#header ul li a:hover {
  color:#c00418;
  text-decoration:underline;
  }
#header #current{
  background-image: url("../immagini/menu-up/sx_on.gif");
  }
#header #current a {
  background-image: url("../immagini/menu-up/dx_on.gif");
  color:#c00418;
  padding-bottom:5px;
  text-decoration:none;
  }
  
#head-link{
	float:left;
	margin:0px;
	margin-left:5px;
	font-size:75%;
}

#head-link a{
	display:block;
	text-decoration:none;
	line-height:10px;
	color:#000;
}
  
/*-------------- COLONNA SX --------------------  */

.menu-sx{
width:100%;
margin:0; 
padding:0;
list-style:none;
font-size:85%;
}

.menu-sx a{
display:block;
text-decoration:none;
padding:3px 0.5em 3px 16px;
border-top:1px solid #CCC;
}
.menu-sx a:link,
.menu-sx a:visited{
background:transparent url(../immagini/menu-sx/marcatore.gif) no-repeat 3px 7px;
color:#000;
}
.menu-sx a:hover {
background:#f0f0f0 url(../immagini/menu-sx/marcatore_rollover.gif) no-repeat 3px 7px;
color:#c00418;
}

.selezionato{
	background:#e3f0ff url(../immagini/menu-sx/marcatore_rollover.gif) no-repeat 3px 7px !important;
	color:#c00418 !important;
	font-weight:bold;
}

.menu-sx{
/* carica l'immagine in anticipo */
background:url(../immagini/menu-sx/marcatore_rollover.gif) -200px -200px no-repeat;
}

.subcat{
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	font-size:80%;
}

.subcat a{
	display:block;
	text-decoration:none;
	padding:3px 0.5em 3px 16px;
	border:none;
	line-height:15px;
}

.subcat a:link, .subcat a:visited{
	background-color:#e3f0ff;
	background-image:none;
}

.subcat a:hover{
	text-decoration:underline;
}

#pagamenti{
	height:85px;
	font-size:75%;
}

#pagamenti img, #bannerini img{
	float:left;
	margin:0px 1px;
}

#pagamenti ul {
  clear:left;
  margin:5px 0;
  padding:0;  
  list-style:none;
}
  
#pagamenti li {
  border-top:1px solid #CCC;
  padding:0;
  }

#pagamenti a{
	margin:0px;
	padding:2px 5px;
}

#pagamenti a:link, #pagamenti a:visited{
	display:block;
	text-decoration:none;
	border:none;
	color:#000;
}

#pagamenti a:hover{
	background-color:#f0f0f0;
	color:#c00418;
}

/*-------------- COLONNA DX --------------------  */

.menu-offerte{
width:90%;
margin:0;
padding:0;
list-style:none;
font-size:80%;
}

.menu-offerte li{
	/*text-align:center;
	height:80px;*/
	line-height:12px;
	margin-left:5px;
	margin-bottom:7px;
	padding-bottom:5px;
	padding-left:5px;
	border-bottom:1px solid #ccc;
}

.menu-offerte a{
	display:block;
	margin:2px 0;
	text-decoration:none;
}

.menu-offerte a:hover{
	text-decoration:underline;
	color:#c00418;
	background-color:transparent;
}

/*---------------- TIPOGRAFIA -----------------*/

h1, h2{
	margin:0;
	color:#c00418;	
}

#colonna-sx h1{
	font-size:100%;
	padding:5px 3px;
}

#colonna-dx h1{
	font-size:110%;
	margin:0;
	padding:8px;
	height:20px;
	background-color: #FFF;
	background-image: url(../immagini/menu-dx/bg_h1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#colonna-dx h2{
	font-size:100%;
	margin:0;
	padding:0;
	font-weight:normal;
	/*background-color:#eee;*/
}

.titolo h2{
	padding:8px 0 8px 8px;
	font-size:121%;
}

h3{
	font-size:11px;
	margin:0;
	color:#5c5c5c;
	border-bottom:1px dotted #CCC;		
	text-align:center;
}

.vetrina p{
	color:#5c5c5c;
	font-size:80%;
}

p{
	font-size:85%;
}

#marchi strong{
	color:#c00418;
	text-transform:uppercase;
}

.prezzo{
	font-weight:bold;
	padding:1px;
	font-size:12px;
	color:#c00418;
}

#foot p a {
font-size:75%;
line-height:25px;
}

h1.errore, p.errore{
	background-color: #FF0 !important;
	color:#000 !important;
}

#evidenzia-prezzi{
	background-color:#FFC;
	padding:5px;
	line-height:18px;	
}

#evidenzia-prezzi strong{
	color:#c00418;	
}

/*-- LAYOUT LUNGO E SENZA VETRINA DX*/

#no-dx{
	width:99%;
	margin:0;
	margin-bottom:15px;
	padding:0;
}

#corpo.no-dx{
/*da associare al corpo per eliminare lo sfondo*/
background-image:none;

}

#colonna-cent.lunga {
	margin:0 5px;
}

#colonna-cent.lunga.senza-dx {
	margin:0 5px 0 175px;
}

/*-- PAGINA PRODOTTO ----------------*/
#prodotto{
	width:70%;
	margin:0;
	margin-bottom:15px;
	padding:0;
}

#prodotto p, #no-dx p{
	font-size:90%;
	line-height:20px;
	word-spacing:1px;
	padding:3px 20px;
}
#prodotto h1, #no-dx h1{
	background-color:#e8f1ff;
	font-size:100%;
	border-bottom:1px dotted #CCC;		
	border-top:1px dotted #CCC;		
	margin:5px;
	padding:3px 5px;
}

#categoria{
	color:#c00418;
	border-bottom:1px solid #eee;
	margin-bottom:5px;
}

#dati-prodotto{
	text-align:center;
}

.bordo-img{
	border:1px solid #eee;
	padding:5px;
	margin-bottom:5px;
}

#dati-prodotto .prezzo{
	font-size:20px;
	margin-bottom:5px;
}

#prodotto.no-float{
	width:99%;
}


/* -- FORM -------------------------------------------------------------- */
form {
	margin: 0;
	padding:0;
}

#newsletter form{
	margin-bottom:5px;
}

#ricerca input, #newsletter input{
	margin:0 2px;
	margin-top:-1px;
	border:1px solid #000;
	padding:0 5px;
	background: #FFF;
	font-size:80%;		
}

.bottone {
	margin:0;
	padding:0;
}

.bottone-carrello{
	margin:5px 2px;
	width:200px;
	padding:5px;
	background-color:#CC0000;
	color:#FFFFFF;
	border:1px solid #000;
	font-weight:bold;
}

.bordo{
	border:1px solid #ccc;
	padding:1px;
}

#form-proposta input, #form-infoprodotto input { border:1px solid #CC0000; padding:5px;}

/*----------TITOLO CON ANGOLI ---------------------*/

.titolo{
	margin:0 1px 0 5px;
	background:#FFF url(../immagini/corpo/bg_sfumato.gif) top left repeat-x;		
	/*height:35px;*/
}

.titolo .bordo-sx{
	background:transparent url(../immagini/corpo/bordo_top_sx.gif) top left no-repeat;
}

.titolo .bordo-dx{
	background:transparent url(../immagini/corpo/bordo_top_dx.gif) top right no-repeat;
}

#outlet{
	background:#FFF url(../immagini/corpo/bg_sfumato_outlet.gif) top left repeat-x;		
}

#venduti{
	background:#FFF url(../immagini/corpo/bg_sfumato_venduti.gif) top left repeat-x;		
}


/*--------VETRINA PRODOTTI --------------*/

.vetrina{
	margin:0px;
	width:69%;	
	/*height:0; hack per IE*/
}

.vetrina ul {
	width:100%;
	margin:0;	
	padding:0;
	list-style:none;
}

.vetrina ul li {
	float: left;
	display:block;
	text-align:center;
	width:130px;
	
	margin:0;
	margin-top:5px;
	padding:0px 8px;
	
	min-height: 175px; /*hack per IE*/
	height: auto !important;
	height: 175px;
	
/*	border-bottom:1px solid #ccc;
*/}

#vet-outlet{
	clear:left;
}

.vetrina-dx{
	float:right;
	width:30%;	
	margin:0px;
	/*height:0; hack per IE*/
}

/*-- BANNER COLONNA DX -------------------------------------------*/
#banner{
	text-align:center;
	margin-bottom:10px;
}

#banner img{
	margin:3px 0;
}
/*--BLOCCHI VARI ---------------------------------------------*/
#marchi{
	font-size:11px;
	line-height:18px;
	clear:both;
	margin:0;
	padding:10px;
	border-top:1px solid #eee;
}

#vet-venduti{
	margin-bottom:10px;
}

#proposta-acquisto{ 
	background:transparent url(../immagini/proposta_acquisto_small.gif) no-repeat 0 50%; 
	margin:10px 5px; padding-left:25px;
}

/*---- ELENCI ----- */

	ol{
		margin-left:20px;
		padding-right:10px;
	} 
	
	ol li{
		line-height:17px;
		font-size: 85%;
		padding:0 18px 0 0px;	
		border-bottom:1px solid #E3F0FF;			
		margin-left:15px;
	}

	dl{
		text-align:left;
		margin:0;
		margin-bottom:10px;
		padding:0;
		width:96%;
	}

	dd {
		margin:0;
		font-size: 85%;
		padding:2px 18px 2px 15px;		
		margin-left:15px;
		background: url(../immagini/novita/arrow.gif) no-repeat 0 6px;
		border-bottom:1px solid #E3F0FF;
	}
	
/*----------LINK ---------------------*/	

a:link, a:visited{
	text-decoration:none;
	color:#006;
}

a:hover{
	background-color:#FF6;
}

#categoria a:link, #marchi a:link {color:#003366; text-decoration:underline !important;}
#categoria a:visited, #marchi a:visited {color:#003366; text-decoration:underline !important;}
#categoria a:hover, #marchi a:hover {color:#003366; text-decoration:none !important;}

#banner a:hover, #fidelity a:hover, #logo a:hover, #loghi-vari a:hover{
	background-color:transparent;
}

p.n-img a:link, p.n-img a:visited{
	border:1px solid #000;
	padding:2px 4px;
	margin-right:2px;
	background-color:#c00418;
	line-height:25px;
	color:#FFF;
}

p.n-img a:hover{background-color:#e8f1ff;color:#000;}
p.n-img a.current{background-color:#FF0!important;color:#000!important; font-weight:bold}
#corpo p.n-img{margin-left:15px; font-size:0.9em}

/* TABLE */

table {
	clear:left;
	margin:10px;
	width:68%;
	border:none;
	border-collapse:collapse;
}

#no-dx table{
		width:98%;
}

thead{
	font-weight:bold;	
	background-color:#e8f1ff;
	color:#c00418;
}

td{
	padding:5px;
	border-top:1px solid #c00418;
	border-style:solid none;
	font-size:85%;
}

th{
	padding:5px;
	border-top:1px solid #c00418;
	border-style:solid none;
	font-size:85%;
	font-weight:bold;	
	background-color:#e8f1ff;
	color:#c00418;	
}

td.dx{
	text-align:right;
}

/*----------VARIE ---------------------*/

hr {
	border-top: 1px solid #eee;
	color: #fff;
	height: 1px;
	margin: 5px 0;
}

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

.clear{
	clear:both;
}

.clear-l{
	clear:left;
}

p.n-img{
	color:#c00418;
	margin:8px 0;
}

.img-float{
	float:left;
	border:1px solid #eee;
	padding:2px;
	margin:0 5px 3px 0;
}


th span  {
	/* td span - per evidenziarela ricerca*/
	margin:0 5px;
	background-color:#FF0;
	color:#c00418;
	font-style:italic;
	border:1px solid #c00418;
}

h1.nomecat{
	margin:0 5px;
	font-size:0.7em;
	color:#ccc;
}

.banner-natale{
	position:absolute;
	top:4px;
	left:400px;
	width:244px;
	height:66px;
}

.banner-natale img {
	border:0;
}

#rate{padding:5px 0;margin:5px 0 10px 0;}
#rate p{line-height:18px;}
#rate p strong{color:#F00;font-size:14px;}


/* COMMENTI */

div.commento{margin:5px; background-color:#f2f9ff;border:1px solid #c00418}
div.commento p.autore{font-style:italic;color:#666;font-size:0.7em!important;text-align:right;border-top:1px solid #ccc}

/*=TOOLTIP*/
a.tooltip{
    position:relative; /*la chiave*/
    z-index:24;
}

a.tooltip:hover{z-index:25; background-color:#FFF;}

a.tooltip span{display: none}

a.tooltip:hover span{
    display:block;
    position:absolute;
    top:0px; left:-110px; width:80px;
	padding:5px;
    border:2px solid #c00418;
	background-color:#FFF;
    text-align: center
}