/* CSS Document */
/*BLU Nonni: #0C2756*/
/*GRIGIO: #676568 */
/*foto di sfondo: 973 x 580px */
/*FOTO CATEGORIA VETRINA:190x250*/

body{
float: left;
margin:0px;
padding:0px;
line-height:20px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
/*background-image:url(../images/bg.jpg); background-repeat: repeat-x; background-position:left top;*/
background-color:#676568;
}


b{font-size: 110%;}


#topsection{
float:left;
z-index:30;
position:relative;
clear:left;
width:100%;
height:85px;
padding:0px; margin:0px;
background-color:#0C2756;
}
#sub{ position:absolute; top:0px; left:0px; }
#sub2{ position:absolute; z-index:4; top:45px; left:200px; width:132px; }


#contentwrapperhome{/*div che contiene la foto di fondo nelle pagine */
float:left; background-image:url(../images/site_bg.jpg); background-repeat:no-repeat; background-position:top; width:973px; height:580px; margin-bottom:0px; margin-left:30px; margin-right:0px; margin-top:0px; padding:0px; }

#contentwrapperazienda{/*div che contiene la foto di fondo nelle pagine */
float:left; background-image:url(../images/bg_azienda.jpg); background-repeat:no-repeat; background-position:top; width:973px; height:580px; margin-bottom:0px; margin-left:30px; margin-right:0px; margin-top:0px; padding:0px;}

#contentwrapperproduzione{/*div che contiene la foto di fondo nelle pagine */
float:left; background-image:url(../images/bg_produzione.jpg); background-repeat:no-repeat; background-position:top; width:973px; height:580px; margin-bottom:0px; margin-left:30px; margin-right:0px; margin-top:0px; padding:0px;}

#contentwrappermarchi{/*div che contiene la foto di fondo nelle pagine */
float:left; background-image:url(../images/bg_marchi.jpg); background-repeat:no-repeat; background-position:top; width:973px; height:580px; margin-bottom:0px; margin-left:30px; margin-right:0px; margin-top:0px; padding:0px;}


#contentwrappercategoria{float:left; width:965px; height:580px; margin-bottom:0px; margin-left:40px; margin-right:0px; margin-top:0px; padding:0px;}



#contentcolumn{
float:left;
position:relative;
width:850px;
min-height:530px; height:auto!important; height:530px;
margin-top:33px;
background:trasparent;
}
#pagina{ position:absolute; top:5px; left:11px; background:trasparent; width:850px;  min-height:530px; height:auto!important; height:530px; }
#paginacategorie{ float:left; margin:0; padding:0px; background-image:url(../images/bg_cat.png); background-repeat:repeat; width:945px;  min-height:530px; height:auto!important; height:530px; }


#footer{
clear: left;
width:100%;
height:25px;
background-color:#0C2756;
color:#AEAFB2;
text-align:left;
padding: 4px 0px 0px 0px;
/*padding: 4px 0;*/
}
#footer span{ font-size:11px; /*margin-left:30px;*/}
#footer a{color: #FFFFFF;}
#lang{ float:left; width:270px; /*text-align:right; */margin-left:0px; /*margin-right:36px; */font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #AEAFB2; }
#lang span{margin-left:2px; margin-right:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #AEAFB2; }
#lang a{color: #AEAFB2;	text-decoration: none;	cursor:pointer;}
#lang a:visited{color:#AEAFB2;	text-decoration: none;	cursor:pointer;}
#lang a:hover{color: #FFFFFF;	text-decoration: underline;	cursor:pointer;}
#lang a:active{color: #FFFFFF;	text-decoration: underline;	cursor:pointer;}

#tabellacategorie{
float:left;
background-image:url(../images/bg_cat.png);
background-repeat:repeat;
width:606px;
min-height:525px; height:auto!important; height:525px;
margin:0px;
padding:0px;
}
#tabellacategorie H3{ font-family: Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; text-transform:uppercase; color:#FFFFFF; padding-bottom:0px; padding-left:14px; padding-right:0px; padding-top:16px; margin:0; font-stretch: ultra-expanded;  }
#tabellacategorie p{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#FFFFFF; line-height:22px; padding-bottom:0px; padding-left:14px; padding-right:0px; padding-top:5px; font-stretch:ultra-expanded; vertical-align:top;}

