body{
	width:100%;
	box-sizing:border-box;
	margin:0;
	
	background-color:#FFF;
}

.stop{
	clear:both;
}

.f-d-l{ font-family: 'Inknut Antiqua', serif; font-weight:300; }
.f-d-r{ font-family: 'Inknut Antiqua', serif; font-weight:400; }
.f-d-b{ font-family: 'Inknut Antiqua', serif; font-weight:700; }
.f-d-eb{ font-family: 'Inknut Antiqua', serif; font-weight:900; }
.f-s-r{ font-family: 'Cormorant Garamond', serif; font-weight:400; }
.f-s-b{ font-family: 'Cormorant Garamond', serif; font-weight:700;}


.f36{
	font-size:36px;
	line-height:40px;
}
.f24{
	font-size:24px;
	line-height:32px;
}
.f18{
	font-size:18px;
	line-height:24px;
}
.f14{
	font-size:14px;
	line-height:18px;
}

.f45{
	font-size:45px;
	line-height:1.1;
}


#menu{
	width:100%;
	height:100%;
	position:absolute;
	z-index:1000;
	top:0;
	left:0;
    transition: width 1s;
    -webkit-transition: all 1s;
}
#menu .logo{
	width:100%;
	height:100%;
	position:absolute;
	transition: width 1s;
    -webkit-transition: all 1s;
    display:table;
    text-align:center;
    z-index:1;
}
#menu .logo .content{
	display:table-cell;
	vertical-align:middle;
}
#menu .logo img{
	width:220px;
	margin:0;
	padding:0;
}
#menu .logo .o{ display:none; }

#menu .action-left{
	width:100px;
	height:100%;
	position:absolute;
	top:0;
	left:50px;
	display:table;
	z-index:2;
}
#menu .action-left .content{
	display:table-cell;
	vertical-align:middle;
}

#menu .action-right{
	width:100px;
	height:100%;
	position:absolute;
	top:0;
	right:50px;
	display:table;
	z-index:2;
}
#menu .action-right .content{
	display:table-cell;
	vertical-align:middle;
}

#menu .openMenu{
	width:100%;
	box-sizing:border-box;
	padding:10px;
	border:1px solid #FFF;
	transition: all 1s;
    -webkit-transition: all 1s;
    cursor:pointer;
}
#menu .openMenu span{
	width:100%;
	display:block;
	border-bottom:1px solid #FFF;
	margin:8px 0;
	transition: all 1s;
    -webkit-transition: all 1s;
}
#menu .btnPrenota{
	width:100%;
	padding:20px 0;
	text-align:center;
	font-size:20px;
	line-height:1;
	color:#FFF;
	text-decoration:none;
	border:1px solid #FFF;
	transition: all 1s;
    -webkit-transition: all 1s;
    display:block;
    cursor:pointer;
}
#menu .btnPrenota .close{
	display:none;
}

#menu .openMenu-click{
	padding:10px 10px !important;
}

#menu .openMenu-click span{
	transform: rotate(13deg);
}
#menu .openMenu-click .d{
	display:none;
}
#menu .openMenu-click .s{
	transform: rotate(-13deg);
	margin-top:-5px !important;
	display:block;
}


#menu .openPrenota-click .open{ display:none; }
#menu .openPrenota-click .close{ display:block; }


.scrolled{
	width:100%;
	height:auto !important;
	position:fixed !important;
	background-color:#000;
	padding:10px 0;
}
.scrolled .openMenu{
	width:80px !important;
	padding:5px !important;
}
.scrolled .openMenu span{
	margin:5px 0 !important;
}

.scrolled .logo{
	position:relative !important;
	top:auto !important;
}
.scrolled .logo .v{ display:none; }
.scrolled .logo .o{ display:inline !important; }
.scrolled .btnPrenota{
	width:100%;
	font-size:12px !important;
	padding:12px 0 !important;
}


.pop{
	width:100%;
	height:100%;
	position:fixed;
	display:table;
	background-color:#010101;
	z-index:102;
}
.pop .content{
	width:100%;
	box-sizing: border-box;
	display:table-cell;
	vertical-align: middle;
	color:#FFF;
	padding:50px;
}

#popPrenota{
	top:0;
	left:100%;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#popMenu{
	top:0;
	right:100%;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}


.pop-visibile-menu{
	right:0 !important;
}

.pop-visibile-prenota{
	left:0 !important;
}





.pop .foot{
	width:380px;
	font-size:14px;
	line-height:1.5;
	color:#666;
	float:right;
	margin-top:10px;
}
.pop .foot span{
	color:#FFF;
	display:block;
	margin-bottom:10px;
}
.pop .foot a{
	text-decoration:none;
	color:#666;
}
.pop .foot .f{
	width:220px;
	float:left;
}

.pop .s{
	width:100px;
	font-size:14px;
	line-height:1.5;
	color:#666;
	float:right;
}
.pop .s a{
	text-decoration:none;
	color:#666;
}

