/* COLORI *//*

TESTO 							color:#4C4C4C;	background:#FFF;
TESTO:hover 					color:#4C4C4C;	background:#FFF;

RICERCA - ALTRI BOTTONI 		color:#333;		background:#FFF;
RICERCA - ALTRI BOTTONI:hover 	color:#999;		background:#FFF;

TRADIZIONE						color:#000;		background:#4C4C4C;
TRADIZIONE:hover				color:#666;		background:#B2B2B2;

da mail di sabrina:
per la SEZIONE TRADIZIONE da sostituire al precedente.
#898989- che equivale a R 137 G137 B137

INDOSSARE						color:#FFF;		background:#000;
INDOSSARE:hover					color:#333;		background:#666;

SPECIALI						color:#FFF;		background:#597A84;
SPECIALI:hover					color:#FFF;		background:#A0B3B9;

*/

@import url(html5-reset-1.4.css);

html		{ /* font-size:100%; */ width:100%; height:100%; }
body		{ margin:0; padding:0; font:62.5%/1.4em Verdana, Arial, Sans-serif; color:#4C4C4C; 	background:#FFF; }

a			{ text-decoration:none; color:#4C4C4C; } /* 20091124 dopo telefonata di sabrina */
a:hover		{ color:#B2B2B2 !important; }
a img		{ border:0; }

.home h3			{ text-transform:uppercase; }
h3					{ font-size:1.2em; margin:0 0 1em 0; padding:0; border:0; /* background:#FC0; */ }
h3 span.cnt			{ display:block; margin:0; padding:8px 0; font-size:1.14em; }
h3 span.cufon {
	display:inline; margin:0; padding:0; font-size:1em; background:transparent; /* reset */ 
}
h3 span.cufon-canvas {
	margin:3em 0 0 0 !important; /* patch Safari e FFX per il limite di line-height di cufon con il doctype transitional */
}
h4				{ text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; background:#FFF; 
					padding:5px 0; margin:5px 0;
				}

/* -- CLEAR -- */
.clear {background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}

/* ---------------------------------------- MAIN ---------------------------------------- */
#main 			{ width:960px; margin:0 auto; position:relative; /* background:#F0F0F0; min-height:800px; */ }
.pagina #main 	{ padding-top:15px; }
.home #logo 	{ display:block; position:absolute; width:300px; height:400px; /* 376px; */ top:0; left:1px; text-indent:-999em; background:transparent url(../images/logo_su_bianco_semiopaco_20091124_tall.png) no-repeat 0 0; z-index:999; }
.pagina #logo 	{ display:block; position:absolute; width:180px; height:207px; top:-16px; left:0; text-indent:-999em; z-index:999; 
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0 0;
}
.pagina.all  		#logo 	{ background-image:url(../images/logo_galleria_pag_nero_180x207.png);	}
.pagina.ricerca  	#logo 	{ background-image:url(../images/logo_galleria_pag_nero_180x207.png);	}
.pagina.tradizione  #logo 	{ background-image:url(../images/logo_galleria_pag_nero_180x207.png);	}
.pagina.indossare 	#logo 	{ background-image:url(../images/logo_galleria_pag_bianco_180x207.png);	}
.pagina.speciali 	#logo 	{ background-image:url(../images/logo_galleria_pag_bianco_180x207.png);	}

/* #nav 		{ position:absolute; width:200px; top:0; right:0; padding-top:24px; z-index:998; } */
.home #nav 		{ position:absolute; width:190px; top:0; right:0; padding-top:24px; z-index:998; /* background:#FC0; */ }
.pagina #nav 	{ position:absolute; width:190px; top:-16px; right:0; padding-top:24px; z-index:998; /* background:#FC0; */ }
#nav .lingue	{ margin:0 0 10px; padding:0px 0px 0px 36px; /* background:#F00; */ font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; }
.it #nav .lingue a.it,
.en #nav .lingue a.en { color:#CCC; cursor:default; }

/* ---------------------------------------- nav L1 ---------------------------------------- */
#nav .l1		{ }
#nav .l1 a		{ display:block; 
					margin-bottom:2px; 
					padding:0 10px 0 10px; 
					text-decoration:none; 
					text-transform:uppercase;
					height:84px; /* width:110px; */
					overflow:hidden; 
					background-repeat:no-repeat;
					background-position:right top;
				}
#nav .l1 a span.cnt	{ display:block; margin:0; padding:26px 0 0 0; font-size:1.28em; line-height:1.2em; /* background:#FC0; */ }
/* #nav .l1 a>span	{  } non va in IE6 - aggiungo la classe .cnt */
#nav .l1 a span.cufon {
	display:inline; margin:0; padding:0; font-size:1em; background:transparent; /* reset */ 
}
#nav .l1 a span.cufon-canvas {
	margin:3em 0 0 0 !important; /* patch Safari e FFX per il limite di line-height di cufon con il doctype transitional */
}		
/* .slim { padding-left:40px; } */

