body{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#fff url(images/bg.gif) repeat-x;
text-align:center;
background-color: #A90000;
}

img{
margin:0;
padding:0;
border:none;
}

/* ---------- INTESTAZIONI H1, H2, H3, H4, H5, H6 */ 
.testodario {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#000000;
	padding: 15px 30px; 0;
	text-align: justify;
}


#head h1, #head h2{display:none;}


#content h3 {
margin:0 10px 0 10px;
padding: 15px 0 0;
color: #666;
/*font-size:0.8em;*/
/*font-size:10px;*/
font-size:13px;
border-bottom: 1px dashed #ccc;
text-align: justify;
width:737px;
voice-family: "\"}\""; 
voice-family:inherit;
width:717px;
}

body>#content h3 {
width:717px;
}

/* ---- FINE  INTESTAZIONI */

.floatleft { /* usata per posizionare l'immagine a dx nella pag */
float:left;
margin: 10px 5px 0 10px;
}



/* --- link generici --- */
a{
text-decoration:none;
color:#a90000;
font-size: 11px;
font-weight:bold;
}

a: visited{  /* per i link visitati, ho messo la sottolineatura a differenza di quello da visitare.  se nn ti piace puoi anche toglierla */
text-decoration:underline;
color:#000;
font-size: 11px;
font-weight:bold;
}

a:hover{
text-decoration:none;
color:#000;
font-size: 11px;
font-weight:bold;
}

a.spartiti{
text-decoration:underline;
color:#a90000;
font-size: 10px;
font-weight:bold;
}

a.spartiti: visited{  /* per i link visitati, ho messo la sottolineatura a differenza di quello da visitare.  se nn ti piace puoi anche toglierla */
text-decoration:underline;
color:#000;
font-size: 10px;
font-weight:bold;
}

a.spartiti:hover{
text-decoration:underline;
color:#000;
font-size: 10px;
font-weight:bold;
}

a.mp3d{
text-decoration:none;
color:#a90000;
font-size: 10px;
font-weight:bold;
}

a.mp3d: visited{  /* per i link visitati, ho messo la sottolineatura a differenza di quello da visitare.  se nn ti piace puoi anche toglierla */
text-decoration:none;
color:#000;
font-size: 10px;
font-weight:bold;
}

a.mp3d:hover{
text-decoration:none;
color:#000;
font-size: 10px;
font-weight:bold;
}

/* --- fine  link generici --- */



/* ------ CLASSI -------- */

.floatright { /* usata per posizionare l'immagine a dx nella pag */
float:right;
margin: 10px 0px 0 10px;
}

.carr{ /* usata solo per posizionare il carrello a dx */
margin:0 20px 0 0 ;
padding: 0px 0 0  ;
height:18px;
width:30px;
display: inline;
float:right;
}

/* --------- FINE CLASSI -------- */


/* ---------- PARAGRAFI ---------*/

#content p{ /* paragrafo usato solo per scrivere testo nel content */
margin: 10px 20px  5px 20px;
padding: 0;
text-align:justify;
line-height:1.6em;
font-size:x-small;
voice-family: "\"}\""; 
voice-family:inherit;
font-size:small;
}

html>#content p{ 
font-size:small;
}


#footer p{  /* paragrafo usato solo per scrivere testo nel footer */
margin: 0;
padding:5px 0 0 0 ;
color: #7c7c7c; 
font-size:10px;
voice-family: "\"}\""; 
voice-family:inherit;
font-size:10px;
text-align:center;
}	

html>#footer p{
font-size:10px;
}

/* ---------- FINE PARAGRAFI ---------*/




/* ------- STRUTTURA SITO------- */

#container{ /* contenitore generale */
margin:0 auto 10px auto;
padding:0;
width:757px;
background:transparent url(images/bk3.gif) repeat-y;
position:relative;
}

#head{ /* testa */
margin:0;
padding:0;
height:117px;
background:url(images/head.gif) no-repeat #fff;
}


