/* CSS Document */
A:FOCUS
{
	outline:none;	
}
BODY{
	margin-top:0px;
	text-align:center;	
}

BODY :lang(it){
	margin-top:0px;
	text-align:justify;
}


P{
	margin:0px;
	padding:0px;
	text-align:justify;
}

IMG 
{
	border:none;
}

/* classi */

div#mainContainer{
	width:900px;
	margin:0 auto;
	
	background-image:url(../images/topGreyBar.gif);
	background-repeat:no-repeat;
	background-position:top;
	
	font-family:Arial, Helvetica, sans-serif;
	}

/*flash*/
div#flashHomeContainer{
	height:419px;
	padding-top:6px;
	margin-bottom:7px;
	}

/*menu SPLASH ------------------------------------------------*/

.menuHomeContainer{/*da usare solo nella splash page per contenere il menu*/
	height:111px;
	padding-top:6px;
	
	background-image:url(../images/menuHomeBG.png);
	background-repeat:no-repeat;
	
	font-size:10px;
	}
	
/*menu INTERNO ---------------------------------------------- */	
.menuSiteContainer{/*per tutto il sito*/

	height:77px;
	padding-top:8px;
	
	background-image:url(../images/menuBG.png);
	background-repeat:no-repeat;
	background-position:0px 7px;
	
	font-size: 9px;
		
}

/*menu GENERICO ---------------------------------------------- */

div#menuList{
	float:right;
	padding-right:10px;
}
	
div#menuList UL{
	margin:0px;
	padding:0px;
}
	
div#menuList UL LI{
	list-style:none;	
	float:left;
	margin-left:0px;
	margin-right:0px;
}

div#menuList A{
	display:block;
	color:white;
	
	text-decoration:none;
	text-align:center;
		
}

div#menuList A:Focus{
	outline:none;
}

/*
bottoni del menu di splash sono definiti in splash.css
bottoni del menu di tutto il sito definiti in menu.css
*/

form 
{
	margin:0;
	padding:0;
}
	

div#contenuto{ 
	background-image:url(../images/BG-lineaGrigia.gif);
	background-position:308px 0px;
	background-repeat:repeat-y;
	
	border:1px solid white;
	margin:6px 0px 6px 0px;
}

/* colonna di SX ---------------------------------------------- */

div#colonnaSx{
	float:left;
	width:308px;
}

/* colonna di DX ---------------------------------------------- */

div#colonnaDx{
	float:right;
	width:576px;
	min-height:300px;
	margin-left:2px;
	
	padding:0px 6px 0px 6px;
	
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}



div#colonnaDx H2{/*usato per i titolo di sezione*/
	font-size:20px;
	text-align:left;
	
	padding:10px 0px 10px 15px; 
	margin:0px 0px 5px 0px;
	
	height:20px;
	background-repeat:no-repeat;
	background-position:0px 0px;
}

div#colonnaDx H2 SPAN.categoria{/*usato per i titolo di sezione | categoria */
	font-size:16px;
}

div#colonnaDx H2 SPAN.prodotto{/*usato per i titolo di sezione | categoria | prodotto*/
	font-size:12px;
}



/*per il background dei titoli di sezione H2*/
div#colonnaDx H2.improntabarre{
	background-image:url(../images/Titolo_ImprontaContatti.png);
}

div#colonnaDx H2.filosofia{
	background-image:url(../images/Titolo_NewsFilosofia.png);
}

div#colonnaDx H2.laboratorio{
	background-image:url(../images/Titolo_laboratorio.png);
	}

div#colonnaDx H2.collaborazioni{
	background-image:url(../images/Titolo_Collaborazioni.png);
}

div#colonnaDx H2.prodotti{
	background-image:url(../images/Titolo_Prodotti.png);
}

div#colonnaDx H2.news{
	background-image:url(../images/Titolo_NewsFilosofia.png);
}

div#colonnaDx H2.contatti{
	background-image:url(../images/Titolo_ImprontaContatti.png);
}


div#colonnaDx H3{
	font-size:16px;
	text-align:left;
	
	padding:0px 0px 5px 0px;
	margin:0px 0px 5px 0px;
}

div#colonnaDx H3 A{
	color:black;
	text-decoration:none;
}

div#colonnaDx H3 A:Hover{
	color:#006699;;
}


div#colonnaDx P{
	font-size:12px;
	text-align:justify;
}

div#colonnaDx P SPAN{
	margin:0px;
	padding:0px;
	color:#000000;
}

