/*@media only screen 
  and (min-device-width : 375px) 
  and (max-device-width : 667px) 
  and (orientation : landscape) 
  and (-webkit-min-device-pixel-ratio : 2)
{
  .orientation:after {
  content: " Landscape";
}
  
  }

@media only screen and (orientation : portrait)
 
{
  
  .orientation:after {
  content: " Portrait";
}
  
  }*/
 @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700,300,200&subset=latin,latin-ext); 
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300,200&subset=latin,latin-ext); 


* {  margin: 0;  padding: 0;}
body {
    
    min-width:1000px;
	top:0; 	left:0;  position:absolute;  height:100%; width:100%; 	margin:0;
	line-height:1;
	font-family: "Yanone Kaffeesatz","Myriad Pro",Tahoma ,serifSansSerifMonospace,sans-serif;
	letter-spacing:1px;
    font-size:14px;
/*    background-color:#251715;   /* #281613;
background: rgb(40,22,19);
    background: #251715;
    
    background:rgb(37,23,21);*/

    background: rgb(206,209,167);    /*#ced1a7 */
    color: #000;
    
    
    /*font-family: "Verdana";  margin:0; padding:0; */
font-family: "Yanone Kaffeesatz","Myriad Pro",Tahoma ,serifSansSerifMonospace,sans-serif;
font-family: 'Roboto Condensed';
}
h6 {font-size :0.8em; font-weight: normal;}
img { border:none; }
a {text-decoration:none; }
a:active, a:focus { outline: none; ie-dummy: expression(this.hideFocus=true); }

#global{ left:0px; top:0px; right: 0px  position: absolute; }
#cont_top{background:#124221; position: absolute;  min-width: 1000px;  height: 70px;   left:0px; top:0px; right: 0px }
#cont_left{/*background:#a6b088;*/  position: absolute;  width: 235px;  left:0px; top:70px; right: 0px ;z-index: 3;}


#cont_menu{position: absolute; background:#412b88;  min-width: 765px; left:235px; top:70px; right: 0px }

#cont_left_sf{position:absolute; width: 235px; top:70px;  z-index: 2; }
#bg_icon_prodotti{position:absolute; width: 150px;   top:0px; bottom: 0px; background-color: #124221; opacity: 0.35;  }
#bg_icon_marchi{position:absolute; width: 85px; left:150px; top:0px; bottom: 0px; }
.marchi0{ background-color: #124221; opacity: 0.25; }
.marchi1{ background-color: #a1ac7e; opacity:0.5;  }
#label_prodotti{position: absolute; color: #DDD; font-size: 1.3em; top:45px; left: 10px;  }
#label_marchi{position: absolute; color: #DDD;  font-size: 1.3em; top:40px; left:150px; width:84px; height: 25px; padding-top: 5px;    border-left:1px solid #938b8a; border-right:1px solid #938b8a;  }


.ico_menub_img{ position:absolute;}
.ico_menub_text{position:absolute; width: 140px; top:10px; left: 10px; color: #FFF; /*font-weight: bold; *//* background-color: #ff0;*/}
.li_ico_menub{position: relative; height: 150px;  list-style-type:none; }
.li_ico_menuc{position: relative; height: 85px;  list-style-type:none; }

#div_home{position: absolute;  height: 27px; width:27px;  background:transparent url(images/home.png); top:36px; left: 245px; z-index:10; cursor:pointer;}

#menu_icone{position: absolute; top:29px; left: 236px; }
#menu_icone ul{ list-style-type:none; margin:0;  padding:0; overflow:visible; color: #8a8c8e;  }
#menu_icone li { display: inline; text-decoration:none;   /*font-family: "Verdana";*/     float: left;
    display: inline;
    white-space: normal !important;
    }
    
#ico_info{position: absolute; height: 41px; width:41px; background: url(images/info.png); left:40px;  }
#ico_dovesiamo{position: absolute; height: 41px; width:41px;  background:transparent url(images/bottone_mappa.jpg);  left: 852px;}
#ico_contatti{position: absolute; height: 41px; width:41px;   background:transparent url(images/bottone_posta.jpg); left: 811px; }
#ico_facebook{position: absolute; height: 41px; width:41px;  background:transparent url(images/bottone_faceb.jpg); left: 893px; }
#ico_email{position: absolute; height: 41px; width:41px;  background:transparent url(images/bottone_@.jpg); /*left: 770px; */}



#cont_page_bottom{z-index: 5; position: absolute; left: 235px;/* bottom: 0px;*/ height: 230px; background-color: #ced1a7; min-width: 765px; }
#cont_page_text{color: #3b5a3a; font-size: 1.2em; width: 900px; margin-top: 20px; margin-left: 10px;}
#made_italy{position: absolute;  height: 26px; width: 342px;  background:transparent url(images/made_italy.png); }
#cont_page_text td {   width: 50%; vertical-align: top; padding-left: 20px;  }
.lite_green{color: #3f7b44;}
.bold_green{color: #124221;    font-weight: bold;}


#cont_all_prodotti{margin-left:105px; overflow:hidden;}
/*.cont_prodotto{display:inline-block; margin-left:30px; }*/

/* ******************************************************************** */ 
/*      Menu Barra		A	      */
/* ******************************************************************** */

#menu_barra {font-size: 1.1em;  width:850px; position: absolute; margin-top: 4px;}
#menu_barra ul{ list-style-type:none; margin:0;  padding:0; overflow:visible; color: #124221;  }
#menu_barra li { display: inline; text-decoration:none;   /*font-family: "Verdana";*/     float: left;
    display: inline;
    white-space: normal !important;
    margin-bottom: 10px;
    letter-spacing:0.5px; 
    }

#menu_barra a { display: inline; border-left:0px solid #938b8a; border-right:1px solid #938b8a; outline: none; margin-top:1px; margin-bottom:1px; 
    margin-left:-1px;   padding-left:10px; padding-right:10px; 
    text-decoration:none; /* font-family: "Verdana";*/
   
    }
#menu_barra .active { color:#FFF !important; outline: none; outline: 0px; } 
#menu_barra .hover { color:#FFF !important;  outline: none;  cursor: pointer;}


/* ******************************************************************** */ 
/*      Menu Barra	B		      */
/* ******************************************************************** */

#menu_barra_b {font-size: 1em;  position: absolute; margin-top:22px;}
#menu_barra_b ul{ list-style-type:none; margin:0;  padding:0; overflow:visible; color: #8a8c8e;  }
#menu_barra_b li { display: inline; text-decoration:none;   /*font-family: "Verdana";*/     float: left;
    display: inline;
    white-space: normal !important;
    }

#menu_barra_b a { display: inline; border-left:0px solid #CCC; border-right:1px solid #938b8a; outline: none; margin-top:1px; margin-bottom:1px; 
    margin-left:-1px;  padding-left:10px; padding-right:10px; 
    text-decoration:none;  /*font-family: "Verdana";*/ }