#popMenu .m{
	width:40%;
	padding-left:80px;
	float:left;
}
#popMenu .m a{
	color:#666;
	text-decoration:none;
	display:inline-block;
	font-size:40px;
	margin:10px 0;
	line-height:1;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
    border-bottom:1px solid transparent;
    padding:5px;
}
#popMenu .m a:hover{
	color:#FFF;
	padding-left:10px;
	border-bottom:1px solid #FFF;
}


#popPrenota .p{
	width:40%;
	padding-left:80px;
	float:left;
}
#popPrenota .p .days{
	font-size:40px;
	line-height:1.4;
}




#top-img{
	width:100%;
}

.gradient{
	width:100%;
	height:100%;
	position:absolute;
	z-index:100;
	top:0;
	bottom:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+11,0.65+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 11%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 11%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 11%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}


.gallery{
	width:100%;
	height:100%;
	position:relative;
}
.gallery .gal-img{
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
	position:absolute;
	top:0;
	left:0;
}

#main-descr{
	width:80%;
	margin:auto;
	padding:150px 0;
	margin:100px auto;
	background-image:url("../img/grid.jpg");
	background-size: auto 100%;
	background-repeat:no-repeat;
	background-position:center;
	font-size:40px;
	line-height:45px;
	text-align:center;
}

#sub-descr{
	width:60%;
	margin:auto;
	margin:50px auto 150px;
	text-align:center;
}



.block{
	width:80%;
	margin:auto;
}
.block .tit{
	width:200px;
	margin:auto;
	text-align:center;
	font-size:24px;
	letter-spacing:2px;
	padding:10px 0;
	border-bottom:1px solid #000;
	margin-bottom:50px;
}

.block .big-tit{
	width:100%;
	text-align:center;
	font-size:60px;
	letter-spacing:2px;
	padding:10px 0;
	border-bottom:2px solid #000;
	margin-bottom:50px;
	font-weight:800;
	font-style: italic;
}

.block .col-float-big{
	width:65%;
	float:left;
}
.block .col-space{
	width:5%;
	height:1px;
	float:left;
}
.block .col-float-small{
	width:30%;
	float:left;
}


.block .list{
	margin-bottom:100px;
}
.block .list .l{
	font-size:22px;
}
.block .list .l-sez{
	font-size:32px;
	line-height:1.1;
	margin-bottom:10px;
}

.block .list .space{
	height:50px;
}



#capodanno{
	width:50%;
	margin-bottom:200px;
}
#capodanno .col-float-big{
	width:100%;
	float:none;
}

#capodanno .col-float-small{
	width:100%;
	float:none;
	padding:0px 0;
}


#ristorante{
	margin-bottom:200px;
}
#ristorante .col-float-small{
	padding:50px 0;
}


.w-bloc{
	width:100%;
	margin:auto;
}

.w-block .col-float{
	width:50%;
	float:left;
}
.w-block .col-float-margin{
	width:40%;
	padding:10% 5%;
	float:left;
	background-color:#EEE;
}
.w-block .col-float-small{
	width:30%;
	float:left;
}

.btn{
	display:inline-block;
	border:1px solid #000;
	color:#000;
	text-decoration:none;
	padding:10px;
}



#page-top{
	width:100%;
	height:500px;
	position:relative;
}
#page-top #menu{
	height:70%;
}
#page-top .page-tit{
	width:100%;
	text-align:center;
	font-size:24px;
	line-height:1;
	color:#FFF;
	position:absolute;
	bottom:100px;
	left:0;
	z-index:101;
}





#poesia{
	width:100%;
	background-color:#FFF;
	text-align:center;
	padding:100px 0;
	background-color:#222;
	color:#666;
	font-size:16px;
	line-height:1.2;
}


#footer{
	width:100%;
	padding:100px;
	box-sizing:border-box;
	background-color:#000;
}
#footer .logo{
	width:15%;
	margin-right:10%;
	float:left;
}
#footer .logo img{
	width:100%;
	max-width:200px;
	opacity:0.8;
}

#footer .m{
	width:25%;
	font-size:16px;
	line-height:1.2;
	float:left;
}
#footer .m a{
	color:#999;
	text-decoration:none;
	margin:7px 0;
	display:inline-block;
}


#footer .f{
	width:30%;
	font-size:12px;
	line-height:1.2;
	float:left;
	color:#999;
}
#footer .f span{
	color:#FFF;
	display:block;
	margin-bottom:10px;
}
#footer .f a{
	color:#999;
	text-decoration:none;
}

#footer .s{
	width:15%;
	font-size:12px;
	line-height:1.2;
	float:left;
	color:#999;
}
#footer .s span{
	color:#FFF;
	display:block;
	margin-bottom:10px;
}
#footer .s a{
	color:#999;
	text-decoration:none;
}