div#colonnaDx P B, STRONG{
	color:black;
}

div#colonnaDx P A{
	color:#e9ae4a;
	text-decoration:none;
	font-weight:bold;
}


div#colonnaDx P A:Hover{
	/* vale per tutti*/
	color:#006699;
	text-decoration:underline;
}


div#colonnaDx .linea{
	width:570px;
	height:1px;
	font-size:1px;
	
	margin:0 auto;
	margin:10px 0px 10px 0px;
	
	border-bottom:1px solid #b7b7b1;
	
}

div#colonnaDx .vbox{
	width:5px;
	height:120px;
	
	float:left;
	margin-right:6px;
}

.boxImprontabarre{background-color:#77aa94;}
.boxFilosofia{background-color:#f0c680;}
.boxLaboratorio{background-color:#517da4;}
.boxCollaborazioni{background-color:#87b7e3;}
.boxProdotti{background-color:#517da4;}
.boxNews{background-color:#f0c680;}

div#colonnaDx .vboxContatti{
	width:5px;
	height:85px;
	
	float:left;
	margin-right:6px;
	background-color:#77aa94;
}


div#colonnaDx .image{
	width:160px;
	height:120px;
	float:left;
	margin-right:10px;
}


div#colonnaDx .testoAnteprima{
	float:left;
	width:380px;
}

/* per l'articolo esploso */

div#colonnaDx .imagesArticle{ 
	float:right;
	width:160px;
	text-align:left;

}



/* ____________________________ link  e download ______________________ */

div#colonnaDx .imagesArticle A{
	text-align:left;
	display:block;
	margin:5px 0px 5px 0px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	
	padding-left:0px;
	color:#000000;

}

.spaceLink
{
	padding-left:20px;
	}


div#colonnaDx .imagesArticle A.download{
	background-image:url(../images/bDownload_0.png);
	background-repeat:no-repeat;
	padding-top:6px;
	
}

div#colonnaDx .imagesArticle A.download:Hover{
	color:#FF9900;
	background-image:url(../images/bDownload_1.png);
	
}

div#colonnaDx .imagesArticle A.link{
	background-image:url(../images/bNext_0.png);
	background-repeat:no-repeat;
	padding-top:6px;
}

div#colonnaDx .imagesArticle A.link:Hover{
	color:#FF9900;
	background-image:url(../images/bNext_1.png);
	background-repeat:no-repeat;
}


div#colonnaDx .image_in{ /* da usare dentro l'articolo */
	width:160px;
	height:120px;
	margin-bottom:10px;
	
}

div#colonnaDx .testoArticolo{
	float:left;
	width:390px;
}
/* bottoni ---------------------------------------------- */

A.bLeggi{
	height:18px;
	display:block;
	float:right;
	padding:5px 0px 0px 20px;
	
	font-size:10px;
	color:#000;
	text-decoration:none;
		
	background-image:url(../images/bLeggi_0.png);
	background-repeat:no-repeat;
	background-position:0px 0px;	
}

A.bLeggi:Hover{
	color:#e9ae4a;
	background-image:url(../images/bLeggi_1.png);
}

/* prodotti parte centrale del layout --------------------------------------------- */

.catalogueMainMenu{
	width:160px;
	float:left;
	padding:5px 5px 0px 15px;
}

.catalogueMainMenu IMG{
	max-width:160px;
	max-height:120px;	 
	margin:0px;
	padding:0px;
}

