/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;  zoom:1 }
table{border-spacing:1;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:”;}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	background-color:#ead4d6;
	border: 1px solid #CCC;
}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%;}
/*because legend doesn’t inherit in IE */
legend{color:#000;}

var,.iradius16{ cursor:pointer;}

body {
	font-size: 12px;
	font-family: 'Segoe UI', Tahoma, Arial, Helvetica, Sans-Serif;
	height: 100%;
	color:#e4e4e4;
	background-image:url(img/bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#220907;
}
ul{  }
p { margin:0; padding:0; }
html { height: 100%; }

h1{ font-size:20px; font-weight:bold}
h2{ font-size:16px; font-weight:bold; border-bottom:1px solid #F3A9A9; padding-bottom:4px; margin-bottom:15px;}
 
 
.floatl{ float:left; display:inline; }
.floatr{ float:right; display:inline; } 

.clear{ clear:both; height:1px; line-height:1px; display:block; }
.clear-space{ clear:both;  height:1px; line-height:1px; display:inline-block;  margin-top:15px; width:100%;}
 
a { color:#e4e4e4; text-decoration:underline; }
a:hover { color:#999; }
a img { border: none; } 
 
 
.msgnull{} /* messaggio di "non trovato" */
.msgerror{
font-size:16px;
font-weight:bold;
text-align:center;
width:100%;
margin-bottom:30px;  border-bottom:1px solid #F3A9A9; padding-bottom:4px; margin-bottom:15px;
} /* messaggio di  errore */ 

.msgok{
font-size:14px;
font-weight:bold;
text-align:center;
color:#F3A9A9;
}  /* messaggio di ringraziamento  */ 


.link_indietro{}  /* Link "torna indietro" */ 
 
#page {
min-height: 100%;
height: auto !important;
height: 100%;
position:relative;
margin:0 auto;
 }

#container { 
	width: 960px; 
	margin: auto;
	overflow:hidden;
}

#header {
	width: 100%;
	margin-top: 60px;
	margin-bottom: 15px;
	clear:both;
	float:left;
	display:inline;
	overflow:hidden;
}



#col {	  
	width: 250px;
	margin: 0;
	padding-left: 10px;
	float:left;
	display:inline;
	overflow:hidden;

}

#body {
	width: 680px;
	float:left;
	padding-left:20px;
	display:inline;
	overflow:hidden;
}


#body-full {
	width: 960px;
	float:left;
	display:inline;
	overflow:hidden;
}


#body ul{padding-left:20px; clear:both;}
#body ul li{list-style:disc;}
#body em {font-style:italic;}

#footer {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 5px;
	clear:both; 
	overflow:hidden; 
	
}


.container-footer{

width: 100%;
	margin-top: 3px;
	margin-bottom: 5px;
	clear:both;
	background-color:#100D0D;
	overflow:hidden;
	border-top:4px solid #fff;
	
	}
 

.tableland {
	border:#000 2px solid;
	background-color:#CCC;

} 
 
 
 
/* STILI TESTATA */
.logo{ 
float:left;
display:inline;
width:270px;
height:80px;
background-image:url(img/logo.png);
background-position:0 0;
text-indent: -999px;
overflow:hidden;
font-size: 0px;
line-height: 0px;

}
.logoprint{display:none;}


.header-menu{ margin:20px 0 0 10px; padding:0; width:680px; float:left; display:inline; } 
.header-menu li{ 
float:left;
display:inline;
width:92px; 
margin:0 5px 0 0;
border-right:1px solid #fff;
height:20px;
text-align:right;
padding:2px 10px 2px 5px;
list-style:none;
font-weight:bold;
font-size:14px; 
}
.header-menu li a{
font-size:12px;
text-decoration:none;
line-height:18px;
} 

.header-menu li.header-menu-selected a{
display:block;
padding:2px 5px;
width:82px;
background-image:url(img/bg-top-menu.png); background-repeat:no-repeat; 
line-height:18px;
color:#000000;
}

.header-menu li.header-menu-selected a:hover{
color:#000000;
background-image:url(img/bg-top-menu-hover.png); background-repeat:no-repeat; 
}


.header-menu li.link-home{
border:none; text-align:left;
padding:0;
width:110px;
}

.header-menu li.link-home a{
display:block;
padding:2px 10px 2px 10px;
width:95px;
background-image:url(img/bg-top-menu.png); background-repeat:no-repeat; 
font-size:12px;
text-decoration:none;
line-height:18px;
color:#000000;
} 

.header-menu li.link-home a:hover{
color:#000000;
background-image:url(img/bg-top-menu-hover.png); background-repeat:no-repeat; 
}

