@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,500,600,700|Oxygen:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900');


/*body {overflow-x:hidden;}*/

#container {
	/*overflow:hidden-x;*/
	overflow:hidden;
	width:100%;
	}
	
font1,
.slogan h1,
#video h5,
hgroup h1,
#booking h6,
#allRooms h5,
.testo h3, .descrizione h3{
	font-family: 'Cormorant Garamond', serif;	/*Felix*/
	}
	
font2,
#navigation a,
.slogan h2, .cornice2,
.button,
hgroup h2, .testo p, .testo li
.camere .cornice h4 span, #allRooms .cornice h4 span,
.slogan h1 span,
.descrizione p{
	font-family: 'Oxygen', sans-serif;	/*Ebrima*/
	}
	

.cornice h4,
#offertaEvidenza h5,
.dettaglio,
.box_description h4, .cornice3 h4,
nav#navigation ul li a{
	font-family: 'Playfair Display', serif;	
	}

/* ========== delay ========== */
.hover_delay {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
	}

/* ========== alpha ========== */
.alpha_50 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity:0.5;
 	}

/* ========== animate ========== */
.animate_linear  {
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	transition:all 0.1s linear;
	}

.animate_easing {
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	}

/* ========== border radius ========== */
.radius_3 {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}

/* ========== box sizing ========== */
.box_sizing {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}

.box_fluid {
  width:1140px;
	margin:0 auto;
	}

.grayScale {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	}

.center_vert {
  width:100%;
  position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	}

.zoom_scale img {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}

.zoom_scale:hover img {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

.table_even {border-collapse:collapse;}
.table_even tr:nth-child(even) {background-color:#EBEEF1;}

.bg_cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
  
  
  
/*===HEADER===*/
header{ 
    position: relative; 
    text-align: left;
    overflow: hidden;
    padding: 0 0 20px 0;
	position: absolute;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 999;
	position:fixed;
	background:#213d59;
	padding:0;
	/*box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);*/
	background:url(../images/bg_nav.png) top left repeat-x;
	height:90px;
}

.lingue{
	font-size:13px;
	/*position:absolute;
	top:25px;
	margin-top:-8px;
	right:20px;*/
	text-transform:uppercase;
	font-weight:semi-bold;
	color:#2f4f61;
}

.lingue a{color:#2f4f61; margin: 0 5px;}

.lingue2{display:none;}

header h4 {
	text-align:center;
}

header h4 a {
    color: #fff;
    /*float: left;*/
    margin: 0 0 0 20px;
    padding: 0 10p 10px;
    text-decoration: none;
	width:256px;
}

.socialLink{margin-top:15px}

#ico_big span a, #ico_big {
    color: #fff;
}

#ico_big span a .fa {
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    height: 22px;
    margin-right: 5px;
    padding: 5px !important;
    text-align: center;
    width: 23px;
}




header p, header p a {
    color: #fff;
    font-size: 13px;
}

/*===Navigation===*/
nav#navigation{
    clear: both;
    margin: 0 0 35px;
	margin:0;
    /*position: absolute;
    right: 80px;
    text-align: left;
    top: 0;
    z-index: 20;*/
}

nav#navigation ul ul { display: none; }

nav#navigation ul li:hover > ul 	{ display: block; }

nav#navigation  ul 
{
padding:     0;
position:    relative;
list-style:  none;
margin-top:5px; 
}


nav#navigation ul:after 
{
content: ""; 
clear: both; 
display: block;
}


nav#navigation ul li a 	
{ 
color:          #fff; 
display:        block; 
font-size:      14px; 
text-decoration:none; 
padding:        0 20px;	
height:         50px;
line-height:    50px;
text-transform:uppercase;
letter-spacing:0.1em;



    display: inline-block;
    font-weight: 400;

    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;
}


nav#navigation ul li a:hover {color:#c69a3b}

nav#navigation ul ul 
{
background:    #f4421a;
padding:       0;
position:      absolute; 
top:           100%;
width:         170px;
}


nav#navigation ul ul li 
{
float:      none;
position:   relative;
}


nav#navigation ul ul li a	
{
height:       35px;
line-height:  35px;
padding:      0 15px;
}	


