/* ---------------------------------------------------
Copyright (c) 2008 - Layoutweb
------------------------------------------------------

------------------- Color Palette --------------------

   Red TomStardust	- #a00
   Red :hover		- #d66
   Dark Grey		- #666
   
------------------------------------------------------




/* Global Reset
---------------------------------------------------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, abbr, cite, code, em, img, q, small, strike, strong, sub, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial, Verdana, sans-serif;
	color: #333333;	
}





/* General
---------------------------------------------------------------------------------------------------------------- */

body {
	background-color: #FFFFFF;
	/* background-image: url(../immagini/struttura/sfondo.gif); */
	text-align: center;
	font-size: 80%;

}


a:link, a:visited {
	color: #9b0404;
}

a:hover {
	text-decoration: none;
	color: #ff0000;
}


/* FLOAT BASILARI
---------------------------------------------------------------------------------------------------------------- */



.floatleft {
	float:left;
	
	}
	
.floatright {
	float:right;
	
	}
	

.clear {
clear: both;

}




/* TITOLI H1 & Co.
---------------------------------------------------------------------------------------------------------------- */

h2  {
	font-size: 1.1em;
	font-weight: bold;
}







pre  {
	font-size: 11px;
	font-family: Arial;
	}

h3  {
	font-size: 0.9em;
	color: #ffffff;
	background-image:url(../immagini/struttura/box-home/sfondo-titolo.jpg);
	background-repeat: no-repeat;
	padding: 4px 0px 4px 10px;

}


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

h3 a:hover  {
	color: #ffffff;
	text-decoration: underline;
}



/* DENTRO IL TD NEI PRODOTTI
---------------------------------------------------------------------------------------------------------------- */

h6 {
	font-size: 1.1em;
	color: #ffffff;
	padding-left: 15px;
}


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

h6 a:hover  {
	color: #ffffff;
	text-decoration: underline;
}




/* H1 interna
---------------------------------------------------------------------------------------------------------------- */


.interna h1  {
	color: #9b0404;
	font-size: 1.4em;
	border-left: 1px solid #CCCCCC;
	padding-left: 10px;
	margin-bottom: 10px;

	}





/* Layout
---------------------------------------------------------------------------------------------------------------- */



#header {
	width: 960px;
	height: 210px;
	margin: auto;
	background-color:#fff;
	margin-top: 45px;
	}


#wrapper {
	width: 960px;   /* Era 960px */
	margin: auto;
	background-image:url(../immagini/wrapper/sfondo-wrapper.gif);
	background-repeat: repeat-x;
}



#footer {
	width: 960px;
	margin: auto;
	border-top: 1px solid #CCCCCC;

}

/* HEADER
---------------------------------------------------------------------------------------------------------------- */



#sfondo_menu {
	width: 189px;
	height: 210px;
	background-image: url(../immagini/header/menu-sx/sfondo-menu.gif);
	background-repeat: no-repeat;
	background-position: top;
	float:left;
	text-align: right;
	
	}

#flash_wrapper {
	width: 767px;
	height: 210px;
	background-image: url(../immagini/header/flash/flash-home.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float:right;
	}


#flash_sopra {
	width: 767px;
	height: 46px;
	background-color: #fff;
	float: right;
	text-align: left;
	}
	
	
#flash_sotto {
	width: 767px;
	height: 164px;
	background-image: url(../immagini/header/flash/flash-home.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: right;
	}
	


/* FOOTER
---------------------------------------------------------------------------------------------------------------- */

#footer p {
	padding: 10px 0px 10px 0px;
}






/* CSS PER FLASH SOPRA
---------------------------------------------------------------------------------------------------------------- */


#flash_sopra img {
	float:left;
	padding-left: 10px;
	}
	
 #flash_sopra h1 {
	width: 450px;
	font-style: italic;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;   /* Questa č in pixel cosė non cambia */
	color: #7a7a7a;
	padding-top: 8px;
	padding-left: 0px;
	float:left;

	}	
	

/* 3 COLONNE DENTRO WRAPPER
---------------------------------------------------------------------------------------------------------------- */



#col1 { float: left; width: 189px; }  
#col2 { float: left; width: 549px; }  
#col3 { float: left; width: 222px; } /* 223px */
#col2_content { padding: 10px 18px 10px 18px; }  








/* PARAGRAFI BOX COLONA DESTRANUOVA 
---------------------------------------------------------------------------------------------------------------- */

