@charset "UTF-8";

/***********************Aspetto di base**********************************/
 
body {font-family:  Arial, Helvetica, sans-serif; color:#fff; background-color:#242424; font-size:16px; margin: 0px; font-family: 'Caudex', Georgia, Times, serif; }
a ,a:hover,a:link,a:visited,a:active{text-decoration:none;}
h1,h2,h3,h4,h5{ font-weight:100; padding:0px; margin:0px ;}
h1.prodotti{  padding:0px 40px 20px 0px }
h1{  font-size:26px; color:#fff; display:block;line-height:32px; }
h2{ line-height:21px;}
h3{ }
.head_logo img{ max-width:100%;
	 
	 
}.txtpro{
	 
	padding: 20px 0px 10px; font-size:16px; line-height:20px 
}

/***********************Struttura***************************************/
#page {
	padding: 0px;
	width: 1080px;
	margin: 0px auto; 
}

#pheader { display:block;
	margin:0 auto;
	padding:0;
	color:#ccc;
	max-width:1080px;
	height:149px; background-color:#201c1b;
}

#header { display:block; float:left;
	margin:0 auto;
	padding:0;
	color:#ccc; width:100%;
	 
	  background-color:#201c1b; background-color:#201c1b;
}

#footer {  font-size:13px; padding:20px 0; display:block; float:left; width:100%; 
	  border-top: 1px solid #999;clear: both;  
}
#footer:after { 
	clear: both;  
}
.head_rsp {
	display:none
}
a.langmobile{
	height:20px; padding:10px;
	   
	display:none; color:#ddd;  
	 
	 
}
/***********************blocchi responsive**************************/
 .blocco  {content:"";
	display: block;
	float:left;
display:table;width: 100%;
} 
.blocco:after {
	clear:both;
}
.res{ display: block;
	float:left;
	margin: 0% 0% 0% 0%; min-height:100%;  }