nav#navigation ul ul li a:hover{text-decoration: underline;}

.navLeft ul li{text-align:right; float:right}
.navRight ul li{text-align:left; float:left}

/*===BUTTON FOR RESPONSIVE MENU===*/
.btn-responsive-menu
{
display:                none;
padding:                5px;
cursor:                 pointer;
color:                  #fff;
/*background:             #fff;*/
-webkit-border-radius:  4px;
-moz-border-radius:     4px;
border-radius:          4px;
}

	
.icon-bar 			
{
display:                 block;
width:                   30px;
height:                  3px;
margin:                  5px;
background-color:        #fff;
-webkit-border-radius:   2px;
-moz-border-radius:      2px;
border-radius:           2px;
background:#fff;
}


.show{display:block!important;}

#loop{
	position:relative;
	overflow:hidden;
	display:block;
	z-index:9;
}

#contenitore-btnDown {
	position:absolute;
	bottom:65px;
	left:0;
	width:100%;
	font-size:13px;
	text-align:center;
	z-index:11;
	padding:15px 0 10px;
	}
#contenitore-btnDown a{
	color: #fff;
	line-height: 1.6em;
	text-shadow: 2px 2px 2px #222;
	text-transform: uppercase;
}

#gancioPagina{
	padding-top:10px;
}

/* ========== Booking ========== */	

#booking input, 
#booking select {
 	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	padding:6px;
	width:100%;
	margin:5px 0;
	}

#booking_bar {
	padding:15px 0;
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	background:url(../images/bg_cover.png) center center repeat-x;
	background:#2f4f61;
	background:#213d59;
	z-index:99;
	Background:#213d59;
	}
#nav_main {
	position:absolute;
	bottom:60px;
	left:0;
	width:100%;
	z-index:999;
	background-color: rgba(255, 255, 255, 0.7);
	background:#fff;
	padding:10px 0;
	text-align:center;
	}
	


#booking p {
	color:#7f7f7f;
	font-size:15px;
	}
	
#booking h6{
	color:#fff;
	font-size:1.8vw;
	text-align:center;
	font-weight:300;
	letter-spacing:0.1em;
	font-weight:600;
	letter-spacing: 0.05em;
}
	
#booking input {
	background:#FFF;
	color:#7e7e7e;
	border:none;
	background:url(../images/calendar.png) no-repeat scroll right 5px center #fff;
	border:1px solid #213d59;
	}
	
.button{
	text-align:center;
	background:#45ABBE;
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
	letter-spacing:0.1em;
	border:none;
	padding:5px 10px;
	font-size:1.3vw;
	font-weight:300;
	}

#booking select {
	background:#FFF;
	-webkit-appearance:none;
    -webkit-border-radius:0;
	color:#7e7e7e;
	border:0;
	border:1px solid #213d59;
	appearance: none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
	background:url(../images/selectArrow.png) center right 10px no-repeat #fff;
	}
	
/*.slogan{
	position:absolute;
	text-align:center;
	color:#fff;
}

.slogan h1{
	font-size:30px;
	letter-spacing:0.02em;
	padding:10px 15px;
	background:url(../images/bg_h1.png) center center repeat;
	display:inline-block;
	margin-bottom:20px;
	text-transform:uppercase;
}

.slogan h2{
	font-size:25px;
	letter-spacing:0.02em;
	padding:10px 20px;
	background-color:#46ABBE;
	display:inline-block;
	box-shadow:2px 2px 2px #000;
	font-weight:300;
}*/

.slogan{
	position:absolute;
	text-align:center;
	color:#fff;
}

.slogan h1{
	font-size:30px;
	letter-spacing:0.02em;
	padding:10px 15px;
	background:url(../images/bg_h1.png) center center repeat;
	display:inline-block;
	margin-bottom:20px;
	text-transform:uppercase;
	line-height:0.9em;
}

.slogan h1 span{
	font-size:15px;
	letter-spacing:0.02em;
	font-weight:300;
	text-transform:none;
}

