@charset "UTF-8";
/***********************Aspetto di base**********************************/
 
body {
	font-family:  Arial, Helvetica, sans-serif;
	color:#333;
	font-size:16px;
	margin: 0px;
	padding:0;
	font-family: 'Caudex', Georgia, Times, serif;
}
a, a:hover, a:link, a:visited, a:active {
	text-decoration:none;
}
img{border:0;-ms-interpolation-mode:bicubic}
h1, h2, h3, h4, h5 {
	font-weight:100;
	padding:0px;
	margin:0px;
}
h1.prodotti {
	padding:0px 40px 20px 0px
}
h1 {
	font-size:26px;
	color:#a68f70;
	display:block;
	line-height:32px;
}
h2 {
	font-size:18px;
	color:#a68f70;
	line-height:21px;
	display:block;
}
h3 {
	font-size:14px;
	color:#777;
	display:block;
	font-style:italic
}
h4 {
	font-size:14px;
	color:#a68f70;
	display:block;
}

.head_logo img {
	max-width:100%;
}
.txtpro {
	padding: 20px 0px 10px;
	font-size:16px;
	line-height:20px
}
.txtpro tr {
}

a img {
	border:0
}
a.link {
	color: #a68f70;
	font-style:italic
}
a.link:hover {
	color: #000;
	font-style:italic
}
/***********************Struttura***************************************/
#page {
	padding: 0px;
	width: 1080px;
	margin: 0px auto;
}
#header {
	display:block;
	margin:0 auto;
	padding:0;
	color:#ccc;
	max-width:1080px;
	height:150px;
}
#footer {
	font-size:13px;
	padding:20px 0;
	display:block;
	float:left;
	width:100%;
	color:#666;
	border-top: 1px solid #999;
	clear: both;
}
#footer:after {
	clear: both;
}
.head_rsp {
	display:none
}
a.langmobile{
	height:20px; padding:10px;
	   
	display:none; color:#000; background-color:#efefef
	 
	 
}
/***********************blocchi responsive**************************/
 .blocco {
	content:"";
	display: block;
	float:left;
	margin: 0% 0% 0% 0%;
	display:table;
	width: 100%;
	padding:0
}
.blocco:after {
	clear:both;
	margin: 0% 0% 0% 0%;
}
.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:#444;
	font-style:italic;
	padding:0px 40px 0px 0px
}
.pro_img {
	float:right;
	width: 40.0%;
	text-align:center
}
.pro_img img {
	max-width: 100.0%;
	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: 60%;
	display:block;
	text-align:left;
	padding:5px 0;
}
.pro_tabella_dati {
	float:left;
	width: 40%;
	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_2_operatori { width: 25%; }
 .s_2_operatori a  {color:#333;
    display:block; padding:0% 3% 5%; float:none; width:94%;margin:0%;
    font-style:italic;text-align:center; font-size:14px;
}

 .s_2_operatori   {animation: fadein 1s;  
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */ 
}


 .s_2_operatori img  {  max-width:90%;
}
 .s_2_operatori a:hover   {text-decoration: underline;
   
    
}
 .s_2_operatori a  img{
    max-width:90%;margin:0%;
    
}
/* .s_2_operatori { width: 16.666%; }
.s_2 { width: 15.0%; }
.s_3 { width: 23.5%; }

.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_4 {
	width: 31%;
}

.s_4_m {
	width: 3.5%;
	height:70px;
}
.s_regalistica { 
	width: 25%;
	text-align:center;
	vertical-align:top;
	margin-bottom:10px;
	height:260px;
	display:block;
	float:left
}
.s_regalistica img {
	max-width:85%;
	vertical-align:top;
	border:0px;
	margin:0 0 10px 0
}
.s_regalistica a {
	color:#333
}
.s_regalistica a:hover {
	max-width:90%;
	border:0px;
	text-decoration:underline
}
.s_cocktails {
	width: 25%;
	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
}
.s_cocktails a {
	color:#000
}
.s_cocktails a:hover {
	max-width:90%;
	border:0px;
	text-decoration:underline
}
.s_3 {
	width: 30.1%;
	padding:1.1% 1.1% 0;
}

.s_3 img{
	margin-right:10px
}
.s_3e {
	width: 25%;
	text-align:center
}
.s_3e img {
	max-width:80%; 
}
.s_3e a {
	font-size:14px;
	display:block;
	color:#000;
	padding:10px;
	margin :10px;
	font-style:italic;
 
}
.s_3e a:hover {
	max-width:100%;
	text-decoration:underline
}
.s_12 {
	width: 100%;
}
.s_12e {
	width: 100%;
}
.s_12e img {
	width: 100%;
}
.s_100 {
	width: 90%;
	padding:5%
}
.domandecommenti {
	width: 70.0%;
}
.condividi {
	width: 30.0%;
}
	/* for 800px or less */
@media screen and (max-width: 1080px) {
 #page {
 width: 100%;
margin:0 0%;
}

}
@media screen and (max-width: 830px) {
 .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
}
.foot_sx {
float:none;
width: 100%;
display:block;
text-align:center;
padding:0px 0;
}
.foot_cn {
float:none;
width:60%;
display:block;
margin:auto;
text-align:center;
vertical-align:top;
padding:20px 20%;
}
.foot_cn a{ display:block; width:33%;  
 
 
}
.foot_dx {
float:none;
width: 100%;
display:block;
text-align:center;
vertical-align:top;
padding:20px 0;
}
.s_regalistica {
width: 33%;
text-align:center;
vertical-align:top;
margin-bottom:10px;
padding:0 0 10px;
display:inline-block
}
.s_cocktails {
 width: 33%;
text-align:center;
vertical-align:top;
margin-bottom:10px;
padding:0 0 10px;
display:inline-block
}
 .pr {
float: right;
width:20%;
margin-right:2%
}
.s_regalistica img {
max-width:90%;
border:0px;
margin:0 0 10px 0
}
 .head_rsp {
display: block;
 max-width:180px; 
margin:auto
}a.langmobile{
	height:20px; padding:10px;
	   
	display: inline-block; color:#222; background-color:#efefef
	 
	 
}
a.langmobile:hover{
	height:20px; padding:10px;
	   
	display: inline-block; color:#000; background-color:#ddd
	 
	 
}
  .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;
}
}
/* for 480px or less */
@media screen and (max-width: 600px) {
.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
}
.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
}
 .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: 480px) {

 .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;
}
}
 @media screen and (max-width: 320px) {
}
.pro_img {
	margin: 0;
	padding: 0;
	height:100%
}
#div-box {
	background:#fff;
	margin: 0 auto;
	text-align: left;
	font-size:16px;
	color:#666;
	line-height: 20px;
	display: none;
	padding:20px 20px;
	border-left:1px solid #a68f70;
	margin:0px 0px 0px 21px
}
#div-box a {
	color:#999;
	text-decoration:none;
	font-size:16px;
}
#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.svg) no-repeat 2px 50%; background-size: 40px;
	width:60px;
	padding:7px 3px 7px 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:#000
}
a#premiricevuti {
	display:block;
	background:  url(../img/icone/prod_premi.svg) no-repeat 2px 50%; background-size: 40px;
	width:150px;
	padding:7px 3px 7px 43px;
	position:relative;
}
a#premiricevuti:hover {
}
a#premiricevuti span {
	color:#888;
}
a#premiricevuti:hover span {
	background-color:#fff;
	color:#000
}
a#regalistica {
	display:block;
	background:  url(../img/icone/prod_reg.svg) no-repeat 2px 47%; background-size: 40px;
	width:150px;
	padding:7px 3px 7px 43px;
	position:relative;
}
a#regalistica:hover {
}
a#regalistica span {
	color:#888;
}
a#regalistica:hover span {
	background-color:#fff;
	color:#000
}
a#disponibilita {
	display:block;
	background:  url(../img/icone/acc_disp.svg) no-repeat 2px 50%; background-size: 40px;
	width:150px;
	padding:7px 3px 7px 43px;
	position:relative;
}
a#disponibilita:hover {
}
a#disponibilita span {
	color:#888;
}
a#disponibilita:hover span {
	background-color:#fff;
	color:#000
}
a#note {
	display:block;
	background:  url(../img/icone/acc_note.svg) no-repeat 2px 50%; background-size: 40px;
	width:100px;
	padding:7px 3px 7px 43px;
	position:relative;
}
a#note:hover {
}
a#note span {
	color:#888;
}
a#note:hover span {
	background-color:#fff;
	color:#000
}
a#imgpers {
	display:block;
	background:  url(../img/icone/acc_img.svg) no-repeat 2px 50%; background-size: 40px;
	width:120px;
	padding:7px 3px 7px 43px;
	position:relative;
}
a#imgpers:hover {
}
a#imgpers span {
	color:#888;
}
a#imgpers:hover span {
	background-color:#fff;
	color:#000
}
a#acc_per {
	display:block;
	background:  url(../img/icone/acc_per.svg) no-repeat 2px 50%; background-size: 40px;
	width:150px;
	padding:7px 3px 7px 43px;
	position:relative;
}
a#acc_per:hover {
}
a#acc_per span {
	color:#888;
}
a#acc_tour {
	display:block;
	background:  url(../img/icone/acc_tour.svg) no-repeat 2px 50%; background-size: 40px;
	width:150px;
	padding:7px 3px 7px 43px;
	position:relative;
}
a#acc_tour:hover {
}
a#acc_tour span {
	color:#888;
}
a#acc_per:hover span {
	background-color:#fff;
	color:#000
}
a#acc_or {
	display:block;
	background:  url(../img/icone/acc_or.svg) no-repeat 2px 50%; background-size: 40px;
	width:150px;
	padding:7px 3px 7px 43px;
	position:relative;
}
a#acc_or:hover {
}
a#acc_or span {
	color:#888;
}
a#acc_or:hover span {
	background-color:#fff;
	color:#000
}