.pro_txt {float:left; width: 50%;line-height: 15px;  padding:5% 5% 3%; }
.pro_txt span.txt{font-size:13px; line-height: 15px;  color:#efefef; font-style:italic; padding:0px 40px 0px 0px }
.pro_img {float:right; width: 40.0%; text-align:center }
.pro_img img{ max-width: 100%; vertical-align:top}
.pro_tabella_pr {float:left; width: 33.3%; }
.pro_tabella_st {float:right; width: 41.3%; }
.pro_tabella_stam {float:right; width: 25.3%; }
.head_social{float:left; width: 25%;  display:block; padding:   0 0;  }
.head_logo{float:left; width: 50%; display:block; text-align:center; padding:9px 0 0;   }
.head_lingue{float:left; width: 25%;display:block; height:100%;   }

.pro_tabella_info{ float:left; width: 50%; display:block; text-align:left; padding:5px 0;}
.pro_tabella_dati{ float:left; width: 50%; display:block; text-align:left; vertical-align:top}
.foot_sx{ float:left; width: 45%; display:block; text-align:left; padding:0px 0;}
.foot_cn{ float:left; width: 10%; display:block; text-align:center; vertical-align:top}
.foot_dx{ float:left; width: 45%; display:block; text-align:right; vertical-align:top}
/*.s_1 { width: 6.5%; }
.s_2 { width: 15.0%; }
.s_3 { width: 23.5%; }
.s_4 {width: 32.0%; }
.s_5 { width: 40.5%; }
.s_6 { width: 49.0%; }
.s_7 { width: 57.5%; }
.s_8 { width: 66.0%; }
.s_9 { width: 74.5%; }
.s_10 { width: 83.0%; }
.s_11 { width: 91.5%; }
*/
	.s_cocktails{ width: 25%; text-align:center; vertical-align:top; margin-bottom:10px; height:260px; display:block; float:left; font-size:15px; }
.s_cocktails img{ max-width:90%;vertical-align:top; border:0px; margin:0 0 10px 0   }
.s_cocktails a{ font-size:16px;color:#000 }
.s_cocktails a:hover{ max-width:90%; border:0px; text-decoration:underline   }
.s_3 { width: 31.1%; padding:1.1% }.s_12 { width: 100%; }
	.domandecommenti { width: 70.0%; }
	.condividi { width: 30.0%; }
	/* for 800px or less */
@media screen and (max-width: 1080px) {
	#page {
		width: 98%; margin:0 1%;
	}
	

 
}
@media screen and (max-width: 830px) {.s_cocktails{ width: 33%; text-align:center; vertical-align:top; margin-bottom:10px; height:260px; display:block; float:left }.foot_cn {
float:none;
width:60%;
display:block;
margin:auto;
text-align:center;
vertical-align:top;
padding:20px 20%;
}.foot_dx {
float:none;
width: 100%;
display:block;
text-align:center;
vertical-align:top;
padding:20px 0;
}.foot_sx {
float:none;
width: 100%;
display:block;
text-align:center;
padding:0px 0;
}.foot_cn a{ display:block; width:33%;  
 
 
}
.s_cocktails img{ max-width:90%;vertical-align:top; border:0px; margin:0 0 10px 0   }	.head_social{float:none; width: 100%;  display:none; padding:9px 0 0;  }
.head_logo{float:none; display:block; text-align:center; padding:9px 0 0; width: 100%;  }
.head_lingue{float:none;  display:none; height:100%; padding:9px 0 0; }}
@media screen and (max-width: 750px) {
 .pro_tabella_pr {float:none; width: 100%; padding:3px 0}
.pro_tabella_st {float:none; width: 100%;  padding:3px 0  }
.pro_tabella_stam {float:none; width: 100%;  padding:3px 0 }
 

 
.s_regalistica{ width: 33%; text-align:center; vertical-align:top; margin-bottom:10px; padding:0 0 10px; display:inline-block }
.s_regalistica img{ max-width:90%; border:0px; margin:0 0 10px 0   }
}
/* for 480px or less */
@media screen and (max-width: 480px) { .s_cocktails{ width: 50%; text-align:center; vertical-align:top; margin-bottom:10px; height:260px; display:block; float:left }
.s_cocktails img{ max-width:90%;vertical-align:top; border:0px; margin:0 0 10px 0   }
.pro_tabella_info{ float:none; width: 100%; display:block; text-align:left; padding:5px 0 1px;}
.pro_tabella_dati{ float:none; width: 100%; display:block; text-align:left; vertical-align:top}
.pro_txt { float:right;width:90%; margin:0%;}
.pro_img { float:left; width:100%; margin:0%;}
.foot_sx{ float:none; width: 100%; display:block; text-align:center; padding:0px 0;}
.foot_cn{ float:none; width: 100%; display:block; text-align:center; vertical-align:top; padding:20px 0;}
.foot_dx{ float:none; width: 100%; display:block; text-align:center; vertical-align:top; padding:20px 0;}
.s_regalistica{ width: 48.3%; text-align:center; vertical-align:top; margin-bottom:10px; padding:0 0 10px; display:inline-block }
.s_regalistica img{ max-width:90%; border:0px; margin:0 0 10px 0   }
}




.pro_img{margin: 0; padding: 0; height:100%}
 


#div-box{
 


margin: 0 auto;
text-align: left; font-size:16px; color:#666; line-height: 20px;
display: none;  padding:0px 20px;   margin:0px 0px 0px 21px
}
#div-box a{ color:#999; text-decoration:none;font-size:13px;
}
#div-box a:hover{ color:#333; text-decoration: underline;
}

#div-box2{
 


 height:150px;
 
display: none;   
}
 