#tabellacategorie tr{ height:265px; margin-bottom:10px; margin-left:10px; margin-right:10px; margin-top:10px;}
#tabellacategorie td{ height:265px; width:205px; padding-bottom:0px; padding-left:5px; padding-right:5px; padding-top:0px;}

/*----------------------------PAGINA MARCHI------------------------*/
#paginamarchi{ position:absolute; top:5px; left:11px; background:trasparent; width:850px;  min-height:530px; height:auto!important; height:530px; }
#tabellamarchi{
float:left;
background-image:url(../images/bg_cat.png);
background-repeat:repeat;
width:810px;
min-height:525px; height:auto!important; height:525px;
margin:0px;
padding:0px;
}
#tabellamarchi H3{ font-family: Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; text-transform:uppercase; color:#FFFFFF; padding-bottom:0px; padding-left:14px; padding-right:0px; padding-top:16px; margin:0; font-stretch: ultra-expanded;  }
#tabellamarchi p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#FFFFFF; line-height:20px; padding-bottom:0px; padding-left:14px; padding-right:0px; padding-top:5px; font-stretch:ultra-expanded; vertical-align:top;}

#tabellamarchi tr{ height:265px; margin-bottom:10px; margin-left:10px; margin-right:10px; margin-top:10px;}
#tabellamarchi td{ height:265px; width:205px; padding-bottom:0px; padding-left:5px; padding-right:5px; padding-top:0px;}


/*--------------TABELLA PAGINE STATICHE CON CONTENUTI--------------*/
#tabellapaginestatiche{
float:left;
background-image:url(../images/bg_cat.png);
background-repeat:repeat;
/*width:606px;*/
width:801px;
min-height:525px; height:auto!important; height:525px;
margin:0px;
padding:0px;
}
#tabellapaginestatiche H3{ font-family: Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; text-transform:uppercase; color:#FFFFFF; padding-bottom:0px; padding-left:14px; padding-right:0px; padding-top:16px; margin:0; font-stretch: ultra-expanded;  }
#tabellapaginestatiche p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#FFFFFF; line-height:18px; padding-bottom:0px; padding-left:14px; padding-right:0px; padding-top:0px; vertical-align:top; text-align:justify;}
#write{/*width:580px; */ width:770px; margin-left:15px; margin-top:8px; }

#write H2{ font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-transform:uppercase; color:#FFFFFF; padding-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; margin:0;}
#write H2.sec{ margin-left:10px;}

#write p{font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#FFFFFF; line-height:19px; margin:0px; vertical-align:top; padding-bottom:0px; padding-left:0px; padding-right:10px; padding-top:0px; text-align:left;}
#write p.tirh{ margin-left:10px;}
#divisoria1{width:3px; height:50px; vertical-align:bottom; margin:0px; padding:0px; font-size:1px;}
#divisoria{width:3px; background-image:url(../images/bg_dx.png); background-position:top; background-repeat:repeat; margin:0px; padding:0px; font-size:1px;}

/*--------fotografia categorie prodotti sull avetrina ------------------*/

#cat{ position:relative; width:186px; height:250px; text-align:center; margin:0 auto; padding:0;   }
#cat img{width:186px; height:250px; }
#cat img.primo{ padding-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; margin-bottom:0px; margin-left:5px; margin-right:0px; margin-top:0px; }

