/* CSS Document */

/* ----  !! ATTENZIONE !!   ---- */
/*
per nascondere porzioni di sito che non servono basta decommentare 
(o aggiungere) queste proprietà ai DIV interessati

  ---  display:none;
  ---  visibility:hidden;
  
*/



body{
	font-family:"Lucida Sans Unicode", "Lucida Grande", Trebuchet MS,  sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	color:#4a4949;
	background-image:url(/images/comuni/bgAusiliario.gif);
	background-repeat:repeat-x;
	background-position:0 0;
	background-color:#eee;
	}

img{
border:0;
}


/* //  al posto del clearer si mette la classe .clearfix al contenitore dei div che devono essere clear! // */
* html .clearfix {
	height: 1%; /* IE5-6 */
	}
.clearfix {
	display: inline-block; /* IE7xhtml*/
	}
html[xmlns] .clearfix { /* O */
		display: block;  
		}
.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/* End hide from IE-mac */


/*DEBUG*/
/*div{
border:1px solid black;
}
/**/

#ausiliario{
	width:100%;	
	text-align:center;
	}


/* ------------------------------------------ LINKS --- */
/* ------------------------------------------------- */
a.generico:link, a.generico:visited, a.generico:active{ /* link normali */
	text-decoration:underline;
	color:#4a4949;
	font-style:italic;
	font-size:11px;
	}
	a.generico:hover{
		text-decoration:none;
		color:#33338b;
		}

a.linkColorati:link, a.linkColorati:visited, a.linkColorati:active{/* link = avanti - procedi - acquista  */
	text-decoration:underline;
	color:#f3cb1d;
	font-style:italic;
	font-size:12px;
	}
	a.linkColorati:hover{
		text-decoration:none;
		color:#33338b;
		}
		
a.linkCart:link, a.linkCart:visited, a.linkCart:active{
	background-color:#fbecac;
	color:#726207;
	padding:0 10px;
	font-size:10px;
	text-decoration:underline;
	}
	a.linkCart:hover{
		text-decoration:none;
		color:#33338b;
		}


/* ----------------------------------------------- CORPO CENTRALE --- */
/* ----------------------------------------------------------------- */
#centrato {
	width:950px;
	margin:0 auto;
	text-align: left;
	background-color:#fff;
	}
#bordoPagina{
	padding:10px;
	}
.riga{
	background-color:#eee;
	height:2px;
	margin:10px 0;
	border:0;
	}
	
/* ------------------------------------------------------ TOP --- */
/* ------------------------------------------------------------- */
#top{	
	color:#fff;
	background-color:#fff;
	height:340px;
	margin-top:5px;
	/*background-image:url(/images/top/top.jpg);
	L'IMMAGINE GLIELA SETTO INLINE PERCHè DEVE CAMBIARE IN BASE ALLA LINGUA*/
	background-repeat:repeat-x;
	background-position:50% 0;
	}
	
/* ----------------------------------------------STATO UTENTE --- */
/* ------------------------------------------------------------ */	
#statoUtente{
	text-align:right;
	padding:10px 0 10px 10px;		
	color:#726207;
	height: auto !important;   /* //////per i browser moderni */
	height: 58px;    /* ////// per IE5.x e IE6 */
	min-height: 58px;   /*//////per i browser moderni */
	}
	
	.nomeutente{
		background-color:#fbecac;
		color:#726207;
		padding:0 10px;
		font-size:10px;
		}
		
	#statoUtente a {
		text-align:right;
		font-size:10px;
		color:#726207;
		font-style:italic;
		padding:0;
		margin:0 1px 0 0;
		font-weight:normal;
		}
		
.loginErrore{
	font-size:14px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:10px 0 14px 0;
	background-image:url(/images/login/bgAvviso.gif);
	background-repeat:no-repeat;
	background-position:0 100%;
	background-color:#ff3e2f;
	}
	
	
	