#menu_barra_b .active { color:#FFF !important; outline: none; outline: 0px; } 
#menu_barra_b .hover { color:#FFF !important;  outline: none;  cursor: pointer;}







#cont_slide,#map{background:#9fae86; position: absolute;    left:150px; top:140px; right: 0px; z-index: 1 }


/*#cont_gallery{position: absolute; background:#9fae86;  min-width: 750px; left:150px; top:140px; right: 0px }*/


.img_opac{  opacity:0;}
#b_opac{  left:0px; top:0px;  position: absolute; width: 170px; height: 380px; 
    background:rgb(0,0,0);  
    background: transparent\2;  
    background:rgba(0,0,0,0.2);  
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  
    zoom: 1;
    z-index: 10;
    }

#cont_center_left{position: absolute; background: #FFF; left:235px; z-index: 6; top: 140px; opacity: 0.9;  }
#cont_center_right{position: absolute; background-color: #124221; opacity: 0.8; z-index: 6; width: 342px; top: 70px;  color: #FFF;}

hr{
  border-top: 1px solid #c4caac;
}
















#cont_center{ color: #FFF; left:0px; top:522px;   position: absolute;  width: 1000px; }
#logotop{background-color: #000; width:170px; height:142px; padding-top: 5px;}




#slogan{position: absolute; height: 380px;   left:0px; top:0px; right: 0px; width: 100px;  z-index: 9}
#decorativi{position: absolute; top: 108px; left: 190px; height: 30px; width: 260px; }


.opac{
    background:rgb(0,0,0);  
    background: transparent\2;  
    background:rgba(0,0,0,0.2);  
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  
    zoom: 1;
    }
    




/* ******************************************************************** */


/* ******************************************************************** */ 
/*      Menu Bottom		      */
/* ******************************************************************** */

#menu_bottom {font-size: 0.9em; margin-left:0px; width:170px; position: absolute;  height: 45px;}
#menu_bottom ul{ list-style-type:none; margin:0;  padding:0; overflow:visible; color: #8a8c8e;  }
#menu_bottom li { display: inline; text-decoration:none;  width:170px; /*font-family: "Verdana";*/     float: left; margin-bottom: 3px;
   
    white-space: normal !important;
    }