a.btn_ricerca 			{ color:#333 !important; background-color:#FFF !important; 
							border:1px solid #000;
							/* background-image:url(../images/bg_btn_ricerca.jpg); */
							margin-left:10px;
						}
/* .ricerca a.btn_ricerca	{ margin-left:0; } */
/* .ricerca a.btn_ricerca, */
a.btn_ricerca:hover 	{ color:#999 !important; background-color:#FFF !important; 
							border:1px solid #999;
						} 

a.btn_tradizione			{ color:#000 !important; background-color:#898989 !important; /* 20100211  #666 !important; /* background-color:#4C4C4C !important; */
							border:1px solid #000;
							/* background-image:url(../images/bg_btn_tradizione.jpg); */
							margin-left:10px;
						}
/* .tradizione a.btn_tradizione { margin-left:0; } */
/* .tradizione a.btn_tradizione, */
a.btn_tradizione:hover	{ color:#666 !important; background-color:#B2B2B2 !important; 
							border:1px solid #999;
						}

a.btn_indossare			{ color:#FFF !important; background-color:#000 !important;
							border:1px solid #000;
							/* background-image:url(../images/bg_btn_indossare.jpg); */
							margin-left:10px;
						}
/* .indossare a.btn_indossare { margin-left:0; } */
/* .indossare a.btn_indossare, */
a.btn_indossare:hover	{ color:#666 !important; background-color:#B2B2B2 !important; 
							border:1px solid #999;
							/* color:#333 !important; background-color:#666 !important;
							border:1px solid #333; */
						}

/* ---------------------------------------- nav L1 ---------------------------------------- */
#nav .l2				{ margin:0; }
#nav .l2 a				{ display:block; 
							margin-bottom:2px; 
							margin-left:10px;
							padding:0 10px; 
							text-decoration:none; 
							text-transform:uppercase;
							overflow:hidden;
						}
#nav .l2 a:hover		{  }
#nav .l2 a span.cnt		{ display:block; margin:0; padding:8px 0; font-size:1.28em; }
#nav .l2 a span.cufon {
	display:inline; margin:0; padding:0; font-size:1em; background:transparent; /* reset */ 
}
#nav .l2 a span.cufon-canvas {
	margin:3em 0 0 0 !important; /* patch Safari e FFX per il limite di line-height di cufon con il doctype transitional */
}