/* ------------------------------------------------ VETRINA --- */
/* ---------------------------------------------------------- */	
#vetrina{
	margin-top:60px;
	text-align:left;
	width:370px;
	margin-left:580px;
	}
	
ul#vertinaBoxSequenza{
	visibility:hidden;
	display:none;
	margin:0;
	padding:0;
	}
	ul#vertinaBoxSequenza li{
		list-style-type:none;
		margin:0;
		padding:0;
		}
	
	.rigaVetrina{	
		color:#3c3c3c;		
		}
	#vetrina .sx{
		margin-right:220px;
		/*text-align:right;*/
		margin-top:7px
		}
	#vetrina .dx{
		float:right;		
		text-align:center;	
		border:0;

		}
		#vetrina .dx table{
			border:0;
			width:190px;
			height:130px;
			margin:0;
			padding:0;
			}
	#vetrina .fotoProdotto{
		text-align:center;
		font-size:8px;
		background-color:transparent;
		border:0;
		}
		
#vetrina a.titoloProdotto:link, #vetrina a.titoloProdotto:active, #vetrina a.titoloProdotto:visited{
	text-decoration:none;
	font-size:15px;
	color:#c80d1a;
	font-weight:bold;
	display:block;
	padding:4px 6px;
	margin-bottom:5px;
	background-color:transparent;
	}
		#vetrina a.titoloProdotto:hover{
		color:#f3cb1d;
		}
#vetrina  .link{
	text-align:center;
	background-color:transparent;
	margin-left:20px;
	margin-bottom:12px;
	}
#vetrina a.leggiTuttoVertina:link, #vetrina a.leggiTuttoVertina:active, #vetrina a.leggiTuttoVertina:visited{
	text-decoration:none;
	display:block;
	width:346px;
	height:37px;
	color:#f8e181;
	font-size:1px;
	}
	#vetrina a.leggiTuttoVertina:hover{
		color:#f8e181;
		}


/* ------------------------------------------------------ MENU --- */
/* ------------------------------------------------------------- */
#MENU{
	background-color:#33338b;
	}
	#boxVociMenuMainTOP div{
		float:left;
	}	
	a.menuTOPLink:link, a.menuTOPLink:visited, a.menuTOPLink:active{
		text-decoration:none;
		display:inline-block;
		color:#fff;
		text-transform:uppercase;
		width:122px; /* width:144px; */
		border-left: 1px solid #fff;
		text-align:center;
		padding:4px 0;
		margin:4px 0;
		}		
		a.menuTOPLink:hover{	
		background-color:#fff;
		color:#f3cb1d;
		}
		.menuAcceso{
		text-decoration:none;
		display:inline-block;
		color:#33338b;
		background-color:#fff;
		text-transform:uppercase;
		width:124px;  /* width:146px; */
		text-align:center;
		padding:4px 0;
		margin:4px 0;
		}
	/*////////////*/
	.lingua_I a.cambiolinguaLink:link, .lingua_I a.cambiolinguaLink:visited, .lingua_I a.cambiolinguaLink:active, .lingua_EN a.cambiolinguaLink:link, .lingua_EN a.cambiolinguaLink:visited, .lingua_EN a.cambiolinguaLink:active, .lingua_I .cambiolinguaLinkAcceso, .lingua_EN .cambiolinguaLinkAcceso{
		font-size:1px;
		color:#33338b;
		width:38px;
		height:31px;
		display:block;
		border:0;
		}		
		.lingua_I a.cambiolinguaLink:link, .lingua_I a.cambiolinguaLink:visited, .lingua_I a.cambiolinguaLink:active{		
			background-image:url(/images/lingue/I_off.jpg);
			background-repeat:no-repeat;
			background-position:50% 50%;
			}
		.lingua_EN a.cambiolinguaLink:link, .lingua_EN a.cambiolinguaLink:visited, .lingua_EN a.cambiolinguaLink:active{		
			background-image:url(/images/lingue/EN_off.jpg);
			background-repeat:no-repeat;
			background-position:50% 50%;
			}	
			
		.lingua_I a.cambiolinguaLink:hover, .lingua_EN a.cambiolinguaLink:hover{	
			background-position:50% 50%;
			}
			
		.lingua_I .cambiolinguaLinkAcceso{	
			background-image:url(/images/lingue/I_on.jpg);	
			background-position:50% 50%;
			background-repeat:no-repeat;
			background-color:#fff;
			color:#fff;
			}	
		.lingua_EN .cambiolinguaLinkAcceso{	
			background-image:url(/images/lingue/EN_on.jpg);
			background-position:50% 50%;
			background-repeat:no-repeat;
			background-color:#fff;
			color:#fff;
			}		
	/*////////////*/
	
	
