html	{
	margin:0 auto; padding:0; text-align:center; 
	background:#000 url(grafica/sfondo-lungo-1.jpg) repeat-y fixed center;
	}


/*contiene la pagina incluso lo sfondo con sfumature ai lati*/
body	{
	position:relative; width:990px;  margin:0 auto; padding:0;
	font-family:verdana, arial, sans-serif; color:#fff; font-size:12px; 
	text-align:center; 
	}


/*contiene la pagina della larghezza della fascia nera centrale, no bordo sfumato*/
div#page{
	position:absolute; left:30px; width:930px; background:#282129; 
	}


/*livello con la barra dell'header*/
div#header{
	position:absolute; top:9px; left:9px; 
	width:912px; margin:0 auto; padding:0; height:102px; 
	background-color:#000; background-image:url(grafica/header.jpg); background-repeat:no-repeat;
	}


/*livello che contiene corpo e footer*/
div#main{
	position:absolute; top:120px; left:1px; width:929px; margin:0; padding:0; text-align:left; 
	background:transparent; background-image:url(grafica/sfondo-main.jpg); background-repeat:repeat-y;
	}


/*livello che contiene menù, contenuto ed extra*/
div#corpo{
	height:auto;
	border:0px solid #867182;
	background-image:url(grafica/bottom-corpo.jpg); background-repeat:no-repeat;
	background-position:bottom;
	}


/*livello che ovviamente contiene il menu di navigazione*/
div#menu{
	position:absolute; top:0px; left:9px; width:100px; height:auto; text-align:left;
	margin:0 auto; padding:0; background:#000; border-top:1px solid #867182; 
	}


/*livello dei contenuti veri e propri della pagina*/
div#content{
	position:relative; left:119px;
	width:799px; padding:0px;
	background:#000;  
	border:1px solid #867182; 
	height:auto;
	}


/*livello per la colonnina di destra*/
div#extra{
	position:absolute; top:13px; left:738px; width:170px; margin:0; padding:0;
	text-align:center; border:0px solid #867182;
	height:auto; 
	}


/*ma che livello sarà mai questo!? il famoso livello pedante...*/
div#footer{
	position:relative; top:0px; left:1px; width:928px; margin:0; padding:10px 0; 
	background:#282129; text-align:right; border:0px solid #867182;
	font-family:geneva, arial, sans-serif; font-size:90%; height:20px; color:#908B91; 
	}




/*stili per il menu (dhtmlgoodies è la parte che riguarda lo slide menu dei prodotti)*/ 

div#menu div.decoro{
position:relative; width:98%; height:25px;
background-image:url(grafica/decoro.jpg); background-repeat:no-repeat;
}


div#menu div{
position:relative; width:88px; margin:10px auto; padding:0; text-align:center;
}

div#menu a.li{
display:block; width:90px; border-bottom:0px solid #fff; margin: 0; padding: 2px 0;
color:#E8D3E4; text-decoration:none; font-weight:bold; font-size:14px; text-align:center;
}


div#menu a:hover {
background-color:#fff; color:#8C858D; text-decoration:none;
}


#dhtmlgoodies_menu li{
list-style-type:none;	/* Elimina i bullets delle liste */
display:block; width:90px; border-bottom:0px solid #fff; margin: 0; padding: 2px 0;
color:#E8D3E4; text-decoration:none; font-weight:bold; font-size:14px; text-align:center;	
}



#dhtmlgoodies_menu ul{	
margin:0px; padding:0px;	/* evita che il blocco ul rimanga spostato a destra*/
}


#dhtmlgoodies_menu ul li ul{
/* Stili per i browser senza Javascript  - item dei sottomenu*/
padding-left:10px;
}

#dhtmlgoodies_menu li a{
display:block; width:90px; margin: 0; padding: 2px 0;
color:#E8D3E4; text-decoration:none; font-weight:bold; font-size:14px; text-align:center;
}

#dhtmlgoodies_menu li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
background-color:#fff; color:#8C858D; text-decoration:none;
}


.dhtmlgoodies_subMenu{
visibility:hidden; position:absolute; overflow:hidden;
border:1px solid #867182; color:#C6B1C0;
background-color:#000000; text-align:left;
}


.dhtmlgoodies_subMenu ul{
margin:0px;padding:0px;
}


.dhtmlgoodies_subMenu ul li{
list-style-type:none; margin:0px; padding:1px; 
}


.dhtmlgoodies_subMenu ul li a{
white-space:nowrap;	/* Il testo non va a capo */
display:block; padding:3px; color:#C6B1C0; width:auto; font-weight:normal; text-decoration:none;
}


.dhtmlgoodies_subMenu ul li a:hover{
background-color:#fff; color:#8C858D; text-decoration:none;
}









/*stili per i contenuti*/

div#content p#inadd{ 
	margin:5px 10px 8px; padding:0; 
	color:#c9b7c7; font-size:10px;
	}

div#content p#inadd a{
	color:#c9b7c7; font-size:10px;
	}

div#content a{
	color:#fff;
	}