/************************************************************************************
barra prodotti
*************************************************************************************/
a.cockt { display:block; background:  url(../img/icone/prod_ckt-b.svg) no-repeat 2px 50%; width:100px;  padding:14px 3px 4px 43px; color:#888; position:relative;text-decoration:none;}
a.cockt:hover { }
a.cockt span{font-size:16px; text-decoration:none;  }
a.cockt:hover span{   text-decoration:none; color:#fff}

a.sel span{ text-decoration: underline;}


a.premiricevuti { display:block; background:  url(../img/icone/prod_premi.jpg) no-repeat 2px 50%; width:100px;  padding:7px 3px 7px 43px; color:#888; position:relative;text-decoration:none;}
a.premiricevuti:hover { }
a.premiricevuti span{font-size:13px; text-decoration:none;  }
a.premiricevuti:hover span{ background-color:#fff;  text-decoration:none; color:#000}
a.schedatecnica { margin-bottom:5px;display:block; background:  url(../img/icone/prod_st_b.png) no-repeat 0px 50%; width:150px;   padding:14px 3px 4px 43px; color:#888; position:relative;text-decoration:none;}
a.schedatecnica:hover { }
a.schedatecnica span{font-size:13px; text-decoration:none; }
a.schedatecnica:hover span{ background-color:#fff;  text-decoration:none; color:#000}

a.stampa { display:block; background: url(../img/icone/prod_img-b.svg) no-repeat 2px 50%; width:60px;  padding:7px 3px 7px 43px; color:#888; position:relative;text-decoration:none;}
a.stampa:hover { }
a.stampa span{font-size:16px; text-decoration:none; }
a.stampa:hover span{   text-decoration:none; color:#fff}

.pro_tabella_info{ background-color:#fff; border-bottom:1px solid #fff; text-decoration:none; color:#000}
.pro_tabella_dati{ background-color:#fff; border-bottom:1px solid #fff; text-decoration:none; color:#000}




 

/************************************************************************************
Menù pc, tablet e mobile
*************************************************************************************/

  nav, ul, li, a {
	margin: 0;
	padding: 0;
}
.toggleMenu {
	display:  none;
	 
	width:100%;
	margin:0px 0px 0px 0px;
	text-align:center;
	color: #fff;
	padding:13px 0px;
}
.toggleMenu:hover {
	display:  none;
	color: #ccc;
}
.nav {
	position: relative;
	list-style: none;
	font-size:16px;
	text-transform:uppercase;
 *zoom: 1;
	text-align:center;
	display:block;
	color:#fff;
	width:100%;
	background-color:#201c1b;
	padding:0px 0px;
}
.nav:before, .nav:after {
	content: " ";
	display: table;
}
.nav:after {
	clear: both;
}
.nav ul {
	list-style: none;
	width:9em;
}
.nav a {
	width:auto;
	padding:16px 3px;
	margin:0px 5px;
	display:block;  
	color:#fff;
}
.nav > li {
	display:inline-block;
	position:relative;
}
.nav li li {
	 
	font-size:14px;
}
.fixed {
	position: fixed;
	top: 0;
	width:100%;
	max-width:1080px;
	z-index: 289;
}
#panel {
	display:none;
	float:left;
	padding:0px 0 0 1%;
	width: 9%; 
}
.fixed-resp {
	width: 86%; border-bottom:3px solid #F00
}
#panel img {padding:2px 0 0 0;
}
.menu {
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	display:block;
	float:left;
	width:100%;
	background-color:#201c1b
}
.menu2 {    width: 100%;  
	display: block; margin:auto;  
}
.nav li ul {
	border: 1px solid #fff;
	position:  absolute;
	width:220px;
	margin:0px 0px 0px -5px;
	border-top:0px solid #666;
	left: -9999px;
	background-color:#201c1b;
	text-align:left;
	z-index:200;
	padding-bottom:5px;
}
.nav > li.hover > ul {
	z-index:9999999;
}
.nav > li.hover > li {
	text-decoration:none
}.pr {
	float: left;
	width:89%;
}
/*.nav li  ul {
  position:  absolute; width:100%; margin:5px 0px;border-bottom:1px solid #666;
  background-color:#fff; opacity:0;-webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.nav > li.hover > ul {
  left: 0; opacity:1.0;
} */
.nav li li.hover ul {
	position:  absolute;
	top: 0;
}
.nav li li a {
	display:block;
	list-style: none;
	z-index:202;
	padding:3px 13px 10px;
	background-color:#201c1b;
}
.nav li ul li {
	display:block;
}
.nav li li a:hover {
	text-decoration:underline;
 
}
.nav > li.hover > ul {
	left:  0px;
}
.nav li li.hover ul {
	left: 100%;
	top: 0;
}
.nav li li a {
	display: block;
	 
	position: relative;
	z-index:205;
}

@media screen and (max-width: 1000px) {
 .nav a {
 width:auto;
 
margin:0px 0px;
display:block;
 
}.nav a {
	 
	padding:17px 2px 17px;
	margin:0px 1px 0px 0px;
	display:block;  
	 font-size:15px;
  
}
}
@media screen and (max-width: 860px) {
#panel {
	display:none;
	float:left;
	padding:0px 0 0 2%;
	width: 70%;  
}.pr {
	float: left;
	width:26%; text-align:left;
} .toggleMenu {
 display:  none;
  
width:100%;
 margin:0px 0px 0px 0px;
text-align:center;
 
padding:13px 0px;
}
 .nav li ul li {
display:block;
}
 .nav {
position:absolute;
z-index:200;
height:auto;
 width:36%;
 
padding:0 0%;
margin:0;
right:2%; 
 -webkit-box-shadow: 0px 1px 3px #666666;
 -moz-box-shadow: 0px 1px 3px #666666;
 box-shadow: 0px 1px 3px #666666;
}
.nav li li a {
 
text-align:left
}
 .nav li li a:hover {
background-color:#333;
text-align:left
}
 .nav a {
  padding: 10px 2%;
display:block;
 font-size:16px;
width:96%;
}
.nav li a:hover {
 background: #333;
}
 .active {
 display: block;
background-color:#333
}
 .nav > li {
padding: 0%;
width:100%;
 float: none;
border-bottom: 0px solid #ccc;
text-align:left;
float: left;
}
 .nav > li >li {
border-bottom: 0px solid #ccc;
text-align:left;
}
 .nav li ul {
padding:0 0 0 5px;
margin:0 0 0 5px;
 border-bottom:0px solid #666;
border-left:1px solid #666;
}
 .nav ul {
 display: block;
 width: 100%;
}
 .nav > li.hover > ul, .nav li li.hover ul {
 position: static;
}
 .nav li a:after {
 
 
 
} } 
@media screen and (max-width: 830px) {.head_rsp {
display: block;
 max-width:180px; 
margin:auto
}a.langmobile{
	height:20px; padding:10px;
	   
	display: inline-block; color:#ddd; background-color:#000
	 
	 
}
a.langmobile:hover{
	height:20px; padding:10px;
	   
	display: inline-block; color:#fff; background-color:#333
	 
	 
}
}
@media screen and (max-width: 600px) {
.nav {
position:absolute;
 width:56%;
 
 
margin:0;
 right:2%;
 -webkit-box-shadow: 0px 1px 3px #666666;
 -moz-box-shadow: 0px 1px 3px #666666;
 box-shadow: 0px 1px 3px #666666;
}
}
@media screen and (max-width: 430px) {
.nav {
right:2%;
width:94%;
}
.nav ul {
 border: 1px solid #333;
 position:  absolute;
 width:220px;
 margin:0px 0px 0px -5px;
 border-top:0px solid #666;
 left: -9999px;
 
 text-align:left;
 z-index:200;
padding-bottom:5px;
}
.nav ul li ul {
 border: 1px solid #333;
 position:  absolute;
 width:220px;
 margin:0px 0px 0px -5px;
 border-top:0px solid #666;
 left: -9999px;
 
 text-align:left;
 z-index:200;
padding-bottom:5px;
}
}
/*inizio menù lingue */ 





#menu_ling {
	width: 100%;
	margin: 0;
	padding: 0; background-color:#6CC;
	font-size:14px;
}
#menu_ling ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
}
#menu_ling li {
	margin: 0;
	text-align: right;
	padding: 0;
}
#menu_ling a {
	display: block;
	padding: 0px 3px 0px;
	color: #878787;
	text-decoration: none;
}
#menu_ling a:hover {
	text-decoration: underline;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
#menu_ling li ul {border:1px solid #ccc;border-top:0px solid #ccc;
	display: none
}
#menu_ling li:hover ul {
	display: block;
	color: #fff; background-color: #000;
	position: relative;
	top:0px; 
	line-height:14px; right:0; 
	z-index:206; text-align:right;
	width:80px;
	padding: 2px 0px;
}
#menu_ling li li {
	border: none;
	text-align:left
}
#menu_ling li li a   {
	color: #fff;padding: 6px 8px ;  display:block;   text-align:right; 
}
#menu_ling li li a :hover { 
	color: #fff;
}
/*fine dei menù*/

