/* ---------------------------------------------
	style.css 1.2
	Content detail template specific styles 
	Author: Andrea De Lissandri
   --------------------------------------------- */



/*    Contento Generale
-------------------------------------------------------------------- */
body {
	background:  #FFFFFF;
	text-align: left;
	color: #000000;											
	font-family: Arial, Verdana, "Times New Roman", Times, serif;
	font-size: 12px;	
	color:#000;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	}
		
#bordo { border:1px solid #333333;}	

#tab_contenuti {padding: 0px; margin: 10px 40px 0px 40px;; width:95%; height:100px;}	

/*BANNER TOP */
	
		#sfondo-top{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 778px; height:304px; background: url(../immagini/banner-top.jpg) no-repeat top center;}				
		#sfondo-top1{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 778px; height:304px; background: url(../immagini/banner-top-xc.jpg) no-repeat top center;}				

#top{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 790px; height:166px; background: url(../immagini/banner.jpg) no-repeat top center;}				
	
	

h1 {font: 15px Arial,verdana,times,tahoma;
	color:#000000;
	font-weight:bold;
	text-align: center;
	width:90%;
	margin: 0px 0px 0px 2px;
	padding:2px 0px 2px 0px;}
	
h2 {font: 16px Arial,verdana,times,tahoma;
	color:#40412f;
	text-align: left;
	font-weight:bold;
	margin: 6px 0px 0px 0px;
	padding:0px 0px 0px 0px;}
	
h3 {font: 14px Arial,verdana,times,tahoma;
	color:#525260;
	font-weight:bold;
	margin: 6px 0px 0px 0px;
	padding:0px 0px 0px 0px;}	
	

				
	
	/*BANNER TOP */
	
		#banner_top{ text-align: center; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width:778px; height:109px; background: url(../immagini/banner-top.jpg) no-repeat top center;}
							
	/* MENU TOP */
		#menu_top{ padding:0; margin:0; float: left; width:800px;}
		#menu_top ul{ margin: 0;padding: 0; padding:102px 0px 0px 150px;}
		#menu_top li {float: left; padding:0px 0px 0px 0px; margin: 4px 0px 0px 0px; list-style-type: none; display:inline-table;}
		#menu_top a
					{ 
						display: block;
						text-decoration: none; 
						color: #FFFFFF;
						height:14px;
						line-height: 13px;
						text-align: center; 
						padding:2px 3px 3px 0px; 
						margin:1px 2px 9px 1px;
						font: 11px Arial, Helvetica, sans-serif;
						font-weight:bold;
						width: 50px;
						border-right: 1px solid #000000;
						 
					}
		#menu_top a:hover{ color: #fdef13; text-decoration:none;}

#motore_top{ width:600px; margin:0px 0 0px 220px; padding:0 0 20px 0;	 }
		
	/* SOTTOCATEGORIE PRODOTTI*/
		#categorie{ padding-top:0px; padding-left:0px; text-align: right;  margin: 10px 0px 0px 0px;}
		#categorie ul{list-style-type: none; margin: 0;padding: 0; }
		#categorie li{float: left; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
		#categorie a
					{ 
						display: block;
						width:150px;
						text-decoration: none; 
						color: #000000;
						text-align: left; 
						font-size:11px; 
					    background: url(../immagini/freccia.gif) no-repeat 5px 3px;
						padding:0px 0px 0px 20px; 
						margin:2px 0px 2px 15px;
						 
					}
		#categorie a:hover{ color: #444444; background:#DDDDDD url(../immagini/freccia1.gif) no-repeat 5px 3px; text-decoration:none; }	
	
	
	/* SOTTOCATEGORIE PRODOTTI*/
		#sottocategorie{ padding-top:0px; padding-left:0px; text-align: right;  margin: 0px 0px 0px 0px;}
		#sottocategorie ul{list-style-type: none; margin: 0;padding: 0; }
		#sottocategorie li{float: left; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
		#sottocategorie a
					{ 
						display: block;
						width:94%;
						text-decoration: none; 
						color: #000000;
						text-align: left; 
						font-size:11px; 
					    background: url(../images/freccia.gif) no-repeat 5px 3px;
						padding:0px 0px 0px 20px; 
						margin:2px 0px 2px 0px;
						 
					}
		#sottocategorie a:hover{ color: #FFFFFF; background:#64a3ba url(../images/freccia1.gif) no-repeat 5px 3px; text-decoration:none; }	
		
		#blocco_utente{ padding-top:0px; padding-left:0px; text-align: right;  margin: 0px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif;}
		#blocco_utente ul{list-style-type: none;margin: 0;padding: 0; }
		#blocco_utente li{float: left; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
		#blocco_utente a { 
						display: block;
						width:120px;
						text-decoration: none; 
						color: #000000;
						text-align: left; 
						font-size:11px; 
					    background: url(../images/freccia.gif) no-repeat 5px 3px;
						padding:0px 0px 0px 20px; 
						margin:2px 0px 2px 0px;
						 
					}
		#blocco_utente a:hover{ color: #FFFFFF; background:#64a3ba url(../images/freccia1.gif) no-repeat 5px 3px; text-decoration:none; }


		#paginazione { text-decoration: none; color: #0000FF; font-weight:bold; text-align: left; font-size:1.1em; font-weight: normal; padding:0px 0px 0px 0px; text-align:center; }
		#paginazione a { text-decoration: none; color: #0000FF; text-align: left; font-weight: normal; padding:0px 0px 0px 0px; }
		#paginazione a:hover{ color: #FF0000; text-decoration: underline; }					
			
	/* TAB PRODOTTO */
		
		#tab_generale_prodotto
			{
				margin: 0px 10px 0px 10px;
				padding: 0px 10px 0px 10px;
				width:99%;
			}
			
				#tab_prodotto
					{						 
						margin: 0px 0px 10px 5px;
						width:131px;
						min-width: 131px;
						float:left;
						border: 1px solid #333333;
						min-height: 174px;
						height: auto !important;
						height: 174px;
						text-decoration: none;
						font-size:1em;
					}			
											
				#tab_prodotto a
					{	
						text-decoration: none;
						background:#FFFFFF;
						text-align: center;						
					}
				#tab_prodotto a:hover
					{
						text-decoration: none;
						text-align: center;						
						background:#e5e8ea;
					}		
					
				#immagine-logo
					{
						width:120px;
						float:left;
						height: 25px;
						vertical-align:middle;
						text-decoration: none;
						margin: 3px 0px 0px 0px ;
					}	
				#immagine-foto
					{
						width:105px;
						height: 90px;
						vertical-align:middle;
						text-decoration: none;
						padding: 0px;
						margin: 0px;
					}										
	
	/* TABELLA MENU */
				
				#tabelle_menu {float: left; display:block; padding: 0px; margin: 0px; width:153px; background: url(../immagini/sfondo-menu.gif) repeat-y top left;}
				
				#titolo_prodotti {float:left; padding: 0px; margin: 0px; width:153px; height: 15px; background: url(../immagini/prodotti.jpg) no-repeat top left;}
				#titolo_login {float:left; padding: 0px; margin: 0px; width:153px; height: 15px; background: url(../immagini/login.gif) no-repeat top left;}
				
				#testo_menu {float: left; padding: 5px 0px 7px 8px; margin: 1px 2px 0px 5px; font: 11px Verdana, Arial, Helvetica, sans-serif;}
								
				#link_menu a {font: 10px Verdana, Arial, Helvetica, sans-serif; margin: 10px 0px 3px 5px ; padding:10px 0px 3px 5px ;}							
				#link_menu a:hover {color:#FF0000;}											
				
				#login_entra { float: left; padding: 18px 0px 0px 0px; float: left; margin: 0px 5px 0px 5px; width:35%;}				
				#chiusura_menu { padding:0px; float:left; margin:0px; width:153px; height:20px; background: url(../immagini/menu-bottom.jpg) no-repeat bottom center;
}
	
	/* BUSSOLA */
		#bussola{ padding-top:0px; padding-left:0px; text-align:left; margin: 0px 0px 0px 5px; font-size:11px;}
		#bussola a { text-decoration: underline; color: #0000cc; }
		#bussola a:hover{ color: #FF0000; text-decoration:none; }	
		
	/* ORDINA PER */
	 	.ordina{ padding:0px; text-align: right;  margin: 0px 0px 0px 0px;  font-size:11px;}
		.ordina a { text-decoration: underline; color: #000000; }
		.ordina a:hover{ color: #FF0000; text-decoration:underline; }
		
		#link_artisti a { text-decoration: none; color: #666; line-height:20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; }
		#link_artisti a:hover{ color: #FF0000; text-decoration:underline; }
		
		#link_materiale a { text-decoration: none; color: #666; line-height:20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }
		#link_materiale a:hover{ color: #FF0000; text-decoration:underline; }	
		
		#link_categorie a { text-decoration: none; color: #333; line-height:20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; }
		#link_categorie a:hover{ color: #FF0000; text-decoration:underline; }	
		
		
	/* LINK CONDIZIONI */
		#condizioni-acquisto{ padding:0px; text-align:justify; margin: 6px 6px 6px 6px;  font-size:1em;}
		#condizioni-acquisto a { text-decoration: underline; color: #000000; }
		#condizioni-acquisto a:hover{ color: #FF0000; text-decoration:underline;} 

	/* TESTO */
		.nessun_prodotto { padding-top:0px; padding-left:0px; text-align:center;  margin: 0px 0px 0px 10px; font-size:1em;}
		.marca_prodotto{ padding:0px; text-align:left;  margin: 1px 5px 1px 10px; font-size:0.8em; vertical-align:middle;}
		.marca_prodotto_lista{ padding:0px; text-align:right; font-weight:bold;  margin: 1px 5px 1px 10px; font-size:1em; vertical-align:middle; color: #333333;}		
		.titolo_prodotto_interno{ padding:0px; text-align:left; margin: 1px 0px 5px 5px; font-size:1em; vertical-align:middle; color:#cc0000;}				
		.titolo_prodotto{ padding:0px; text-align:center; margin: 1px 0px 5px 1px; font-size:1em; vertical-align:middle; color:#666666; font-weight:bold; height:20px; min-height:20px;}				
		.descrizione_prodotto { text-align: justify;  margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; font: 0.9em Verdana, Arial, Helvetica, sans-serif;} 	
		.intro_prodotto { text-align: justify;  margin: 5px 0px 5px 0px; padding: 5px 5px 5px 5px; font: 0.9em Verdana, Arial, Helvetica, sans-serif;} 			
			

		#prezzo	a { padding:0px; text-align:center;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:10px; color:#000000;} 	
		#prezzo	a:hover { padding:0px;  margin: 0px 0px 5px 0px; padding: 5px 0px 0px 0px; font-size:10px; color:#FF0000;} 					
				
		.titolo_sezione { text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; font-size:12px; color:#FFFFFF;} 						
		.disponiblita { text-align: left; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:0.8em;} 						
		.prezzo_rosso { text-align: left; font-weight: bold; margin: 0px 3px 0px 0px; padding: 0px 0px 0px 0px; font-size:1.2em; color:#CC0000;} 						
		.prezzo_dettaglio { text-align: left; font-weight: bold; margin: 0px 3px 0px 0px; padding: 0px 0px 0px 0px; font-size:1em; color:#2b611a;} 						
		.prezzo_dettaglio_listino { text-align: left; font-weight: bold; margin: 0px 3px 0px 0px; padding: 0px 0px 0px 0px; font-size:1em; color:#cc0000;} 						
		.prezzo_promozione{  text-align: left; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:14px; color:#cc0000;} 						
		.prezzo_promozione_barrato{  text-align: left; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:14px; color:#747171;} 								
		.disponibilita { padding:0px; text-align: right; margin: 0px 0px 5px 0px; padding: 5px 0px 0px 0px; font-size:1em; color:#000000;} 								
		.foto-prodotto { padding:10px 10px 10px 10px; margin: 0px 5px 5px 5px; border: 1px solid #CCCCCC;} 										
		.foto-prodotto-home { padding:5px 5px 5px 5px; margin: 0px 5px 5px 5px; border: 1px solid #CCCCCC;} 												

		
	/* CONTATTACI */
		h6{ padding-top:0px; padding-left:0px; text-align: right;  margin: 0px 0px 0px 0px; font-size:12px;}
		h6 a { color: #000000; }
		h6 a:hover{ color: #FF0000;}
				
	/* FOOTER */
		#footer{ padding-top:0px; padding-left:0px; text-align: center;  margin: 10px 40px 5px 0px; font-size:11px;}
		#footer a { text-decoration: none; color: #000000; }
		#footer a:hover{ color: #FF0000; text-decoration:none; }		

	/* MAPPA DEL SITO */	
		.mappa { text-decoration: none; color: #333333; font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
		.mappa a { text-decoration: underline; color: #333333; }
		.mappa a:hover{ color: #CC0000; text-decoration:none; }
		
		.mappa1 { text-decoration: none; color: #333333; font: 10px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
		.mappa1 a { text-decoration: underline; color: #333333; }
		.mappa1 a:hover{ color: #CC0000; text-decoration:none; }

		#mappa_sotto a { text-decoration: underline; color: #666666; font: 11px Verdana, Arial, Helvetica, sans-serif; margin: 0px 0 0 20px }
		#mappa_sotto a:hover{ color: #CC0000; text-decoration:none;}
				
		#titolo_prodotto a { padding:0px; text-align:center; margin: 1px 0px 5px 1px; font-size:1em; vertical-align:middle; color:#666666; font-weight:bold; height:20px; min-height:20px; width:127px; min-width:127px;}
		#titolo_prodotto a:hover { padding:0px; text-align:center; margin: 1px 0px 5px 1px; font-size:1em; vertical-align:middle; color:#CC0000; font-weight:bold; height:20px; min-height:20px;}	
		
		#titolo_promozione a { padding:0px; text-align:center; margin: 1px 0px 5px 1px; font-size:1.3em; vertical-align:middle; color:#005aff; font-weight:bold; height:20px; min-height:20px; text-decoration:none; font-family: Arial, Helvetica, sans-serif;}
		#titolo_promozione a:hover { padding:0px; text-align:center; margin: 1px 0px 5px 1px; vertical-align:middle; color:#FFFFFF; font-weight:bold; height:20px; min-height:20px; background: #64a3ba; text-decoration:none;}
		
		
ul#thumbs a{
display:block;
float:left;
width:100px;
height:100px;
line-height:100px;
overflow:hidden;
position:relative;
z-index:1;
}
ul#thumbs a img{
float:left;
position:absolute;
top:-20px;
left:-50px;
}