@charset "UTF-8";
/* CSS Document */

ul#productsCategoryList{ width:672px; float:left; padding:11px 1px 11px 11px;}
	ul#productsCategoryList li{ width:214px; height:165px; float:left; display:inline; background:#000; margin-right:10px; margin-bottom:10px; position:relative; cursor:pointer;}
		ul#productsCategoryList li .divOver{ width:278px; height:230px; background:url(../img/bg_categoryOver.png) center no-repeat; position:absolute; left:-32px; top:-32px; float:left;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”../img/bg_categoryOver.png”,sizingMethod='scale')alpha(opacity=0); opacity:0;}
		
		ul#productsCategoryList li h1{ font-size:16px; font-weight:bold; color:#FFF; text-align:left; padding:42px 0 0 42px; text-transform:uppercase; text-shadow: 0px 0px 8px #000;}

div.searchP{ width:230px !important; float:left !important; margin-top:30px !important; margin-bottom:30px !important; }
	div.searchP h1{font-size:16px; color:#cccccc; font-weight:bold; text-transform:uppercase; float:left;}
	div.searchP div{ width:230px !important; position:relative !important; float:left !important; text-align:left;}
	div.searchP span{ width:100%; margin:15px 0 5px 0; color:#afaeae; text-transform:uppercase; font-size:11px; font-weight:bold; float:left; text-align:left}
	div.searchP div select{width:215px;}
	div.searchP a{float:right; color:#000000; font-size:14px; text-decoration:none; margin-right:18px; margin-top:12px;}
	div.searchP p{float:left; color:Red; font-size:12px; margin-top:15px;}
	
	div.searchP .select {position:absolute; width:196px; height:24px; line-height:24px; padding:0 24px 0 8px; color:#434343; font-weight:bold; font-size:11px; background: url(../img/bg_select_research.jpg) no-repeat; overflow:hidden; text-align:left; left:0}
		div.searchP select.styled{ width:228px; float:left; margin-left:8px}
			@-moz-document url-prefix() {  
			  div#searchP select.styled{ margin-left:0; height:24px;}  
			}
		
		
ul.categoryList{ width:684px; background:transparent; float:left; padding:11px 0 11px 0;}
	ul.categoryList li{ width:228px; height:350px; float:left; display:inline; margin-bottom:10px; position:relative; cursor:pointer; background:url(../img/bg_img_category.png) left top no-repeat;}
		ul.categoryList li .black{ width:214px; height:165px; background:#000; z-index:10; position:absolute; top:7px; left:7px;}	
		ul.categoryList li.last .cont{ background:none;}
		ul.categoryList li .contImg{ margin-bottom:25px; margin-top:7px; margin-left:7px; width:214px; height:165px; background-color:#fff;}
		ul.categoryList li .contImg img{ float:left;}
		ul.categoryList li .cont{ width:100%; float:left; background:url(../img/line_divideCategory.png) right top no-repeat; min-height:150px; position:relative;}
		ul.categoryList li h1{ font-size:16px; font-weight:bold; color:#000; text-align:left; padding:0 27px 10px 27px; text-transform:uppercase;}
		ul.categoryList li p{ font-size:11px; font-weight:normal; color:#afaeae; text-align:left; line-height:16px; padding:0 27px;}
			ul.categoryList li .link{ position:absolute; left:27px; bottom:8px; font-size:12px; font-weight:bold; color:#000;}
				
				
#catAccordion{ float:left; width:100%;}
	#catAccordion h3{ padding-left:27px;}
	#catAccordion h3 a,
	#catAccordion h3 a:link,
	#catAccordion h3 a:active,
	#catAccordion h3 a:visited{ font-size:12px; font-weight:bold; color:#000;}
	#catAccordion h3 a:hover{ color:#afaeae;}

div.imgLavastoviglie{background: url("../img/bg_caratteristiche.jpg") no-repeat scroll center top #FFFFFF; float: left; margin-left: 27px; margin-top: 20px; width: 657px; margin-bottom:-30px; text-align:center;}

ul.caratteristiche{ width:657px; float:left; margin-left:27px; margin-top:30px; padding-top:25px; background:url(../img/bg_caratteristiche.jpg) center top no-repeat #fff; text-align:center;}
	ul.caratteristiche li{ width:100%; height:auto; float:left; display:block; margin-bottom:25px;}
		ul.caratteristiche li h1{ margin:0; padding:0; position:relative;}
		ul.caratteristiche li p{ font-size:11px; font-weight:normal; color:#afaeae; text-align:left; line-height:16px; margin-top:20px;}
		ul.caratteristiche li h1 .link{ position:absolute; right:27px; bottom:0;}
				ul.caratteristiche li h1 .link a,
				ul.caratteristiche li h1 .link a:link,
				ul.caratteristiche li h1 .link a:active,
				ul.caratteristiche li h1 .link a:visited{ font-size:12px; font-weight:bold; color:#000;cursor:pointer;}
				ul.caratteristiche li h1 .link a:hover{ color:#afaeae;}

#caratteristicheAccordion{ width:100%; float:left; display:none; margin:0; padding:0}
	#caratteristicheAccordion ul.caratteristiche{ margin-top:0; background:none; padding-top:0;}


ul#productsBriciole{ width:669px; float:left; padding:20px 0 10px 15px; background:#fff; position:relative; z-index:20;}
	ul#productsBriciole li{ float:left; display:inline; padding:8px 10px; border-right:1px solid #afaeae;}
		ul#productsBriciole li a,
		ul#productsBriciole li a:link,
		ul#productsBriciole li a:active,
		ul#productsBriciole li a:visited{ text-transform:uppercase; font-size:16px; font-weight:normal; color:#afaeae;}
		ul#productsBriciole li a:hover{ color:#000;}
		
		ul#productsBriciole li.off{ border-right:0}
		ul#productsBriciole li.off a,
		ul#productsBriciole li.off a:link,
		ul#productsBriciole li.off a:active,
		ul#productsBriciole li.off a:visited{ color:#000;}
		
	/* stile per le freccie di navigazione tra i prodotti */
	ul.bricioleNextPrev{ position:absolute; margin-top:10px; right:25px; padding:8px 0; width:auto; z-index:50}
	ul.bricioleNextPrev li{ float:left; display:inline; padding:8px 10px; border-right:1px solid #afaeae;}
	ul.bricioleNextPrev li.off{border-right:0}
		ul.bricioleNextPrev li a,
		ul.bricioleNextPrev li a:link,
		ul.bricioleNextPrev li a:active,
		ul.bricioleNextPrev li a:visited{  width:9px; border:0; height:19px; background:url(../img/prev.png) center no-repeat transparent;}
		ul.bricioleNextPrev li a:hover{ width:9px; border:0; height:19px; background:url(../img/prevHover.png) center no-repeat transparent;}
		ul.bricioleNextPrev li a.off{ width:9px; border:0; height:19px; background:url(../img/prevHover.png) center no-repeat transparent;opacity: 0.3; filter:alpha(opacity=30);}
		
		
		ul.bricioleNextPrev li.off{ border-right:0}
		ul.bricioleNextPrev li.off a,
		ul.bricioleNextPrev li.off a:link,
		ul.bricioleNextPrev li.off a:active,
		ul.bricioleNextPrev li.off a:visited{ width:9px; border:0; height:19px; background:url(../img/bg_inputSearch.png) center no-repeat transparent;}
		ul.bricioleNextPrev li.off a:hover{width:9px; border:0; height:19px; background:url(../img/bg_inputSearch_o.png) center no-repeat transparent;}
		ul.bricioleNextPrev li.off a.off{width:9px; border:0; height:19px; background:url(../img/bg_inputSearch_o.png) center no-repeat transparent;opacity: 0.3; filter:alpha(opacity=30);}

ul#productsList{ width:684px; background:#fff; float:left; padding:11px 0;}
	ul#productsList li{ width:172px; float:left; display:inline; background:url(../img/bg_productList.png) right 30px no-repeat; margin-bottom:50px; padding:0 28px; position:relative;}
		ul#productsList li.last{ background:none;}
		ul#productsList li h1{ font-size:16px; font-weight:bold; color:#000; text-align:left; padding:0 0 10px 0; text-transform:uppercase;}
		ul#productsList li p{ font-size:11px; font-weight:normal; color:#afaeae; text-align:left; line-height:16px; height:20px;}
		ul#productsList li .contImg{ float:left; width:100%; text-align:center}
		ul#productsList li .contImg img{width:172px;max-width:172px; height:auto;}
		
	ul#btnProductList{ width:100%; float:left;}
		ul#btnProductList li{ width:100%; float:left; display:block; padding:0px 0; margin-bottom:10px}
			ul#btnProductList li.view{ background:url(../img/ico_visualizza.jpg) center right no-repeat;}
			ul#btnProductList li.confronta{ background:url(../img/ico_confronta.jpg) center right no-repeat;}
			ul#btnProductList li.addwishlist{ background:url(../img/ico_addtowishlist.jpg) center right no-repeat;}
			ul#btnProductList li.removewishlist{ background:url(../img/ico_addtowishlist_off.jpg) center right no-repeat;}
			ul#btnProductList li a,
			ul#btnProductList li a:link,
			ul#btnProductList li a:active,
			ul#btnProductList li a:visited{ font-size:12px; font-weight:bold; color:#000;}
			ul#btnProductList li a:hover{ color:#afaeae;}
		
#contentProductDett{ width:100%; float:left; background:#fff; position:relative; min-height:250px;}
	#contentProductDett .title{ width:100%; float:left; margin:5px 0; position:relative;}
	#contentProductDett h1{ font-size:22px; font-weight:bold; color:#000; text-align:left; padding-left:25px; padding-right:25px;}
	#contentProductDett h2{ font-size:15px; font-weight:bold; color:#000; text-align:left; padding-left:25px; padding-right:25px;}
	#contentProductDett .caratteristicaOne{ position:absolute; right:25px; top:0; margin-top:-10px;}
	#contentProductDett p{ padding: 25px; font-size:12px; line-height:18px; color:#7f7f7f; /*background:url("../img/bg_caratteristiche.jpg") no-repeat scroll center bottom transparent;*/}
	
		#contentProductDett a,
		#contentProductDett a:link,
		#contentProductDett a:active,
		#contentProductDett a:visited{  font-size:12px; line-height:18px; color:#7f7f7f;}
		#contentProductDett a:hover{ color:#000;}
	
	/* contatti */
	#contentProductDett .contattiParagrafo{width:280px; float:left; padding: 25px 15px 25px 25px;}
	#contentProductDett div.contMappa{border: 1px solid #EAEAEA; float: right; margin-right: 20px; margin-top: 28px;width: 340px; height:280px;}
	#contentProductDett .map{ height: 270px; margin-left: 5px; margin-top: 5px; width: 330px;}
	
	.contImagine{ float:left; width:100%; margin:45px 0; text-align:center;}
	
	
	#bricioleImageNav{ margin-right:25px; padding:8px 0; width:auto; z-index:50; float:right;}
		#bricioleImageNav p{ margin:-1px 10px 0 0; padding:0; float:left; font-size:11px; font-weight:bold; color:#afaeae; }
		#bricioleImageNav .navi{ float:left; margin-top:4px;}

/*GALLERY*/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/

#contGallery{ width:100%; float:left; background:#fff;}
.imgGallery{float:left; height:679px;}
.imgGallery img{margin-top:-109px;}

.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 684px;
	height:678px;
	float:left;
	
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	height:auto;
	top:0;
	left:0;
	
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.scrollable .items div {
	float:left;
	width:684px;
	height:auto;
	text-align:center
}
.scrollable .items div img{margin-top:-110px;}
/*GALLERY NAVY*/
.navi {
	float:right;
	width:auto;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:0 3px;
	background:#ccc;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover { 
	background:#666;
}

/* active state (current page state) */
.navi a.active {
	background:#333;
}

/*TABS*/
/* root element for tabs  */
ul.tabs {
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:45px;
	background:url(../img/bg_ul_tab_prodotto.jpg) left top no-repeat;
	width:680px; 
	float:left;
	padding-left:4px;

}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background:url(../img/bg_li_tab.png) 0 0 no-repeat;
	font-size:13px;
	display:block; 
	line-height:45px;
	width: 111px;
	text-align:center;	
	text-decoration:none;
	color:#afaeae;
	padding:0px;
	margin:0px;	
	position:relative;
	top:5px;
	width:169px;
	height:45px;
	font-weight:bold;
	padding-top:14px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position:-338px 0;
	color:#666;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs .current, ul.tabs .current:hover, ul.tabs li.current a {
	background-position:-169px 0;
	cursor:default !important; 
	color:#000 !important;
}

.panes div{ width:100%; float:left; margin-top:0;}
.panes p{ padding:25px; color:#afaeae; font-size:11px; line-height:16px;}

.contIcoCaratteristiche{ width:342px !important; float:left; padding-top:30px;}
ul#icoCaratteristiche{ width:auto; padding-bottom:15px;padding-left:15px;}
	ul#icoCaratteristiche li{ padding:0 10px 10px; display:inline-block;}
	ul#icoCaratteristiche li img{border:solid 1px;}
	
/*--- TOOLTIP --*/
.tooltip {
	font-size:11px;
	width:381px;
	height:320px;
	z-index:1000;
}


.tooltip .top{ width:381px; height:35px; float:left; background:url(../img/tooltip/top.png) no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”../img/tooltip/top.png”,sizingMethod='scale');}
.tooltip .bottom{ width:381px; height:35px; float:left; background:url(../img/tooltip/bottom.png) no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”../img/tooltip/bottom.png”,sizingMethod='scale');}
.tooltip .center{ width:381px; height:252px; float:left; background:url(../img/tooltip/repeat.png) repeat-y; padding:0 30px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”../img/tooltip/repeat.png”,sizingMethod='scale');}
	.tooltip .center img{ margin-bottom:20px; border:solid 1px #C2C2C2;}
	.tooltip .center p { width:308px;  padding:0; color:#666; font-size:11px; line-height:15px; margin:0}
	
	/* lista scheda prodotto */
	.contSchedaProdotto{ width:342px !important; float:left; padding-bottom:15px; padding-top:25px;}
	ul.schedaprodotto{ width:260px; padding:0 41px; float:left}
		ul.schedaprodotto li{ width:280px; font-size:11px; line-height:27px; font-weight:bold; color:#000; float:left; display:block}
			ul.schedaprodotto li img{ float:left; margin-right:10px;}
			ul.schedaprodotto li span{ float:left; font-size:11px; font-weight:bold; color:#000; padding:2px 0; margin:0}
			
	/* print and download */
	.printdownload{ width:100%; float:left; background:url(../img/bg_caratteristiche.jpg) center top no-repeat; padding-top:15px;}
		#print{ width:auto; float:left; margin-left:27px;}
			#print a,
			#print a:link,
			#print a:active,
			#print a:visited{ font-size:13px; color:#000; font-weight:bold; background:url(../img/ico_print.jpg) right 2px no-repeat; padding:5px 30px 8px 0;}
			#print a:hover{ color:#afaeae;}
			
		#downloadPdf{ width:auto; float:right; margin-right:27px;}
			#downloadPdf a,
			#downloadPdf a:link,
			#downloadPdf a:active,
			#downloadPdf a:visited{ font-size:13px; color:#000; font-weight:bold; background:url(../img/ico_downloadPdf.jpg) left 2px no-repeat; padding:5px 0 8px 24px;}
			#downloadPdf a:hover{ color:#afaeae;}
			
	/* lista dati tecnici */
	ul#datitecnici{ width:602px; margin-left:41px; float:left; margin-bottom:20px}
		ul#datitecnici li{ width:100%; border-bottom:1px solid #C6C6C6; padding:4px 0; float:left; display:block; font-size:12px; color:#000}
			ul#datitecnici li.first{ font-size:15px; color:#000; font-weight:bold; margin-top:20px;}
			ul#datitecnici li .colsx{ float:left; width:370px; margin-right:10px;}
			ul#datitecnici li .coldx{ float:left; width:212px;}
			
	/* lista documenti */
	ul#listadocumenti{ width:100%; float:left; margin-bottom:20px; margin-top:20px;}
		ul#listadocumenti li{ width:100%; background:url(../img/bg_caratteristiche.jpg) center bottom no-repeat; padding:18px 0; font-size:12px; color:#000; font-weight:bold; float:left}
			ul#listadocumenti li.last{ background:none;}
			ul#listadocumenti li .col1{ float:left; margin-left:41px; width:400px;}
			ul#listadocumenti li .col2{ float:left; margin-left:10px; width:140px;}
			ul#listadocumenti li .col3{ float:left; margin-left:10px; width:100px;}
			ul#listadocumenti li .col4{ float:left; margin-left:10px; width:80px;}
			ul#listadocumenti li a,
			ul#listadocumenti li a:link,
			ul#listadocumenti li a:active,
			ul#listadocumenti li a:visited{ font-size:12px; color:#000; font-weight:bold;}
			ul#listadocumenti li a:hover{ color:#afaeae;}
			
	/* lista immagini */
	p.noImg{font-size:12px; color:#000 !important; font-weight:bold;}
	
	ul#listaImmagini{ width:684px; float:left; margin-bottom:20px; margin-top:10px;}
	ul#listaImmagini li{ width:218px; float:left; display:inline; background:url(../img/bg_productList.png) right top no-repeat; margin-bottom:10px; padding:0 5px; position:relative;}
		ul#listaImmagini li.last{ background:none;}
		ul#listaImmagini li .contImg{ float:left; width:218px; text-align:center; margin-top:10px; overflow:hidden;}
		ul#listaImmagini li .contImg img{ margin-top:-2px;margin-left:-2px;width:218px; height:auto;}
		ul#listaImmagini li p{ font-size:12px; color:#000; font-weight:bold; text-align:center;}
		
	
	/* CONFRONTO */
		/* dati di confronto (sulla colonna sx) */
		ul.datiConfronto{ width:100%; float:left; margin-top:192px; margin-bottom:20px;}
			ul.datiConfronto li{ display:block; width:220px; height:24px; line-height:24px; padding-right:10px;/* padding:8px 10px 8px 0;*/ border-bottom:1px solid #eaeaea; font-size:11px; color:#000; text-align:right}
				
				ul.datiConfronto li.title{ width:210px; height:38px; padding:25px 10px 0 0!important; font-size:14px; color:#333; font-weight:bold; border-bottom:0; margin-top:20px; background:url(../img/bg_datiConfronto_title.jpg) left top no-repeat;}
				
					ul.datiConfronto li.title:first-child{ margin-top:0;}
			
		/* dati prodotto (sulla colonna sx) */	
		ul.productsData{ width:172px; float:left; padding:0px 0; margin:0 0;}
			ul.productsData li{ width:172px; float:left; display:block; margin:0!important; height:24px; line-height:24px; padding-right:0!important;  padding-left:0!important; /*padding:8px 0px 8px 0!important;*/ border-bottom:1px solid #eaeaea; font-size:11px!important; color:#000; text-align:left}
			
				
				ul.productsData li.title{ height:63px!important;  width:172px; font-size:13px!important; color:#333; padding:0 0!important; font-weight:bold; margin-top:20px !important; background:url(../img/bg_productData_title.jpg) bottom left no-repeat !important; border-bottom:0}
					
					
					ul.productsData li.title:first-child{ margin-top:0!important;}