a#acc_plan {
	display:block;
	background:  url(../img/icone/acc_plan.svg) no-repeat 2px 50%; background-size: 40px;
	width:150px;
	padding:7px 3px 7px 43px;
	position:relative;
}
a#acc_plan:hover {
}
a#acc_plan span {
	color:#888;
}
a#acc_plan:hover span {
	background-color:#fff;
	color:#000
}


a.sel span {
	text-decoration: underline;
}
a.schedatecnica {
	display:block;
	background: url(../img/icone/prod_st.svg) no-repeat 0px 50%; background-size: 40px;
	width:150px;
	padding:7px 3px 7px 43px;
	position:relative;
	text-decoration:none;
	color:#888;
}
a.schedatecnica:hover {
	color:#000
}
a.schedatecnica span {
	color:#888;
}
a.schedatecnica:hover span {
	background-color:#fff;
	text-decoration:none;
	color:#000
}
a.stampa {
	display:block;
	background: url(../img/icone/prod_img.svg) no-repeat 2px 50%; background-size: 40px;
	width:60px;
	padding:7px 3px 7px 43px;
	color:#888;
	position:relative;
	text-decoration:none;
}
a.stampa:hover {
}
a.stampa span {
	text-decoration:none;
}

a.video {
	display:block;
	background: url(../img/icone/acc_video.svg) no-repeat 2px 50%; background-size: 40px;
	width:60px;
	padding:7px 3px 7px 43px;
	color:#888;
	position:relative;
	text-decoration:none;
}
a.video:hover {color:#000
}
 