/*social puls*/

.social-fb a{  height:30px; width:30px; display:block; background-image:url(../img/icone/social/f.png); background-position:50% top; float:left}
.social-fb a:hover { background-position:50% bottom; }
.social-yt a{ height:30px; width:30px; display:block;background-image:url(../img/icone/social/y.png); background-position:50% top; float:left}
.social-yt a:hover { background-position:50% bottom; }
.social-gp a{  height:30px; width:30px; display:block; background-image:url(../img/icone/social/g.png); background-position:50% top;float:left}
.social-gp a:hover { background-position:50% bottom; }
.social-fl a{   height:30px; width:30px; display:block;background-image:url(../img/icone/social/p.png); background-position:50% top; float:left}
.social-fl  a:hover { background-position:50% bottom; }
.social-tw a{   height:30px; width:30px; display:block;background-image:url(../img/icone/social/t.png); background-position:50% top; float:left}
.social-tw  a:hover { background-position:50% bottom; }
/*fine social puls*/
a.info { padding:2px 3px 0px; color:#fff; position:relative;  text-decoration:none; border-bottom:1px solid #fff}

a.info:hover{z-index:23; background-color:#fff; border-bottom:1px solid #fff; text-decoration:none; background-color:#efefef; color:#fff}

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
  display:block;z-index:22; position: absolute; height:185px; overflow:hidden;
   
  top: -191px; left: -49px;  padding:0px; text-align:left;
  border:0px solid  #efefef;
  background-color: #fff; color: #06C;
	-webkit-box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.60);
-moz-box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.60);
box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.60);

  }
  
  
 a.info_condividi{ color:#fff;  
    position:relative; /*this is the key*/
    z-index:20;padding:5px 1px; 
   
    text-decoration:none;  display: inline-block}