#boxmenu, .boxmenu, .areaPress{
	width:95%;
	margin:0 auto;
}
/*#boxmenu img{
	display:block;
	overflow:hidden;
}*/
#boxmenu .col-sm-4, #boxmenu .col-sm-3,
.boxmenu .col-sm-4, .boxmenu .col-sm-3, #boxmenu .col-sm-6{
    padding-left: 5px;
    padding-right: 5px;
}

#boxmenu a, #allRooms a,
.boxmenu a, #allRooms a{
	overflow:hidden;
}

#boxmenu a:hover .cornice,
.boxmenu a:hover .cornice{
	opacity:1;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	background:rgba(33, 61, 89, .0);
}


.cornice2{
	background:url(../images/bg_menu.png) center center repeat;
	position:absolute;
	top:0;
	left:5px;
	height: 100%;
	width: calc(100% - 10px);
}

.cornice3{
	display: block;
    height: calc(100% - 140px);
    left: 0;
    margin: 70px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: calc(100% - 140px);
	background:rgba(33, 61, 89, .2);
}

.cornice {
    /*border: 8px solid rgba(255, 255, 255, .5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;*/
    display: block;
    height: calc(100% - 140px);
    left: 0;
    margin: 70px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: calc(100% - 140px);
	background:rgba(33, 61, 89, .2);
	/*-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;*/

    height: calc(100% - 5px);
    left: 0;
    margin: 5px;
    overflow: hidden;
    position: absolute;
    top: -5px;
    width: calc(100% - 10px);
}

.cornice h4, .cornice3 h4 {
    color: #fff;
    font-size: 27px;
	font-size:1.4vw;
    left: 0;
    margin-top: -20px;
	margin-top: -0.8vw;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    width: 100%;
	font-weight:300;
}

.cornice h4, .cornice3 h4 {
    color: #fff;
    font-size: 27px;
	font-size:1.5vw;
    left: 0;
    margin-top: -20px;
	margin-top: -0.8vw;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    width: 100%;
	font-weight:300;
    letter-spacing: 0.05em;
}
.camere .cornice h4 {
	margin-top: -1.7vw;
}
.camere .cornice h4 span, #allRooms .cornice h4 span {
	font-size:1.1vw;
    text-transform: none;
}

#video{
	position:absolute;
	top:50%;
	left:50%;
	text-align:center;
	padding:30px 50px;
	border: 10px solid rgba(255, 255, 255, .3);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	background-color: rgba(255,255,255, .7);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

#video h5{
	font-size:1.9vw;
	color:#15394E;
	margin:10px 0;
}

#video p{
	font-size:1.1vw;
	color:#666;
}

#footer {
	color: #fff;
	font-size: 13px;
	letter-spacing: 0.1em;
	line-height: 1.8em;
	margin: 0;
	overflow: hidden;
	padding: 40px 0;
	background:#fafafa;
}

#footer h3{
	margin-bottom:10px;
	font-size:13px;
	margin-top:15px;
	font-weight:bold;
}
#footer a{
	line-height:1.8em;
	color:#fff
}
#footer a:hover{
	color:#c69a3b;
}

.mobile{display:none;}
.desktop{display:block}

.zeppetta{height:59px;}

hgroup{
	text-align:center;
	padding:15px 0 30px;
}

hgroup h1{
	color:#e29d02;
	font-size:38px;
	text-transform:uppercase;
}

hgroup h2{
	color:#707a86;
	font-size:15px;
}

.testo{
	width:960px;
	margin:20px auto 15px;
	text-align:center;
}

.testo p{
	color:#0e181e;
	font-size:13px;
	line-height:1.8em;
	
}

.testo li{
	color:#0e181e;
	font-size:13px;
	line-height:1.5em;
	list-style:circle;
	margin-left:15px;
}

.testo a{
	color:#0e181e;
	text-decoration:underline;
}

.testo h3, .descrizione h3{
	font-weight:600;
	font-size: 25px;
	color: #163a51;
}

#allRooms h5{
	color:#e29d02;
	font-size:32px;
	text-transform:uppercase;
	text-align:center;
	padding:20px 0 15px;
}

#boxmenu .rattangoloGrande,
.boxmenu .rattangoloGrande{width:50%}