.ric_box p, .ricsemplice_box p  {
	padding: 8px;
	text-align: left;
 }  




/* RICERCA AVANZATA NUOVO BOX DESTRA 
---------------------------------------------------------------------------------------------------------------- */



.ric_titolo {
	width: 222px; 
	height: 25px;
	background-image: url(../immagini/nuovodx/titolo-avanzata.jpg);
	background-position: left;
	background-repeat: no-repeat;
	text-align:right;


 }  
 
.ric_box {
	width: 222px; 
	background-image: url(../immagini/nuovodx/sfondo-avanzata.jpg);
	background-position: left;
	background-repeat: repeat;
 }  
 
 
.ric_fine {
	width: 222px; 
	height: 10px; 
	background-image: url(../immagini/nuovodx/sfondo-avanzata.jpg);
	background-repeat: repeat;
	text-align:right;
 }  
  
 
 
 
 

/* RICERCA FACILITATA NUOVO BOX DESTRA 
---------------------------------------------------------------------------------------------------------------- */



.ricsemplice_titolo {
	width: 222px; 
	height: 25px;
	background-image: url(../immagini/nuovodx/titolo-semplice.jpg);
	background-position: left;
	background-repeat: no-repeat;
	text-align:right;


 }  
 
.ricsemplice_box {
	width: 222px; 
	background-image: url(../immagini/nuovodx/sfondo-semplice.jpg);
	background-position: left;
	background-repeat: repeat;
 }  
 
 
.ricsemplice_fine {
	width: 222px; 
	height: 10px; 
	background-image: url(../immagini/nuovodx/sfondo-semplice.jpg);
	background-repeat: repeat;
	text-align:right;
 }  
  
 
 
 
 
 

/* DENTRO COLONNA 2
---------------------------------------------------------------------------------------------------------------- */

.intro  {
	text-align: left;
	clear:left;
	}	


.interna  {
	width:500px;
	text-align: left;
	margin: 10px 0px 0px 0px;
	}	



.internaleft  {
	width: 233px;
	text-align: left;
	float: left;
	background-color: #f5f5f5;
	margin:0px;
	padding:0px;
	border:0px;
	}

.internaright  {
	width: 233px;
	text-align: left;
	float: left;
	margin:0px 0px 0px 32px;
	}




/* BRICIOLE
---------------------------------------------------------------------------------------------------------------- */

.briciole  {
	text-align: left;
	clear:left;
	padding: 3px;
	background-image: url(../immagini/struttura/briciole/sfondo-briciole.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 0.9em;

	}	

.briciole a:link, .briciole a:visited  {
	color: #666;
	text-decoration:none;
	}
	
.briciole a:hover  {
	color: #999;
	text-decoration:none;
	}
		
	
/* AREA LOGIN SX
---------------------------------------------------------------------------------------------------------------- */


.login {
	width: 189px;
	background-color: #f2f2f2;
	padding: 10px 0px 10px 0px;
	}


.formlogin input {
	width: 130px;
	margin-left: 3px;
	margin-top: 5px;
	}
	
.login a:link, .login a:visited {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #696969;
	text-decoration: none;
	}
	
.login a:hover {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #696969;
	text-decoration: underline;
	}


	

/* BANNER BIANCHI E GRIGI
---------------------------------------------------------------------------------------------------------------- */


.banner_bianchi {
	width: 189px;
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	}


.banner_grigi   {
	width: 189px;
	background-color: #f2f2f2;
	padding-top: 20px;
	padding-bottom: 20px;
	}
	
	
.banner_bianchi img {
	padding-bottom: 6px;
	}
	
.banner_grigi img {
	padding-bottom: 10px;
	}
	
.banner_bianchi a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
} 
	
	
	
/* COLONNA DI DESTRA
---------------------------------------------------------------------------------------------------------------- */


#col3 h2  {
	width: 203px;
	background-image: url(../immagini/colonna-dx/sfondo_titolo.jpg);
	background-repeat: no-repeat;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	text-align: left;
	padding: 5px 0px 5px 0px;
	
	}
	
	
	
#col3 p {
	font-size: 0.9em;
	}	
	
#col3 h2 a:link, #col3 h2 a:visited  {
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	}
	
#col3 h2 a:hover  {
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	}
























/* NEWS ED EVENTI COLONNA DESTRA
---------------------------------------------------------------------------------------------------------------- */