a.info_condividi:hover{z-index:23;color:#fff; }

a.info_condividi div{display: none}

a.info_condividi:hover div{ /*the span will display just on :hover state*/
    display:block;z-index:22;
    position:absolute;
    top:-98px; left:-85px;  padding:5px;  
    
   
    }
	
.arrow_box {
	position: relative;  
	background: #ffffff;
	border: 1px solid #cccccc;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 5px;
	margin-left: -5px;
}
.arrow_box:before {
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #cccccc;
	border-width: 6px;
	margin-left: -6px;
}
#downloadimg {
	z-index:140;
	color: #C00;
	background-color:#FFF;
	background-image: url(../img/icone/download.jpg);
	background-position:50% 0;
	font-weight:bold;
	height:40px;
	width:40px;
	cursor:pointer;
	display:inline-block
}
#downloadimg:hover {
	color:#000;
	background-color:#FFF;
	background-image: url(../img/icone/download.jpg);
	background-position:50% 40px;
}
#modalchiudi {
	color: #C00;
	background-color:#fff;
	background-image: url(../img/icone/chiudi40.jpg);
	background-position:50% 0;
	font-weight:bold;
	height:40px;
	width:40px;
	cursor:pointer;
	display:inline-block
}
#modalchiudi:hover {
	color:#000;
	background-image: url(../img/icone/chiudi40.jpg);
	background-position:50% 40px;
}#responsive_sch_cocktails img {
	max-width:90%;
	max-height:430px
}
#over {
	position:absolute;
	float:right;
	z-index:130;
	display:block;
	width:40px;
	height:80px;
	right:10%;
	top:10px;
}#imgemozionali {
	display:block;
	height:100%;
	width:100%;
	position:absolute;
}
#imgemozionali img {
	max-height:100%;
	max-width:100%;
	margin:auto
}#sx {
	height:40px;
	width:40px;
	position:absolute;
	top:49%;
	left:10%;
	background-color:#FFF;
	display:inline-block;
	background-image:url(../img/icone/freccette40.jpg);
	background-position:0 0;
	cursor: pointer;
	z-index:160;
}
#dx {
	height:40px;
	width:40px;
	background-color:#FFF;
	position:absolute;
	top:49%;
	right:10%;
	display:inline-block;
	background-image:url(../img/icone/freccette40.jpg);
	background-position:100% 0;
	cursor: pointer;
	z-index:162;
}
#sx:hover {
	background-image:url(../img/icone/freccette40.jpg);
	background-color:#FFF;
	background-position:0 100%;
}
#dx:hover {
	background-image:url(../img/icone/freccette40.jpg);
	background-color:#FFF;
	background-position:100% 100%;
}
 .blocco-com  {content:"";display: block;
	float:left; margin: 0% 0% 0% 0%;display:table;width: 100%; padding:0; margin:0; position: relative;  } 