.catalogueMainMenu H4 A{
	display:block;
	width:160px;
	padding-bottom:8px;
	
	text-align:right;
	text-decoration:none;
	font-size:11px;
	color:black;
	
	margin-top:3px;
	background-image:url(../images/BG_prodotti.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

.catalogueMainMenu H4 A.evidenza{
	background-image:url(../images/BG_prodottiEvidenza.png);
}
 
.catalogueMainMenu H4 A:Hover{
	background-image:url(../images/BG_prodottiOver.png);
}

/* prodotti   --------------------------------------------------------- */
	
.catalogueMainMenu .catalogueButton{
	float:right;;
	margin:-10px 0px 0px 0px;
}

.catalogueMainMenu .catalogueButton A{
	height:18px;
	width:55px !important;
	width:80px;
	display:block;
	
	padding:5px 0px 0px 20px;
	margin-bottom:0px !important;
	margin-bottom:3px;
	
	font-size:10px;
	color:#000;
	text-decoration:none;
	text-align:left;
	
	background-repeat:no-repeat;
	background-position:0px 0px;
	
	}


.catalogueMainMenu .catalogueButton A.bAdd{
	background-image:url(../images/bCarrello_0.png);
}

.catalogueMainMenu .catalogueButton A.bAdd:Hover{
	background-image:url(../images/bCarrello_1.png);
	color:#e9ae4a;
}

.catalogueMainMenu .catalogueButton A.bDettagli{
	background-image:url(../images/bZoom_0.png);
}

.catalogueMainMenu .catalogueButton A.bDettagli:Hover{
	background-image:url(../images/bZoom_1.png);
	color:#e9ae4a;
}


H5{ /* usato per il prezzo del prodotto */
	float:left;
	padding:0px 0px 0px 10px;
	font-weight:normal;
	font-size:16px;
	color:#903;
}

H5.top{
	margin-top:10px;
}


/* prodotti articolo selezionato  ------------------------------------------- */

.areaFoto{
	width:386px;
	float:left;
	
	padding:5px;
	border-right:1px solid #b7b7b1;
}

.areaFoto .miniature IMG{
	border:1px solid #b7b7b1;
	margin:15px 2px 2px 2px;
}

.areaDescrizione
{
	width: 170px;
	float: right;
	margin-left: 3px;
	
	background-image: url(../images/BG_prodottiOver.png);
	background-repeat: repeat-x;
	background-position:top;
}

.areaDescrizione P{
	border-top:1px solid #b7b7b1;
	margin:0px;
	padding:0px;
}


.areaDescrizione A.bOrdina{
	height:18px;
	width:70px !important;
	width:85px;
	display:block;
	
	float:right;
	padding:5px 0px 0px 20px;
	margin-bottom:0px !important;
	margin-bottom:3px;
	margin-top:10px;
	
	font-size:10px;
	color:#000;
	text-decoration:none;
	text-align:left;
	
	background-image:url(../images/bOrdina_0.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

.areaDescrizione A.bOrdina:Hover{
	color:#e9ae4a;
	background-image:url(../images/bOrdina_1.png);

}



/* menu prodotti colonna SX  ------------------------------------------- */


.catalogueSideMenu{
	width:140px;
	float:left;
	margin:0px 0px -6px 6px;
}

.catalogueSideMenu IMG
{
	width: 90px;
	height: 68px;
	text-align:center;
}	

.catalogueSideMenu IMG:lang(it){ /* solo per firefox */
	width: 90px;
	height: 68px;
	margin-left:25px;
}

.catalogueSideMenu H4 A{
	display:block;
	width:140px;
	
	padding:0px 0px 8px 0px;
	margin:3px 0px 0px 0px;
		
	text-align:right;
	text-decoration:none;
	font-size:10px;
	color:black;
	
	background-image:url(../images/BG_prodotti.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

.catalogueSideMenu H4 A.evidenza{
	background-image:url(../images/BG_prodottiEvidenza.png);
}
 
.catalogueSideMenu H4 A:Hover{
	background-image:url(../images/BG_prodottiOver.png);
}



/* carrello  ------------------------------------------- */

div#boxCarrello
{
	height: 15px;/*17*/
	margin-top: 0px !important;
	margin-top: 2px;

	padding-left:350px;
	padding-top:2px !important;
	padding-top:3px;
	
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	
	background-image: url(../images/BG_carrello.png);
	background-repeat: no-repeat;
	background-position: 470px 0px;
}


div#boxCarrello .userName{
	float:left;
	width:116px;
	margin-top:0px;
	
	color:#333;
	text-align: right;
}

div#boxCarrello .spesa{
	float:left;
	width:233px !important;
	width:270px;
	
	padding-left:35px;
	
	text-align:left;
	color: white;
}


div#boxCarrello .spesa SPAN{
	color:#FF9900;
}

div#boxCarrello A{
	display:block;
	width:60px;
	float:left;
	
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	color: white;
}

div#boxCarrello A:Hover{
	color:#FF9900;
}


/* area utente ------------------------------------------- */

.textFieldA{
	text-align:left;
	float:left;
	width:250px;
	margin-bottom:10px;
}


.textFieldB{ /* per campi + lunghi*/
	text-align:left;
	float:left;
	margin-bottom:10px;
	width:500px;
}


.textFieldA INPUT, SELECT{
	width:200px;
	
	font-size:10px;
	color:#333333;
	text-align:left;
	
	padding-left:2px;
		
	background-image:url(../images/BG_textField.png);
	background-repeat:repeat-x;
	
	border:1px solid #b7b7b1;
	border-bottom:3px solid #b7b7b1; 
}

.textFieldB INPUT{
	width:450px;
	
	font-size:10px;
	color:#333333;
	text-align:left;
	
	padding-left:2px;
		
	background-image:url(../images/BG_textField.png);
	background-repeat:repeat-x;
	
	border:1px solid #b7b7b1;
	border-bottom:3px solid #b7b7b1; 
}

.textFieldB TEXTAREA{
	width:450px;
	
	font-size:10px;
	color:#333333;
	text-align:left;
	
	padding-left:2px;
		
	background-image:url(../images/BG_textField.png);
	background-repeat:repeat-x;
	background-position:bottom;
	border:1px solid #b7b7b1;
	border-bottom:3px solid #b7b7b1; 
}

LABEL{
	font-size:12px;
}

A.bottoneAccesso{
	display:block;
	height:17px;
	width:17px;
	padding-left:23px;
	margin-bottom:20px;	
	font-size:14px;
	color:#000000;
	text-decoration:none;	
	
	background-image:url(../images/bNext_0.png);
	background-repeat:no-repeat;
	
}

A.bottoneAccesso:Hover{
	color:#FF9900;
	background-image:url(../images/bNext_1.png);
}


div.accesso
{
	min-height:50px;
		padding:2px 10px 5px 10px;
		border-bottom:1px solid #b7b7b1;
		background-color:#f1f1ef;
}

div.accesso P SPAN{
	color:#6d162b;
	font-weight:bold;
}


div.accesso UL{
	padding:5px 0px 0px 0px;
	font-size:11px;
	margin:0px;
}
	
div.accesso UL LI{
	list-style:none;	
	float:left;
	margin-left:0px;
	margin-right:30px;
}

div.accesso A{
	display:block;
	color:#006699;
	text-decoration:none;
}

div.accesso A:Hover{
	color:#FF9900;
	text-decoration:underline;
}


div.accesso A:Focus{
	outline:none;
}

/* area carrello utente ------------------------------------------- */

TABLE.carrello{
	border:none;
	border-collapse:collapse;
}

TABLE.carrello TD{
	border-bottom:1px solid #b7b7b1;
	vertical-align:top;
	padding:2px 3px 2px 3px;
}

TABLE.carrello TD H4{
	font-size:12px;
}


TABLE.carrello TD IMG{
	width:80px;
	margin:0px 3px 3px 0px;
	border:1px solid #b7b7b1;
}


TD.quantita{
	width:50px;
	padding:5px 0px 0px 5px;
	background-color:#f1f1ef;
}

TD.articolo{
	padding:5px 0px 0px 5px;
	width:270px;
	background-color:#f1f1ef;
}

TD.prezzo-unitario{
	padding:5px 0px 0px 5px;
	width:100px;
	background-color:#f1f1ef;
}

TD.prezzo-totale{
	padding:5px 0px 0px 5px;
	width:100px;
	background-color:#f1f1ef;
}

TD.elimina{
	background-color:#f1f1ef;
}

TD A.elimina{
	display:block;
	height:18px;
	
	padding-left:20px;
	padding-top:2px;
	font-size:10px;
	color:red;
	
	
	background-image:url(../images/delete2.png);
	background-repeat:no-repeat;
}

TD A.elimina:Hover{
	text-decoration:none;
}


TD INPUT.quantita{
	width:20px;
	
	font-size:10px;
	color:#333333;
		
	padding-left:2px;
		
	background-image:url(../images/BG_textField.png);
	background-repeat:repeat-x;
	border:1px solid #b7b7b1;
	border-bottom:3px solid #b7b7b1;
}

TABLE.carrello TR{
	margin:0px;
	padding:0px;
}

.areaConferma a.aggiorna {
	display:block;
	height:18px;
	width:80px;
	float:left;
	
	padding:2px 0px 0px 20px;
	
	font-size:12px;
	color:#006699;
	text-decoration:none;
	
	background-image:url(../images/refresh.png);
	background-repeat:no-repeat;
}


.areaConferma A.invia-ordine{
	display:block;
	float:right;
	width:88px;
	height:18px;
	padding:2px 0px 0px 20px;
	
	font-size:12px;
	color:#006699;
	text-decoration:none;
	
	background-image:url(../images/check2.png);
	background-repeat:no-repeat;
}

.areaConferma a:Hover {
	color:#f90;
}

/* paginatore ------------------------------------------- */
.paginatoreContainer,
div#paginatoreContainer{
	float:right;
	width:580px;
	height:19px;
	
	background-color:#f1f1ef;
	padding:3px;
	
	margin-bottom:2px !important;
	margin-bottom:0px;
	vertical-align:bottom;
}