#boxmenu .table_td,
.boxmenu .table_td{border:5px solid #fff}

#boxmenu a, #allRooms a,
.boxmenu a, #allRooms a{
	display:block;
	overflow:hidden
}

.boxTesto span{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom:0;
	right:0;
	text-align: center;
	line-height: 1.5em;
	color:#0E181E;
	font-size: 1.2vw;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	background: rgb(255,255,255);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(255,255,255,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(255,255,255,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(255,255,255,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(255,255,255,1) 100%);
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linea;
	cursor:default;
	font-size:13px;
}

.boxTesto span p{
    text-align: center;
	width:70%;
}

.boxTesto:hover span{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}

.galleria .fancybox:hover  {
	-background:#000;
	/*opacity:0.4;*/
	overflow:hidden;
	-webkit-transition: all 1s cubic-bezier(.02, .01, .47, 1); 
	-moz-transition: all 1s cubic-bezier(.02, .01, .47, 1); 
	transition: all 1s cubic-bezier(.02, .01, .47, 1); 
	 
	transition-delay: .25s;
	 
	-webkit-transition-duration:0.5s;
    -moz-transition-duration:0.5s;
    -ms-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    transition-duration:0.5s;
	}

.galleria .fancybox {
	background:#000;
	opacity:0;
	overflow:hidden;
	-webkit-transition: all 1s cubic-bezier(.02, .01, .47, 1); 
	-moz-transition: all 1s cubic-bezier(.02, .01, .47, 1); 
	transition: all 1s cubic-bezier(.02, .01, .47, 1); 
	}
	
.descrizione p{
	width:80%;
	margin:0 auto;
	line-height: 1.5em;
	color:#0E181E;
	font-size: 1.2vw;
	font-size:13px;
	white-space: pre-wrap;
}
.descrizione h3{width:80%; margin:0 auto}

.owl-prev{
	background:url(../images/prev.png) center center no-repeat;
	left:50%;
	margin-left:-35px;
}

.owl-next{
	background:url(../images/next.png) center center no-repeat;
	right:50%;
	margin-right:-35px;
}

.owl-prev, .owl-next{
	width:29px;
	height:29px;
	position:absolute;
	bottom:-40px;
	color:transparent;
}
.item{z-index:9}
.owl-controls{z-index:5}

.riquadro {
    border: 3px double #eae1d9;
    margin-bottom: 20px;
    padding: 15px;
}

/* booking*/

#form_newsletter input[type="text"], #formContatti input[type="text"], .scelta, .w620 {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	width:100%;
	border:1px solid #CCC;
	padding:8px;
	font-size:12px;
	
	box-shadow: inset 1px 1px 4px #DEDEDE;
	-webkit-box-shadow: inset 1px 1px 4px #DEDEDE;
	-moz-box-shadow: inset 1px 1px 4px #DEDEDE;
	-o-box-shadow: inset 1px 1px 4px #DEDEDE;
	}
	
.curriculum {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	width:100%;
	border:1px solid #CCC;
	padding:4px;
	font-size:12px;
	color:#757575;
	box-shadow: inset 1px 1px 4px #DEDEDE;
	-webkit-box-shadow: inset 1px 1px 4px #DEDEDE;
	-moz-box-shadow: inset 1px 1px 4px #DEDEDE;
	-o-box-shadow: inset 1px 1px 4px #DEDEDE;
	}

.scelta{color:#757575}
.w620 {
	font-family:'TeXGyreAdventorRegular';
    font-size: 12px;
	height:100px;
}	


#form_newsletter input[type="submit"], #formContatti input[type="submit"] {
	color: #333;
	display:inline-block;
	border: 1px solid #e5b247;
	padding:5px 25px;
	background: #c69a3b url("../images/bg_gold.png") repeat-x scroll center top;
	font-size:15px;
	letter-spacing: 0.2em;
    text-align: center;
    text-transform: uppercase;
	cursor:pointer;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}
	
#formContatti .button {
	color: #333;
	display:inline-block;
	border: 1px solid #e5b247;
	padding:8px;
	background: #c69a3b url("../images/bg_gold.png") repeat-x scroll center top;
	font-size:12px;
    text-align: center;
	cursor:pointer;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}
	
