@charset "UTF-8";
/* CSS Document */
/* RESET ************************************************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	outline:none;
	text-decoration:none;
}
ul, li {
	list-style-type:none;
}
.hidden {
	position:absolute;
	top:-9999px;
	left:-9999px;
}
div.wrapper{
	width:100%;
	max-width:960px;
	margin:0 auto;
	padding: 0 15px;
}

/* FF *****************************************************************************************************************************/
@font-face {
    font-family: 'montserratbold';
    src: url('ff/montserrat-bold-webfont.eot');
    src: url('ff/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('ff/montserrat-bold-webfont.woff') format('woff'),
         url('ff/montserrat-bold-webfont.ttf') format('truetype'),
         url('ff/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratregular';
    src: url('ff/montserrat-regular-webfont.eot');
    src: url('ff/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('ff/montserrat-regular-webfont.woff') format('woff'),
         url('ff/montserrat-regular-webfont.ttf') format('truetype'),
         url('ff/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* HEADER ************************************************************************************************************************/
div#header{
	width:100%;
	float:left;
	clear:both;
	position:relative;
}
a#logo{
	width:225px;
	height:135px;
	position:absolute;
	left:50%;
	top:20px;
	margin-left:-112px;
	z-index:3;
}
div#carosello_container{
	width:100%;
	float:left;
	clear:both;
	position:relative;
	overflow:hidden;
}
.owl-controlls .owl-page,
.owl-controlls .owl-buttons div{
	cursor: pointer;
}
.owl-controlls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-prev, .owl-next{
	width:44px;
	height:71px;
	display:block;
	position:absolute;
	top:50%;
	margin-top:-35px;
	z-index:3;
	background-image:url(images/frecce.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.owl-prev{
	background-position:0 0;
	left:25px;
}
.owl-prev:hover{
	background-position:0 -71px;
}
.owl-next{
	background-position:-44px 0;
	right:25px;
}
.owl-next:hover{
	background-position:-44px -71px;
}
#carosello{
	width:100%;
	height:615px;
	float:left;
}
#carosello div.item{
	width:100%;
	height:615px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
#carosello h2{
	width:870px;
	float:left;
	clear:both;
	margin:300px 0 15px 45px;
    font-family:'montserratbold', Arial, Helvetica, sans-serif;
	font-size:42px;
	color:#FFF;
	text-transform:uppercase;
	text-shadow:0 2px 3px rgba(0,0,0,.75);
	position:relative;
	z-index:2;
}
#carosello p{
	width:500px;
	clear:both;
	float:left;
	margin:0 45px;
	font-family: "Open Sans", sans-serif; 
	font-size: 19px;
	line-height:27px;
	color: #fff;
	position:relative;
	z-index:2;
}
ul#carosello_interno{
	width:100%;
	height:385px;
	float:left;
}
#carosello_interno li{
	width:100%;
	height:385px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
#carosello_interno h2{
	width:100%;
	float:left;
	clear:both;
	margin:250px 0 0;
    font-family:'montserratbold', Arial, Helvetica, sans-serif;
	font-size:42px;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	text-shadow:0 2px 3px rgba(0,0,0,.75);
	position:relative;
	z-index:2;
}
div.maschera_slide{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	/*background:url(images/maschera_slide.png) 0 0 repeat-x;*/
	background:rgba(0,0,0,.35);
}
@media (max-width: 575px){
	.owl-controlls {
		display: none;
	}
	#carosello h2{
		width:100%;
		float:left;
		clear:both;
		margin:30px 0;
		font-size:30px;
		text-align: center;
		padding: 0 15px;
	}
	#carosello p{
		width:100%;
		clear:both;
		float:left;
		margin:0;
		font-size: 18px;
		line-height:25px;
		text-align: center;
		padding: 0 15px;
	}
}
div#menu_container{
	width:100%;
	height:78px;
	float:left;
	position:absolute;
	left:0;
	bottom:0;
	z-index:3;
	background:rgba(0,0,0,0.7);
	overflow: hidden;
}
ul#menu{
	width:100%;
	height:100%;
	float:left;
    font-family: 'montserratregular', Arial, Helvetica, sans-serif;
	font-size: 15px; 
	text-transform: uppercase; 
	line-height:78px;
}
#menu li{
	text-align: center;
}
#menu li a{
	color: #fff;
}
#menu li a:hover, #menu li a.current{
	color: #cab67b;
}
/* CONTENT ***************************************************************************************************************/
div#content{
	width:100%;
	float:left;
	clear:both;
	padding:50px 0 100px;
}
ul#lista_content{
}
#lista_content li{
	margin:0 0 30px 0;
	text-align:center;
	font-family: "Open Sans", sans-serif; 
	font-size:12px;
	color:#414141;
	line-height:21px;
}
#lista_content li h3{
	width:100%;
	float:left;
	padding:100px 0 0 0;
	margin:0 0 25px;
    font-family: 'montserratregular', Arial, Helvetica, sans-serif;
	font-size: 15px; 
	font-weight: bold; 
	text-transform: uppercase; 
	color: #1d1d1d;
	background-position:center top;
	background-repeat:no-repeat;
}
#tit_ristoranti{
	background-image:url(images/ico_ristoranti.png);
}
#tit_prenotazioni{
	background-image:url(images/ico_prenotazioni.png);
}
#tit_raggiungerci{
	background-image:url(images/ico_raggiungerci.png);
}
a.puls_oro{
	padding:3px 10px 1px;
    font-family: 'montserratregular', Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFF;
	text-transform:uppercase;
	display:inline-block;
	background-color:#cbb77c;
}
ul#lista_content_hor{
}
#lista_content_hor li{
	width:100%;
	float:left;
	font-family: "Open Sans", sans-serif;
	font-size:12px;
	color:#414141;
	line-height:20px;
}
#lista_content_hor li:last-child{
	margin:0;
}
#lista_content_hor li h3{
	width:100%;
	float:left;
	margin:0 0 25px;
    font-family: 'montserratregular', Arial, Helvetica, sans-serif;
	font-size: 15px; 
	font-weight: bold;
	text-align:center;
	text-transform: uppercase; 
	color: #1d1d1d;
}
#lista_content_hor li h5{
	width:100%;
	float:left;
	margin:-15px 0 25px;
    font-family: 'montserratregular', Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	text-align:center;
	color: #1d1d1d;
}
#lista_content_hor li img{
	float:right;
	border:4px solid #cbb77c;
	margin:0 0 0 30px;
	width: 100%;
	max-width: 402px;
	margin-bottom: 15px;}