/* --------------------------------- CORPO home page --- */
/* --------------------------------------------------- */	

#paragrafo1{
	width:388px;
	float:left;
	}
	#paragrafo1 div{
		padding:20px;
		}	
	.titoloSezione{
		font-size:17px;
		color:#d8c206;
		font-weight:bold;
		}
	
#paragrafo2{
	width:244px;
	float:left;
	background-image:url(/images/comuni/bgSpotHome.jpg);
	background-repeat:no-repeat;
	background-position:50% 0;
	height: auto !important;   /* //////per i browser moderni */
	height: 397px;    /* ////// per IE5.x e IE6 */
	min-height: 397px;   /*//////per i browser moderni */
	text-align:center;
	}	
	#paragrafo2 .titolo{
		text-align:left;
		color:#535353;
		font-weight:bold;
		font-size:15px;
		display:block;
		padding:30px 25px 0 49px;
		height: auto !important;   /* //////per i browser moderni */
		height: 88px;    /* ////// per IE5.x e IE6 */
		min-height: 88px;   /*//////per i browser moderni */
		}
	#paragrafo2 .testo{
		font-size:13px;
		display:block;
		margin:0 20px 20px 20px;
		}	
	
#boxNews_home{
	width:278px;
	float:left;
	background-color:#eee;
	padding:18px 20px;
	color:#696767;
	font-size:10px;
	height: auto !important;   /* //////per i browser moderni */
	height: 361px;    /* ////// per IE5.x e IE6 */
	min-height: 361px;   /*//////per i browser moderni */
	}
	#boxNews_home a{
		color:#696767;
		text-decoration:none;
		}
	#boxNews_home a:hover{
		color:#c80d1a;
		
		}
	
/* --------- box grigio per le altre pagine --- */
#boxgrigio{
	width:502px;
	float:left;	
	background-color:#eee;
	padding:18px 20px;
	color:#696767;
	font-size:10px;
	}


/* ------------------------------- box news homepage --- */
/* --------------------------------------------------- */
#boxNews_home .titoloSezione{
	font-size:20px;
	color:#454545;
	font-weight:bold;
	display:block;
	padding-bottom:20px;
	}
.rigaNewsHome{
	border-bottom:1px solid #a8a8a8;
	margin-bottom:16px;
	padding-bottom:16px;
	color:#696767;
	font-size:10px;
	}			
#boxNews_home .data, .rigaNews .data, .rigaNewsDettaglio .data{
	font-size:11px;
	color:#c80d1a;
	font-weight:bold;
	}
#boxNews_home .titolo, .rigaNews .titolo, .rigaNewsDettaglio .titolo{
	color:#1b1b1d;
	}
#boxNews_home .go{
	font-size:7px;
	}
		
/* ------------------ PAGINE NEWS --- */
/* -------------------------------- */
.titoloSezioneNews{
	font-size:20px;
	background-color:#eee;
	font-weight:bold;
	display:block;
	padding:18px 20px;
	margin-bottom:10px;
	}	
.rigaNews{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:3px solid #eee;
	}
	.rigaNews .img{
		background-color:#f3cb1d;
		width:130px;
		float:left;
		padding:10px;
		text-align:center;
		}
	.rigaNews  .testo{
		margin-left:160px;
		padding:0 20px 10px 0;
		color:#696767;
		font-size:10px;
		}