#form_newsletter input[type="submit"]:hover, #formContatti input[type="submit"]:hover {
	background-color:#D3AC13;
	color:#FFF;
	}
	
#btn_faq {
	display:inline-block;
	color:#FFF;
	background-color:#D7A742;
	padding:7px 15px 10px;
	text-transform:uppercase;
	font-size:11px;
	}

.testopiccolo{font-size:12px !important;}

#formContatti a{color:#0e181e; text-decoration:underline}

#prenota-benessere-trattamenti-list {
    color: #666;
    font-size: 12px;
    font-style: italic;
    line-height: 18px;
    margin-bottom: 10px;
    margin-top: 6px;
}

.areaPress a{
	background: #000 none repeat scroll 0 0;
    display: block;
    float: left;
    margin: 0.5%;
    width: 9%;
}

.areaPress img{
	border: 1px solid #ccc;
    display: block;
    opacity: 0.9;
    transition: all 0.2s ease-in-out 0s;
}

#offertaEvidenza{
position:fixed; 
width:100%;
background:rgba(33, 61, 89, .8);
z-index:100; 
top:440px;
left:0;
text-align:center;
color:#fff;
display:none;
padding:40px 0;
}

#offertaEvidenza h5{
font-size:25px;
margin-bottom:20px;
text-transform:uppercase;
}

#offertaEvidenza p{
font-size:15px;
line-height:1.7em;
margin:0 30px;
}

#offertaEvidenza a{
color:#fff;
display:block;
text-transform:uppercase;
}

#offertaMenuClose {
    height: 50px;
    position: absolute;
    right: 16px;
    top: 20px;
    width: 50px;
    z-index: 101;
}

.dettaglio{
	background:url(../images/bg_dettaglio.png) center center no-repeat;
	padding:20px 30px !important;
}

.box_description h4{
	color: #163a51;
    font-size: 24px;
    margin-bottom: 10px;
}


/* =============
Media Queries
============= */

/* ====== Small ======  */
@media only screen and (min-width : 0) and (max-width : 766px),
only screen and (min-device-width : 0) and (max-device-width : 766px),
only screen and (min-device-width : 0) and (max-device-width : 766px) and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-width: 0) and (max-device-height: 766px) and (-webkit-device-pixel-ratio: 3) {

#box_modulo_contatti input[type="text"],
.center_med,
.centra,
.box_fluid {width:100%;}

.testo{width:90%}

.colx2 {
	-moz-column-count:1;
	-moz-column-gap:0;
	-webkit-column-count:1;
	-webkit-column-gap:0;
	}

table.table_responsive,
.table_responsive td,
.table_responsive tr {
	width:100%;
	display:block;
	}
	

.rattangoloGrande .center_vert{
	left: 0;
    position: relative;
    top: inherit;
    transform: translate(0px, 0px);
    width: 80%;
}

.descrizione p{padding:10px 0 30px 0;}
.descrizione h3{padding-top:30px;}

.descrizione p, .boxTesto span, .testo p, .testo li{
	font-size: 12px;
}

header h4 a{margin:0}	

header h4 img{
	/*width:50%*/
}

div.container h4 
{
padding:	 30px 0 0 0;
}

#ico_big span a .fa {
    border: 1px solid #fff;
    color: #fff;
    font-size: 15px;
    height: 25px;
    margin-right: 8px;
    padding: 5px !important;
    text-align: center;
    width: 28px;
	
}


.socialLink p{text-align:center}

nav#navigation
{
margin:       0;
display:      none;
background:url(../images/bg_menu.png) center center repeat;
background:#fff;
text-align:center
}

nav#navigation ul li 			
{
float:        none; 
display:      block; 
width:        100%; 
}

nav#navigation  ul li a 	
{ 
height:        35px;
line-height:   35px;
font-size:     1em;
padding:       0 0 0 20px;
}

/*nav#navigation  ul li a:hover  	
{ 
color:           #f4421a;          
background:      #fff;
}*/


nav#navigation ul ul 
{
width:         100%;
position:      relative;
display:       table;
}


