/*CSS Stile Tipoarte*/

body{
margin:0px;
padding:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
background-color:#fff;
background-image:url(img/sf.gif);
text-align:center;
}

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

#main{
width: 760px;
margin-right: auto;
margin-left: auto;
}

#menu_servizio{
width: 760px;
height:25px;
margin: 0;
padding: 0;
background-color:#000;
text-align:right;
}


#header{
width:760px;
height:220px;
}

#menu_main{
width: 100%;
margin: 0;
padding: 0  1.5em 1em;
}

#contenuti{
width:100%;
margin:0;
padding:  0 0 3em 0;
}


#contenuti ul, li{
list-style-type: none;
text-align:left;
margin: 1.2em 0 0 0;
padding: 0;
}


#footer{
width:100%;
border-top: 1px solid #000;
font-size: xx-small;
padding-top:10px;
margin-bottom:20px;
clear:both;
}

/*NAVIGAZIONE PRINCIPALE
-------------------------------------
*/


#menu_main ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align:left;
	vertical-align:top;	
}

#menu_main li{
	display: inline;
	margin: 0;
	padding: 0 0 0 0.5em;
} 

#menu_main li img{
border:none;
padding: 0;
margin: 0;
vertical-align:text-top;
} 


.menu_main1 a{
color:#000;
font-size: x-large;
font-family: Courier New,Courier,Mono;
text-decoration: none;
vertical-align: baseline;
	
}
.menu_main1 a:hover {
color:#c00;
text-decoration: none;
}
.menu_main1 a#active{
color: #c00;
text-decoration: none
}

.menu_main2 a{
vertical-align: baseline;
color:#666;
font-size: large;
font-family: Courier New, Courier, Mono;
text-decoration: none;
border-left: 3px solid #c00;
padding: 0 0 0 0.5em;

}
.menu_main2 a:hover{
color: #c00;
text-decoration: none
}
.menu_main2 a#active{
color: #c00;
text-decoration: none;

}


/*NAVIGAZIONE SERVIZIO
---------------------------------
*/

#menu_servizio ul{
margin: 0;
padding: 0 0 0.2em 0; 
list-style-type: none;
}
#menu_servizio li{
display: inline; 
margin: 0;
padding: 0 0 0 1em;
color:#fff;
background-color: #000;
} 

#menu_servizio li img{
border:none;
padding: 0;
margin: 0;

} 


#menu_servizio a{
color:#fff;
font-size: xx-small ;
text-decoration: none;

}
#menu_servizio a:hover{
color: #c00;
text-decoration: none
}
#menu_servizio a#activelink{
color: #c00;
text-decoration: none
}

/*SOTTO MENU (collane)
------------------------------------------
 */

#sottomenu {
width:760px;
color:#fff;
background-color: #c00;
margin:  0 0 1em 0 ;
padding: 0 0 0 0;
text-align:left; 
}

#sottomenu ul{
margin: 0;
padding: 0; 
list-style-type: none;
}
#sottomenu li{
display: inline; 
margin: 0;
padding: 0 0 0 0.5em;
color:#fff;
font-size: x-small;
font-weight:bold;
line-height: 2em;
background-color: #c00;
} 

#sottomenu a{
color:#fff;
text-decoration: none
}
#sottomenu a:hover{
color: #000;
text-decoration: none
}
#sottomenu a#ac{
color: #000;
text-decoration: none
}

/*PATH DI NAVIGAZIONE 
----------------------------------
*/

#path {
width:760px;
background-color: #eee;
margin: 0 0 1em 0;
padding: 0 0 0 0;
text-align:left; 
}

#path ul{
margin: 0;
padding: 0; 
list-style-type: none;
}
#path li{
display: inline; 
margin: 0;
padding: 0 0 0 0.5em;
color:#333;
font-size: x-small;
line-height: 2em;
background-color: #eee;
} 

#path a{
color:#333;
text-decoration: none
}
#path a:hover{
color: #c00;
text-decoration: none
}
#path a#act{
color: #c00;
text-decoration: none
}



/* STILE CONTENUTI
-----------------------------
------------------------------
 */