.box_newseventi {
	padding: 10px 20px 20px 20px;
	text-align: left;
	}
	
.box_sottonewseventi {
	height:10px;
	font-size: 10px;
	}
	
	
h4 {
	height:19px;
	background-image: url(../immagini/colonna-dx/gradiente_bottone.jpg);
	background-repeat: repeat-x;
	
	border-top: solid 3px #FFFFFF;
	border-bottom: solid 3px #FFFFFF;

	text-align: center;
	}

h4 a:link, h4 a:visited  {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	}	
	
	
h4 a:hover {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	}
	
	
	
	
	

/* RICERCA FACILITATA COLONNA DESTRA
---------------------------------------------------------------------------------------------------------------- */


.box_ricerca2 {
	background-color: #ebdddd;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 5px 0px;
	text-align: left;
	} 
	
	

.box_ricercaintro2 {
	background-color: #ebdddd; /* rosino #ebdddd*/
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 5px 0px;
	text-align: left;
	}  











.box_ricerca {
	background-color: #d9e3e7;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 5px 0px;
	text-align: left;
	} 
	
	

.box_ricercaintro {
	background-color: #d9e3e7; /* rosino #ebdddd*/
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 5px 0px;
	text-align: left;
	}  


/* FLOAT DEL FORM RICERCA FACILITATA
---------------------------------------------------------------------------------------------------------------- */




.contieniform {
	width: 100%;
	text-align: center;
	}


.contieniform select  {
	width: 215px;
	DISPLAY: inline;
	font-size: 10px;
	letter-spacing: -0.3px;
	margin-top: 10px;

	}







/* Vecchi comandi per ridimensionare i form */


.floatleftform select  {
	width: 180px;
	DISPLAY: inline;
	}

.floatleftform2 select  {
		DISPLAY: inline;
	}

.floatleftform {
	float:left;
	height: 22px;
	diplay:inline;
	}

.floatleftform2 {
	float:left;
	height: 22px;
	diplay:inline;
	}
	
.floatrightform {
	float:right;
	height: 22px;
	diplay:inline;
	
	}
	

	
	
 /* STEP MENU PER SHOP ONLINE
 ---------------------------------------------------------------------------------------------------------------- */
	
.stepmenu {
	width: 100%;
	border: 1px dotted #696969;
	}
	
	
.stepmenu ul {
	width: 100%;
	padding: 4px;
	list-style: none;
		}
	

.stepmenu li {
	list-style: none;
	margin: 4px;
	padding:2px;
	text-align: left;
	border: 1px solid #696969;
	width: 100px;
	height: 30px;
	float:left;
	font-size:11px;
	}
	
.stepmenu li strong {
	font-size: 24px;
	color: #999999;
	}	
	
.stepmenu li a:link, .stepmenu li a:visited {
	color: #696969;
	text-decoration: none;
	}

.stepmenu li a:hover {
	color: #9b0404;
	text-decoration: underline;
	}





	
	
.clearstepmenu  {
	clear:both;
	height: 1px;
	font-size:1px;
	}	
	
	
/* li in evidenza*/
	
.stepmenu-evidenza {
	background-color: #CCCCCC;
	}	
	
.stepmenu-normale {
	background-color: #f5f5f5;
	}	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
 /* MENU DI SINISTRA IN ALTO
 ---------------------------------------------------------------------------------------------------------------- */
 
#sfondo_menu ul {
	width: 90%;
	padding: 3px 0px 3px 0px;
	list-style: none;
	margin-top: 30px;
	}	


#sfondo_menu li {
	list-style: none;
	margin: 2px 0px 1px 40px;
	text-align: left;
	}

#sfondo_menu li a {
	font-size: 12px;
	display: block;
	padding: 2px 2px 2px 2px;
	text-decoration: none;
	}

#sfondo_menu li a:link, #sfondo_menu li a:visited { 
	background-image: url(../immagini/header/menu-sx/separatore.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	color: #FFFFFF;
	text-decoration: none;
	}

#sfondo_menu li a:hover {
	color: #b54646;
	background-color: #f5f5f5;
	background-image: none;
	}


/* aaa
---------------------------------------------------------------------------------------------------------------- */ 
.internaleft img, .internaright img {
	border: 1px solid #f5f5f5;
	float:left;
	}	
	

.internaleft p, .internaright p {
	width:100px;
	float:left;
	padding: 5px 0px 0px 5px;
	font-size: 11px;

	}	
	