a.push:link div {
border:1px solid #373B39; /*GRIGIO SCURO*/
cursor:pointer;
}
a.push:visited div {
border:1px solid #373B39; /*GRIGIO SCURO*/
cursor:pointer;
}
a.push:hover div { border:1px solid #FFFFFF; cursor:pointer;}
a.push:active div{border:1px solid #FFFFFF; cursor:pointer;
}

a.push:link {color: #FFFFFF;	text-decoration: none;	cursor:pointer;}
a.push:visited {color: #FFFFFF;	text-decoration: none;	cursor:pointer;}
a.push:hover {color: #FFFFFF;text-decoration: underline;cursor:pointer;}
a.push:active{color: #FFFFFF;text-decoration: none;	cursor:pointer;}

#cat H1{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; text-align: left; font-weight:bold; text-transform:lowercase; background-image:url(../images/bg_cath1.png); background-repeat:repeat; background-position: left top; cursor:pointer;  }

#cat H1.stile1{position:absolute; top:0px; left:0px; width:176px; height:20px; padding-bottom:5px; padding-left:10px; padding-right:0px; padding-top:5px; margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px; }


/*-------------- RIQUADRO PROMO DESTRA FONDO BIANCO PRESENTE SULLA VETRINA ---------------*/
#promo{float:left; position:relative; background-image:url(../images/bg_dx.png); background-repeat:repeat; width:195px; min-height:525px; height:auto!important; height:525px; margin-left:9px; padding-bottom:2px; padding-top:2px; }
#firstpromo{position:relative; width:173px; height:165px; text-align:center; margin-bottom:5px; margin-left:10px; margin-right:10px; margin-top:5px; /*margin:0 auto;*/ padding:0;}

#firstpromo img{width:173px; height:165px; }
#firstpromo img.primo{ padding-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:3px; }

a.pushpromo:link div {cursor:pointer; }
a.pushpromo:visited div {cursor:pointer; }
a.pushpromo:hover div {cursor:pointer; }
a.pushpromo:active div{cursor:pointer; }

a.pushpromo:link {color: #FFFFFF;	text-decoration: none;	cursor:pointer;}
a.pushpromo:visited {color: #FFFFFF;	text-decoration: none;	cursor:pointer;}
a.pushpromo:hover {color: #FFFFFF;text-decoration: underline;cursor:pointer;}
a.pushpromo:active{color: #FFFFFF;text-decoration: none;	cursor:pointer;}

#firstpromo H1{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; text-align: left; font-weight:bold; text-transform:lowercase;background-image:url(../images/bg_cath1.png); background-repeat:repeat; background-position: left top; cursor:pointer;  }

#firstpromo H1.stile1{position:absolute; top:0px; left:0px; width:163px; height:20px; padding-bottom:5px; padding-left:10px; padding-right:0px; padding-top:5px; margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px; }






/*---------------PRIMO MENU IN ALTO------*/
.underlinemenutop{
z-index:1;
position:absolute;
/*position: fixed;*/
top:0px;
left:7px;
color:#FFFFFF;
margin-left:340px;
padding-top:8px;
font-weight: normal;

}

.underlinemenutop ul{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight: normal;
width: 650px;
padding: 4px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align:right; 
}

.underlinemenutop ul li{
display: inline;
}

.underlinemenutop ul li a{
color: #AEAFB2;
padding: 4px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-top: 3px solid #AEAFB2; /*bottom border is 3px*/
}

.underlinemenutop ul li a:hover, .underlinemenutop ul li a.selected{
color: #FFFFFF;
border-top-color: white;
font-weight: normal;
}
.end{ padding: 4px 0px 4px 3px; /*top padding is 6px, bottom padding is 4px*/}
/*---------------PRIMO MENU IN BASSO------*/
.underlinemenu{
/*float: left;*/
z-index:1;
position:absolute;
/*position:fixed;*/
top:44px;
left:10px;
color:#FFFFFF;
height:30px;
margin-left:230px;
font-weight: bold;

}

.underlinemenu ul{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-transform:lowercase;
width: 755px;
padding: 2px 0 0px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
text-align: right; 
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #FFFFFF;
margin-bottom:0px; 
margin-left:25px;
margin-right:25px; margin-top:0px;
padding: 2px 2px 2px 2px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;

}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected, .underlinemenu ul li a.visited{
color: #FFFFFF;
border-bottom:3px solid #FFFFFF;
}

/*-------------MENU VERTICALE-----*/
#promoglossy{float:left; width:155px; min-height:525px; height:auto!important; height:525px; margin-left:9px; color:#FFFFFF; }
.glossymenu{
list-style-type: none;
margin: 0px;
padding: 0px;
width: 170px;
border-bottom-width: 0;
}
.glossymenu li{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; line-height:20px; color:#FFFFFF;   }
.glossymenu li a{
background: url(../images/glossyback.png) repeat-x top left;
display: block;
width: auto;
height:22px;
margin-bottom:6px; 
margin-left:0px; 
margin-right:5px;
margin-top:0px;
padding-bottom:5px; 
padding-left:3px;
padding-top:0px;
padding-left: 10px;
text-decoration: none;
text-align: left;
color:#FFFFFF;
}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width:160px; color:#FFFFFF;
}

.glossymenu li a:visited, .glossymenu li a:active{
background-image: url(../images/glossyback.png);
color: #FFFFFF;
}

.glossymenu li a:hover{
background-image: url(../images/glossyback2.png);
color:#FFFFFF;
}


#paginacontatti{position:absolute; top:5px; left:11px; background-image:url(../images/bg_cat.png); background-repeat:repeat; width:801px; min-height:530px; height:auto!important; height:530px;}

#paginacontatti H3{ font-family: Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; text-transform:uppercase; color:#FFFFFF; padding-bottom:0px; padding-left:14px; padding-right:0px; padding-top:16px; margin:0; font-stretch: ultra-expanded;  }
#paginacontatti p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#FFFFFF; line-height:24px; padding-bottom:0px; padding-left:14px; padding-right:0px; padding-top:5px; font-stretch:ultra-expanded;}


#boxfotocategoria{float:left; width:205px; height:510px; padding:12px; }
#boxfotocategoria img.imposto{ position:relative; width:205px; height:510px;}
#descrizionecategoria{position:absolute; top:110px; left:11px; background-image:url(../images/bg_cat_descr.png); background-repeat:repeat; background-position: top left; width:206px; display:inline; padding: 0px 0px 0px 0px; margin:0px;}
#descrizionecategoria H3{font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight: bold; text-transform:lowercase; color: #FFFFFF; padding-bottom:0px; padding-left:10px; padding-right:10px; padding-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:10px;}
#descrizionecategoria p{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal; text-transform: none; line-height:20px; text-align: left; color: #FFFFFF; padding-bottom:0px; padding-left:10px; padding-right:10px; padding-top:0px;}
#boxgalleria{ margin-left:230px; width:710px; padding-bottom:0px; padding-left:0px; padding-right:0px; padding-top:10px; }



#galleria1{ float:left; background-color:#000000; width:703px; height:475px;  }

#filter{ float:left; width:703px; height:28px; margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:15px; padding:0px; color:#CCCCCC; font-size:12px; background-color:#000000; }
#filter H2{ position:absolute; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-stretch:expanded; font-weight:normal; color: #FFFFFF; margin-bottom:0px; margin-left:2px; margin-right:5px; margin-top:0px; padding-bottom:10px; padding-left:10px; padding-right:10px; padding-top:5px;  }
/*-------------------MENU FILTRI DENTRO ALLA CATEGORIA----------*/
.mattblacktabs{
width:580px; 
overflow: hidden;
/*margin-left:120px;*/
margin-left:100px;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: normal 12px Arial, Helvetica, sans-serif;
text-transform:lowercase;
color:#AEAFB2;/*grigio chiaro*/
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin:5px;

}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin-bottom:1px; 
margin-left:7px;
margin-right:7px; 
margin-top:5px;
padding: 2px 15px 2px 15px; /*padding inside each tab*/
color:#AEAFB2;/*grigio chiaro*/
background-color:#2E2E2E; /* grigio scuro*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
color:#FFFFFF;
text-decoration:none;
background-color:#4F4F4F; /*grigio chiaro*/
}

/*----------------------------------------------*/

#gruppo{ margin:0 auto; padding:0; width:650px; text-align:center; }
#singolo{ float:left; position:relative; width:140px; margin-bottom:25px; margin-left:10px; margin-right:10px; margin-top:25px; }


#codice{ float:left; font-family: Verdana, Arial, Helvetica, sans-serif; color:#AEAFB2; text-align:left; font-size:12px; margin-left:2px; text-decoration:none; }
#singolo a:link { color:#AEAFB2; text-decoration: none;}
#singolo a:visited { color:#FFFFFF;text-decoration: none;}
#singolo a:hover { color:#FFFFFF;text-decoration: underline;}


#fotoprod1 div{ border:0; text-align:center; position:absolute; top:25px; left:25px; display: inline;}
#fotoprod1 a:link div { color:#FFFFFF;text-decoration: none;}
#fotoprod1 a:visited div { color:#FFFFFF;text-decoration: none;}
#fotoprod1 a:hover div { color:#006600;text-decoration: none;}
#fotoprod1 a:active div { color:#FFFFFF;text-decoration: none;}

/*--------------------------PRODOTTO SINGOLO-----------*/
#boxfotoprodottosingolo{float:left; width:375px; height:510px; padding:12px;}
#boxgalleriaverticale{ width:165px; height:510px; padding-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; margin-bottom:0px; margin-left:775px; margin-right:0px; margin-top:12px; }
#boxfotoprodotto{float:left; width:380px; height:510px; padding:12px;  }
#boxfotoprodotto img{ position:relative; width:380px; height:510px;}
#testoprodotto{float:left; width:345px; margin-bottom:5px; margin-left:0px; margin-right:0px; margin-top:12px;}
#testoprodotto p{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#FFFFFF; line-height:24px; padding-bottom:0px; padding-left:5px; padding-right:0px; padding-top:15px; font-stretch:ultra-expanded; margin:0px;}
#testoprodotto H1{ display:inline; font-family: Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; text-transform:uppercase; color:#FFFFFF; margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px; padding-bottom:0px; padding-left:5px; padding-right:0px; padding-top:16px; font-stretch: ultra-expanded; }
#testoprodotto H2{ font-family: Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; text-transform:uppercase; color:#FFFFFF; margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px; padding-bottom:0px; padding-left:5px; padding-right:0px; padding-top:2px; font-stretch: ultra-expanded;}
#testoprodotto H3{ font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color:#676568; margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px; padding-bottom:5px; padding-left:5px; padding-right:0px; padding-top:0px; font-stretch: ultra-expanded;}

.richiedimattblacktabs{
float:left;
width: 100%;
overflow: hidden;
}

.richiedimattblacktabs ul{
margin: 0;
padding: 0;
text-transform:uppercase;
padding-left: 0px;
padding-top:10px;
margin-top:25px;
font: normal 12px Arial, Helvetica, sans-serif;
list-style-type: none;
}

.richiedimattblacktabs li{
display: inline;
margin: 0;
}

.richiedimattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
color: white;
background-color:#0E0E0E; /* nero*/
}

.richiedimattblacktabs li a:visited{
color: white;
}
.richiedimattblacktabs li a:hover, .richiedimattblacktabs li.selected a{
background-color:#2E2E2E; /* grigio scuro*/
}

#singolo2{ float:left; position:relative; width:165px; margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px; }
#singolo2 a:link { color:#AEAFB2; text-decoration: none;}
#singolo2 a:visited { color:#FFFFFF;text-decoration: none;}
#singolo2 a:hover { color:#FFFFFF;text-decoration: underline;}
#codice2{ float:left; font-family: Verdana, Arial, Helvetica, sans-serif; color:#AEAFB2; text-align:left; font-size:12px; margin-left:12px; text-decoration:none; }
#littletopdx{ margin-bottom:5px; margin-left:0px; margin-right:0px; margin-top:20px;}
#littlesottodx{ margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px; padding-bottom:20px;}
#sep{ float:left; width:150px; height:40px; text-align:center; }