.home {
color:#000;
font-size: small;
text-decoration: none;
border-left: 3px solid #c00;
border-right:  3px solid #c00;
text-align:left;
padding: 0 2.2em 0 2.2em;
margin:0;
line-height:20px;

}


.content {
color:#000;
font-size: small;
text-decoration: none;
text-align:left;
padding: 0 2.2em 0 2.2em;
margin:0;
line-height: 2em;
}

.content a{
color:#000;
}

.content a:hover{
color:#c00;

}

/*CATALOGO
-------------------------------
*/
.textimage{
margin: 0;
padding: 0;
border-bottom: 1px dotted #999; 

} 
.textimage img{
float:left;
margin: 0 1em 3em 0;
padding:0;
border:none;
}
.textimage h1{
	padding:0;
	margin:0 0 0.3em 0;
	color: #c00;
	font-size: small;
	text-align:left;
	text-transform: uppercase;
	font-weight:bold;
}

.textimage h2{
padding:0;
margin:0 0 1em 0;
font-size: small;
font-weight:normal;
text-align:left;
}
.textimage p{
padding:0;
margin:0 0 0 0;
font-size: small;
text-align:left;

}

.clearer{
clear: left
}

/*APPROFONDIMENTO CATALOGO
-----------------------------------
*/

.textimage2{
margin: 0 0 3em 0;
padding: 0;
} 
.textimage2 img{
float:left;
margin: 0 1em 0 0;
padding:0;
border:none;
margin-bottom: 50px;
}
.textimage2 h1{
padding:0;
margin:0 0 0.3em 0;
color: #c00;
font-size: small;
text-transform: uppercase;
font-weight:bold;
}

.textimage2 h2{
padding:0;
margin:0 0 1em 0;
font-size: small;
font-weight:normal;

}
.textimage2 p{
padding:0;
margin:0;
font-size: small;
}

.textimage2 a{
padding:0;
margin:0;
font-size: small;
color:#000;
}

.textimage2 a:hover{
padding:0;
margin:0;
font-size: small;
color:#c00;
}

#testo{
float:right;
width: 490px;\width:500px; w\idth:490px;
line-height: 20px;
margin: 0;
padding: 0;
border-top: 1px solid #000;
font-size: small;
} 

#testo p{
margin: 1em 0 1em 0;
padding: 0;
font-size: small;
} 

#testo p a{
color:#666;
} 

#testo p a:hover{
color:#c00;
} 

#foto {
float:left;
width: 250px;\width:2400px; w\idth:250px;
margin: 0 1em 1em 0;
padding:0;
}

#foto img{
margin:  0 0 1em 0;
padding:0;
}



/*navigazione catalogo
---------------------------------
*/
.textimage h1 a{
padding:0;
margin:0 0 0.3em 0;
color: #c00;
font-size: small;
}

.textimage h1 a:hover{
padding:0;
margin:0 0 0.3em 0;
color: #c00;
font-size: small;
}

.textimage h1 a:visited{
padding:0;
margin:0 0 0.3em 0;
color: #c00;
font-size: small;
}


.textimage a{
padding:0;
margin:0;
font-size: small;
color:#000;
}

.textimage a:hover{
padding:0;
margin:0;
font-size: small;
color:#c00;
}


/*CARRELLO
--------------------------------
*/

.carrello{
margin: 0 0 0 680px;
}
table#h{
width:760px;
 border-spacing: 3px;
 margin:0; 
 
}

#h td {
}

.tdbig {
	margin:0;
	background-color:#c00;
 	padding: 0.5em;
 	font-size: x-small;
	line-height:18px;
	color:#fff;
	text-align:left;
}

.tdsmall {
	background-color:#c00;
	width:50px;
	margin:0;
 	padding: 0.5em;
 	font-size: x-small;
	line-height:18px;
	color:#fff;
}

.tdsmall2 {
	width:50px;
	margin:0;
 	padding: 0.5em;
 	font-size: x-small;
	color:#000;
	background-image:url(img/sf_td.gif)
	}
	
	.car {
	width: 40px;
	margin:0;
 	padding: 0;
 	font-size: x-small;
	color:#000;
	text-align:center;

}


.tdbig2 {
	margin:0;
 	padding: 0.5em;
 	font-size: x-small;
	color:#000;
	background-image:url(img/sf_td.gif)
}