a.puls_dove{
	padding:3px 10px 1px 27px;
    font-family: 'montserratregular', Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFF;
	text-transform:uppercase;
	display:inline-block;
	background-color:#cbb77c;
	background-image:url(images/ico_dove.png);
	background-repeat:no-repeat;
	background-position:12px center;
	margin:0 0 0 145px;	
}
ul#lista_tipologie li{
	width:auto !important;
	margin:0 20px 20px 0 !important;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
}
#lista_tipologie li a{
	color:inherit;
}
ul#lista_tipologie li.current, ul#lista_tipologie li:hover{
	color:#cbb77c;
}
ul.lista_menu{
	width: 100%;
	max-width:990px;
	min-height:250px;
	float:left;
}
ul#lista_vini{
	max-width:990px;
	min-height:250px;
}
ul.lista_menu li{
	/*width:465px !important;
	margin:0 30px 10px 0 !important;*/
	border-bottom:1px dotted #cbb77c;
}
ul.lista_menu li span{
	float:right;
}
ul.lista_menu li h4{
	width:100%;
	float:left;
	margin:0;
	font-family: "Open Sans", sans-serif; 
	font-size:15px;
	color:#414141;
}
ul.lista_menu li p{
	color:#717171;
}
li.gallery_container {
	border-bottom:1px dotted #cbb77c;
	margin:0 0 30px !important;
}
#lista_content_hor li h3.tit_gallery{
	background:url(images/bg_tit_gallery_hor.jpg) 0 center no-repeat;
	cursor:pointer;
}
#lista_content_hor li.active h3.tit_gallery{
	background:url(images/bg_tit_gallery_giu.jpg) 0 center no-repeat;
}
ul.lista_gallery{
	float:left;
	display:none;
}
.lista_gallery li{
	position:relative;
}
.lista_gallery li span.hover_thumb{
	display:block;
	position:absolute;
	background:url(images/maschera_slide.png) bottom center;
	top: 4px;
	right: 19px;
	bottom: 19px;
	left: 19px;
}
.lista_gallery li:hover span.hover_thumb{
	background:url(images/ico_zoom.png) center center no-repeat;
}
div#map{
	width:100%;
	height:100%;
	float:left;
}
form#form_contatti{
	width:100%;
	float:left;
}
#form_contatti label{
	width:55px;
	float:left;
	clear:left;
	margin:0 5px 20px 0;
	font-family: "Open Sans", sans-serif; 
	font-size:12px;
	color:#414141;
	text-align:right;
}
#form_contatti input{
	width:405px;
	height:12px;
	float:left;
	margin:0 0 20px 0;
	border:0;
	border-bottom:1px dotted #bababa;
}
#form_contatti textarea{
	width:403px;
	height:100px;
	float:right;
	margin:20px 0;
	border:1px dotted #bababa;
}
input#invia_messaggio{
	width:auto;
	height:auto;
	float:right;
	padding:3px 27px 1px 10px;
	background:#cbb77c url(images/ico_invia_messaggio.png) 136px center no-repeat;
	border:0;
    font-family: 'montserratregular', Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-transform:uppercase;
	display:inline-block;
}
.error{
	color:#C00 !important;
}
#form_contatti label.error{
	width:100%;
	margin:-20px 0 20px;
}
@media (max-width: 575px){
	ul.lista_menu {
		width: auto;
	}
}
/* FOOTER ***************************************************************************************************************/
div#footer{
	width:100%;
	float:left;
	padding:30px 0 45px;
	background-color:#000;
    font-family: 'montserratregular', Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#cbb77c;
	text-align:center;
}
#footer span{
	width:100%;
	float:left;
	display:block;
	font-size:11px;
	color:#4e504f;
}
#ops{
	width:98px;
	height:30px;
	background:url(images/madebyops.png) 0 0 no-repeat;
	display:block;
	float:right;
	margin:25px 0 0px 25px;
}
#ops:hover{
	background-position:0 -30px;
}
a#puls_prenota{
	width: 100%;
	padding:15px;
	background-color:#2E6939;
	font-family: 'montserratregular', Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
	text-align:center;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 1090;
}
/* COOKIE BAR ****************************************************************************/
#cookie-bar {position:relative; background:rgba(0,0,0,.80); height:auto; min-height:24px; line-height:24px; color:#FFF; text-align:center; padding:7px 0; font-family:Helvetica, Arial, sans-serif; font-size:15px;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0 50px;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 2px;}
#cookie-bar .cb-enable {font-size:32px; font-weight:100; position:absolute; right:20px; top:7px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
#cookie-bar .cb-enable:hover {}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {color:#FFF; text-decoration:none;}
#cookie-bar .cb-policy:hover {text-decoration:underline;}