/* ROLLOVER UL INTERNALEFT
---------------------------------------------------------------------------------------------------------------- */

.internaleft ul {
	width: 110px;
	float:left;
	padding: 2px 0px 2px 5px;
	list-style: none;
	}	


.internaleft li {
	list-style: none;
	margin: 0px;
	border-bottom: 1px #999999 dotted;
	text-align: left;
	}

.internaleft li a {
	font-size: 11px;
	display: block;
	padding: 1px 0px 1px 0px;
	text-decoration: none;
	/* border-left: 3px solid #CCCCCC;  */
	}

.internaleft li a:link, .navlist li a:visited { 
	color: #b54646; 
	background-color: #f5f5f5;
	}

.internaleft li a:hover {
	color: #b54646;
	background-image: url(../immagini/struttura/box-home/lista-hover.jpg);
	background-repeat: no-repeat;
	}



/* PIUMENO E LE STORIE TESE
---------------------------------------------------------------------------------------------------------------- */

.titolopiumeno {
	width:233px;
	height:19px;
	background-image: url(../immagini/struttura/box-home/prodotti.gif);
	background-repeat: no-repeat;
	text-align:right;
	float:left;
	}
	
	
.piumeno {
	width:233px;
	text-align:right;
	float:left;
	background-color: #dbdbdb;
	}
	
.piumeno img {
	float:right;
	border:0px;
	margin:0px 10px 0px 0px;
	padding:0px;
	}
		
.piumeno p {
	width: 160px;
	float:right;
	text-align: left;
	}
		