a.stampa:hover span {
	background-color:#fff;
	text-decoration:none;
	color:#000
}
.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;
	background: #fff;
	width:100%;
	margin:0px 0px 0px 0px;
	text-align:center;
	color: #000;
	padding:16px 0px;
}
.toggleMenu:hover {
	display:  none;
	color: #555;
}
.nav {
	position: relative;
	list-style: none;
	font-size:16px;
	text-transform:uppercase;
 *zoom: 1;
	text-align:center;
	display:block;
	color:#333;
	width:100%;
	background-color:#fff;
	padding:0px 0px;
}
.nav:before, .nav:after {
	content: "";
	display: table;
}
.nav:after {
	clear: both;
}
.nav ul {
	list-style: none;
	width:9em;
}
.nav a {
	 
	padding:16px 3px;
	margin:0px 5px;
	display:block;  
	color:#666;
}
.nav > li {
	display:inline-block;
	position:relative;
}
.nav li li {
	background-color:#fff;
	font-size:14px;
}
.fixed {
	position: fixed;
	top: 0;
	width:100%;
	max-width:1080px;
	z-index: 289;
}
#panel {
	display:none;
	float:left;
	padding:3px 0 0 2%;
	width: 8%;  
}
.fixed-resp {
	width: 90%; 
}
#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:#FFF
}
.menu2 {    width: 100%;  
	display: block; margin:auto;
}#panel {
	display:none;
	float:left;
	padding:0px 0 0 1%;
	width: 9%;  
}.pr {
	float: left;
	width:89%; text-align:left;
}
.nav li ul {
	border: 1px solid #333;
	position:  absolute;
	width:220px;
	margin:0px 0px 0px -5px;
	border-top:0px solid #666;
	left: -9999px;
	background-color:#fff;
	text-align:left;
	z-index:200;
	padding-bottom:5px;
}
.nav > li.hover > ul {
	z-index:9999999;
}
.nav > li.hover > li {
	text-decoration:none
}
/*.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:#fff;
}
.nav li ul li {
	display:block;
}
.nav li li a:hover {
	text-decoration:underline;
	color:#000
}
.nav > li.hover > ul {
	left:  0px;
}
.nav li li.hover ul {
	left: 100%;
	top: 0;
}
.nav li li a {
	display: block;
	background: #fff;
	position: relative;
	z-index:205;
}


@media screen and (max-width: 1000px) {
 .nav a {
 width:auto;
 
margin:0px 0px;
display:block;
 color:#666;
}.nav a {
	 
	padding:17px 2px 17px;
	margin:0px 1px 0px 0px;
	display:block;  
	color:#666; font-size:15px;
  
}
}
@media screen and (max-width: 860px) {
 .toggleMenu {
 display:  none;
 background: #fff;
width:100%;  
 margin:0px 0px 0px 0px;
text-align:center;
 color: #000;
 
}
#panel {
	display:none;
	float:left;
	padding:0px 0 0 2%;
	width: 70%;  
}.pr {
	float: left;
	width:26%; text-align:left;
}
 .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 {
background-color:#fff;
text-align:left
}
 .nav li li a:hover {
background-color:#efefef;
text-align:left
}
 .nav a {
 padding: 10px 3%;
display:block;
 color:#333;
width:94%;font-size:16px;
text-align:left
}
.nav li a:hover {
 background: #efefef;
}
 .active {
 display: block;
 
}
 .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: 600px) {
.nav {
position:absolute;
 width:56%;
background-color:#FFF;
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;
}
}
@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;
 background-color:#fff;
 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;
 background-color:#fff;
 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 #999;border-top:0px solid #333;
	display: none
}
#menu_ling li:hover ul {
	display: block;
	color: #000; background-color: #fff;
	position: relative;
	top:0px; 
	line-height:14px; right:0; 
	z-index:206; text-align:right;
	width:90px;
	padding: 2px 0px;
}
#menu_ling li li {
	border: none;
	text-align:left
}
#menu_ling li li a   {
	color: #333;padding: 6px 8px ;  display:block;   text-align:right; 
}
#menu_ling li li a :hover { 
	color: #000;
}
/*fine dei menù*/