.blocco-com:after {clear:both;margin: 0% 0% 0% 0%;}
#modal { position: fixed ; z-index:300;left:0px; top:0px;opacity: .9; filter: alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";   height:100%; width:100%; background-color:#242424;     display:none; text-align:center}
#modalx { position: fixed ; z-index:300;left:0px; top:0px;opacity: .9; filter: alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";   height:100%; width:100%; background-color:#242424;     display:none; text-align:center}
#modalbox {position: fixed; z-index:320;left:0px; top:0px;    height:100%; width:100%;     display:none; text-align:center;   background-repeat:no-repeat; background-position:50% 50%;}
#modalboxx {position: fixed; z-index:320;left:0px; top:0px;    height:100%; width:100%;     display:none; text-align:center;   background-repeat:no-repeat; background-position:50% 50%;}

#com-box-contenuti{ display:none; background-color: #fff;   }
 
#com-box{  }
#com-box-a1{display:inline-block; width:150px;}
#com-box-a2{display:inline-block; width:150px;}
#com-box-b1{display:inline-block; width:150px;}
#com-box-b2{display:inline-block; width:150px;}
#com-box-contenuti-ricon a { line-height:14px; color:#666; display:block; border-bottom: 1px solid #CCC; padding:  4px 0px 7px ; margin:5px 0px; max-width:400px}
#com-box-contenuti-ricon div#meta { display:inline-block; width:49%; vertical-align:top}
#com-box-contenuti-ricon a:hover { color:#000}
#responsive_sch_regalistica  div.modal-txt {   display:block; float:left;text-align:left;max-width:40%; padding:2% 5% 5% 5%;width:40%; font-size:15px;  color:#000}
#responsive_sch_regalistica  div.modal-txt h1{   color:#000}
#responsive_sch_regalistica  div.modal-img {  display:block; float:left; max-width:50%; width:50%;padding:0 }
#responsive_sch_regalistica  { position:absolute; top:50%; margin-top:-230px; left:50%; margin-left:-460px; display: inline-block; background-color:#fff; padding:1%;  border:1px solid #111; width:97%; max-width:900px; max-height:480px; }
#responsive_sch_regalistica img{ max-width:90%; max-height:430px}
@media screen and (max-width: 900px) {  
#responsive_sch_regalistica  { position:absolute; top:50%; margin-top:-240px; left:0; margin-left:0; display: inline-block; background-color:#fff; padding:1% auto;  border:1px solid #111; width:97%; max-width:900px; max-height:480px; } 
 
 }
 @media screen and (max-width: 600px) {  
#responsive_sch_regalistica  { position: relative ; top:0;left:0;  margin-top:0; margin-left:0; display: inline-block;  padding:0;  border:1px solid #111; width:100%; max-width:100%; max-height:100%;overflow-y:scroll; overflow-x: hidden  ;  } 
 #responsive_sch_regalistica  div.modal-txt {   display:block; float:none;text-align:center;max-width:90%; padding:3% 5% 5% 5%;width:90%  }
#responsive_sch_regalistica  div.modal-img {  display:block; float:none; max-width:100%; width:100%;padding:0 }
#responsive_sch_regalistica  div.modal-img img{    max-width:60%; width:60%; } 
 }
 @media screen and (max-width: 500px) {  #responsive_sch_regalistica   {   display:block; float:none;max-width:90%; padding:3% 5% 0% 5%;width:90%; height:97%; overflow-y:scroll; overflow-x: hidden  ; }
 #responsive_sch_regalistica  div.modal-txt {   display:block; float:none;text-align:center;max-width:90%; padding:3% 5% 5% 5%;width:90%  }
#responsive_sch_regalistica  div.modal-img {  display:block; float:none; max-width:100%; width:100%;padding:0 }
#responsive_sch_regalistica  div.modal-img img{    max-width:60%; width:60%; }
 }