div#content a:hover{
	color:#E8D3E4;
	}


div#content a.h2{
	text-decoration:none;
	}


div#content a.h2:hover{
	color:#E8D3E4; text-decoration:none;
	}


div#content a.top{
	display:block;
	color:#80777C; margin:10px;
	}

div#content a.top:hover{
	color:#E8D3E4;
	}







/*stili per gli articoli e le news*/
div.news{
	width:598px;
	margin:5px 10px 15px; padding:0px; border:0px solid #867182;
	text-align:justify; border:0px solid #867182;
	}


div.news div.titolo{
	height:38px;
	margin:12px 0 0; padding:0px; text-align:left;
	background-color:#867182; background-image:url(grafica/titolo-news.jpg); background-position:right;
	}

div.news h1{
	margin:0 5px; padding:0; 
	color:#fff; font-weight:normal; font-size:18px; 
	}

div.news p.date{
	margin:0 5px; padding:0;
	color:#c9b7c7; font-size:10px;
	}

div.news p{
	color:#E8D3E4; padding:5px; margin: 5px auto;
	}

div.news p.nota{
	font-size:11px;
	}





/*stili per le pagine di testo che non vengono aggiornate spesso*/
div.testo{
	width:598px;
	margin:5px 10px 15px; padding:0px; border:0px solid #867182;
	text-align:justify; 
	}



div.testo table td.dettagli{
	width:320px; 
	}




div.testo div.titolo{
	height:38px;
	margin:12px 0 0; padding:0px; text-align:left;
	background-color:#453E45; background-image:url(grafica/titolo-news.jpg); background-position:right;
	}

div.testo h1{
	margin:0; padding:5px 8px 0; 
	color:#fff; font-weight:normal; font-size:20px; 
	}

div.testo div.h2{
	height:26px;
	margin:0; padding:0; text-align:left;
	background-color:#453E45;
	border:0px solid #7D767D; background-image:url(grafica/sfondo-h2.jpg); background-position:center;
	}

div.testo h2{
	margin:0; padding: 4px 8px 0;
	color:#fff; font-weight:bold; font-size:15px;
	}

div.testo div.h2 span.new{
	font-family: tahoma, sans serif; color:red; font-size:15px; font-weight:bold; 
	margin:0; padding:4px 8px 0; 
	}


div.testo h3{
	margin:0; padding:5px 10px 0; 
	color:#fff; font-weight:bold; font-size:14px; 
	}

div.testo h4{
	margin:0; padding:10px 10px 0; 
	color:#fff; font-weight:bold; font-size:13px; 
	}

span.red{
	color:#E03C82; font-weight:bold;
	}

div.testo p{
	color:#E8D3E4; padding:5px; margin: 5px auto;
	}

div.testo p.nota{
	font-size:11px;
	}

div.testo ul#faq li{
	list-style-type:disc;
	color:#fff; font-weight:bold; font-size:14px; padding:0 5px; margin:5px auto;
	}

/*il paragrafo "a" è quello che risponde alle domande delle FAQ*/
div.testo p.a{
	position:relative; left:-40px; width: 585px; font-size:12px; font-weight:normal;
	color:#E8D3E4; padding:5px; margin:5px auto;
	}




/*tabella degli sconti per le protesi in lattice*/
div.testo table.generica{
	table-layout:fixed;  width:500px; border-collapse:collapse;  border:1px solid #867182; text-align:left; 
	}

div.testo table.generica td{
	border:1px solid #867182; padding:5px 10px; 
	}




/*le tabelle "spedizioni" sono quelle che indicano i costi di spedizione nelle pagine sugli acquisti*/
div.testo table.spedizioni{
	table-layout:fixed;  width:598px; border-collapse:collapse;  border:1px solid #867182; text-align:left;
	}

div.testo table.spedizioni td{
	border:1px solid #867182; padding:5px 10px;
	}

div.testo table.spedizioni td.titolo{
	padding:2px 5px; font-style:italic; background-color:#241D24; color:#E8D3E4;
	}




/* la tabella "aree" è quella che descrive le zone del mondo dove si trovano i rivenditori, ma anche i generi dei link*/
div.testo table.aree{
	width:598px; border:0px; text-align:left;
	}

div.testo table.aree td{
	vertical-align:top;
	}





div.testo ul.regioni li{
	list-style-type:disc;
	color:#E8D3E4; font-weight:bold; font-size:12px; 
	padding:0 5px; margin:5px auto;
	}



/*livello che occupa anche la larghezza di extra*/
div.testo div.largo{
	width:790px; height: 452px;
	margin:0; padding:0;
	border:0px solid #fff;
	}



/*descrizione della strada per arrivare a Neraluna da Milano*/
div.testo img#percorso{
	float:right; 
	position:relative; top:0; right:0px;
	margin:15px;
	height:412px; border:2px solid #fff; }


div.testo li{
	color:#E8D3E4; padding:3px 0;
	}


div.testo b.white{
	color:#fff; font-style:italic;
	}













/*stile per scheda prodotto*/

