@charset "UTF-8";

/* CSS Document */



/* rosso:   #d32f2d */



body, html{ margin:0; padding:0; font-family: Helvetica, Arial,  sans-serif; font-size:13px;}



.clear{ clear:both; font-size:0; height:0}



.logo{ margin-bottom:15px; margin-top:15px;}



.lingue{ position:absolute; top:0px; right:0; -webkit-border-radius: 5px; border-radius: 5px; background-color:#eee; padding:5px 8px;}

.lingue a{ float:left; margin-left:10px; display:block}



.lingue a.first{ margin:0}



h1, h2{ margin:0; padding:0;}



h1{ color:#d32f2d; font-size:24px; margin-bottom:5px}

h2{ color:#666; font-size:16px; font-weight:normal;}



h2.pdfer{-webkit-border-radius: 5px; border-radius: 5px; background-color:#666; color:#fff; margin:0; padding:5px 8px; margin-bottom:15px; 

background: #555555; /* Old browsers */

background: -moz-linear-gradient(top,  #555555 0%, #333333 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#333333)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #555555 0%,#333333 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #555555 0%,#333333 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #555555 0%,#333333 100%); /* IE10+ */

background: linear-gradient(to bottom,  #555555 0%,#333333 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#333333',GradientType=0 ); /* IE6-9 */

}



.dividerline{ margin:10px 0; border-bottom:1px dotted #ccc; margin-bottom:25px; }  /* d32f2d */





.header{ margin:0 auto; width:1000px; position:relative;}

.menubar{ background-color:#d32f2d; margin-bottom:15px; padding:8px 0; -webkit-border-radius: 5px; border-radius: 5px;



background: #d32f2d; /* Old browsers */

background: -moz-linear-gradient(top,  #d32f2d 0%, #ae100e 50%, #ae100e 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d32f2d), color-stop(50%,#ae100e), color-stop(100%,#ae100e)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #d32f2d 0%,#ae100e 50%,#ae100e 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #d32f2d 0%,#ae100e 50%,#ae100e 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #d32f2d 0%,#ae100e 50%,#ae100e 100%); /* IE10+ */

background: linear-gradient(to bottom,  #d32f2d 0%,#ae100e 50%,#ae100e 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d32f2d', endColorstr='#ae100e',GradientType=0 ); /* IE6-9 */

 }



.menubar a{ color:#FFF; float:left; display:block; margin-left:10px; font-size:15px; 

text-shadow: 1px 1px 1px #620004; filter: dropshadow(color=#620004, offx=1, offy=1); padding:3px 6px;}



.menubar a:hover, .menubar a.selected{ background-color:#990006;-webkit-border-radius: 3px; border-radius: 3px; 

-webkit-box-shadow:  -1px -1px 1px 0px #d32f2d; box-shadow:  -1px -1px 1px 0px #d32f2d;}



.mainpart{margin:0 auto; width:1000px; margin-top:30px;}

.mainleft{ float:left; width:190px; margin-right:30px;}

.mainright{ float:left; width:780px;}



.footer{margin:0 auto; width:1000px; 



 background-color:#d32f2d; margin-bottom:15px; padding:8px 0; -webkit-border-radius: 5px; border-radius: 5px;



background: #d32f2d; /* Old browsers */

background: -moz-linear-gradient(top,  #d32f2d 0%, #ae100e 50%, #ae100e 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d32f2d), color-stop(50%,#ae100e), color-stop(100%,#ae100e)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #d32f2d 0%,#ae100e 50%,#ae100e 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #d32f2d 0%,#ae100e 50%,#ae100e 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #d32f2d 0%,#ae100e 50%,#ae100e 100%); /* IE10+ */

background: linear-gradient(to bottom,  #d32f2d 0%,#ae100e 50%,#ae100e 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d32f2d', endColorstr='#ae100e',GradientType=0 ); /* IE6-9 */



color:#ccc; margin-top:20px; margin-bottom:40px;



}



.footer div{ text-align:right; padding-right:15px; font-size:11px;}



a{ color:#d32f2d; text-decoration:none;

}



a, a img{ -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;}



/* anteprime prodotti */



.productthumb{ float:left; margin:0 20px 30px 0; width:180px;}

.productthumb.last{ margin-right:0;}

.productthumb img.thumb{ width:178px; height:178px; border:1px solid #eee; -webkit-border-radius: 5px; border-radius: 5px;}

.productthumb img.thumb:hover{ border:1px solid #d32f2d}

.productthumb p.brand{ margin:0; padding:0; color:#666; font-size:11px; margin-top:6px; }

.productthumb p.producttitle{ margin:0; padding:0; font-size:13px; margin-top:3px; font-weight:bold; color:#d32f2d;}





.logo_brand, .logo_collezione{-webkit-border-radius: 5px; border-radius: 5px; float:left; margin-right:15px; border:1px solid #eee;}

.logo_brand img, .logo_collezione img{ height:60px; border:4px solid #fff; -webkit-border-radius: 4px; border-radius: 4px; }



/* login frontend */





div.loginform{ border:0px solid #999; padding:10px; width:300px; height:600px; margin:0 auto; margin-top:100px;}

table.logintable{}



table.logintable td{ vertical-align:top; padding-bottom:10px;}



.loginform .logo{ text-align:center; padding-bottom:35px;}



.loginform .errormessage{ padding:10px; -webkit-border-radius: 5px; border-radius: 5px; color:#333; background-color:#eee; margin:10px auto; text-align:center;}



table.logintable td.tag{ padding-right:15px; text-align:right; width:85px; padding-top:5px; font-weight:bold; font-size:14px; }

table.logintable td.input{ width:200px;}

table.logintable td.submit{ text-align:right; padding-top:5px;}



table.logintable td.input input{ border:1px solid #eee; padding:0; margin:0; background-color:#f5f5f5; padding:4px; width:190px; font-size:14px;

-webkit-border-radius: 5px; border-radius: 5px; }



table.logintable td.submit input{

border:0; color:#fff; font-size:13px; font-weight:bold; padding:5px 8px; 

-webkit-border-radius: 5px; border-radius: 5px;

background: #d32f2d; /* Old browsers */

background: -moz-linear-gradient(top,  #d32f2d 0%, #ae100e 50%, #ae100e 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d32f2d), color-stop(50%,#ae100e), color-stop(100%,#ae100e)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #d32f2d 0%,#ae100e 50%,#ae100e 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #d32f2d 0%,#ae100e 50%,#ae100e 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #d32f2d 0%,#ae100e 50%,#ae100e 100%); /* IE10+ */

background: linear-gradient(to bottom,  #d32f2d 0%,#ae100e 50%,#ae100e 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d32f2d', endColorstr='#ae100e',GradientType=0 ); /* IE6-9 */

cursor:pointer;

}



/* navigation */

div.pagenav{ margin:15px 0; font-size:11px; padding:10px; background-color:#eee;-webkit-border-radius: 5px; border-radius: 5px; }



div.pagenav a{ text-decoration:none; }

table.navigation td.left{ text-align:left; padding-top:1px; color:#666; font-size:13px}

table.navigation td.right{ text-align:right}



table.navigation_right{ }

table.navigation_right a{ margin-left:5px; background-color:#666; color:#FFF; display:block; float:left; padding:2px 4px 2px 4px; 

border:0;

-webkit-border-radius: 3px; border-radius: 3px;

}



table.navigation_right a.butt{ background-color:#d32f2d; }

table.navigation_right a:hover{ text-decoration:none; background-color:#333; color:#fff}



/* end navigation */



/* dettagli prodotto */

.productdetailthumb{ float:left; width:300px; margin-right:20px}

.productdetailthumb a img.bigthumb{ width:298px; border:1px solid #eee; -webkit-border-radius: 5px; border-radius: 5px;}

.productdetailthumb a:hover img.bigthumb{ border:1px solid #d32f2d;}

.productdetaildesc{ float:left; width:460px; }



.productdetaildesc .productdesc{text-align:left; font-size:15px; color:#333; margin-top:20px}





.codiciholder{ margin-top:25px; }



table.codici{ color:#666; font-size:12px; 

*border-collapse: collapse; /* IE7 and lower */

    border-spacing: 0; margin-bottom:15px;  }



table.codici th{ text-align:left; padding:8px 5px; background-color:#555; color:#FFF;

background: #666666; /* Old browsers */

background: -moz-linear-gradient(top,  #666666 0%, #333333 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #666666 0%,#333333 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #666666 0%,#333333 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #666666 0%,#333333 100%); /* IE10+ */

background: linear-gradient(to bottom,  #666666 0%,#333333 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 ); /* IE6-9 */

 }	

	

table.codici th:first-child {

    -moz-border-radius: 5px 0 0 0;

    -webkit-border-radius: 5px 0 0 0;

    border-radius: 5px 0 0 0;

}



table.codici th:last-child {

    -moz-border-radius: 0 5px 0 0;

    -webkit-border-radius: 0 5px 0 0;

    border-radius: 0 5px 0 0;

}	

	

	



table.codici td{ vertical-align:top; padding:8px 5px; border-top:1px solid #fff }



table.codici td.codice{ font-weight:bold; color:#d32f2d; width:120px; }

table.codici td.optional{ width:80px; text-align:center;}



table.codici td.prezzo{ text-align:right; color:#000; font-weight:bold; width:90px; }



/*  alternate color  */

table.codici tr:nth-child(odd)	 { background-color:#f5f5f5;}

table.codici tr:nth-child(even)	 { background-color:#fcfcfc; }





/* leftbox e search 170 */



.leftbox{ -webkit-border-radius: 5px; border-radius: 5px; background-color:#eee; padding:8px; margin-bottom:20px; }



.searcher .searchfor{ border:0px; background-color:#fff; padding:5px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #ddd; width:162px;  }



.searcher .searchbutton{border:0px; color:#fff; padding:5px 0px; -webkit-border-radius: 3px; border-radius: 3px; text-align:center; font-size:12px; font-weight:bold; width:174px; margin-top:4px;

background: #d32f2d; /* Old browsers */

background: -moz-linear-gradient(top,  #d32f2d 0%, #ae100e 50%, #ae100e 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d32f2d), color-stop(50%,#ae100e), color-stop(100%,#ae100e)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #d32f2d 0%,#ae100e 50%,#ae100e 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #d32f2d 0%,#ae100e 50%,#ae100e 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #d32f2d 0%,#ae100e 50%,#ae100e 100%); /* IE10+ */

background: linear-gradient(to bottom,  #d32f2d 0%,#ae100e 50%,#ae100e 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d32f2d', endColorstr='#ae100e',GradientType=0 ); /* IE6-9 */

cursor:pointer;}



.caticon{ width:82px; margin-right:10px; float:left; display:block; }

.caticon.last{ margin-right:0;}



.caticon a img{ width:80px; border:1px solid #ddd; background-color:#f9f9f9; -webkit-border-radius: 5px; border-radius: 5px; }

.caticon a:hover img, .caticon.selected a img{border:1px solid #d32f2d; background-color:#fff; }



a.savepdf{

color:#fff; font-weight:bold; font-size:13px; padding:5px; float:left; display:block;	

-webkit-border-radius: 5px; border-radius: 5px;

background: #d32f2d; /* Old browsers */

background: -moz-linear-gradient(top,  #d32f2d 0%, #ae100e 50%, #ae100e 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d32f2d), color-stop(50%,#ae100e), color-stop(100%,#ae100e)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #d32f2d 0%,#ae100e 50%,#ae100e 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #d32f2d 0%,#ae100e 50%,#ae100e 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #d32f2d 0%,#ae100e 50%,#ae100e 100%); /* IE10+ */

background: linear-gradient(to bottom,  #d32f2d 0%,#ae100e 50%,#ae100e 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d32f2d', endColorstr='#ae100e',GradientType=0 ); /* IE6-9 */

}



/* pagina genera PDF */



a.pdfprint{ display:block; font-size:16px; color:#999; margin:10px 0; position:relative;  margin-bottom:20px; background-size:40px 40px; }

a.pdfprint:hover{ color:#d32f2d; }



a.pdfprint .icon{ float:left; width:80px;}

a.pdfprint .icon img{ width:60px; border:1px solid #eee; -webkit-border-radius: 3px; border-radius: 3px;  }

a.pdfprint:hover .icon img{ border:1px solid #d32f2d; }



a.pdfprint .icon2{ float:left; width:140px;}

a.pdfprint .icon2 img{ width:120px;}



a.pdfprint .label{ float:left; padding-top:22px;}

a.pdfprint .label2{ padding-top:12px;}



.half{ width:375px; float:left; margin-right:30px;}

.half.last{ margin-right:0;}



.halfboxdiv{
	width:375px; float:left; margin-right:30px;
}


.halfboxdiv .designerspan{
	font-size:13px;
}

.halfboxdiv:nth-of-type(2n){
	margin-right:0;
}

/* TOOLTIP */
.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 190px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 125%; /* Posiziona il tooltip sopra l'elemento */
	left: 50%;
	margin-left: -100px;
	opacity: 0;
	transition: opacity 0.3s;
	font-size: 10px;
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%; /* In basso */
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.alert-light{ 
	background-color:#f5f5f5; 
	padding:10px; 
	margin-bottom:10px; 
	position: relative;
}

.ultagg{
	font-size:11px;
	margin-top:5px;	
	margin-bottom:5px;	
}

.ultagg a{ 
	color:#333;
}

.ultagg a:hover{ 
	color:#d32f2d;
}

.ultagg a span{
	color: #d32f2d;
}

.ultagg .tooltip i{
	color:#888;
}

.ultaggtitle{ 
	font-size:12px; 
	margin:0;
	padding:0;
}


.leftbox-top{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color:#ddd;
	border-bottom:1px solid #dcdcdc;
	padding:8px; 	
}

.leftbox-bottom{ 
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color:#eee; 
	padding:8px; 
	margin-bottom:20px; 
}