/* STILI SLIDE */

.slide-home-container{
clear:both; 
width:956px;
height:403px;
margin-bottom:40px;
position:relative;
}

.slide-home{
text-align:center;
clear:both; 
width:956px;
height:403px;
background-image:url(img/primop.jpg);
background-position:0 0;
}

.slide-home div{ margin:24px; width:907px;}

#slide-prev,#slide-next{
display:block;
width:31px;
height:30px;
background-image:url(img/slide-prev.gif);
background-repeat:no-repeat;
background-position:0 0;
position:absolute;
bottom:40px;
left:24px;
z-index:20;
}

#slide-next{background-image:url(img/slide-next.gif);right:25px; left:auto;}

#slide-prev:hover,#slide-next:hover{background-position:0 -33px;}

.thumb-slide{
float:left;
display:inline;
overflow:hidden;
width:132px; margin:10px 5px 5px 0}

.thumb-slide img{ border:1px solid #666;}
.thumb-slide a{ text-decoration:none;}
.thumb-slide a:hover img{ border:1px solid #ccc; } 


/* STILI PAGINE */

.box-home{
float:left;
display:inline;
width:296px;
overflow:hidden;
margin:35px 35px 35px 0;
}
.box-home h2{
font-size:14px;
height:21px;
width:226px;
margin-bottom:15px;
padding:6px 40px 4px 30px;
background-image:url(img/bg-box-home.jpg);
background-repeat:no-repeat;
background-position:0 0;
color:#2B2B2B;
border:none;
}


/* MENU PAGINE*/
 
.menu-container h2{ margin-bottom:5px;}

.menu { overflow:hidden; clear:both; width:250px; margin-bottom:50px; margin-top:20px;	}				/* contenitore generale */

.menu li {				/* riga di menu*/	
list-style:none;
height:32px; 
 }										
.menu li a{ background-image:url(img/links.png);  display:block; padding:5px; text-indent:25px;	/* link clibbabile (un eventuale sfondo e da mettere qui) */
	
	text-decoration:none;
}						
.menu li a:hover{ background-image:url(img/hover.png); color:fff }									
.menu li.menu-selected {background-image:url(img/selected.png); background-repeat:no-repeat; color:#900; /* stato selezionato */
	font-weight:bold;}
	
	.menu li.menu-selected a { color:#333; }
	.menu li.a:hover a{ color:fff }


/* FORM RICERCA*/


.search-container{
clear:both;
margin:10px 0;}

.search-container h2{ margin-bottom:5px;}

.search-container label{ display:block; margin-bottom:12px; }
.search-container label span{display:block; margin:2px 0 6px 0; font-size:0.9em; font-weight:bold; }
.search-container label select{width:160px;font-size:0.9em; font-family:Tahoma, Arial, Helvetica, Sans-Serif;}

 



/* STILI CATALOGO */

.categoria{
margin-bottom:10px;
padding-bottom:15px;
width:672px;
}
.categoria a{ text-decoration:none;color:#F3A9A9;}
.categoria a:hover{color:#999;}
.categoria h2{ font-size:16px; border-bottom:1px solid #F3A9A9; padding-bottom:4px; margin-bottom:15px; }
.categoria img{border:1px solid #E4E4E4;}

.categoria a:hover img{
filter: alpha(opacity=80); /* here you can set the opacity of box with text */
-moz-opacity: 0.8; /* here you can set the opacity of box with text */
-khtml-opacity: 0.8; /* here you can set the opacity of box with text */
opacity: 0.8; /* here you can set the opacity of box with text */
border:1px solid #999;
}


.thumb-prodotto{
float:left;
display:inline;
clear:both;
overflow:hidden;
margin-bottom:25px;
width:678px;
border-top:1px solid #E4E4E4; 
}

.thumb-left{
float:left;
display:inline;
width:480px;
}


.thumb-left a.edge{
position:relative;
display:block;
width:480px;}

img.esclusiva{ position:absolute; right:0; top:0; z-index:4; border:none;}

.thumb-left a:hover img{
filter: alpha(opacity=80); /* here you can set the opacity of box with text */
-moz-opacity: 0.8; /* here you can set the opacity of box with text */
-khtml-opacity: 0.8; /* here you can set the opacity of box with text */
opacity: 0.8; /* here you can set the opacity of box with text */
}

.thumb-right,.thumb-right-full{
float:left;
display:inline;
overflow:hidden;
padding:5px;
width:187px;
}
 .thumb-right-full{width:100%; }

.thumb-right h2{ 
margin-bottom:5px;
font-size:16px;
font-weight:bold;

}

.thumb-right h2 a{ text-decoration:none; color:#F3A9A9;}
.thumb-right h2 a:hover{color:#999;}
/* STILI DETTAGLIO */

.prodotto{
float:left;
display:inline;
clear:both;
overflow:hidden;
padding-bottom:25px;
width:672px;
}
.prodotto h2{ font-size:16px; border-bottom:1px solid #F3A9A9; padding-bottom:4px; margin-bottom:15px; clear:both; color:#F3A9A9}
.prodotto h3{ font-size:14px; border-bottom:1px solid #F3A9A9; padding-bottom:4px; margin-top:15px; font-weight:bold; color:#F3A9A9; clear:both; }
.location{ font-weight:bold; }
.desc{ margin:10px 0;}
.tech{ float:left; width:300px; display:inline; padding:5px; border-top:1px solid #E4E4E4; margin-right:10px; }
.tech strong{ color:#F3A9A9; margin-right:8px;}
/*slide foto */


.loader{
background-image:url(img/ajax-loader.gif);
background-position:center;
background-repeat:no-repeat;
width:672px;
height:150px;
display:none;
}

.slide-prod{
text-align:center;
clear:both; 
width:672px;
margin-bottom:20px;
}

.slide-prod img{ border:1px solid #E4E4E4;}

ul#nav {   margin: 0; padding:0; }
ul#nav li { width: 152px; float: left; margin-right: 4px; list-style: none; list-style:none; }
#nav a { width: 150px;  display: block; border:1px solid #E4E4E4; }
#nav a.activeSlide { border:1px solid #F3A9A9;}
#nav a:focus { outline: none; }
#nav img { border: none; display: block; width:150px; }
.jcarousel-prev{ float:left; display:inline; width:20px;height:50px; background-image: url(img/left.png); margin-right:6px; cursor:pointer; }
.jcarousel-next{ float:right; display:inline;  height:50px; width:20px; background-image: url(img/right.png); margin-left:4px; cursor:pointer; }



.opt-prod{  clear:both;margin:20px 0;overflow:hidden; padding:5px; border-top:1px solid #E4E4E4;} 
.opt-prod a{text-decoration:none; color:#F3A9A9; display:inline; float:left; width:150px; padding-right:10px; margin-right:10px;}
.opt-prod a:hover{ color:#999;}

.thumb-corr{
float:left;
display:inline;
overflow:hidden;
width:152px; margin:10px 10px 5px 0}

.thumb-corr img{ border:1px solid #E4E4E4;}
.thumb-corr a{ text-decoration:none;}
.thumb-corr a:hover img{ border:1px solid #999; } 




/* STILI FORM */

.cerca_per_me{ width:500px;}   /* tabella CERCA PER ME */



.submit{ 
padding:2px 10px 2px 10px;
width:95px;
background-color:#FFFFFF;
font-size:12px;
text-decoration:none;
line-height:18px;
color:#000000;
font-weight:bold;
border:none; 
cursor:pointer;}


/* STILI FOOTER */
.dati-footer{
float:left;
display:inline;
width:281px;
padding:15px 0 15px 15px;
margin-right:35px;
color:#ababab;}

.contromenu{ 
float:left;
display:inline;
overflow:hidden;
width:629px;
padding:15px 0}

.contromenu li{
list-style:none;
float:left;
display:inline;
margin-bottom:4px;
width:296px;
margin-right:35px;
}
.contromenu li a{ 
color:#f3a9a9;
text-decoration:none;
}

.contromenu li a:hover{
text-decoration:underline;
}
 
 
 
 
/* PAGINAZIONE */


#pagination-digg{border:0; margin:0; padding:0; width:320px; clear:both; float:left}

ul#pagination-digg li{
border:0; margin:0; padding:0;
font-size:12px;
list-style:none;
margin-right:2px;
float:left;
list-style:none;
}
#pagination-digg a{
margin-right:2px;
}
#pagination-digg .previous-off,
#pagination-digg .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:0px;
}

.nolink { padding:3px 6px; float:left;}

#pagination-digg .next a,
#pagination-digg .previous a {
font-weight:bold;
}
#pagination-digg .active{
background:#F3A9A9;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:3px 6px;
margin:0px 4px 0px 0px;
}
#pagination-digg a:link,
#pagination-digg a:visited {
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-digg a:hover{
border:solid 1px #043454;
background-color:#f6f6f6;
padding:2px 5px;
}	


/* STILI SOVRASCRITTURA */

div.last,li.last,a.last{margin-right:0;}