.tdbig2 a{
	color:#000;

}

.tdbig2 a:hover{
	color:#c00;

}



.tdtotal {
	margin:0;
	background-color:#ddd;
 	padding: 0.5em;
 	font-size: x-small;
	line-height:18px;
	color:#000;
	text-align:right;
}

.tdacquista {
	margin:0;
	padding: 0.5em;
 	font-size: xx-small;
	color:#000;
	text-align:right;
}

#vuoto {
width:760px;
background-color: #c00;
margin: 0;
padding: 0;
font-size: small;
color:#fff;
line-height: 18px;
}



/*AUTORI
---------------------------------
*/

#sf_autori{
margin:0;
padding:0;
background-image:url(img/sf_autori.gif);
background-repeat:no-repeat;
} 

#sf_autori h1{
margin: 3em 0 0 360px;
padding:0;
font-size: large;
color:#c00;
text-align:left;
}

.scheda h2{
margin: 0 0 0 360px;
padding: 60px 0 0 0;
font-size: large;
color:#c00;
text-align:left;
} 


.scheda p{
margin: 0 0 0 360px;
padding: 1em 0 0 0;
font-size: small;
color:#000;
text-align:left;
line-height:18px;
}


.scheda p a{
color:#666;
font-size: small;
} 

.scheda p a:hover{
color:#c00;
} 


 
.autori{
margin: 0 0 0 380px;
padding:0;
font-size: xx-large;
color:#c00;
text-align:left;
} 


.autori ul {
margin: 0;
padding: 0;
} 
.autori li {
margin: 0;
padding: 0;
font-size: small;
color:#000;
text-align:left;
list-style-image:url(img/virg.gif);
line-height: 24px;
} 
.autori li a{
margin: 0;
padding:0;
font-size: small;
color:#000;
text-align:left;
text-decoration:none;
} 

.autori li a:hover {
margin: 0;
padding:0;
font-size: small;
color:#c00;
text-align:left;
text-decoration:none;
} 

.ricerca{
margin: 0;
padding: 0;
font-size: small;
text-align:right;
} 

/*EVENTI
-----------------------------------
*/

.eventi{
margin: 0 0 1em 0;
padding: 0;
border-bottom: 1px dotted #999;
} 

 
.eventi img{
float:left;
margin: 0 1em 1em 0;
padding:0;
border:none;
}
.eventi h1{
padding:0;
margin:0 0 0.3em 0;
color: #c00;
font-weight:bold;
font-size: small;
text-align:left;
line-height:24px;

}

.eventi h1 a{
color: #c00;
}
.eventi h1 a:hover{
color: #c00;
}

.eventi h2{
padding:0;
margin:0 0 1em 0;
font-size: small;
font-weight:normal;
text-align:left;
}
.eventi p{
padding:0;
margin:0 0 1em 0;
font-size: small;
text-align:left;
line-height:18px;

}


.approfondimento{
margin: 0 0 1em 0;
padding: 0;
}


.approfondimento h2{
padding:0;
margin:0 0 1em 0;
font-size: small;
font-weight:normal;
text-align:left;
}
.approfondimento p{
padding:0;
margin:0 0 1em 0;
font-size: small;
text-align:left;
line-height:18px;

}

#testo-ev{
float:right;
width: 590px;\width:589px; w\idth:590px;
line-height: 20px;
margin: 0;
padding: 0;
font-size: small;
text-align:left;
} 

#testo-ev p{
margin: 0 0 1em 0;
padding: 0;
font-size: small;
} 

#testo-ev  h1{
padding:0;
margin:0 0 0.3em 0;
color: #c00;
font-weight:bold;
font-size: small;
text-align:left;
line-height:24px;

}

#testo-ev h1 a{
color: #c00;
}
#testo-ev h1 a:hover{
color: #c00;
}


#immagine {
float:left;
width: 160px;\width:161px; w\idth:160px;
margin: 0 0.5em 1em 0;
padding:0;
text-align:left;
}




.data{
font-weight:normal;
}

.dove{
font-weight:normal;
}

.link-up{
font-size: small;
color:#666;
margin:2em 0 1em 0;
padding:0;
}