a.info {
	padding:2px 3px 0px;
	color:#888;
	position:relative;
	font-size:16px;
	text-decoration:none;
	border-bottom:1px solid #000
}
a.info:hover {
	z-index:23;
	background-color:#fff;
	border-bottom:1px solid #fff;
	text-decoration:none;
	background-color:#efefef;
	color:#000
}
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: -40px;
	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:#000;
	position:relative; /*this is the key*/
	z-index:20;
	font-size:14px;
	padding:2px;
	text-decoration:none;
	display: inline-block
}
a.info_condividi:hover {
	z-index:23;
	color:#222;
}
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:-110px;
	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: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #cccccc;
	border-width: 11px;
	margin-left: -11px;
}
/************************************************************************************
finestre modali immagini
*************************************************************************************/
#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:#fff;
	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:#fff;
	display:none;
	text-align:center
}
#modalbox {
	position: fixed;
	z-index:320;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	display:none;
	text-align:center;
}
#modalboxx {
	position: fixed;
	z-index:320;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	display:none;
	text-align:center;
}
#imgemozionali {
	display:block;
	height:100%;
	width:100%;
	position:absolute;
}
#imgemozionali img {
	max-height:100%;
	max-width:100%;
	margin:auto
}
#modalbox div.salva {
	z-index:+300;
	display:inline-block;
	bottom:0;
	color: #777;
	background-color:#099;
	position:relative;
	background-color:#FFF;
	padding: 4px 7px 5px 7px;
	cursor:pointer;
	font-size:12px;
}
.comandi {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
}
#com a div {
	height:0px;
	width:0px;
}
#com a {
	height:0px;
	width:0px;
	margin:0 1px 0;
	background-color:#ccc;
	display:inline-block;
	vertical-align: middle;
}
#com a:hover {
	height:0px;
	width:0px;
	margin:0 1px 0;
	background-color:#efefef;
	display:inline-block;
	vertical-align: middle
}
a.sel div {
	background-color:#a68f70;
	height:0px;
	width:0px;
}
#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%;
}
#mainmodalx {
	background-color:#FFF;
}
#btn1 {
	display:block;
	background-color:#efefef;
	padding:8px;
	cursor:pointer;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