#menu_bottom a { display: inline; border-left:0px solid #CCC; border-right:0px solid #CCC; outline: none; margin-top:1px; margin-bottom:1px; 
    margin-left:-1px;  padding-left:5px; padding-right:10px; 
    text-decoration:none;  /*font-family: "Verdana";*/ }
#menu_bottom .active { color:#FFF !important; outline: none; outline: 0px; } 
#menu_bottom .hover { color:#FFF !important;  outline: none;  cursor: pointer;}

/* ******************************************************************** */ 



.title_text_page{ color: #ae6437; font-size: 1.7em;  line-height: 1;}




#cycler{position:relative;}
#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}

#cycler_s{position:relative;}
#cycler_s img{position:absolute;z-index:5}
#cycler_s img.active{z-index:7}


.no_cursor{cursor: default !important; }
/*#page_left{ font-weight: 400;  margin-left: 20px; margin-top: 35px; line-height: 1.2; width:580px; font-size: 1.1em;float:left; }

#text_page{ text-align: justify; text-justify: distribute; font-weight: 400;  margin-left: 20px; margin-top: 20px; line-height: 1.2; width:580px; font-size: 1.1em;float:left;}

#page_right{  width:200px; position: absolute; margin-left: 628px; margin-top: 15px; }*/





.ico_flippbook{ background:transparent url(images/ico_attachments.png) 0px 0px no-repeat; height:40px; width:40px;   margin-bottom:10px; margin-top:10px;}
.hover.ico_flippbook{   background:transparent url(images/ico_attachments.png) -40px 0px no-repeat;}
.active.ico_flippbook{   background:transparent url(images/ico_attachments.png) -80px 0px no-repeat;  }

.ico_download{ background:transparent url(images/ico_attachments.png) 0px -40px no-repeat; height:40px; width:40px;  margin-bottom:10px; margin-top:10px;}
.hover.ico_download{   background:transparent url(images/ico_attachments.png) -40px -40px no-repeat;}
.active.ico_download{   background:transparent url(images/ico_attachments.png) -80px -40px no-repeat;  }

.ico_video{ background:transparent url(images/ico_attachments.png) 0px -80px no-repeat; height:40px; width:40px;   margin-bottom:10px; margin-top:10px;}
.hover.ico_video{   background:transparent url(images/ico_attachments.png) -40px -80px no-repeat;}
.active.ico_video{   background:transparent url(images/ico_attachments.png) -80px -80px no-repeat;  }

.ico_scheda{ background:transparent url(images/ico_attachments.png) 0px -120px no-repeat; height:40px; width:40px;   margin-bottom:10px; margin-top:10px;}
.hover.ico_scheda{   background:transparent url(images/ico_attachments.png) -40px -120px no-repeat;}
.active.ico_scheda{   background:transparent url(images/ico_attachments.png) -80px -120px no-repeat;  }

.ico_page{ background:transparent url(images/ico_attachments.png) 0px -160px no-repeat; height:40px; width:40px;    margin-bottom:10px; margin-top:10px;}
.hover.ico_page{   background:transparent url(images/ico_attachments.png) -40px -160px no-repeat;}
.active.ico_page{   background:transparent url(images/ico_attachments.png) -80px -160px no-repeat;  }



#cont_attach{margin-top: 10px;}
#cont_attach a { display: inline; color: #ae6437;   text-decoration:none; cursor: pointer;  /*font-family: "Verdana";*/ }
#cont_attach a:hover { color:#FFF !important; outline: none; outline: 0px; } 



#cont_Flag{ position:absolute; width:180px; left:912px; top:5px; }

.flag{width:30px; height:30px; margin-bottom:0px;margin-right:10px;  cursor:pointer; float:left; }
.flag.active{ cursor:default; opacity:1 !important;}
.flag.hover{  opacity:1 !important;}


.flag.ico_it{ background:transparent url(images/flag_small60.png) 0px -0px no-repeat;}
.flag.hover.ico_it{   background:transparent url(images/flag_small60.png) -30px -0px no-repeat;}
.flag.active.ico_it{   background:transparent url(images/flag_small60.png) -30px -0px no-repeat; cursor:default !important;}
.flag.ico_en{ background:transparent url(images/flag_small60.png) 0px -30px no-repeat;}
.flag.hover.ico_en{   background:transparent url(images/flag_small60.png) -30px -30px no-repeat;}
.flag.active.ico_en{   background:transparent url(images/flag_small60.png) -30px -30px no-repeat; cursor:default !important;}
.flag.ico_fr{ background:transparent url(images/flag_small60.png) 0px -60px no-repeat;}
.flag.hover.ico_fr{   background:transparent url(images/flag_small60.png) -30px -60px no-repeat;}
.flag.active.ico_fr{   background:transparent url(images/flag_small60.png) -30px -60px no-repeat; cursor:default !important;}
.flag.ico_de{ background:transparent url(images/flag_small60.png) 0px -90px no-repeat;}
.flag.hover.ico_de{   background:transparent url(images/flag_small60.png) -30px -90px no-repeat;}
.flag.active.ico_de{   background:transparent url(images/flag_small60.png) -30px -90px no-repeat; cursor:default !important;}
.flag.ico_es{ background:transparent url(images/flag_small60.png) 0px -120px no-repeat;}
.flag.hover.ico_es{   background:transparent url(images/flag_small60.png) -30px -120px no-repeat;}
.flag.active.ico_es{   background:transparent url(images/flag_small60.png) -30px -120px no-repeat; cursor:default !important;}
.flag.ico_pt{ background:transparent url(images/flag_small60.png) 0px -150px no-repeat;}
.flag.hover.ico_pt{   background:transparent url(images/flag_small60.png) -30px -150px no-repeat;}
.flag.active.ico_pt{   background:transparent url(images/flag_small60.png) -30px -150px no-repeat; cursor:default !important;}
.flag.ico_ja{ background:transparent url(images/flag_small60.png) 0px -180px no-repeat;}
.flag.hover.ico_ja{   background:transparent url(images/flag_small60.png) -30px -180px no-repeat;}
.flag.active.ico_ja{   background:transparent url(images/flag_small60.png) -30px -180px no-repeat; cursor:default !important;}
.flag.ico_tr{ background:transparent url(images/flag_small60.png) 0px -210px no-repeat;}
.flag.hover.ico_tr{   background:transparent url(images/flag_small60.png) -30px -210px no-repeat;}
.flag.active.ico_tr{   background:transparent url(images/flag_small60.png) -30px -210px no-repeat; cursor:default !important;}
.flag.ico_ar{ background:transparent url(images/flag_small60.png) 0px -240px no-repeat;}
.flag.hover.ico_ar{   background:transparent url(images/flag_small60.png) -30px -240px no-repeat;}
.flag.active.ico_ar{   background:transparent url(images/flag_small60.png) -30px -240px no-repeat; cursor:default !important;}
.flag.ico_ru{ background:transparent url(images/flag_small60.png) 0px -270px no-repeat;}
.flag.hover.ico_ru{   background:transparent url(images/flag_small60.png) -30px -270px no-repeat;}
.flag.active.ico_ru{   background:transparent url(images/flag_small60.png) -30px -270px no-repeat; cursor:default !important;}
.flag.ico_rp{ background:transparent url(images/flag_small60.png) 0px -300px no-repeat;}
.flag.hover.ico_rp{   background:transparent url(images/flag_small60.png) -30px -300px no-repeat;}
.flag.active.ico_rp{   background:transparent url(images/flag_small60.png) -30px -300px no-repeat; cursor:default !important;}
.flag.ico_pl{ background:transparent url(images/flag_small60.png) 0px -330px no-repeat;}
.flag.hover.ico_pl{   background:transparent url(images/flag_small60.png) -30px -330px no-repeat;}
.flag.active.ico_pl{   background:transparent url(images/flag_small60.png) -30px -330px no-repeat; cursor:default !important;}
.flag.ico_cn{ background:transparent url(images/flag_small60.png) 0px -210px no-repeat;}
.flag.hover.ico_cn{   background:transparent url(images/flag_small60.png) -30px -210px no-repeat;}
.flag.active.ico_cn{   background:transparent url(images/flag_small60.png) -30px -210px no-repeat; cursor:default !important;}
.flag.ico_ko{ background:transparent url(images/flag_small60.png) 0px -540px no-repeat;}
.flag.hover.ico_ko{   background:transparent url(images/flag_small60.png) -30px -540px no-repeat;}
.flag.active.ico_ko{   background:transparent url(images/flag_small60.png) -30px -540px no-repeat; cursor:default !important;}
.flag.ico_mt{ background:transparent url(images/flag_small60.png) 0px -585px no-repeat;}
.flag.hover.ico_mt{   background:transparent url(images/flag_small60.png) -30px -585px no-repeat;}
.flag.active.ico_mt{   background:transparent url(images/flag_small60.png) -30px -585px no-repeat; cursor:default !important;}
.flag.ico_ro{ background:transparent url(images/flag_small60.png) 0px -630px no-repeat;}
.flag.hover.ico_ro{   background:transparent url(images/flag_small60.png) -30px -630px no-repeat;}
.flag.active.ico_ro{   background:transparent url(images/flag_small60.png) -30px -630px no-repeat; cursor:default !important;}
.flag.ico_dk{ background:transparent url(images/flag_small60.png) 0px -675px no-repeat;}
.flag.hover.ico_dk{   background:transparent url(images/flag_small60.png) -30px -675px no-repeat;}
.flag.active.ico_dk{   background:transparent url(images/flag_small60.png) -30px -675px no-repeat; cursor:default !important;}
.flag.ico_hr{ background:transparent url(images/flag_small60.png) 0px -720px no-repeat;}
.flag.hover.ico_hr{   background:transparent url(images/flag_small60.png) -30px -720px no-repeat;}
.flag.active.ico_hr{   background:transparent url(images/flag_small60.png) -30px -720px no-repeat; cursor:default !important;}
.flag.ico_si{ background:transparent url(images/flag_small60.png) 0px -765px no-repeat;}
.flag.hover.ico_si{   background:transparent url(images/flag_small60.png) -30px -765px no-repeat;}
.flag.active.ico_si{   background:transparent url(images/flag_small60.png) -30px -765px no-repeat; cursor:default !important;}
.flag.ico_he{ background:transparent url(images/flag_small60.png) 0px -810px no-repeat;}
.flag.hover.ico_he{   background:transparent url(images/flag_small60.png) -30px -810px no-repeat;}
.flag.active.ico_he{   background:transparent url(images/flag_small60.png) -30px -810px no-repeat; cursor:default !important;}
.flag.ico_sk{ background:transparent url(images/flag_small60.png) 0px -760px no-repeat;}
.flag.hover.ico_sk{   background:transparent url(images/flag_small60.png) -30px -760px no-repeat;}
.flag.active.ico_sk{   background:transparent url(images/flag_small60.png) -30px -760px no-repeat; cursor:default !important;}


#cookie-law-info-bar {
	border: 0;
	font-size: 10pt;
	margin: 0 auto;
	padding: 5px 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 9999;
}
#cookie-law-info-again {
	font-size: 10pt;
	margin: 0;
	padding: 2px 10px;
	text-align: center;
	z-index: 9999;
	cursor: pointer;
}
#cookie-law-info-bar span {
	vertical-align: middle;
}
/** Buttons (http://papermashup.com/demos/css-buttons) */
.cli-plugin-button, .cli-plugin-button:visited {
	background: #222 url('../images/overlay.png') repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin: auto 10px;
}
.cli-plugin-button:hover {
	background-color: #111;
	color: #fff;
}
.cli-plugin-button:active {
	top: 1px;
}
.small.cli-plugin-button, .small.cli-plugin-button:visited {
	font-size: 11px;
}
.cli-plugin-button, .cli-plugin-button:visited,
	.medium.cli-plugin-button, .medium.cli-plugin-button:visited {
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.large.cli-plugin-button, .large.cli-plugin-button:visited {
	font-size: 14px;
	padding: 8px 14px 9px;
}
.super.cli-plugin-button, .super.cli-plugin-button:visited {
	font-size: 34px;
	padding: 8px 14px 9px;
}
.pink.cli-plugin-button, .magenta.cli-plugin-button:visited {
	background-color: #e22092;
}
.pink.cli-plugin-button:hover {
	background-color: #c81e82;
}
.green.cli-plugin-button, .green.cli-plugin-button:visited {
	background-color: #91bd09;
}
.green.cli-plugin-button:hover {
	background-color: #749a02;
}
.red.cli-plugin-button, .red.cli-plugin-button:visited {
	background-color: #e62727;
}
.red.cli-plugin-button:hover {
	background-color: #cf2525;
}
.orange.cli-plugin-button, .orange.cli-plugin-button:visited {
	background-color: #ff5c00;
}
.orange.cli-plugin-button:hover {
	background-color: #d45500;
}
.blue.cli-plugin-button, .blue.cli-plugin-button:visited {
	background-color: #2981e4;
}
.blue.cli-plugin-button:hover {
	background-color: #2575cf;
}
.yellow.cli-plugin-button, .yellow.cli-plugin-button:visited {
	background-color: #ffb515;
}
.yellow.cli-plugin-button:hover {
	background-color: #fc9200;
}

.cerchio {
	width:14px;
	height:14px;
	border-radius:7px;
	background:#000;
	position:relative;
	float:left;
	margin-right:5px;
	cursor:pointer;
	opacity:0.6;

}
.cer_hover{ opacity:0.8;border-width: 1px;
 border-style: solid;
 border-color:#FFF;}
.cer_active{	
 opacity:1;
/* cursor:default;*/}
 
 .img_products.hover{opacity:0.9;}