.rigaNewsDettaglio .img{
	width:430px;
	float:left;
	background-color:#f3cb1d;
	padding:10px;
	text-align:center;
	}
	.rigaNewsDettaglio  .testo{
		margin-left:460px;
		color:#696767;
		font-size:11px;
		}

/* ------------------------------------------------------ PRODOTTI - pagina categorie --- */
/* ------------------------------------------------------------------------------------ */
.menuCategorie_giallo{
	background-image:url(/images/categorie/bg_giallo.jpg);
	background-repeat:repeat-y;
	background-position:50% 50%;
	float:left;
	width:230px;
	/*height:100px;*/
	height:50px;
	text-align:right;
	margin:2px 2px 2px 4px;
	}


div.bgLink{
	opacity: .65; filter: alpha(opacity=65);
	background-color:#fff;
	padding:0 20px;
	margin: 15px 10px;	
	width:165px;
	}
	div.bgLink img{
		margin:3px 0 ;
		}
a.menuCategorieLink:link, a.menuCategorieLink:active, a.menuCategorieLink:visited, span.prova{
	color: #000; 
	opacity: 1; filter: alpha(opacity=100);
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;	
	}	
	a.menuCategorieLink:hover{
		color:#fff;
		background-color:#434343;
		}

.menuCategorie_Foto{
    background-repeat:no-repeat;
	background-position:0 50%;
	float:left;
	width:230px;
	/*height:100px;*/
	height:40px;
	text-align:right;
	margin:3px ;
	}


/* ------------------------------------------------ PRODOTTI - impaginazione --- */
/* -------------------------------------------------------------------------- */

#navTopPaginaProdotti{
	padding:18px 20px 28px 20px;
	font-size:11px;	
	}
	.prodotto-posizione-acceso{
		font-weight:bold;
		font-size:12px;	
	}
	
#boxMenuLeft{
	float:left;
	width:180px;
	padding:6px;
	}
	#boxMenuLeft #nav{	
		background-image:url(/images/comuni/bgMenuProdotti.gif);
		background-repeat:no-repeat;
		background-position:50% 0;	
		margin-top:5px;
		padding-top:10px;
		}
	
#boxProdotti{
	margin-left:210px;
	margin-right:20px;
	}
	
/* ------------------------------------------------------ avvisoUtenti --- */
/* ---------------------------------------------------------------- */
#avvisoUtenti{
	background-image:url(/images/comuni/bgAvvisoRivenditori.gif);
	background-repeat:no-repeat;
	background-position:50% 0;
	background-color:#c80d1a;
	text-align:right;
	color:#fff;
	height: auto !important;   /* //////per i browser moderni */
	height: 120px;    /* ////// per IE5.x e IE6 */
	min-height: 120px;   /*//////per i browser moderni */
	}
	#avvisoUtenti div{
		font-size:11px;
		font-weight:bold;
		line-height:10px;
		padding:25px 20px 5px 50px;
		}
	#avvisoUtenti a:link, #avvisoUtenti a:active,  #avvisoUtenti a:visited{
		display:block;
		color:#fff;
		font-size:11px;
		font-style:italic;
		text-align:center;
		padding:4px 10px 10px 10px;
		}	
		#avvisoUtenti a:hover{
			text-decoration:none;
			background-color:#ffe911;
			color:#c80d1a;
			}	
	
/* ---------------- PRODOTTI Contenuto dell'elenco   ------- */

.rigaProdottoElenco{/* riga che contiene la descrizione del prodotto (foto, dati, link per il dettaglio...)*/	
	margin-bottom:15px;
	}
	.rigaProdottoElenco .sx{
		float:left;
		width:120px;
		}
	.rigaProdottoElenco .dx{
/*		margin-left:125px;*/
		margin-left:130px;
		}
	
.rigaProdottoDettaglio{
	background-color:#fff;
	padding:10px;
	}
	
/* -- generali -- */
.variantiProdotto{
	}