div#paginatore{
	float:right;
	padding-right:5px;
}

.vline{/* piccola linea verticale  divisoria*/
	font-size:18px;
	color:#006699;
	border-right:1px solid black/*#b7b7b1*/;
	padding-right:3px;
	margin-right:5px;
	float:left;
}
	
div#paginatore UL{
	margin:0px;
	padding:0px;
	float:left;
}
	
div#paginatore UL LI{
	font-size:12px;
	list-style:none;	
	display:inline;
	margin-left:5px;
	margin-right:5px;
}

div#paginatore A{
	font-size:12px;
	color:black;
	text-decoration:none;
}

div#paginatore A:Hover{
	color:#006699;
	font-weight:bold;
}



/* bottone PREVIUS ---------------- */
div#paginatore A.bPrev{
	display:block;
	height:17px;
	width:17px;	
	float:left;
	margin:3px !important;
	margin:0px;
	background-image:url(../images/bPrev_0.png);
	background-repeat:no-repeat;
	
	text-indent:-9999px;
}

div#paginatore A.bPrev:Hover{
	background-image:url(../images/bPrev_1.png);
}

div#paginatore A.bPrev:Focus{
	outline:none;
}

/* bottone NEXT ---------------- */
div#paginatore A.bNext{
	display:block;
	height:17px;
	width:17px;
	float:left;
	margin:3px !important;
	margin:0px;
	background-image:url(../images/bNext_0.png);
	background-repeat:no-repeat;
	
	text-indent:-9999px;
}