a.btn_speciali				{ color:#FFF !important; background:#597A84; border:1px solid #597A84; }
/* .speciali a.btn_speciali, */
a.btn_speciali:hover		{ color:#FFF !important; background:#A0B3B9; border:1px solid #A0B3B9; }
/*
#nav .l2 a.btn_speciali			{ background:#466B7D; color:#FFF; border:1px solid #466B7D; }
#nav .l2 a.btn_speciali:hover	{ background:#FFF; color:#466B7D; border:1px solid #466B7D; }
*/

/* ---------------------------------------- HEADER ---------------------------------------- */
#header 			 {  }
.home #header 		 { padding:35px 0px 10px; }
.pagina #header		 { display:block; width:800px; padding:0 0 10px; border:1px solid #000; margin:0 0 10px; overflow:hidden; }
.pagina #header.tall { padding:0; }

.pagina.all			#header { /* background:#FC0; */ }
.pagina.ricerca 	#header { background:#FFF; }
.pagina.tradizione	#header { background:#898989; } /* 20100211 #666 - background:#4C4C4C; */
.pagina.indossare	#header { background:#000; }
.pagina.speciali	#header { background:#597A84; }

/* per qualche arcano motivo IE 6 e 7 non prende il margin-top di .pagina #header ho riolto mettendo un padding-top a .pagina #main sopra  */
.home .main_img		{ width:800px; height:330px; border:1px solid #000; overflow:hidden; position:relative; /* background:#CF0; */ }
.home .main_img img	{ position:absolute; top:0; left:0; }
#others { display:none; }

.pagina .main_img		{ width:640px; height:80px; margin-left:160px; overflow:hidden; /* position:relative; */  background:#333; }
.pagina.tall .main_img	{ height:164px; }
.pagina .main_img img   {  }

.pagina #header .intro	{ font-size:1.2em; /* 20100211 */ line-height:1.2em; margin-left:160px; margin-right:50px; padding:14px 0 0 0; height:60px; overflow:hidden; /* background:#CF0; */ /* non compatibile con cufon - text-align:justify; */ }
.pagina #header .intro	h2 { display:block; float:left; margin:0 10px 0 0; padding:8px 0 0 0; height:60px; /* background:#F0C; */
							 font-size:1.4em; line-height:1.2em; font-weight:normal; 
							 text-transform:uppercase;
						}
						
/*
.pagina.all				#header .intro	h2 { width:160px; height:60px; }
.it .pagina.ricerca 	#header .intro	h2 { width:115px; height:60px; }
.it .pagina.tradizione	#header .intro	h2 { width:165px; height:60px; }
.it .pagina.indossare	#header .intro	h2 { width:110px; height:60px; }
.en .pagina.ricerca 	#header .intro	h2 { width:140px; height:60px; }
.en .pagina.tradizione	#header .intro	h2 { width:165px; height:60px; }
.en .pagina.indossare	#header .intro	h2 { width:110px; height:60px; }
*/
						
.pagina #header .intro	p { margin:0; }
.pagina #header .intro span.cufon {
	display:inline; margin:0; padding:0; font-size:1em; background:transparent; /* reset */ 
}
.pagina #header .intro span.cufon-canvas {
	margin:2em 0 0 0 !important; /* patch Safari e FFX per il limite di line-height di cufon con il doctype transitional */
}

.pagina.all			#header .intro	{ }
.pagina.ricerca 	#header .intro	{ }
.pagina.tradizione	#header .intro	{ color:#000 !important; }
.pagina.indossare	#header .intro	{ color:#FFF !important; }


/* ---------------------------------------- corpo ---------------------------------------- */
#page 				{ overflow:hidden; }
.corpo				{ width:800px; float:left;
					  border:1px solid #000; /* background:#F0F0F0; */ 
					  background-image:url(../images/right_shadow.gif); 
					  background-repeat:repeat-y;
					  background-position:right top;
					  /* overflow:hidden; */
					}
.corpo .top_shadow  { display:block; width:100%; line-height:0; height:10px; overflow:hidden; 					  
						background-image:url(../images/top_shadow.gif);
						background-repeat:repeat-x;
						background-position:left top;
					}
.corpo .top_shadow  span {
						display:block; width:10px; height:10px; line-height:0; float:right; overflow:hidden;
						text-align:left; text-indent:-999em;
						background-image:url(../images/top_right_corner_shadow.gif);
						background-repeat:no-repeat;
						background-position:right top;
					}

.pagina .corpo		{ min-height:700px; height:auto !important; height:700px; }
.corpo .cnt			{ padding:5px 10px 10px 10px; }

.corpo a			{ font-weight:bold; /* cursor:pointer; */ } /* --------------------------------- BOLD LINK ---- */
.corpo .intro		{ font-size:1.3em; /* 20100211 */  line-height:1.2em; color:#000; padding-top:6px; /* padding-left:115px; */ }
.corpo .intro strong,
.corpo .intro em { color:#4C4C4C; }

.corpo .intro span.cufon {
	display:inline; margin:0; padding:0; font-size:1em; background:transparent; /* reset */ 
}
.corpo .intro span.cufon-canvas {
	margin:2em 0 0 0 !important; /* patch Safari e FFX per il limite di line-height di cufon con il doctype transitional */
}

/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/ 
.corpo .news			{ overflow:hidden; margin:10px 0; /* background:#F0F0F0; */ 
	/* required settings */ 
	position:relative; 
	overflow:hidden; 
	width:780px; 
	height:200px; 
}
/* 
	root element for scrollable items. Must be absolutely positioned 
	and it should have a extremely large width to accomodate scrollable items. 
	it's enough that you set width and height for the root element and 
	not for this element. 
*/ 
.corpo .news .items { 
	/* this cannot be too large */ 
	width:20000em; 
	position:absolute; 
} 
/* 
	a single item. must be floated in horizontal scrolling. 
	typically, this element is the one that *you* will style 
	the most. 
*/ 
.corpo .news .items div { 
	float:left; 
} 
.corpo .news .item		{ overflow:hidden; float:left; width:250px; margin-right:10px; height:185px; }
.corpo .news .item img	{ float:left; margin:0 5px 50px 0; width:110px; /* height:140px; */ background:#CCC; }

.corpo .item			{ font-size:1.1em; /* 20100212 */  }
.corpo .item .data		{ font-size:.8em;  /* 20100212 */ }
.corpo .item .titolo	{ margin-bottom:5px;  /* 20100212 */ }

/* -------------------------------------------------- NEWS DI SETTORE -------------------------------------------------- */
/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
.corpo .di_settore		{ 
	float:left;
	overflow:hidden; margin:10px 12px 10px 0; /* background:#F0F0F0; */
	/* required settings */ 
	position:relative; 
	overflow:hidden; 
	width: 508px; 
	height:280px; 
}
/* 
	root element for scrollable items. Must be absolutely positioned 
	and it should have a extremely large width to accomodate scrollable items. 
	it's enough that you set width and height for the root element and 
	not for this element. 
*/ 
.corpo .di_settore .items { 
	/* this cannot be too large */ 
	width:20000em; 
	position:absolute; 
} 
/* 
	a single item. must be floated in horizontal scrolling. 
	typically, this element is the one that *you* will style 
	the most. 
*/ 
.corpo .di_settore .items div { 
	float:left; 
} 
.corpo .di_settore .item		{ overflow:hidden; float:left; width:166px; height:265px; margin-right:5px; }
.corpo .di_settore .item img	{ margin:0 0 5px; width:166px; height:70px; background:#CCC; }

/* -------------------------------------------------- NEWS ARTIGIANI -------------------------------------------------- */
.corpo .w_degli_artigiani	{ 
	overflow:hidden;
	float:left;
	margin:10px 0; 
	/* background:#F0F0F0; */ 
	width: 260px; 
	height:280px; 
}

.corpo .degli_artigiani { 
	overflow:hidden; margin:0 0 10px 0; width:260px; height:240px; 
	position:relative; 
	overflow:hidden; 
} /* 140+10 */
.corpo .degli_artigiani .items { 
	/* this cannot be too large */ 
	height:20000em; 
	position:absolute; 
} 		
.corpo .degli_artigiani .item		{ overflow:hidden; width:260px; height:70px; margin-bottom:10px; }
.corpo .degli_artigiani .item img	{ float:left; margin:0 5px 30px 0; width:70px; height:70px; background:#CCC; }

/* -------- */
.titolo a,
a H3, H3 a 					{ color:#4C4C4C !important;	 } /* 20091124 dopo telefonata di sabrina */
.titolo a:hover,
a:hover H3, H3 a:hover  { color:#B2B2B2 !important; }
.titolo					{ display:block; text-transform:uppercase; font-weight:bold; line-height:1em; }
.titolo span.cnt		{ display:block; margin:0; padding:8px 0; font-size:1.14em; }
.titolo span.data		{ font-size:.9em; }
.titolo span.cufon {
	display:inline; margin:0; padding:0; font-size:1em; background:transparent; /* reset */ 
}
.titolo span.cufon-canvas {
	margin:2em 0 0 0 !important; /* patch Safari e FFX per il limite di line-height di cufon con il doctype transitional */
}

/* - .sub1 navigazione orizzontale - Materiali Artigiani Prodotti - */

.pagina	.corpo h2		{ 
							font-size:1.6em; line-height:1.2em; font-weight:normal; /* padding:5px 0 0 10px; */
							text-transform:uppercase;
							display:block; clear:both; margin:0; /* margin:-15px 0 0 0; */
							border-bottom:1px solid #F0F0F0; overflow:auto; 
						}
.all h2 				{ background: url(../images/top_shadow.gif) repeat-x left top; }
.speciali h2 			{ background:#597A84 url(../images/bg_ombra_h2_speciali.gif) repeat-x left top; color:#FFF; }
.pagina	h2 span.cnt 	{ display:block; clear:both; margin:0; border:0; padding:0; padding:10px; overflow:hidden; }

.sub1 					{ display:block; clear:both; margin:-15px 0 0 -10px; width:100%; border-bottom:1px solid #F0F0F0; /* background:#ABC; */ overflow:auto; /**/ }
.sub1 ul 				{ display:block; clear:both; margin:0; border:0; padding:0; height:30px; overflow:hidden; /**/ }
.sub1 ul li 			{ display:inline; list-style:none; height:30px; }
.sub1 ul li.selected 	{ }
.sub1 a					{ display:block; float:left; padding:10px; width:140px; height:10px; 
							font-weight:bold; font-family:Georgia, Times, Serif; font-size:1.2em; /* line-height:30px; */ text-transform:uppercase; 
							/* background:#CF0; */ color:#636464; }
.sub1 a:hover			{ background:#F0F0F0 url(../images/bg_ombra_sub1_hover.gif) repeat-x left top; color:#333 !important; }
.sub1 .selected a		{ background:#898989 url(../images/bg_ombra_sub1.gif) repeat-x left top; color:#FFF; } /* 20100211 - #636464 */
.sub1 .selected a:hover { color:#FFF !important; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------ COLONNE NORMALI ------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.cols	{ display:block; clear:both; margin:0 0 0 -10px; padding:0; width:100%; /* background:#ABC; */ overflow:hidden; /* overflow:visible; */
	/* display:block; margin-left:-10px; overflow:hidden; */
	/* background:#FC0; // position:relative; se lo metto sparisce il testo cufon da IE6 -> messa .first nel primo elemento e IE6.css con commento condizionale */ 
}
.cols .cnt { padding:10px 0; }
.c-w3,
.c-w4,
.c-w6,
.c-full	{ display:block; float:left; margin:0 0 0 10px; /* background:#CF0; */ }
.c-w3 	{ width:230px; }
.c-w4 	{ width:300px; }
.c-w6	{ width:580px; /* background:#0CF; */ /* overflow:visible; */ }
.c-full	{ width:770px; /* background:#0CF; */ }

.c-w6 .item, .c-w3 .item, .c-w4 .item { margin-bottom:10px; }

.item a { font-weight:bold; }
.item a:hover { color:#666; }

/* - .sub2 navigazione verticale sinistra pagine interne - */

.side_left		{ display:block; float:left; margin:0; width:160px; zoom:1; /* border-right:1px solid #F0F0F0; */ /* background:#FC0; */ }
.side_left .cnt { /* padding:0; */ }

.sub2 						{ /* background:#FCF; */ }
.sub2 ul 					{ margin:5px 0; border:0; padding:0; }
.sub2 ul li 				{ margin:0; border:0; padding:0; list-style:none; position:relative; }
.sub2 ul li.selected 		{ }
.sub2 a						{ display:block; margin:0; padding:5px 10px; font-weight:normal; font-size:1.2em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; cursor:pointer; }
/* .sub2 a:hover				{ color:#B2B2B2; } */
.sub2 a:hover				{ background-color:#F0F0F0; color:#333 !important; }
.sub2 .selected .selected a,
.sub2 .selected a			{ background-color:#CAAC7E !important; color:#FFF !important; }

.sub2 .non_evidenziare_parent .selected .selected a	{ background-color:#CAAC7E !important; color:#FFF !important; }
.sub2 .non_evidenziare_parent .selected a			{ background-color:#FFF !important; color:#4C4C4C !important; }

.sub2 .selected .selected a:hover,
.sub2 .selected a:hover		{ background-color:#DFCDB2 !important; color:#FFF !important; }

.sub2 ul li ul 				{ margin:0 0 1em 0; border:0; border-top:1px solid #FFF; padding:0; position:relative; }
.sub2 ul li ul li 			{ list-style:square; /* list-style-position:inside; */ }
.sub2 ul li li a			{ text-transform:none; padding:3px 10px; padding-left:2em; 
								background-image:url(../images/list_image.gif); 
								background-position:-490px center; 
								background-repeat:no-repeat;
							}
.sub2 ul li.selected li	a	{ background-color:#FFF !important; color:#4C4C4C !important;  }
.sub2 .selected .selected a { background-position:14px center; }

.sub3 						{ max-height:200px; 
								height:200px; /* height:auto !important; */
								overflow:hidden; /*  */  /* overflow:auto; */ 
								display:none; border-top:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0; margin-bottom:1em; 
								background:#F9F9F9; 
							}
.sub3 .sp 					{ height:200px; /* height:auto !important; */
								overflow:hidden; /*  */  /* overflow:auto; */ 
							}

.sub3 a						{ display:block; margin:0; padding:2px 10px 2px 15px; font-weight:normal; font-size:1.1em; font-family:Arial, Helvetica, Sans-serif; /* text-transform:none; */ }
.sub3 a:hover				{ color:#B2B2B2; }
.selected .sub3 li a		{ background:#F9F9F9 !important; color:#4C4C4C !important; }
.sub3 li.selected a			{ background:#CAAC7E !important; color:#FFF !important; }
.sub3 li.selected a:hover	{ background:#DFCDB2 !important; color:#FFF !important; }

.main_content				{ overflow:hidden; padding-bottom:20px; /* il padding non serve abbassa solo rispetto all'altezza di page_img */ /* overflow:visible; */ /* background:#FC0; */ }


.main_content .testo,
.p_info_artista .main_content { font-size:1.1em; line-height:1.6em !important; /* 20100211 - problema con gli stili inline di tinyMce */ }
.p_info_artista	.info_artista { width:86% !important; }

.p_info_artista { padding:20px; background-color:#333; color:#FFF; }

.anno,
.lettera,
.categoria					{ text-transform:uppercase; font-weight:bold; margin-bottom:10px; }

/* BOX PRODOTTO e ARTIGIANO per LISTA */
.pagina h3					{ font-size:1.5em; /* 20100212 ex: 1.6em */ margin:0 0 5px 0; padding:0; /* background:#F0C; */ }
.pagina .box_prodotto h3	{ font-size:1.4em; font-weight:normal !important; text-transform:uppercase; /* background:#FC0; */ }
.pagina .box_prodotto a h3,
.pagina .box_prodotto h3 a	{ font-weight:normal !important; margin:0; padding:0; }
.pagina .box_prodotto h4	{ font-size:.8em; font-weight:normal !important; text-transform:uppercase; /* background:#FC0; */ }

.box_prodotto		{ position:relative; top:0; left:0; width:280px; height:180px; float:left; margin:0 10px 10px 0; overflow:hidden; /* background:#FC0; */ }
.box_prodotto ul	{ margin:0; padding:0 0 0 1.5em; border:0; /* background:#CFC; */ }
.box_prodotto ul li	{ margin:0; padding:0; border:0; /* background:#F0C; */ }
.link_icons,
.by					{ display:block; margin-top:5px; }

.info_prodotto				{ margin:5px 0 0 0; 
								padding-left:130px; /* 94px; */ 
								min-height:140px; height:auto !important; height:140px; 
								/* min-height:70px; height:auto !important; height:70px; */ /* 130px; */ 
								line-height:1.3em; /* background:#0FC; */ 
								/* font-size:.9em; */
								}
.pagina .box_prodotto h3,
.pagina .box_prodotto h4	{ margin:0 0 0 0; 
								padding:0 0 0 130px; /* 94px; */
								line-height:1.2em; }

/* IMMAGINE LISTA PRODOTTI - ARTIGIANI */
.thumb_prodotto				{ display:block; width:124px; height:124px; /* width:84px; height:84px; */ float:left; clear:left; margin:0 10px 10px 0; }
.thumb_prodotto img			{ width:120px; height:120px; /* width:80px; height:80px; */ background:transparent; border:1px solid #999; }
.thumb_prodotto a  			{ display:block; 
								width:120px; 
								height:120px;
								background-repeat:no-repeat; 
								background-position:center center; 
								background-color:transparent; 
							}
.thumb_prodotto a:hover img { border-color:#CCC;}
.thumb_prodotto				{ position:absolute; top:0; left:0; }
.thumb_prodotto a span		{ position:absolute; bottom:2px; right:2px; display:block; width:24px; height:24px; 
								background-color:transparent; 
								background-image:url(../images/icon_play.png); 
								background-repeat:no-repeat; 
								background-position:center center; 
								overflow:hidden; }
.thumb_prodotto a:hover span	{ background-color:#CCC; }

/* IMMAGINE IN PAGINA ARTIGIANO */
.thumb_video				{ display:block; width:124px; height:124px; float:left; clear:left; margin:0 10px 10px 0; position:relative; }
.thumb_video img			{ width:120px; height:120px; background:#333; border:1px solid #666; }
.thumb_video a:hover img 	{ border-color:#CCC;}

.thumb_video a span			{ position:absolute; bottom:2px; right:2px; display:block; width:24px; height:24px; 
								background-color:#666; 
								background-image:url(../images/icon_play.png); 
								background-repeat:no-repeat; 
								background-position:center center; 
								overflow:hidden; }
.thumb_video a:hover span	{ background-color:#CCC; }
/* */

.info_artigiano_full,
.info_artigiano,
.dati_artigiano 			{ /* font-size:.9em; *//* 20091204 per indirizzi */ }
.info_artigiano_full		{ width:auto; margin-right:10px; margin-bottom:5px; /* background:#FC0; */ 		}
.info_artigiano 			{ width:210px; float:left; margin-right:10px; /* background:#FC0; */	 	}
.dati_artigiano 			{ width:210px; float:left; border-left:1px solid #DDD; padding-left:10px;	}
.dati_artigiano ul 			{ margin:0 0 0 1.5em; padding:0; border:0; }
.dati_artigiano ul li		{  }

.info_artigiano				{ font-size:1.1em; /* 20100212 */ }
/*
a.email		{ background:url(../images/icon_email.gif) no-repeat 0 0; 	} 	
a.website	{ background:url(../images/icon_website.gif) no-repeat 0 0;  }	
a.gmap		{ background:url(../images/icon_gmap.gif) no-repeat 0 0; 	} 
a.map		{ background:url(../images/icon_gmap.gif) no-repeat 0 0; 	} 
a.cv		{ background:url(../images/icon_cv.gif) no-repeat 0 0; 		} 		
*/
a.email, 	
a.website,	
a.gmap, 
a.map, 
a.cv		{ padding:2px 0; /*:8px 20px; line-height:20px; */ text-decoration:underline; font-weight:normal !important; } 

ul.lista_artigiani 			{ list-style:none; margin:0; padding:0; border:0; /* background:#0CF; */ }
ul.lista_artigiani li		{ margin:0 0 2em 0; padding:0; border:0; 
								min-height:124px; height:auto !important; height:124px; /* per IE6 */
								overflow:visible; 
								position:relative;
								/* background:#0CF; */
							}

.thumb_artigiano			{  }
ul.lista_artigiani img,
.thumb_artigiano img		{ width:120px; height:120px; 
								/* float:left; clear:left; */
								position:absolute; top:0; left:0;
								padding:0;
								border:1px solid #666; 
								margin-right:10px; 
								/* border: 1px solid #666; */ background:#333; }
ul.lista_artigiani a:hover img,
.thumb_artigiano a:hover img	{ border-color:#CCC; }
.lista_artigiani h3				{ font-size:1.4em; font-weight:normal !important; text-transform:uppercase; padding-left:132px; /* display:none; */ }
.lista_artigiani a 				{ font-weight:normal !important; }
.lista_artigiani p 				{ margin:0; padding:0; padding-left:134px; /* display:none; */ }
.lista_artigiani p a 			{ font-weight:bold !important; }
.info							{  }
.lista_artigiani .categoria 	{  }

/* 20091202  */
ul.lista_generica 			{ list-style:none; margin:0; padding:0; border:0; /* background:#0CF; */ }
ul.lista_generica li		{ margin:0 0 2em 0; padding:0; border:0; 
								/* min-height:124px; height:auto !important; height:124px; */ /* per IE6 */
								overflow:hidden; zoom: 1.0; 
								/* position:relative; */
								clear:both;
								/* background:#0CF; */
							}
.thumb_generica				{ width:222px; float:left; clear:left; margin:0 10px 10px 0; }
.lista_generica .testo		{ width:340px; float:left; clear:right; margin-bottom:10px; /* background:#FC0; */ }
ul.lista_generica img,
.thumb_generica img			{ width:220px; /* height:120px; */
								/* float:left; clear:left; */
								/* position:absolute; top:0; left:0; */
								padding:0;
								border:1px solid #666; 
								/* margin-right:10px; */
								/* border: 1px solid #666; */ 
								background:#333;
							}
ul.lista_generica a:hover img,
.thumb_generica a:hover img	{ border-color:#CCC; }
.lista_generica h3			{ font-size:1.4em; font-weight:normal !important; text-transform:uppercase; 
									padding:0; border:0; margin:0 0 .5em 0;
							}
.lista_generica a 			{ font-weight:normal !important; }
.lista_generica p 			{ margin:0; padding:0; }
.lista_generica p a 		{ font-weight:bold !important; }
.info						{  }
.lista_generica .categoria	{  }
.lista_generica .data		{ font-weight:bold; }

/* --------------------------------------------------------------- gallery --------------------------------------------------------------- */ 

.gallery					{ overflow:hidden; /* background:#FC0; */ }
.gallery .didascalia		{ display:none; }
.gallery .box_foto			{  }
.gallery .box_foto a 		{  }
.gallery .box_foto a img	{ float:left; 
								width:84px; height:84px;
								/* width:178px; height:178px; */ 
								margin:0 10px 10px 0; border:1px solid #666; }

.gallery .box_foto a:hover img { border-color:#CCC; }

/**/

.page_tools			{ text-align:right; font-size:1.4em; }
.page_tools a		{ padding:2px 10px 5px; margin:0 0 0 10px; background:#F0F0F0; /* line-height:30px; */ /* height:30px; */ }
.page_tools a:hover	{ background:#FFF; }
.page_tools .prev
.page_tools .next	{  }

/**/
.area_immagini	{ position:relative; width:580px; overflow:visible; /* overflow:hidden; */ /* overflow:visible; */ /* background:#FC0; */ }
.thumbs			{ position:absolute; left:300px; top:0px; width:285px; overflow:hidden; /* background:#F0C; */ } /* z-index:222; */  
.thumbs img		{ float:left; /* width:60px; */ height:60px; margin:0 5px 5px 0; border:1px solid #666; /* border: 1px solid #666; */ }
.thumbs a:hover img { border-color:#CCC; }
.dida 			{ position:absolute; top:-9999em; }
.didascalia		{ padding:5px 0; width:290px; }
.page_img		{ position:relative; /* cursor: url(../images/icon_zoom.png); */ }
.page_img img	{ width:290px; border:1px solid #666; /* border: 1px solid #666; */ }
.how_to			{ padding-left:300px; }
.how_to li		{ margin-bottom:5px;  }

.page_img .icon_zoom { position:absolute; top:6px; left:6px; 
	display:block; 
	width:18px; height:18px; 
	overflow:hidden; 
	z-index:333; 
	/* background:transparent !important; */
	background:transparent url(../images/icon_zoom.png) !important;
	/* background:transparent url(../images/icon_zoom.gif) !important; // anche con la gif mette sempre il bg bianco */ 
	text-indent:-9999em;
}
.btn_ingrandisci		{ display:block; height:18px; width:278px; margin:4px 6px; padding:0; border:0; 
							line-height:20px; text-transform:uppercase;
							cursor:pointer;
							background:#FFF;
							font-family:Arial, Helvetica, sans-serif;
						}
.btn_ingrandisci .icon	{ display:block; 
							height:18px; width:18px; 
							float:left; margin-right:4px; padding:0;
							background: url(../images/icon_ingrandisci.png); 
							text-indent:-9999em;
						}
iframe { border:0; margin:0 auto; padding:0; background:#333; }

#overlay,
#overlay_map
{
	width:800px;height:550px;
	padding-top:26px;
	background:transparent; 

    position:relative; 
}
#overlay div.contentWrap,
#overlay_map div.contentWrap
{
	width:800px;height:441px;
	overflow:hidden;
	background:transparent; 
	margin:0 auto; 
}
#overlay_video{
	width:554px;height:430px; 
	padding-top:26px;
}
#overlay_video div.contentWrap{
	width:552px;height:400px; 
	overflow:hidden;
	background:transparent; 
	margin:0 auto; 
}

#overlay,
#overlay_map,
#overlay_video,
#img_fullscreen{
	/* must be initially hidden */
    display:none; 
    /* place overlay on top of other elements */ 
    z-index:10000; 
    /* styling */ 
    background-color:#333; 
    border:2px solid #666; 
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
#overlay .close,
#overlay_map .close,
#overlay_video .close,
#img_fullscreen .close{
	background-image:url(../images/overlay/close.png);
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	height:26px;
	width:26px;
}

/**/

/* ------------------------------------------------------------ FIANCO ------------------------------------------------------------ */
.fianco					{ width:158px; float:left; overflow:hidden; }
.fianco .cnt			{ padding:0 0 10px 5px; }
.pagina .fianco .cnt	{ padding-top:160px; }

	.fianco .l3				{ margin:0; }
	.fianco .l3 a			{ display:block; margin-bottom:2px; padding:0 2px; 
								text-decoration:none; 
								text-transform:uppercase; 
								overflow:hidden;
								color:#333; background:#FFF; 
								border:1px solid #333;
							}
	.fianco .l3 a:hover		{ 
								color:#999; background:#FFF;
								border:1px solid #999;
							}
	.fianco .l3 a span.cnt	{ display:block; margin:0; padding:8px 0; font-size:1.25em; }
	.fianco .l3 a span.cufon {
		display:inline; margin:0; padding:0; font-size:1em; background:transparent; /* reset */ 
	}
	.fianco .l3 a span.cufon-canvas {
		margin:3em 0 0 0 !important; /* patch Safari e FFX per il limite di line-height di cufon con il doctype transitional */
	}
	
	#form_search { margin:0; padding:0; border:0; color:#333; background:#FFF; border:1px solid #333; overflow:hidden; }
	#form_search input { }
	#form_search .text { display:block; margin:5px auto; border:0; padding:.4em 0; width:96%; background:#CFCFD0; /* border:1px solid #CCC; */ }
	#form_search .submit { display:block; margin:5px auto; border:0; padding:0; width:96%; text-align:left;
							color:#333; background:#FFF; 
							text-transform:uppercase; cursor:pointer; font-weight:bold; font-size:1.1em; /* font-size:1.25em; */ }
	#form_search .submit:hover { color:#999; background:#FFF; }

	#partners		{ position:absolute; /* rispetto a main */ bottom:40px; right:0; width:148px; overflow:hidden; /* background:#FC0; */ }
	#partners	a	{ display:block; background-position:0 0; background-repeat:no-repeat; text-indent:-9999em; padding-bottom:6px; border-bottom:1px solid #CCC; margin-bottom:7px; }

	#partners	a.logo_artex 			{ background-image: url(../images/partners/logo_artex.gif); 			height:53px; }	
	#partners	a.logo_regione_toscana	{ background-image: url(../images/partners/logo_regione_toscana.gif); 	height:43px; }
	#partners	a.logo_unioncamere 		{ background-image: url(../images/partners/logo_unioncamere.gif); 		height:34px; }
	#partners	a.logo_confartigianato	{ background-image: url(../images/partners/logo_confartigianato.gif); 	height:29px; }
	#partners	a.logo_cna 				{ background-image: url(../images/partners/logo_cna.gif); 				height:30px; border-bottom:0; }
	
/* ------------------------------------------------------------ FOOTER ------------------------------------------------------------ */
#footer			{ clear:both; text-align:center; width:800px; font-size:1.2em; /* 20100211 */  }
#footer .cnt	{ padding:10px; }
#footer span.cufon {
	display:inline; margin:0; padding:0; font-size:1em; background:transparent; /* reset */ 
}
#footer span.cufon-canvas {
	margin:3em 0 0 0 !important; /* patch Safari e FFX per il limite di line-height di cufon con il doctype transitional */
}	
	
	
/**/
	
ul.search_result		{ margin:.5em 0 .5em 1.5em; }
ul.search_result li 	{  }
.search_prod_list		{ padding:1em; border-left:4px solid #F0F0F0; margin:.5em 0; }
.ajaxSearch_resultLink	{ padding:.5em; border-left:4px solid #A0A0A0; margin:.5em 0; /* display:block; */ }
.search_prod_list .ajaxSearch_resultLink { padding:.5em; border-left:0; margin:.5em 0; /* display:block; */ }
.ajaxSearch_resultExtract { margin:.5em 1em 1.5em !important; padding:.5em; display:block; }
.ajaxSearch_resultsInfo { padding:.5em; background-color:#F0F0F0 !important; color:#000 !important; }

.just_print	{ display:none !important; }


/* 20100407 */

.l3.bis { margin-top:2px; }
.l3.bis a { }
.l3.bis a span.cnt { padding:4px 0; }