.sottopiumeno {
	float:left;
	background-color:#FFFFFF;
	}

 
 
 /* LISTA FATTA CON I "P"
---------------------------------------------------------------------------------------------------------------- */
 
 
.sottopiumeno p {
	width:220px;
	background-color: #f5f5f5;
	margin:0px;
	padding:2px 0px 2px 10px;
	border:0px;
	background-image: url(../immagini/struttura/sfondo-sottopiumeno.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	} 
 
	
.sottopiumeno pre {
	width:220px;
	background-color: #f5f5f5;
	margin:0px;
	padding:2px 0px 2px 10px;
	border:0px;
	background-image: url(../immagini/struttura/sfondo-sottopiumeno.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	display: none;
	} 	
	
.sottopiumeno p a:link, .sottopiumeno p a:visited {
	text-decoration: none;
	color: #333333;
	}
	
	.sottopiumeno pre a:link, .sottopiumeno pre a:visited {
	text-decoration: none;
	color: #333333;
	}
	
.sottopiumeno p a:hover {
	background-color: #cccccc;
	text-decoration: none;
	color: #9b0404;
	} 
	
	.sottopiumeno pre a:hover {
	background-color: #cccccc;
	text-decoration: none;
	color: #9b0404;
	} 
	
	
/* HOME EVIDENZA
---------------------------------------------------------------------------------------------------------------- */


.contieni_homeevidenza  {
	width: 100%;
	text-align: left;
	}	


.homeevidenza {
	width: 500px;
	height:150px;
	text-align: left;
	background-image: url(../immagini/struttura/evidenza/sfondo-evidenza.jpg);
	background-repeat: repeat-x;
	background-position: top;

	}	

.homeevidenza h1 {
	text-align: left;
	padding: 3px 0px 3px 10px;
	background-image: url(../immagini/struttura/evidenza/sfondo-titolo.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #b54646;
	}	

.homeevidenza img {
	float:left;
	margin: 0px 10px 10px 0px;
	border: 3px solid #f5f5f5;
	}	

.homeevidenza p {
	margin: 10px 15px 0px 10px;
	}	



/* NEWS ARCHIVIO
---------------------------------------------------------------------------------------------------------------- */
.blocconews {
	margin: 10px 0px 0px 0px;
	width:500px;
	border: 1px solid #CCCCCC;
	float:left;
	}	
	
.blocconews img {
	float: left;
	margin: 0px 10px 0px 0px;
	padding:1px;
	}	
	
.blocconews p {
	float: left;
	width:420px;
	}	

.blocconews p strong {
	font-weight: bold;
	font-size: 1.0em;
	}	

.blocconews p em {
	font-weight: 500;
	color: #666666;
	font-size: 1.0em;
	}
	
	
.blocconews a:link, .blocconews a:visited {
	color: #9b0404;
	text-decoration:none;
	}		

.blocconews a:hover {
	color: #ff0000;
	text-decoration:none;
	}		
	
	
.fotobignews {
	width: 100%;
	background-color: #f5f5f5;
	text-align: center;
	}		

.fotobignews img {
	margin: auto;
	padding: 5px 0px 5px 0px;
	}	


/* PAGINA SUCCESSIVA
---------------------------------------------------------------------------------------------------------------- */

.paginasuccessiva {
	padding: 3px 3px 3px 15px;
	background-image: url(../immagini/struttura/briciole/sfondo-briciole.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: left;
	margin-top: 10px;
}	


.paginasuccessiva strong {
	color: #666;
	}	



/* INTERNA UL
---------------------------------------------------------------------------------------------------------------- */
.ulinterna {
	padding: 5px 0px 5px 25px;
	}	
	 

/* CARTINA
---------------------------------------------------------------------------------------------------------------- */

.cartina {
	width: 100%;
	float: left;
	}	
	
	
.cartina img {
	float: left;
	}	
	
	
.cartina p {
	background-color: #f5f5f5; 
	padding: 8px; 
	border: 1px solid #999999; 
	float: left;
	margin-left: 5px;
	}	




/* UL e LI LISTAPRODOTTI DENTRO LA PAGINA DEI PRODOTTI
---------------------------------------------------------------------------------------------------------------- */

.listaprodotti {
	padding: 3px;
	list-style: none;
	}	
	
	
.listaprodotti li {
	padding: 2px;
	border-bottom: 1px dotted #999999;
	}	
	
	
		
.listaprodotti li a:link, .listaprodotti li a:visited {
	color: #333333;
	font-size: 0.9em;
	text-decoration:none;
	}	
	
.listaprodotti li a:hover {
	text-decoration: none;
	color: #ff0000;
	}	
	
	
	
	
	
/* UL TABELLA PRODOTTO - SCHEDA
---------------------------------------------------------------------------------------------------------------- */

.tabellaprodotto {
	padding: 3px;
	list-style: none;
	}	
	
		
.tabellaprodotto li {
	display:block;
	padding: 5px;
	background-color: #f5f5f5;
	margin: 2px 0px 2px 0px;
	}		
	
	
	
/* CARRELLO
---------------------------------------------------------------------------------------------------------------- */

.carrello {
	padding: 5px;
	border-bottom: 1px dotted #696969;
	background-color: #f5f5f5;
	}	
	
.carrello img {
	margin: 0px 2px 0px 10px;
	}
	
		
	
	
/* BOX INFORMAZIONI
---------------------------------------------------------------------------------------------------------------- */

.boxinformazioni {
	width: 99%;
	float:left;
	background-color:#f5f5f5;
	border: 1px solid #ccc;
	padding:3px;
	margin-top:10px;
	}
	
	
.boxinformazioni img {
	float:left;
	}
	
	
.boxinformazioni p {
	float:left;
	}
	
	
	
/* BOX SETTORI DI UTILIZZO
---------------------------------------------------------------------------------------------------------------- */
	
.boxsettori {
	width: 99%;
	float:left;
	background-color:#f5f5f5;
	border: 1px solid #ccc;
	padding:3px;
	margin:10px 0px 10px 0px;
	}
	
.boxsettori ul {
	list-style:none;
	}
	
	
.boxsettori li {
	display:inline;
	height:19px;
	margin-right:10px;
	}
	
.boxsettori li img {
	margin-right:3px;
	}
		
/* LINK CATEGORIA
---------------------------------------------------------------------------------------------------------------- */

	
.linkcategoria a:link, .linkcategoria a:visited  {
	color: #696969;
	text-decoration: none;
	font-weight: bold;
	} 
		
.linkcategoria a:hover  {
	color: #696969;
	text-decoration: underline;
	
	} 
	
	
		
/* aaa
---------------------------------------------------------------------------------------------------------------- */

	
	
		
	
	
/* aaa
---------------------------------------------------------------------------------------------------------------- */

	
	
		
	
	
/* aaa
---------------------------------------------------------------------------------------------------------------- */

	
	
		
	
	
/* aaa
---------------------------------------------------------------------------------------------------------------- */

	
	
		
	
	
/* aaa
---------------------------------------------------------------------------------------------------------------- */

	
	
		
	
	
/* aaa
---------------------------------------------------------------------------------------------------------------- */

	
	
		
	
	
/* aaa
---------------------------------------------------------------------------------------------------------------- */