#sottohead{ /* contiene solo l'imm. di sfondo */
margin:0;
padding:0;
height:27px;
text-align:left;
background:url(images/nav.gif) no-repeat  top transparent;
}

#nav{ /* per la barra di nav vera e propria */
margin:0;
padding:0;
width:695px;
height:20px;
line-height:20px;
background:transparent;
text-align:left;
}

#content{  /* col centrale per il testo */
margin: 0;
padding:0;
text-align:left;
width:757px;
}

#footer{
margin:0;
padding:0;
font-size:10px;
text-align:center;
clear:both;
height:49px;
background: url(images/footer.gif) no-repeat left top;
}
/* ------- FINE STRUTTURA SITO------- */



/*------- ELENCHI --------- */

#nav ul{  /* elenco orizzontale sotto la head */
margin:0;
padding:0;
list-style-type:none;
}


#nav li{
margin:0 6px 0 5px;
padding:0;
display:inline;
color:#a90000;
font-size:11px;
font-weight:bold;
}


#nav li a, #nav li a:visited{
text-decoration:none;
color:#a90000;
}

#nav li a:hover{
text-decoration:none;
color:#000;
}

.qui{  /* classe associata alla pagina che si sta visitando */
margin:0;
padding:0;
font-size:11px;
font-weight:bold;
color:#000;
}
 
/*------- FINE  ELENCHI --------- */





/* === FORM === */
#ricerca{
margin:0;
padding:0;
position:absolute;
top:30px !important;
top:20px;
right:15px;
}

.fieldset {
margin:0 10px 0 10px;
padding:0;
border:1px solid #a90000;
text-align:center;
width:300px;
voice-family: "\"}\""; 
voice-family:inherit;
width:278px;
}

body>.fieldset {
width:278px;
}

.legend{ 
font-variant:small-caps;
font-size:90%;
font-weight:bold;
color:#333;
padding-left: 5px;
}

.legend2{
	font-size:14px;
	font-weight: bold;
	color: #333;
	padding-left: 20px;
	padding-right: 20px;
	background: #FFEFEF;
	text-decoration: underline;
}

label {
margin:5px;
display:block;
}


input#r { 
margin-top:10px;
margin-bottom:5px;
font-size: 90%;
width:180px; 
border:#73807b 1px solid; 
height:20px;
background:#fff;

}

input#btnr {
margin-top:10px;
margin-bottom:2px !important;
margin-bottom:5px;
font-size: 90%;
font-weight:bold;
border:#73807b 1px solid; 
color:#000; 
background:#fff;
padding:0;
width:30px;
height:24px;
}
/*=== FINE FORM === */


/* --- Immagini con effetto su rollover --- */

#box{
margin:0 auto;
padding:0;
width:450px;
}

#boxGrande{
margin:0 auto;
padding:0;
width:700px;
}
#box2{
margin:0 auto;
padding:0;
width:550px;
}

.cont70{/* in questo ci metti le immagini 74x74*/
margin:0;
padding:0;
width:76px;
height:76px;
float:left;
}

a.img70:link, a.img70:visited{
margin:0 auto;
padding:3px; /* è la distanza dall'immagine */
width:70px; /* larghezza dell'immagine */
height:70px; /* altezza dell'immagine */
border: 1px solid #fffed8; /* il bordo è necessario altrimenti vedi uno "spostamento" nello stato hover dell'immagine*/
/* inoltre deve avere un bordo dello stesso colore dello sfondo sul quale si trova*/
display:block; 
} 

a.img70:hover { 
margin:0 auto;
padding:3px;  /* come sopra */
border: 1px solid #aaa; /* colore del bordo scambiato */
height:70px; /*  come sopra */
width:70px;  /*  come sopra */
} 

.cont60{ /* in questo ci metti le immagini 60x60*/
margin:0;
padding:0;
width:70px;
height:70px;
float:left;
}
.cont100{ /* in questo ci metti le immagini 60x60*/
margin:0px;
float:left;
}
.copertina{
	margin:3px;
	float:left;
	height: 140px;
}