.fotoProdotto{
	border: 1px solid #a5a5a5;
	background-color:#eee;
	text-align:center;
	padding:3px;
	font-size:8px;
	}
	.fotoProdotto a{
		color: #a5a5a5;
		}

a.titoloProdotto:link, a.titoloProdotto:active, a.titoloProdotto:visited{
	text-decoration:none;
	font-size:12px;
	color:#3e3e3e;
	font-weight:bold;
	display:block;
	background-color:#f3cb1d;
	padding:4px 6px;
	margin-bottom:5px;
	}
	a.titoloProdotto:hover{
		background-color:#33338b;
		color:#fff;
		}
.titoloProdottoAcceso{
	text-decoration:none;
	font-size:12px;
	color:#3e3e3e;
	font-weight:bold;
	display:block;
	background-color:#f3cb1d;
	padding:4px 6px;
	margin-bottom:5px;
	}

/* -- elenco prodotti -- */
.rigaProdottoElenco table.datiProdotto{
	/*width:595px;*/
	width:575px;
	border:0;
	margin-bottom:5px
	}
	.rigaProdottoElenco table.datiProdotto .titolo, .rigaProdottoElenco table.datiProdotto .testo, .rigaProdottoElenco table.datiProdotto .prezzo{
		background-color:#eee;
		}
		.rigaProdottoElenco table.datiProdotto .prezzo{
			padding-left:15px;			
			}
			.rigaProdottoElenco table.datiProdotto .prezzo strong{
				font-size:28px;
				color:#f3cb1d;
				}
	.rigaProdottoElenco table.datiProdotto td{
		padding:3px;
		width:50%;
		}
	.rigaProdottoElenco table.datiProdotto .titolo{
		background-color:#d5d5d5;
		font-weight:bold;
		}
	.rigaProdottoElenco table.datiProdotto .spazio{
		font-size:1px;
		width:1px;
		color:#fff;
		}
	.rigaProdottoElenco table.datiProdotto .acquista{
		background-color:#f3cb1d;
		}
		.rigaProdottoElenco table.datiProdotto .acquista a.generico:hover{
		text-decoration:none;
		color:#fff;
		}

	/* -- link pdf -- */
	.rigaProdottoElenco table.linkPdf{
		font-size:8px;
		margin-top:6px;
		text-align:center;
		width:119px;
		}
	.rigaProdottoElenco	table.linkPdf .spazio{
		font-size:1px;
		width:1px;
		color:#fff;
		padding:0;
		}
		
/* -- link pdf -- */
	 table.linkPdf td{
		padding:3px;
		width:50%;
		}
	 table.linkPdf .titolo{
		background-color:#d5d5d5;
		font-weight:bold;
		line-height:10px;
		text-transform:uppercase;
		padding:3px;
		}
	 
	 table.linkPdf .testo{
		border:1px solid #d5d5d5;
		text-align:center;
		}
/* -- -- -- */


/* -- Dettaglio prodotti -- */
.rigaProdottoDettaglio table.datiProdotto{
	width:100%;
	border:0;
	margin-bottom:5px
	}
	.rigaProdottoDettaglio table.datiProdotto .titolo, .rigaProdottoDettaglio table.datiProdotto .testo, .rigaProdottoDettaglio table.datiProdotto .prezzo{
		background-color:#eee;
		}
		.rigaProdottoDettaglio table.datiProdotto .prezzo{
			padding-left:15px;			
			}
			.rigaProdottoDettaglio table.datiProdotto .prezzo strong{
				font-size:28px;
				color:#f3cb1d;
				}
	.rigaProdottoDettaglio table.datiProdotto td{
		padding:3px;
		width:50%;
		}
	.rigaProdottoDettaglio table.datiProdotto .titolo{
		background-color:#d5d5d5;
		font-weight:bold;
		}
	.rigaProdottoDettaglio table.datiProdotto .spazio{
		font-size:1px;
		width:1px;
		color:#fff;
		}
	.rigaProdottoDettaglio table.datiProdotto .acquista{
		background-color:#f3cb1d;
		}
		.rigaProdottoDettaglio table.datiProdotto .acquista a.generico:hover{
		text-decoration:none;
		color:#fff;
		}
		/* -- link pdf -- */
		.rigaProdottoDettaglio table.linkPdf{
			font-size:9px;
			margin:10px 0;
			text-align:center;
			width:100%;
			}
		.rigaProdottoDettaglio	table.linkPdf .spazio{
			font-size:1px;
			width:1px;
			color:#fff;
			}
		