#btn1:hover {
	display:block;
	background-color:#ddd;
	padding:8px;
	cursor:pointer;
}
/************************************************************************************
ajax com box
*************************************************************************************/
 .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%;
}
#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:130px;
}
#com-box-b1 {
	display:inline-block;
	width:150px;
}
#com-box-b2 {
	display:inline-block;
	width:150px;
}


#com-box-c1 {
	display:inline-block;
	width:130px;
}
#com-box-osp1 {
	display:inline-block;
	width:170px;
}
#com-box-osp2 {
	display:inline-block;
	width:90px;
}
#com-box-osp3 {
	display:inline-block;
	width:120px;
}
#com-box-osp4 {
	display:inline-block;
	width:180px;
}
#com-box-osp5 {
	display:inline-block;
	width:180px;
}
#com-box-contenuti-ricon a {
	line-height:14px;
	color:#666;
	display:block;
	border-bottom: 1px solid #CCC;
	padding:  4px 0px 7px;
	margin:5px 0px;
}
#com-box-contenuti-ricon div#meta {
	display:inline-block;
	width:49%;
	vertical-align:top
}
#com-box-contenuti-ricon a:hover {
	color:#000
}

#responsive_sch_accessori div.modal-txt {
	display:block;
	float:left;
	text-align:left;
	max-width:52%;
	padding:10% 5% 5% 5%;
	width:57%;
	font-size:15px;
}
#responsive_sch_accessori div.modal-img {
	display:block;
	float:left;
	max-width:33%;
	width:38%;
	padding:0
}
#responsive_sch_accessori {
	position:absolute;
	top:50%;
	margin-top:-210px;
	left:50%;
	margin-left:-350px;
	display: inline-block;
	padding:1%;
	width:98%;
	max-width:700px;
	max-height:420px;
}
#responsive_sch_accessori img {
	max-width:100%;
	max-height:430px
}

#responsive_sch_video{
	position:absolute;
	top:0;
	 
	left:50%;
	margin-left:-400px;
	display: inline-block;
	padding:1%;
	width:98%;
	max-width:800px;
	max-height:400px;
}



#responsive_sch_cocktails div.modal-txt {
	display:block;
	float:left;
	text-align:left;
	max-width:40%;
	padding:0% 5% 5% 5%;
	width:40%;
	font-size:15px;
}
#responsive_sch_cocktails div.modal-img {
	display:block;
	float:left;
	max-width:50%;
	width:50%;
	padding:0
}
#responsive_sch_cocktails {
	position:absolute;
	top:50%;
	margin-top:-200px;
	left:50%;
	margin-left:-350px;
	display: inline-block;
	padding:1%;
	width:98%;
	max-width:700px;
	max-height:400px;
}
#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;
}
#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;
}
#modalchiudi2 {
	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;
}
#modalchiudi2:hover {
	color:#000;
	background-image: url(../img/icone/chiudi40.jpg);
	background-position:50% 40px;
}
#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;
}

#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;
}


@media screen and (max-width: 900px) {
#responsive_sch_video{
	position: relative;
top:0;
left:0;
margin-top:0;
margin-left:0;
display: inline-block;
background-color:#242424;
padding:0;
border:1px solid #111;
width:100%;
max-width:100%;
max-height:100%;
}}
@media screen and (max-width: 800px) {
#responsive_sch_cocktails {
position: relative;
top:0;
left:0;
margin-top:0;
margin-left:0;
display: inline-block;
background-color:#242424;
padding:0;
border:1px solid #111;
width:100%;
max-width:100%;
max-height:100%;
}
 
#responsive_sch_accessori {
position: relative;
top:0;
left:0;
margin-top:0;
margin-left:0;
display: inline-block;
background-color:#242424;
padding:0;
border:1px solid #111;
width:100%;
max-width:100%;
max-height:100%;
}
}
 @media screen and (max-width: 600px) {
#com-box-a1, #com-box-a2, #com-box-c1, #com-box-b1, #com-box-b2 {
padding:5px 0px;
width:140px;
font-size:14px
}
.blocco-com {
position: inherit;
display:block;
 margin-left:5%;
width:90%;
top:0px;
}
 
 
 #responsive_sch_accessori img {