nav#navigation ul ul li a	
{	
font-size:     .85em;	
height:        35px;
line-height:   35px;
padding:       0 10px 0 30px;
}

nav#navigation ul ul li a:hover 
{
color:           #f4421a;          
background:      #fff;
text-decoration: none; 
}


nav#navigation ul ul ul 
{
width:         100%;
margin:        0 0 0 -100%;	
border:        0px solid #af3738;
}	


nav#navigation ul ul li ul 
{
width:         100%;
position:      relative;
}


.btn-responsive-menu
{
display:      block;
position:     absolute; 
top:          10px; 
right:        10px; 
}

/*.lingue{
	display:none;
}*/

.lingue2{display:block;}
.lingue2 a{
	width:32%;
	float:left;
	padding-left:0 !important;
}

.lingue2 #ico_big a{
	width:16.6%;
	width:20%
}



.bloccoSocial{display:none !important}


nav#navigation ul li a {
    padding: 0;
}

.slogan h1{
	font-size:20px;
}
.slogan h2{
	font-size:15px;
}
#loop{
	height:400px !important;
}

#contenitore-btnDown{display:none}

.cornice { 
    display: block;
    height: calc(100% - 140px);
    left: 0;
    margin: 70px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: calc(100% - 140px);
	background:url(../images/bg_menu.png) center center repeat;
	background:rgba(33, 61, 89, .6);
	
	height: calc(100% - 5px);
    left: 0;
    margin: 5px;
    overflow: hidden;
    position: absolute;
    top: -5px;
    width: calc(100% - 10px);
}

.cornice3 { 
    display: block;
    height: calc(100% - 140px);
    left: 0;
    margin: 70px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: calc(100% - 140px);
	background:url(../images/bg_menu.png) center center repeat;
	background:rgba(33, 61, 89, .6);

}

.cornice h4, .cornice3 h4 {
    color: #fff;
    font-size: 20px;
    left: 0;
    margin-top: -20px;
	margin-top: -10px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    width: 100%;
	font-weight:300;
}

.camere .cornice h4 span, #allRooms .cornice h4 span {
	font-size:15px;
    text-transform: none;
}

#boxmenu .row,
.boxmenu .row{margin: 0 !important}

#boxmenu .col-sm-4, #boxmenu .col-sm-3,
.boxmenu .col-sm-4, .boxmenu .col-sm-3 {
    float: left;
}

#boxmenu a,
.boxmenu a {
    overflow: hidden;
    width: 100%;
}

 #video p{display:none}

.mobile{display:block;}
.desktop{display:none}
#video{width:80%;}

#video h5{
	font-size:15px;
	margin:0;
}

#footer .col-sm-2{display:none}
.datiSoc{width:90%; margin: 0 auto}
.button, #booking h6{font-size:20px;}
.button{margin-top:10px;}
#booking{width:95%; margin:0 auto}
#booking_bar{position:relative; margin-top:10px}
#boxmenu .h5,
.boxmenu .h5{height:0;}
.zeppetta{height:0;}

#boxmenu .rattangoloGrande, #boxmenu .rattangoloPiccolo,
.boxmenu .rattangoloGrande, .boxmenu .rattangoloPiccolo{width:100%; display:block}
.boxmenu .quadrato{width:50%; display:inline-block; width:100%; display:block;}

#boxmenu .quadrato{width:100%; display:block}

hgroup h1{font-size:25px;}
hgroup{width:95%; margin:0 auto}

.perSpa{font-size:15px;}

.areaPress a{
	background: #000 none repeat scroll 0 0;
    display: block;
    float: left;
    margin: 0.5%;
    width: 24%;
}

#offertaEvidenza{
top:200px;
left:0;
}

#offertaEvidenza h5{
font-size:18px;
margin-left:30px;
margin-right:30px;
}

#offertaEvidenza p{
font-size:13px;
}

#offertaMenuClose {
    height: 50px;
    position: absolute;
    right: 10px;
    top: 20px;
    width: 50px;
    z-index: 101;
}

