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

/********** FONTS **********/

@font-face {
    font-family: 'ralewaybold';
    src: url('fonts/Raleway-Bold-webfont.eot');
    src: url('fonts/Raleway-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway-Bold-webfont.woff2') format('woff2'),
         url('fonts/Raleway-Bold-webfont.woff') format('woff'),
         url('fonts/Raleway-Bold-webfont.ttf') format('truetype'),
         url('fonts/Raleway-Bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaysemibold';
    src: url('fonts/Raleway-SemiBold-webfont.eot');
    src: url('fonts/Raleway-SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway-SemiBold-webfont.woff2') format('woff2'),
         url('fonts/Raleway-SemiBold-webfont.woff') format('woff'),
         url('fonts/Raleway-SemiBold-webfont.ttf') format('truetype'),
         url('fonts/Raleway-SemiBold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayextralight';
    src: url('fonts/Raleway-ExtraLight-webfont.eot');
    src: url('fonts/Raleway-ExtraLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway-ExtraLight-webfont.woff2') format('woff2'),
         url('fonts/Raleway-ExtraLight-webfont.woff') format('woff'),
         url('fonts/Raleway-ExtraLight-webfont.ttf') format('truetype'),
         url('fonts/Raleway-ExtraLight-webfont.svg#ralewayextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaylight';
    src: url('fonts/Raleway-Light-webfont.eot');
    src: url('fonts/Raleway-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway-Light-webfont.woff2') format('woff2'),
         url('fonts/Raleway-Light-webfont.woff') format('woff'),
         url('fonts/Raleway-Light-webfont.ttf') format('truetype'),
         url('fonts/Raleway-Light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('fonts/Raleway-Regular-webfont.eot');
    src: url('fonts/Raleway-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway-Regular-webfont.woff2') format('woff2'),
         url('fonts/Raleway-Regular-webfont.woff') format('woff'),
         url('fonts/Raleway-Regular-webfont.ttf') format('truetype'),
         url('fonts/Raleway-Regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINAlternateLightRegular';
    src: url('fonts/din_alternate_light-webfont.eot');
    src: url('fonts/din_alternate_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din_alternate_light-webfont.woff') format('woff'),
         url('fonts/din_alternate_light-webfont.ttf') format('truetype'),
         url('fonts/din_alternate_light-webfont.svg#DINAlternateLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/********** COMMON **********/

* {margin:0; padding:0;}

body {
	font-family: 'ralewayregular';
	font-size:18px;
	color:#595959;
	line-height:23px;
}

a { text-decoration:none; color:#696969;}
a:hover {opacity:.8;}
#wrapper {width:90%; padding-right:5%; padding-left:5%; height:auto; margin:0 auto; margin-top:150px !important; /*margin-bottom: 70px;*/ }
.separator {width:100%; height:70px; overflow:hidden;}

/********** NAVIGATION **********/

#header {z-index:999; width:90%; padding-right:5%; padding-left:5%; height:160px; background-color:white; position:absolute; top:0; /*-webkit-box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.2);*/ border-bottom:1px solid #ccc; }
#content-header {width:100%; height:auto; margin:0 auto; padding-top:15px;}
#content-header #lingue {display:none;}
#menu-mobile {position:absolute; z-index:998; background-color:white; height:100%; width:100%; top: 160px; padding-top:40px; display:none;}
#icon-menu-mobile {display:block !Important; margin-top:-90px; width:70px; cursor:pointer;}
#bottom-header {width:100%;}
#top-header {overflow:hidden; height:120px; width:100%;}
#logo {width:600px; position:absolute; left: 50%; margin-left:-300px; margin-top:0px;}
#logo img {width:600px;}
.logo_vignale { height:250px; width: auto; }
#menu {margin-top: 27px;  position: absolute; width: 100%; text-align: center; left: 0px; z-index:-1; display:none;}
#lingue { width:200px; text-align:center; margin-top:24px; z-index:999; position:absolute; left:50%; margin-left:-100px; padding-top: 50px; }
.line-header {display:none;}
#subtitle {display:block;font-size:20px; margin-top:10px;}

.lang-img {display:inline; width:77px !Important;}
.lang {border-radius: 200px; display: inline-block; width:77px; height:77px; margin-right:15px;background-color:#CECCC2;}

.menu-butt {display:block; text-transform:uppercase; padding:40px; border-bottom:1px solid #ccc; text-align:center; }
.menu-butt a {text-decoration:none; color:#696969; /*font-family: 'ralewaysemibold'; font-size:13px;*/ font-family: 'DINAlternateLightRegular'; font-size:40px; }
#butt-prenota {display:none !important; color:#696969; width:120px; padding:17px 0;display:block; text-align:center; margin-right:1px; margin-top: 10px; text-transform:uppercase; border:1px solid #ccc; cursor:pointer; float:right;}
#butt-prenota:hover {background-color:#c1bfb2; color:white;-webkit-transition: background-color 1s;-moz-transition: background-color 1s;-o-transition: background-color 1s;-ms-transition: background-color 1s;transition: background-color 1s;}

#butt-prenota-mobile {color:white; width:90%; margin:5%; display:block; padding-top: 40px; padding-bottom: 40px; margin-top: 230px; text-align:center; text-transform:uppercase; border:1px solid #ccc; cursor:pointer; font-size:40px; }
.butts_prenota { width: 25%; color:white; background-color:#dfa154; text-align:center; cursor:pointer; padding:2% 2%; display:inline-block; margin:1%; }
#content-prenota {position:absolute; left:0; z-index:998; background-color:white; height:1000px; width:100%; top: 160px; padding-top:40px; padding-bottom:100px; display:none; border-bottom: 1px solid #ccc;}
#box-prenota { width:90%; padding-right:5%; background-color:white; padding-left:5%; font-size: 30px; line-height: 40px; padding-bottom:100px; text-align:center;}
#box-prenota p {margin-bottom:40px; letter-spacing:1px;}
.datepickered_old { z-index:999; }

#slideshow {width:100%; height:700px; background-color:white;  overflow:hidden; border-bottom:1px solid #ccc; z-index:-1;}
.slide {width:100%; height:300px;}
.slide-home {width:100%; height:700px !important;}
#text-home {width:750px; height:auto; display:block; overflow:hidden; padding: 50px 25px 25px 25px; background-image:url('img/bg-90.png'); position:absolute; top:600px; border:1px solid #ccc; left:50%; margin-left:-400px; text-align:center; z-index:997;}
.text-home-single {top:440px !Important; }
#main-title {font-size:35px; text-transform:uppercase; font-family: 'ralewayregular'; margin-bottom:20px;}
.box-title-home { position:relative; margin:0 auto; width:530px; display:block; overflow:hidden;}
.appartamento { cursor:pointer; width:46%;  float:left; height:auto; margin-bottom:30px; margin-right:15px; margin-left:15px; text-transform:uppercase; font-size:35px; line-height:39px;  font-family:'ralewayregular'; border:1px solid #ccc; text-align:center;}

.bottom-appartamento {width:90%; padding-top:20px; padding:5%; height:auto; color:#696969;}
.bottom-appartamento:hover {background-color:lightgrey;}
.bottom-appartamento:hover > .nome-appartamento a {color:white;}
.nome-appartamento {line-height:25px; font-size:18px;}

.immagine-appartamento {height:250px; display:block;background-size:cover; background-position:center; }
#main-title-appartamento {font-size:40px; margin-left:5%; padding:38px 45px 38px 45px; background-color:white; border:1px solid #ccc; position: absolute; margin-top:25px; color:#696969; font-family:'ralewaylight';/*text-shadow: 2px 2px 2px grey;*/ text-transform:uppercase; z-index:997;}

.round { border:1px solid #ccc; border-radius: 100px; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-right-radius: 100px; border-bottom-left-radius: 100px; width:130px; height:130px;  margin:0 auto; margin-bottom:40px; background-size:cover; background-position:center;}

.butt {font-size:22px;  position:relative; width:160px; font-size:22px; text-transform:uppercase; padding:23px 26px 23px 26px; background-color:white; border:1px solid #ccc; position: absolute; margin-top:25px; color:#696969; font-family:'ralewaylight'; cursor:pointer;}
.butt:hover {opacity:1; background-color:#ccc; color:white;}

#footer {height:auto; padding-bottom:30px; width:90%; padding-left:5%; padding-right:5%; overflow:hidden; margin:0 auto; padding-top:20px; border-top:1px solid #ccc; text-align:center; color:#a2a2a2; font-size:13px;  }
#footer a {color:#a2a2a2;}
#footer-content {font-size:22px; line-height:27px !important; width:100%; margin:0 auto;}
#footer-content img { display:none;}
.social-img {width:215px !Important; margin-top:20px !Important;}
#footer p {display:block; width:100%; float:right; margin-top:30px; clear:both; font-size:20px; line-height:25px;}
.text-footer {text-align:left !important; width:100%; padding-top:35px; padding-bottom:30px;}

#text-appartamenti {margin-bottom:100px; padding-top:110px; font-size:28px; line-height:33px; text-align:justify;}

#gallery { overflow:hidden; margin-bottom:50px; width:100%; padding-top:50px;}
.immagine {display:block; width:23%; height:105px; margin-bottom:1%; margin-right:1%; float:left; border:1px solid #ccc;}
.immagine-location { display:block; width:22%; height:92px; margin-bottom:2%; margin-left:2%; float:left; border:1px solid #ccc; }
.title-sezione {font-family:'ralewaysemibold'; margin-bottom:20px;}
#descrizione-appartamento { text-align:justify;}

.line {height:1px; background-color:#ccc;  margin:40px 0px 40px 0px; clear:both;}
#servizi-appartamento {overflow:hidden;}
.servizio {width:33%; float:left; margin-bottom:20px; font-size:20px; text-align: left;  }
.servizio img {margin-right:10px; height:73px;}

#mappa-appartamento {clear:both; margin-top:50px; margin-right: 4px;}

#prezzo {text-align:center; color:#696969; border:1px solid #ccc; width:100%; font-size:28px; margin-bottom:20px; padding: 37px 0;}

#prenota-button {text-align: center; color:#696969; background-color:#ebeae0; padding: 37px 0; width:100%; font-size:25px; cursor:pointer; text-transform:uppercase;border:1px solid #CCC;}
#prenota-button a:hover {color:white;}
#prenota-button:hover {background-color:#c1bfb2; color:white;-webkit-transition: background-color 1s;-moz-transition: background-color 1s;-o-transition: background-color 1s;-ms-transition: background-color 1s;transition: background-color 1s;}
#prenota-title {text-align: center; color:#696969; background-color:#ebeae0; padding: 17px 0; width:317px; font-size:15px; text-transform:uppercase;border:1px solid #CCC;}
#calendar {height:350px; width:100%; border:1px solid #ccc; margin: 20px 0px 20px 0px;}

td.normale {
    background-color: #FFFFFF;
}
td.highlight {
    background-color: #FFF9E1;
}
td.festivo {
   background-color: #F7F6EF;
}
tr.normale {
    background-color: #F9F9F7;
}
tr.highlight {
    background-color: #FFF9E1;
}
tr.festivo {
   background-color: #F4F3ED;
}
.greytext {
	color: #CCCCCC;
}
.greentext {
	color: green;
}
.butts {width:100% !Important; height:110px !Important; background-color:#E3E1D7; color:#666666; border: 1px solid #CCCCCC; cursor:pointer; font-size:30px !Important; margin-top:100px; border-radius: 0;}

.datepickercheck_1, .datepickercheck_2, .datepickercheck_mini_1, .datepickercheck_mini_2, .datepickered_special {
	display: inline-block;
	width: 35px;
    height: 49px;
	background: url(img/calendar.png) center no-repeat;
	border: 0;
	cursor: pointer;
	padding-left: 15px;
	margin-left: 5px;
	margin-right: 10px;
	background-size: cover;
    margin-top: 30px;
	margin-bottom: 30px;
	text-indent:999px;
}
#user_date_1, #user_date_2 {
	border: 0;
	font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
	font-size: 50px;
	color: #595959;
	height:70px;
	padding-right:5%;
	margin-top:30px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {padding:20px !important; }
.ui-datepicker {left:0 !Important; padding:5% !important; width:90% !important; font-size:40px !important;}
.ui-icon-circle-triangle-e {background:url(js/images/calendar-arrow-dx.png) center center no-repeat !important; background-size:cover !important; margin-left: -44px !Important; margin-top:-30px !Important;}
.ui-icon-circle-triangle-w {background:url(js/images/calendar-arrow-sx.png) center center no-repeat !important; background-size:cover !important; margin-left: -24px !Important; margin-top:-30px !Important;}
.ui-icon {width:70px !important; height:70px !important;}
#people {
	border: 1px solid #E1E1E1;
	font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #595959;
	height:70px;
	margin-top:30px;
}

#room_id {
	border: 1px solid #E1E1E1;
	font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #595959;
	width:100% !important;
	height:70px;
	padding-right:5%;
	margin-top:30px;
}
#room_id { width:312px; }
#people { width:40px; }
.bubble {
    position: absolute;
    width: 382px;
    padding: 10px 0px 10px 0px;
	bottom:170px;
    background: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	color:grey; text-align:center;
	border:1px solid #ccc;
}

#prezzo:hover > .bubble {
	display:block !important;
}

.page-pic {height:300px !important; overflow:hidden;}

.page-text { display:none; text-align:left; float:left; width:100% !important;}

.page-text-mobile {display:block !Important; text-align:left; width:100%; margin-top:50px;}
.appartamento-bottom-mobile {width:100% !Important;}

.page-right {width:100% !Important; }
.box-title {min-width:700px; text-align:left; position:absolute; margin-top:240px; display:block;}
.sezione {margin-bottom:40px; }

.info-home {text-align:center; margin-bottom:50px; margin-top:-50px; }


.col_1 {float:left; width:30%; margin-left:20px;}
.titolo-news {margin-top:0px; font-size:27px; line-height: 32px; margin-right:40px;}
.top-box {width:100%; padding:20px; height:auto; color:#696969;}

.box-home {width:100%; border:1px solid #ccc; height:auto; float:left;}
.immagine-box {height:300px; width:100%; display:block;   }

.titolo-box {height:auto; padding:30px; text-align:center; display:block;cursor:pointer; text-transform:uppercase; font-size:26px;}
.main-title-container {width:100%; left:50%; margin-left:-500px; position:absolute; display:block; margin-top:620px;}

#tiles {
width: 100%;
}
#tiles a { display:inline-block; width:100%; margin: 0 0 10px 0;}

#tiles img{
	position:relative; height: 100px; width:auto;
}
.immagine-news {
	width: 100%; height:300px; display:block; background-position: center; background-size: cover;
}

.main-pic {height:400px; border:1px solid #ccc;}
.title-dettaglio {font-size:30px; color:#696969; padding-top:10px; padding-bottom:20px; font-family:'ralewayregular';}

#share {text-align:center;}

.datepickercheck_1, .datepickercheck_2, .datepickered_special {
	display: inline-block;
	width: 35px;
    height: 49px;
	background: url(img/calendar.png) center no-repeat;
	border: 0;
	cursor: pointer;
	padding-left: 15px;
	margin-left: 5px;
	margin-right: 10px;
	font-size: 20px;
	background-size:cover;
}
#user_date_1, #user_date_2 {
	border: 0;
}
.text {
	font-size: 15px;
}

.info {text-align:center; display:inline-block; margin-right:25px; margin-left:25px; font-size:20px;}
.info img {height:130px !important;}
#info-appartamento {width:100%; overflow:hidden; text-align:center; margin-bottom: 50px; font-family: 'ralewaybold'; color:grey; }
.link_box-home { width:100%; display: inline-block; margin-bottom:20px; }
.link_box-home:hover {background-image:url(img/bg-20.png);}

.link_box-news {width:25%; height:auto; border:1px solid #ccc; overflow:hidden; color:white; float:left; display:inline-block; position:relative;}
.data {font-size:25px; margin-bottom:10px;}
.contact-left {width:100% !Important; margin-top:50px; font-size:18px; line-height:24px;}
.contact-right {width:100% !Important; margin-top:100px;}
.prenota-date-persone {width:100% !Important; margin-top:100px !Important; font-size: 20px !important; line-height: 31px;}
.butt_procedi {width:100% !Important; margin-top:100px !Important; line-height: 31px; height:auto !important; padding-top:40px !important; padding-bottom:40px !important; font-weight:bold;}
.wrapper-prenota  {padding-top:100px !important; font-size:18px !Important; line-height:24px;}
.wrapper-prenota_2  {padding-top:100px !important; font-size:25px !Important; line-height:29px;}

.tabella-date-persone {width:100% !Important; font-size:25px;}
.tabella-date-persone tr {height:30px;}

.room {width:100% !Important;}
.labels-prenota {font-size:25px !important; width:100% !Important;  margin-bottom:60px; text-align:center; }
.labels-prenota img {width:100px; height:auto; margin-bottom:40px;display:block;}
.lab {display:inline-block; margin-left:20px; margin-right:20px;}

.calendar-table {width:100%;}
.richiesta {padding-top:50px !Important; padding-bottom:50px !important;}
.nomobile {display:none;}
#socials {display:none;}


.tablefull {width:100%;}
.tablefull select {font-size:26px; width:100px !Important; height:60px;}
.tablefull .text {margin-bottom:20px; height:60px; font-size:26px; width:200px; }
.back_prenotazione {font-size:80px !Important; margin-top:40px;}
.date-section {font-size:25px !Important; line-height:29px; margin-bottom:20px;}
.price-section {font-size:25px !Important; line-height:29px; margin-bottom:20px; position:relative !Important;}
.price-section-right {margin-top:-140px; }

#myForm {font-size:22px; padding-top:50px;}
.sharepage {width:100%; height:60px; font-size:26px; margin-top:20px; margin-bottom:30px;}
.pers_price {font-size:20px !Important; display:block; margin-top:10px;}

.riassunto_pren {position:relative !Important; margin-top:50px !important; margin-left:0 !Important; width:100% !important;}

.searchbutt {margin-top:10px;}

.submit_area {width:80px; height:20px; color:#666666; border: 1px solid #CCCCCC; cursor:pointer; }

.input_text {height:60px; font-size:26px; }

#form_iscrizione, #form_rimozione {font-size:25px; }
.wrapper-newsletter {font-size:25px; line-height:30px; padding-top:50px;}

.prima_col {width:250px;}

#video {width:100%; height:600px; margin-top: 110px; background-color:black; overflow:hidden; border-bottom:1px solid #ccc; z-index:-1; display:block; }
#video_cont { height:600px; width:1000px; margin:0 auto; }

.onlymob{
    display:block !important;
}

.nomobile {
    display:none !important;
}