max-width: 60%;
}
#responsive_sch_accessori div.modal-txt {
display:block;
float:none;
text-align:center;
max-width:90%;
padding:3% 5% 5% 5%;
width:90%
}
#responsive_sch_accessori div.modal-img {
display:block;
float:none;
max-width:100%;
width:100%;
padding:0
}
#responsive_sch_accessori div.modal-img img {
max-width:40%;
width:40%;
}
 #responsive_sch_cocktails img {
max-width: 60%;
}
#responsive_sch_cocktails div.modal-txt {
display:block;
float:none;
text-align:center;
max-width:90%;
padding:3% 5% 5% 5%;
width:90%
}
#responsive_sch_cocktails div.modal-img {
display:block;
float:none;
max-width:100%;
width:100%;
padding:0
}
#responsive_sch_cocktails div.modal-img img {
max-width:40%;
width:40%;
}
}
/************************************************************************************
messaggi
*************************************************************************************/

#load {
	text-align:left;
	display:block;
	min-height:120px;
	background-color: #efefef;
	background-image: url(../img/icone/loading4.gif);
	background-position:48% 40px;
	background-repeat:no-repeat
}
.msg_error {
	font-size:14px;
	text-align:left;
	display: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: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: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;
}
/************************************************************************************
form e moduli input button ,....
*************************************************************************************/
.form_text {
	margin:0;
	text-decoration: none;
	text-indent: 0px;
	padding:3px;
	font-size: 12px;
	color: #000;
	border: 1px solid #efefef;
	padding:10px 5px 13px;
	-webkit-transition: all 1s ease;
	display:inline-block;
	float:left;
	transition: all 1s ease;
	width:210px;
	resize:none;
	background-color:#efefef;
}
.form_text:hover {
	color: #000;
	border: 1px solid #999;
	background-color:#efefef
}
.form_text:focus {/*outline-width:0;*/
	background-color:#efefef;
	color: #000;
	border: 1px solid #efefef;
}
.form_text:active {
	background-color:#efefef;
	color: #000;
	border: 1px solid #efefef;
}
.form_button {
	display:inline-block;
	float:left;
	width:60px;
	padding:12px 0px 12px;
	cursor:pointer;
	border: 0px solid #ccc;
	background-color:#333;
	margin:0
}
.form_button:hover {
}
.radio {
display: inline-block;
	cursor: pointer;
	font-size: 13px;
	margin-right:10px;
	line-height:18px;
}
input[type=radio] {
	display:none;
}
.radio:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align:middle;
	background-color: #cccccc;
	color: #000;
	text-align: center;
	 
	border-radius: 3px;
}
input[type=radio]:checked + .radio:before {
content: "\2713";
	 
	font-size: 15px;
}
.checkbox {
	display: inline-block;
	cursor: pointer;
	font-size: 13px;
	margin-right:10px;
	line-height:18px;
}
input[type=checkbox] {
	display:none;
}
.checkbox:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align:middle;
	background-color: #cccccc;
	color: #000;
	text-align: center;
	 
	border-radius: 3px;
}
input[type=checkbox]:checked + .checkbox:before {
	content: "\2713";
	 
	font-size: 15px;
}
.form-text {
	border:1px solid #a68f70;
	height:20px;
	font-size:14px;
	margin: 4px 0% 0% 3%;
	width:97%;
	padding:  2px 4px;
	text-align:left;
}
.form-text-big {
	border:1px solid #a68f70;
	font-size:14px;
	margin: 0% 0% 0% 0.5%;
	margin: 4px 0% 0% 3%;
	width:97%;
	padding:  2px 4px;
	height:44px;
	text-align:left;
	resize: none;
}
.form-text-big:focus {
	outline-width:0;
	height:105px;
}
.s50 {
	display:block;
	margin:0% 0%;
	float:left;
	padding:4%;
	width:42%
}
.s50 img {
	display:block;
	margin:0% 0%;
	padding:0% 4% 0;
	width:92%
}
.form_button {
	height:25px;
	color:#FFF;
	border:0px dotted #a68f70;
	margin: 0% 0% 0% 0.0%;
	width:120px;
	padding:  0%;
	height:30px;
	text-align:center;
	float:right;
	background-color: #a68f70;
}
.form_button:hover {
	background-color:#8b785f
}
a.link {
	color: #a68f70;
}
.errore {
	background-color: #FFD0CF;
	text-align:left;
	border-bottom:1px solid #b21e1f;
}
.form {
	display:block;
	margin: 0%;
	float:left;
	padding:4% 2%;
	width:46%
}
.form div {
	display:block;
	text-align:right;
	padding:1%;
	vertical-align:top;
	width:100%
}
.form div div.s2 {
	display: inline-block;
	width:60%;
	padding:0px;
	margin:0;
}
.form div div.s1 {
	display: inline-block;
	width:36%;
	padding:6px 0px 0px;
	margin:0;
}
@media screen and (max-width: 700px) {
 .form {
 display:block;
padding:3% 2% 0%;
float:left;
width:96%;
margin:0%;
}
 .form-text {
border:1px solid #a68f70;
height:20px;
font-size:14px;
margin: 4px 0% 0% 0%;
width:100%;
text-align:left;
}
.form-text-big {
border:1px solid #a68f70;
font-size:14px;
 margin: 4px 0% 0% 0%;
width:100%;
height:44px;
text-align:left;
resize: none;
}
.form div div.s2, .form div div.s1 {
 display:block;
width:90%;
padding:6px 5% 0px;
margin:0;
text-align:left;
}
}
 @media screen and (max-width: 600px) {
 .s50 {
 display:block;
 margin:0% 0%;
 float:left;
 padding:4%;
 width:92%
}
}
/* Wrap responsive */
.googlemap_wrap {
	position: relative;
	padding-bottom: 0%;
	padding-top: 350px;
	height: 0;
	overflow: hidden;
}
/* iframe posizionato in maniera assoluta */
.googlemap_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 350px;
}
/*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;
}

.social-is a {
	height:30px;
	width:30px;
	display:block;
	background-image:url(../img/icone/social/i.png);
	background-position:50% top;
	float:left
}
.social-is a:hover {
	background-position:50% bottom;
}

a.selectmenu{ text-decoration:underline; 
	 
}
/*fine social puls*/

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