/* -- -- -- */

a.leggitutto:link, a.leggitutto:active, a.leggitutto:visited{
	text-decoration:underline;
	font-size:10px;
	color:#338808;
	font-style:italic;
	}
	a.leggitutto:hover{
		text-decoration:none;
		color:#f4a908;
		}
		
.prezzo{
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	}

.titoloProdottoNoLink{
	font-size:15px;
	color:#212121;
	text-decoration:none;
	font-weight:bold;
	}
	
/* ------------------------------------------------------ RICERCA --- */
/* ---------------------------------------------------------------- */
#boxRicerca{
	background-image:url(/images/search/bg.gif);
	background-position:0 0 ;
	background-repeat:no-repeat;
	text-align:right;
	padding:4px 20px;
	margin-bottom:6px;
	}
	
	
/* ------------------------------------------ SEZIONE CARRELLO ------- */
/* ---------------------------------------------------------------- */

.cartTable {
	text-align:left;
	font-size:11px;
	width:100%;
	}
.cartTable img {
	margin:0 5px;
	}
.cartTable th, td{
	padding:5px 5px;
	border:1px solid #fff;
	}
	#cartTable td table  td{
		border:1px solid #eee;
		margin:0;
		padding:0;
	}
.cartTable th {
	font-weight:bold;
	background-color:#33338b;
	color:#fff;
	}
	.primo{
		width:40%;
		}
		
.cartTable td {
		background-color:#eee;
		}
	.cartTable td.testo{
		background-color:#eee;
		}	
		
	.totale{
		font-weight:bold;		
		font-size:14px;
		}
		.totaleOrdine{
			border:2px solid #f3cb1d;		
			font-size:19px;
			background-color:#fff;
			color:#333;
			}
	.totaleQuantita{
		
		}
	caption{
		font-size:0;
		display:none;
		visibility:hidden;
		}
		.nr_ordine{
			background-color:#f3cb1d;
			padding:0 10px;
		}
		
/* --------------- paginazione --- */	
table#pag  .acquista{
	background-color:#f3cb1d;
	}
	table#pag  .acquista a.generico:hover{
	text-decoration:none;
	color:#fff;
	}
/* --------------- tabella generale --- */		
table.generalTable {
	text-align:left;
	font-size:11px;
	width:100%;
	color:#777777;
	}
table.generalTable th, td{
	padding:5px 15px;
	border:1px solid #fff;
	}
table.generalTable th {
	font-weight:normal;
	background-color:#f0efef;
	}
	
.aggiornaCarrello{
	background-image:url(/images/icone/refresh.gif);
	background-position: 0 0 ;
	background-repeat:no-repeat;
	background-color:transparent;
	border:0;
	width:22px;
	height:2opx;
	text-indent:-999;
	cursor:pointer;
	cursor:hand;
	}	
/* ------------------------------------------------------ FOOTER --- */
/* ---------------------------------------------------------------- */
#byAllchem{
	background-color:#fff;
	margin:4px auto;
	width:950px;
	padding:9px 0;
	}

#bottom{
	width:950px;
	margin:0 auto;
	text-align:left;
	color:#6f6f6e;
	font-size:10px;
	margin-bottom:30px;
	}
	#credits{
		float:right;
		margin-top:4px;

	}
a.footerLink:link, a.footerLink:active, a.footerLink:visited{
	color:#6f6f6e;
	text-decoration:underline;
	font-style:italic;
	}
	
	a.footerLink:hover{
		color:#333;
	}