.link-up a{
color:#666;
font-size: x-small;
}

.link-up a:hover{
color:#c00;
}

/*FORM
-----------------------------------
*/


form.registrati {
	width: 760px;
	font-size: 0.8em;
	color: #333;
	text-align:left;
	margin:0;
	padding:0;
	}
	
	
	form.registrati a {
	color: #333;
	text-align:left;
	margin:0;
	padding:0;
	}
	
	form.registrati a:hover {
	color: #c00;
	text-align:left;
	margin:0;
	padding:0;
	}

	
form.registrati legend { padding-left: 0; }
	
form.registrati legend,
form.registrati label { color: #333; }

form.registrati fieldset {
	border-top: 1px solid #ddd;
	
	}
	
.small {
font-size: 0.8em;
color: #333;
font-weight:normal;
 }

.errore {
color: #c00;
font-weight:normal;
padding: 10px 0 10px 0;
text-align:center;
 }
 
 

form.registrati h2 {
font-size: 0.9em;
color: #c00;
font-weight:normal;
text-align:right;
 }

form.registrati p {
padding:10px;
margin:0;
 }

.margin {
padding:10px 0 10px 10px;
margin: 10px 0 10px 0; }
	
form.registrati fieldset li {
	padding: 10px;
	}


form.registrati fieldset { margin-bottom: 35px; }
	
form.registrati legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
form.registrati label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}
	
form.registrati fieldset ul {
	margin: 0;
	padding: 0;
	
	}
	
	.invia {
	padding: 10px;
	margin-left: 150px;
	}
form.registrati fieldset li {
	list-style: none;
	padding: 10px;
	margin: 0;
	margin-left: 150px;
	}
	
	


form.registrati em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.registrati label { width: 150px; } 

form, fieldset {
	margin: 0;
	padding: 0;
	}

	
fieldset { border: 1px solid #ddd; }

legend {
	padding: 0;
	color: #000;
	}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
	}
	
select { padding: 10px;
margin: 10px; }


/*TIPOGRAFIA
---------------------------------
*/
#tipografia{
margin:1.2em 1.2em 0 1.2em;
padding:  0 0 3em 0;
}


#tipografia ul{
text-align:left;
margin:  0;
padding: 0;
}

#tipografia li{
list-style-type: circle;
font-size: 0.8em;
text-align:left;
margin: 0;
padding: 0;
line-height:30px;
 }
 
 #tipografia h1{
color:#c00;
font-size: 1em;
font-family: Courier New, Courier, Mono;
text-align:left;
margin: 0;
padding: 0;
line-height:30px;
 }
 
 #tipografia a{
color:#000;
 }
 
 #tipografia a:hover{
color:#c00;
 }
 
 #tipografia p{
font-size: 0.8em;
text-align:left;
margin: 0;
padding: 0;
line-height:30px;
 }


 .linea {
border-bottom:1px dotted #666;
padding: 0 0 5px 0;
margin: 0 0 10px 0;
 }

 .visualizza {
font-size: 0.8em;
color:#333;
text-align:right;
 }
 .visualizza a{
color:#c00;
 }

.visualizza a:hover{
color:#c00;
 }
 
 .visualizza a:visited{
color:#333;
 }
 
 /*CONTENUTI CASA EDITRICE
 ---------------------------------------
 */
 
 .collane{
color:#c00;
font-size: small;
text-decoration: none;
text-align:left;
padding: 0 2.2em 1em 2.2em;
margin:1em 0 0 0;
line-height: 2em;
font-weight:bold;
border-top: 1px solid #c00;
 }
 
 
  .tit-collane{
font-size: small;
text-align:left;
padding: 1em 2.2em 0 2.2em;
margin:0;
line-height: 2em;
font-weight:bold;
color:#000;

 }
 
 .tit-collane a{
color:#000;

 }
  .tit-collane a:hover{
color:#c00;

 }
 
 

  .su{
font-size: x-small;
text-align:left;
padding: 1em 2.2em 1.5em 3em;
margin:1em 0 0 0;
line-height: 1em;
color:#666;
border-top:1px dotted #c00
 }
 
 .su a{
color:#666;

 }
  .su a:hover{
color:#c00;

 }