p#slide{
	text-align:center;
	}


table.immagini {
	table-layout:fixed; border-collapse:collapse; 
	width:598px; vertical-align:top;
	text-align:left;
	}

td.sx {
	width:186px; vertical-align:top;
	}

table.sx{
	table-layout:fixed; border-collapse:collapse; border:1px solid #867182;
	text-align:center; vertical-align:middle;
	}

table.sx td{
	border:1px solid #867182; width:90px; height:90px;
	}

img.tn, img.foto{
	margin:0px; padding:0px; border:1px solid #fff;
	}


div.foto{
	border:0px solid #000;  text-align:center; padding:2px auto;
	}

td.dx {
	vertical-align:top;
	}







div.slide{
	width:598px; margin:10px auto; height:auto;
	text-align:justify;
	}

div.slide img{
	width:auto; margin:5px; border:1px solid #fff;
	text-align:justify;
	}

div.slide a{
	text-decoration:none; color:#fff; 
	}


table.vetrina{
	text-align:center; margin:10px; 
	}

table.vetrina td{
	padding:5px; 
	}

table.vetrina img{
	border:1px solid #fff;
	}


table.vetrina a{
	text-decoration:none; color:#fff; 
	}





div.negozio{
	color:#E8D3E4; font-size:11px; padding:0 0 8px;
	}


div.negozio h3{
	display:inline; color:#fff;
	margin:0; padding:0 10px;
	}

div.negozio p{
	color:#E8D3E4; padding:0 5px; margin:10px auto; 
	}

div.negozio a.h3{
	color:#fff; font-weight:bold; font-size:14px;
	margin:0; padding:0 10px; text-decoration:none; 
	}

div.negozio a.img{
	float:left; border:0px solid #000;
	margin:0; padding:0 10px;
	}







/*stili per la sezione extra*/

div#extra h2{
	position:relative;  margin:0 auto; padding-top:2px; text-align:center;
	color:#fff; font-style:italic; font-size:12px; height:16px;
	background-color:#4D464D; background-image:url(grafica/titolo-extra.jpg); background-position:center;
	}

div#extra p{
	margin:0 0 10px; padding:10px 5px; text-align:justify; font-size:11px;
	background-color:#241D24; color:#E8D3E4;
	}

div#extra a{
	color:#fff;
	}

div#extra div.foto{
	background-color:#241D24;margin:o; padding:10px 0 0;
	text-align:center;
	width:170px; height:auto;
	}

div#extra p a img#foto{
	display:block; width:auto; height:auto; margin: auto; padding:10px; border:1px solid #867182;
	}

div#extra img.me{
	width:150px; height:202px; margin:0; padding:0; border:1px solid #867182;
	}




div#extra form{
	margin:0 0 10px; padding:10px 5px 5px; text-align:justify; font-size:11px;
	background-color:#241D24; color:#E8D3E4; 
	}

div#extra form table{
	border-top: 0px solid #000; font-size:11px;
	table-layout:fixed; width:160px; border-collapse: collapse; margin:8px auto 0px; padding:0;
	}

div#extra td.label{
	border-top: 5px solid #241D24; border-bottom: 5px solid #241D24; border-left: 0px solid #000; border-right: 0px solid #000;
	color:#241D24; font-size:11px; margin:0; padding:1px 2px; width:26%; background-color:#867182; font-weight:bold; text-align:center;
	}

div#extra td.input{
	border-top: 5px solid #241D24; border-bottom: 5px solid #241D24; border-left: 1px solid #000; border-right: 0px inset #000;
	font-size:11px; margin:0; padding:0px; background-color:#E8D3E4;
	}

div#extra input.text{
	font-size:11px; margin:1px; padding:2px; width:93%; 
	border: 1px inset #000;
	}

div#extra td.invia{
	text-align:right; 
	font-size:11px; margin:0; padding:0px; border: 0px solid #000;
	}

div#extra input.invia{
	color:#fff; margin-top:5px; font-size:11px;
	background:#867182; border: 2px outset #000000;
	text-align:center; padding:2px; font-weight:bold;
	}







/*stili per la barra dei banner*/

div#banner table{
	position:relative; top:0; width:100%; height:100%; margin:0 auto; padding:0;  
	text-align:center;
	}

div#banner td{
	width:25%;
	background-color:#000;
	background-image:url(grafica/banner.jpg);
	background-repeat: no-repeat;
	background-position:center;
	}

div#banner td a{
	color:#9D8D9A; font-style:italic; text-decoration:none;
	}

div#banner td a:hover{
	color:#867182; 
	}



/* stili per il footer*/

div#footer div.footer-text{
	color:#9D8D9A;
	position: absolute; left:7px;
	border:1px solid #867182;
	background-color:#000;
	width:910px; margin:0; padding:3px 0;
	}

div#footer p{
	display:inline;
	width:auto; padding:0 5px;
	}

div#footer a{
	color:#9D8D9A; font-weight:bold; text-decoration:none;
	}

div#footer a:hover{
	color:#BDBABE;
	}