div#paginatore A.bNext:Hover{
	background-image:url(../images/bNext_1.png);
}

div#paginatore A.bNext:Focus{
	outline:none;
}



/* chiusura -------------------------------------------- */

div#chiusura {
	height:41px;
	background-image:url(../images/BG_footer.png);
	background-repeat:no-repeat;
}

div#chiusura A.bContatti{
	display:block;
	
	width:87px;/*127*/
	height:20px;/*27*/
	
	float:right;
	padding:18px 0px 0px 40px;

	margin-right:5px;	
	
	
	font-size:10px;
	text-decoration:none;
	text-transform:uppercase;
	color:white;

	background-image:url(../images/bContatti_0.png);
	background-repeat:no-repeat;
	background-position:0px 10px;
}

div#chiusura A.bContatti:Hover{
	background-image:url(../images/bContatti_1.png);
}


/* footer ---------------------------------------------- */

.footerContainer{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	
	padding-top:3px;
	
	}
.footerContainer P{text-align:center;}
					
.footerContainer A{
	color:#006699;
	text-decoration:none;
	}

.footerContainer A:Hover{
	color:#FF9900;
	text-decoration:underline;
	}

.credits{
	width:54px;
	height:35px;
	float:right;
	margin-right:15px;
	}

.credits IMG{border:0px;}

.break{
	clear:both;
	font-size:1px;
	height:1px;
}
.title
{
	text-align:justify;
	font-size:10px;
}
.address
{
	text-align:justify;
	font-size:10px;
	
}
A.mareParla
{
		width:234px;
		height:49px;
		margin:10px 10px 10px 70px;
		background-image:url(../images/b_mareparla_0.png);
		display:block;
}
A:HOVER.mareParla 
{
		background-image:url(../images/b_mareparla_1.png);
	
}
.logoAdiMember
{
	margin:10px 0px;
}
.flags
{
	float:right;
	margin:0px 4px;	
	width:34px;
	height:90px;
	padding:11px 0px 10px;
}
.flags .ita
{
	width:32px;
	height:32px;
	margin:2px;
	background-image:url(../images/Italy.png);	
	display:block;
}
.flags .eng
{
	width:32px;
	height:32px;
	margin:2px;
	background-image:url(../images/UK.png);	
	display:block;
}
.languageList
{
	width:72px;
	height:74px;
	float:right;	
	font-family:Arial;
	font-size:9px;
}
.languageList ul
{
	padding:0px;
	margin:10px;
}
.languageList ul li
{
	color:#fff;
	margin:4px 0px;
	list-style-type:square;
}
.languageList ul li a
{
	color:#fff;
	text-decoration:none;
}
.languageList ul li a:hover
{
	color:#e9ae4a;
	text-decoration:underline;
}