#responsive_sch_regalistica  div.modal-txt {   display:block; float:left;text-align:left;max-width:40%; padding:5% 5% 5% 5%;width:40%; font-size:15px;  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;overflow-y:scroll; overflow-x: hidden  ;  border:1px solid #111; width:100%; max-width:100%; max-height:100%; } 
 #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%; }
 }




 #responsive_sch_cocktails  div.modal-txt {   display:block; float:left;text-align:left;max-width:40%; padding:5% 5% 5% 5%;width:40%; font-size:15px;  color:#000}

#responsive_sch_cocktails  div.modal-img {  display:block; float:left; max-width:50%; width:50%;padding:0 }
#responsive_sch_cocktails  { 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_cocktails img{ max-width:90%; max-height:430px}
@media screen and (max-width: 900px) {  
#responsive_sch_cocktails  { 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_cocktails { position: relative ; top:0;left:0;  margin-top:0; margin-left:0; display: inline-block;  padding:0; overflow-y:scroll; overflow-x: hidden  ; border:1px solid #111; width:100%; max-width:100%; max-height:100%; } 
#responsive_sch_cocktails div.modal-txt {   display:block; float:none;text-align:center;max-width:90%; padding:3% 5% 5% 5%;width:90%  }
#responsive_sch_cocktails  div.modal-img {  display:block; float:none; max-width:100%; width:100%;padding:0 }
#responsive_sch_cocktails div.modal-img img{    max-width:60%; width:60%; } 
 }
 @media screen and (max-width: 500px) {  #responsive_sch_cocktails   {   display:block; float:none;max-width:90%; padding:3% 5% 0% 5%;width:90%; height:97%; overflow-y:scroll; overflow-x: hidden  ; }
#responsive_sch_cocktails  div.modal-txt {   display:block; float:none;text-align:center;max-width:90%; padding:3% 5% 5% 5%;width:90%  }
#responsive_sch_cocktails  div.modal-img {  display:block; float:none; max-width:100%; width:100%;padding:0 }
#responsive_sch_cocktails div.modal-img img{    max-width:60%; width:60%; }
 }
 #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
     
	}
	
	  @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%;
}
}