#formContatti span{width:100%; display:block}
#footer{text-align:center}
header {height:inherit}
nav#navigation ul li a{color:#213d59}
}

/* ====== Med ======  */
@media only screen and (min-width : 767px) and (max-width : 959px),
only screen and (min-device-width : 767px) and (max-device-width : 959px),
only screen and (min-device-width : 767px) and (max-device-width : 959px) and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-width: 767px) and (max-device-height: 959px) and (-webkit-device-pixel-ratio: 3) {

.center_med,
.centra,
.box_fluid {width:100%;}

.testo, #footer .centra{width:90%}

.areaPress a{
	background: #000 none repeat scroll 0 0;
    display: block;
    float: left;
    margin: 0.5%;
    width: 19%;
}

.datiSoc{width:90%; margin: 0 auto}

/*.logoFooter{width:70%}*/

nav#navigation ul li a{padding:0 15px; font-size:13px}
/*header h4 img{width:80%}*/
.lingue{font-size:12px; right:10px; top:45px}
.viaSocial{display:none !important}
.bloccoSocial{width:25% !important;}

#ico_big span a .fa {
    border: 1px solid #fff;
    color: #fff;
    font-size: 10px;
    height: 20px;
    margin-right: 3px;
    padding: 5px !important;
    text-align: center;
    width: 21px;
}

nav#navigation ul li a {letter-spacing:0}

.socialLink {
    margin-top: 10px;
    text-align: right;
}

.cornice {
    height: calc(100% - 40px);
    margin: 20px;
    width: calc(100% - 40px);
	
	height: calc(100% - 5px);
    left: 0;
    margin: 5px;
    overflow: hidden;
    position: absolute;
    top: -5px;
    width: calc(100% - 10px);
}

.cornice3 {
    height: calc(100% - 40px);
    margin: 20px;
    width: calc(100% - 40px);
}

.button{font-size:1.5vw;}
#booking h6{font-size:2.5vw;}

.button, #booking h6{font-size:20px;}
.button{margin-top:10px;}
#booking{width:95%; margin:0 auto}
#booking_bar{position:relative; margin-top:10px}
#booking_bar .col-sm-4, #booking_bar .col-sm-3, #booking_bar .col-sm-2, #booking_bar .col-sm-1{width:100%; float: none}
.zeppetta{height:0;}

.camere .cornice h4, .cornice3 h4 {
	margin-top: -1.7vw;
}
.camere .cornice h4 span, #allRooms .cornice h4 span {
	font-size:1.5vw;
    text-transform: none;
}

.descrizione p, .testo p, .testo li{font-size:12px !important}
#formContatti span{width:50%; display:block}

}

/* ====== Big ======  */
@media only screen and (min-width : 960px) and (max-width : 1299px),
only screen and (min-device-width : 960px) and (max-device-width : 1299px),
only screen and (min-device-width : 960px) and (max-device-width : 1299px) and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-width: 960px) and (max-device-height: 1299px) and (-webkit-device-pixel-ratio: 3) {

.box_fluid {width:960px;}

nav#navigation ul li a{padding:0 15px; font-size:13px}
/*header h4 img{width:80%}*/
.lingue{font-size:12px; right:9px; top:45px}
.viaSocial{display:none !important}
.bloccoSocial{width:25% !important;}

#ico_big span a .fa {
    border: 1px solid #fff;
    color: #fff;
    font-size: 11px;
    height: 21px;
    margin-right: 4px;
    padding: 5px !important;
    text-align: center;
    width: 23px;
}

.socialLink {
    margin-top: 10px;
    text-align: right;
}

.cornice {
    height: calc(100% - 60px);
    margin: 30px;
    width: calc(100% - 60px);
	
	height: calc(100% - 5px);
    left: 0;
    margin: 5px;
    overflow: hidden;
    position: absolute;
    top: -5px;
    width: calc(100% - 10px);
}
.cornice3 {
    height: calc(100% - 60px);
    margin: 30px;
    width: calc(100% - 60px);
}

.button{font-size:1.5vw;}
#booking h6{font-size:2.1vw;}




}

.table_table{display:table}
.datiSoc p span {
	font-size: 11px;
	line-height:1.3em;
}