.cont60centrato{ /* in questo ci metti le immagini 60x60*/
margin:0 0 0 5px;
padding:0;
width:70px;
height:70px;
float:left;
}

a.img60:link, a.img60:visited{
margin:0 auto;
padding:3px; /* è la distanza dall'immagine */
width:60px; /* larghezza dell'immagine */
height:60px; /* altezza dell'immagine */
border: 2px solid #fffed8; /* il bordo è necessario altrimenti vedi uno "spostamento" nello stato hover dell'immagine*/
/* inoltre deve avere un bordo dello stesso colore dello sfondo sul quale si trova*/
display:block; 
} 

a.img60:hover { 
margin:0 auto;
padding:3px;  /* come sopra */
border: 2px solid #E2000E; /* colore del bordo scambiato */
height:60px; /*  come sopra */
width:60px;  /*  come sopra */
} 

a.img100:link, a.img100:visited{
margin:0 auto;
padding:3px; /* è la distanza dall'immagine */
border: 2px solid #fffed8; /* il bordo è necessario altrimenti vedi uno "spostamento" nello stato hover dell'immagine*/
/* inoltre deve avere un bordo dello stesso colore dello sfondo sul quale si trova*/
display:block; 
} 
a.img100:hover { 
margin:0 auto;
padding:3px;  /* come sopra */
border: 2px solid #E2000E; /* colore del bordo scambiato */
} 
.cont25{ /* in questo ci metti le immagini 60x60*/
margin:0;
padding:0;
float:left;
}

a.img25:link, a.img25:visited{
margin:0 auto;
padding:3px; /* è la distanza dall'immagine */
width:25px; /* larghezza dell'immagine */
height:25px; /* altezza dell'immagine */
border: 1px solid #fffed8; /* il bordo è necessario altrimenti vedi uno "spostamento" nello stato hover dell'immagine*/
/* inoltre deve avere un bordo dello stesso colore dello sfondo sul quale si trova*/
display:block; 
} 

a.img25:hover { 
margin:0 auto;
padding:3px;  /* come sopra */
border: 1px solid #aaa; /* colore del bordo scambiato */
height:25px;   come sopra */
width:25px;  /*  come sopra */
} 

a.miniature:hover { 
padding:6px;
border: 1px solid #aaa;
} 

/* --- Fine Immagini con effetto su rollover --- */

.legend{ 
font-variant:small-caps;
font-size:85%;
font-weight:bold;
color:#333;
}

.intestazionetesto {
	font-family:Verdana, Arial, Helvetica, sans-serif, "Century Gothic";
	font-size:12px;
	color:#666666;
	font-weight:bold;
	color:#333333;
}

.testo {
	font-family:Verdana, Arial, Helvetica, sans-serif, "Century Gothic";
	font-size:10px;
	color:#333333;
}

.testoda {
	font-family:Verdana, Arial, Helvetica, sans-serif, "Century Gothic";
	font-size:10px;
	color:#333333;
	font-style: italic;
}


.titoloprodotto {
	margin: 5px 20px  0px 20px;
	padding: 0;
	text-align:justify;
	line-height:1.6em;
	font-size:medium;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size:small;
	border-bottom: 1px solid #6D6D6D;
	border-bottom-style:dotted;
	border-bottom-color:#CCCCCC;
	display: block;
	color:#666666;
}

/*aggiunto*/

#boxricerche {
	width: 600px;
	margin: 5px 5px 5px 5px;
}

#boxricerchelabel {
	width: 200px;
	text-align:left;
	float:left;
	margin: 0 0 5px 0;
}

#boxricercheelenco {
	width: 300px;
	margin: 0 0 5px 5px;
	text-align:left;
}

.titolo {
	margin: 10px 20px  5px 20px;
	padding: 0;
	text-align:justify;
	line-height:1.6em;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size:11px;
	display: block;
	color:#000000;
}