#modalchiudi2{  z-index:140; color: #C00;  background-color:#FFF; background-image: url(../img/icone/chiudi40.jpg); background-position:50% 0;  font-weight:bold; height:40px; width:40px; cursor:pointer;  }
#modalchiudi2:hover { color:#000;background-image: url(../img/icone/chiudi40.jpg); background-position:50% 40px;   }

@media screen and (max-width: 800px) {  
#com-box-contenuti-ricon div#meta { display:block; width:100%}; 
 }
 @media screen and (max-width: 600px) { #com-box{ position: inherit; display:block; float:none;    margin-left:5% ; width:90%;top:0px; padding:2% 0}
.blocco-com { position: inherit;
display:block;
 margin-left:5%;
width:90%;
top:0px;}
 }
 /************************************************************************************
messaggi
*************************************************************************************/

#load{font-size:13px; text-align:left;display:block; min-height:120px ;   background-color: #000;background-image: url(../img/icone/loading4n.gif); background-position:48% 40px ; background-repeat:no-repeat}

.msg_error{  font-size:14px; text-align:left; display:inline-block; color:#b21e1f; background-image: url(../img/icone/no.png); background-repeat:no-repeat; background-position:5px 50%; padding:2% 2% 2% 38px;    background-color:#F2E7E4}
.msg_attention{  font-size:14px; text-align:left; display:inline-block; color:#27509a; background-image:url(../img/icone/at.png); background-repeat:no-repeat; background-position:5px 50%; padding:2% 2% 2% 38px;     background-color: #DCECF4}
 .msg_complete{font-size:14px; text-align:left;display:inline-block; color:#2a992e; background-image:url(../img/icone/ok.png); background-repeat:no-repeat; background-position:5px 50%;  padding:2% 2% 2% 38px;   background-color: #ECF7E3;}
 
 a.link {
	color: #ddd;
	font-style:italic
}
a.link:hover {
	color: #fff;
	font-style:italic
}

a.selectmenu{ text-decoration:underline; 
	 
}
 #video-sf {height:100%; width:100%; position: fixed; top:0px;  left:0; background-image:url(../img/fond-nero80.png); z-index:10000000000000
     
	} #pop { display:none
     
	}
	 #video { width:96%; padding:10px 10px;  top:0;  margin-top:0px;  position: relative; background-color:#FFF; max-width:800px;   
-webkit-border-radius: 10px ;-moz-border-radius:10px ;border-radius:10px ;    box-shadow:2px 2px 10px #000;margin-top:10%; z-index:10000000000001
     
	}#ricr {
	z-index:140;
	color: #C00;
	background-color:#FFF;
	background-image: url(../img/icone/chiudi40.jpg);
	background-position:50% 0;
	font-weight:bold;
	height:30px;
	width:30px;
	cursor:pointer;
}
#ricr:hover {
	color:#000;
	background-image: url(../img/icone/chiudi40.jpg);
	background-position:50% 40px;
} 

@media screen and (max-width: 600px) { 
 .s_cocktails {
width: 48.3%;
text-align:center;
vertical-align:top;
margin-bottom:10px;
padding:0 0 10px;
display:inline-block
}
.s_cocktails img {
max-width:90%;
border:0px;
margin:0 0 10px 0
}
 
}
@media screen and (max-width: 420px) {
.s_regalistica {
width: 90.0%; margin:0 5%;
text-align:center;
vertical-align:top;
margin-bottom:10px;
padding:0 0 10px;
display:inline-block
}
.s_regalistica img {
max-width:80%;
border:0px;
margin:0 0 10px 0
}
 .s_cocktails {
width: 90.0%; margin:0 5%;
text-align:center;
vertical-align:top;
margin-bottom:10px;
padding:0 0 10px;
display:inline-block
}
.s_cocktails img {
max-width:80%;
border:0px;
margin:0 0 10px 0
}}

/*  2017 */
@media screen and (max-width: 830px) and (max-height: 370px){
 .nav > li { width:50%;
	 
} .nav {
right:2%;
width:96%;
}
}

@media screen and (max-width: 500px) and (max-height: 370px){
 .nav > li { width:50%;
	 
} .nav {
right:2%;
width:96%;
}
}