@font-face {
    font-family: 'TrajanProRegular';
    src: url('fonts/trajanpro-regular-webfont.eot');
    src: url('fonts/trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/trajanpro-regular-webfont.woff') format('woff'),
         url('fonts/trajanpro-regular-webfont.ttf') format('truetype'),
         url('fonts/trajanpro-regular-webfont.svg#TrajanProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TrajanProBold';
    src: url('fonts/trajanpro-bold-webfont.eot');
    src: url('fonts/trajanpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/trajanpro-bold-webfont.woff') format('woff'),
         url('fonts/trajanpro-bold-webfont.ttf') format('truetype'),
         url('fonts/trajanpro-bold-webfont.svg#TrajanProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mr_dafoeregular';
    src: url('fonts/mrdafoe-regular-webfont.woff2') format('woff2'),
         url('fonts/mrdafoe-regular-webfont.woff') format('woff');
    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: '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: 'FrutigerBold';
    src: url('fonts/ftb_____-webfont.eot');
    src: url('fonts/ftb_____-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ftb_____-webfont.woff') format('woff'),
         url('fonts/ftb_____-webfont.ttf') format('truetype'),
         url('fonts/ftb_____-webfont.svg#FrutigerBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
	width: 100%; 	
	-webkit-font-smoothing: antialiased; 
}
* {
	padding:0;
	margin:0;	
}

body { 	 
	font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 14px; 
	background-size:contain;	
	background-repeat:no-repeat;
	background-position-x: center;
}
.booking_input_2020 {
	padding: 8px;
	margin: 0 20px 0 10px;
}
#booking_button_2020 {
	/*
	font-size: 20px;
	font-weight: bold;
	padding: 15px 20px 15px 20px;
	color: white;
	background-color: #CC0000;
	border: 0;
	cursor: pointer;	
	position: relative;
	width: auto;
	top: 90%;
	left: 35%;
	text-align: center;
	display: block;
	*/
	font-size: 20px;
	font-weight: bold;
	padding: 1%;
	color: white;
	background-color: #CC0000;
	border: 0;
	cursor: pointer;
	position: relative;
	width: 28%;
	top: auto;
	left: 35%;
	text-align: center;
	display: inline-block;
	margin-top: -100px;
	vertical-align: middle;
}
#booking_button_2021 {
	font-size: 20px;
	font-weight: bold;
	padding: 15px 20px 15px 20px;
	color: white;
	background-color: #CC0000;
	border: 0;
	cursor: pointer;	
	text-align: center;
	display: block;
}
#booking_button_2020:hover, #booking_button_2021:hover {
	background-color: #a40303;
}


#sensor {
	width: 100%;
	height: 90px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index:999;
}
li {
	margin-left: 15px;
}
#navigation {
	background-color:white;
	width: 100%;
	height: 120px;
	position: absolute;
	top: 0;
	left: 0;	
	text-align: center;
}
.logo {
	margin: 0 auto;
	margin-top: 31px;
	display: block;	
	width: 500px;
	z-index: 999999;
	position: relative;
}

.logo:hover {
	opacity: .8;
}

.nav {
	width: 100%;
	margin: 0 auto;
	text-align: center;	
	background-color: whitesmoke;
	margin-top: 30px;
}
.menubutt {
	display: inline-block;
	font-family: 'ralewaysemibold';
	padding-top: 11px;
	padding-bottom: 10px;
	width: 160px;
	margin-left: -3px;
	text-transform: uppercase;
	font-size: 14px;
	color: #333333 !Important;
	cursor: pointer;
	border-right: 0;
	border-left: 1px solid white;	
	border-top: 0;
	border-bottom: 0;
}
.menubutt:hover {
	background-color: #333333;
    color: white !Important;	
}
.last {
	border-right: 1px solid white;
}
.tendina {
	position: absolute;
	left: 50%;
    width: 160px;
	border: 0;
    text-align: center;
    margin-top: 0px;
	background-color: #EFEFEF;
	overflow: hidden;
	z-index: 99999;
}
.tendina .menubutt {
	width: 163px;
	border-top: 1px solid white;
	border-bottom: 0;
	border-right: 0;
	border-left: 0;		
}

#slideshow {
	width: 100%;
	margin-top: 130px;
	z-index: -1;
}
#video {
	width: 100%;
	margin-top: 130px;
	background-color: black;
	text-align: center;
	z-index: -1;
}
#video iframe {
	height: 100%;
	width: 100%;
	margin: 0 auto;
	z-index: -1;
}
#video_list {
	width: 100%;
	display: block;
	text-align: left;
}
.video_item {
	width: 365px;
	height: 30px;
	padding-top: 270px;
	padding-left: 20px;
	margin: 0 10px 40px 0;
	display: inline-block;
	background-size: contain;
	background-position: center center;
}
#mappa {
	margin-top: 130px;
}
.slide {
	background-size: cover;
	background-position: center center;
	width: 100%;
}
.prev {
	left: 2%;
	position: absolute;	
	top: 50%;
	width: 30px;
	opacity: .8;
	cursor:pointer;
}
.next {
	right: 2%;	
	position: absolute;
	top: 50%;
	width: 30px;
	opacity: .8;
	cursor:pointer;
}
.slideshow_text {
	position: absolute;
	z-index: 999;
	font-family: 'FrutigerBold';
	text-align: center;
	color: white;
	font-size: 50px;
	width: 800px;
	margin-left: -400px;
	left: 50%;
	top: 50%;
	margin-top: -100px;
	text-shadow: 1px 1px 5px #5E5E5E; 
}
.slideshow_text span {
	font-family: 'mr_dafoeregular';
	font-size: 60px;
	text-shadow: 1px 1px 5px #5E5E5E; 
}
.goto {
	position: absolute;
	width: 60px;
	left: 50%;
	margin-left: -30px;	
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s; 
}
.goto:hover {
	margin-top:5px;	
}
.goto img {
	width: 60px;
}
.col_3 {
	width: 30%;
	float: left;
	margin-left: 1.65%;
	margin-right: 1.65%;
}
.col_2 {
	width: 45%;
	float: left;
	margin-right: 4.9%;
}
.col_1 {
	width: 100%;
	float: left;
}
.separatore {
	width: 100%;
	height: 50px;
	clear: both;	
}
.text {
	line-height: 21px;	
}
.title {
	font-size: 25px;
	padding-bottom: 6px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 32px;
	text-transform:uppercase;
	font-weight:bold;
}
.half_col {
	width: 550px;
	float: left;
	margin-right: 47px;
}
.big {
	font-size: 35px;
	font-weight: bold;
}	
.text .big {
	color: #338b3c;	
}
.bigtext {
	color: #689101;
	font-size: 30px;
}
.file {
	display:inline-block;
	font-weight:bold;
	margin-bottom:10px;
}
.file:hover {
}
.file:hover > img {
	opacity:.6;
}

.file img:hover {
	opacity:.6;
}	
.b_availFormInner {
    background-color: white !Important;
}
.file img {
	vertical-align: middle;
	width: 15px;
	margin-right: 9px;
	margin-top: -5px;	
}
#lingue {
	position: absolute;
	left: 50%;
	margin-left: -556px;
	top: 39px;
	z-index:99999;
}
.pic {
	width: 100%;
	margin-bottom: 20px;
}
.lang img {
	width: 20px;	
}
.lang {
	display: inline-block;
	margin-right: 5px;
}	
#social {
	position: absolute;
	left: 50%;
	margin-left: 536px;
	top: 35px;
	z-index:99999;
}
.soc img {
	width: 20px;	
}
.more {
	width: 100%;
	font-size: 15px;
	display: block;
	text-align: center;
	font-family: 'CalibriBold';
	text-transform: uppercase;
	margin-top: 20px;
	background-color: #338b3c;
	color: white !Important;
	padding: 13px 0px;	
}
.wrapper {
	width: 1200px;
	margin: 0 auto;	
}

#footer {
	background-color: #303030;
	text-align: center;	
	color: #ccc !Important;
	padding-bottom: 20px;
	padding-top: 40px;	
	line-height: 24px;
}
#footer a {
	color:white !Important;
}
#totop img {
	width: 50px;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	margin-top: -65px;	
}
#totop:hover {
	opacity: 1 !Important;	
}
#footer_bottom {
	font-size: 12px;
	text-align: center;
	color: #ccc !Important;
	padding: 10px 0px;
}
#footer_bottom a {
	color: #ccc !Important;
}
.ico {
	display:block;	
	background-size: cover;
	float:left;
	margin-right:1px;
	margin-left:1px;
	margin-top:2px;
	background-position: center center;
}
.ico:hover {
	opacity:.8;	
}
.smalltitle {
	display:block; 
	text-transform:uppercase; 
	font-size:22px; 
	line-height:22px; 
	font-family: 'ralewaysemibold', Arial, Helvetica, sans-serif; 
	color:#333333; 
	width: 76%; 
	padding-left: 10%;
	margin-top:-50%;
}
.smalltitle:hover {
	opacity:.8;
}

a:link, a:visited {
    color: #666666;
	text-decoration: none;
}
a:active, a:hover {
    color: black;
	text-decoration: none;
}

#ham {
	display:none;	
}
#lingue_mobile, #social_mobile {
	display:none;	
}
.mobile {
	display:none;
}	

#booking {
	width: 680px !important;
	text-align:left !important;
	margin-top:-110px !important;
	margin:0 auto;	
	background-color: white;
	border: 1px solid #E1E1E1;
	padding: 30px;
}
#b_editDates form {
	border:none !important;	
}
.b_availFormInner {
	background-color:white !important;
	padding:32px 40px !important;
	border-radius:0 !important;
	border:1px solid #ccc !important;	
}
#b_availSubmit input {
    padding: 10px 14px !important;
    border-radius: 0 !important;
	text-transform:uppercase;
}
#b_powered {
	text-align:center !important;
}
.title_booking {
	font-size: 25px;
	margin-bottom: 10px;
	text-transform:uppercase;
	font-weight:bold;
	color:white;
}
#b_editDates {
	color:#333333 !Important;	
}
#b_editDates h3 {
	display:none;
}
#b_availSubmit {
	float:left !important;	
	margin-left: 36px;
}
.b_availDatesInner select {
	padding: 7px 10px !important;
}


span.didascalia {
	font-family: 'ralewaysemibold', Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-shadow: 1px 1px 5px #5E5E5E; 
	color:white;
	position:absolute;
	width:600px;
	left:50%;
	margin-left:-300px;
	text-align:center;
	top: 50%;
	margin-top:0px;
}



@media screen and (max-width: 1199px) {

#booking_button_2020 {
	/*
	font-size: 20px;
	font-weight: bold;
	padding: 15px 20px 15px 20px;
	color: white;
	background-color: #CC0000;
	border: 0;
	cursor: pointer;	
	position: absolute;
	width: 200px;
	top: 350px;
	left: 50%;
	margin-left: -120px;
	text-align: center;
	display: block;
	*/
	font-size: 20px;
	font-weight: bold;
	padding: 2%;
	color: white;
	background-color: #CC0000;
	border: 0;
	cursor: pointer;
	position: relative;
	width: 80%;
	top: auto;
	left: 8%;
	margin-left: auto;
	text-align: center;
	display: inline-block;
	margin-top: -100px;
	vertical-align: middle;
}
	
span.didascalia {
	font-size: 14px;
	color:white;
	position:absolute;
	width:100%;
	left:0;
	margin-left:0;
	text-align:center;
	top: 145px;
	}
	
	body {
		background-position: 60% 69% !important;
		background-size: 270%;
	}	
	.wrapper {
		width: 100% !important;
		margin: 0 auto;	
	}	
	.nomobile {
		display:none;
	}	
	.mobile {
		display:block;
	}	
	#video iframe {
		height: 100%;
		width: 100%;
		margin: 0 auto;
		z-index: -1;
	}
	.video_item {
		width: 320px;
		height: 30px;
		padding-top: 240px;
		padding-left: 20px;
		margin: 5%;
		display: block;
		background-size: contain;
		background-position: center center;
	}	
	#ham {
		position: absolute;
		display: block;
		width: 26px;
		left: 50%;
		margin-left:-13px;
		margin-top: 12px;
		z-index: 9999;
	}		
	#social, #lingue {
		display:none;
	}	
	.logo {
		width: 90%;
		margin-left: 5%;
		position: relative;
		margin-top: 22px;
	}	
	.col_3 {
		width: 90%;
		float: none;
		margin-left: 5%;
		margin-bottom: 50px;
	}
	
	.b_availDatesInner {
		width:100% !Important;	
	}	
	.b_availDatesInner select {
		margin-bottom:10px;	
		width:100%;
	}	
	#b_availSubmit input {
		background-color: #303030;
    	width: 100%;
	}	
	#b_availSubmit {
		width:100%;	
	}	
	#b_availCheckIn, #b_availCheckOut {
		width:100% !Important;	
	}	
	
	.col_1 {
		width: 90%;
		float: none;
		margin-left: 5%;
		margin-bottom: 50px;
	}	
	.col_2 {
		width: 90%;
		float: none;
		margin-left: 5%;
		margin-bottom: 50px;
	}	
	.ico {
		width:100% !Important;
		height:150px !important;	
		margin-right:0;
		margin-left:0;
	}	
	.smalltitle {
		font-size:25px;	
	}	
	#b_availSubmit {
		float:left !important;	
		margin-left: 0px;
	}
	
	#footer {
		width:90%;
		padding-right:5%;
		padding-left:5%;
		line-height: 30px;	
	}
	#footer_bottom {
		padding-bottom:30px;
	}
	
	#booking {
		width: 85% !important;
		text-align: left !important;
		margin-top: -50px !important;
		margin-left: 0px !important;
		margin-bottom: 0px !important;
		background-color: white;
		border: 0;
	}	
	.title_booking {
		color:#333333;
		display:none;
	}
	
	.b_availFormInner {
		padding: 10px 20px !important;	
	}
		
	#slideshow, .slide {
		height:250px !important;		
	}	
	#slideshow {
		margin-top:121px;	
	}	
	.goto {
		display:none;
	}	
	.nav {
		margin-top: 65px;	
	}
	
	.title_camere {
		width:90%;
		margin-left:5%;
		border-bottom:0;	
	}
	.menubutt {
		width:100%;
		padding-top:16px;
		padding-bottom:10px;
		border-top:1px solid white;
		border-right:0px solid transparent;	
		border-left:0px solid transparent;	
		margin-left:0;
	}	
	.slideshow_text {
		font-size: 20px;
		width: 70%;
		margin-left: 15%;
		left: 0;
		z-index:998;		
	}	
	.slideshow_text_page {
		top: 327px !important;
	}	
	.slideshow_text_home {
		top: 327px !important;
	}	
	.slideshow_text span {
		font-size:40px;
		margin-top:-20px;
		display:block;	
		width:80%;
		margin-left:10%;
	}	
	.tendina {
		position:relative;
		left:inherit;
		width:100%;
		margin-left:0px !Important;
		background-color:#ccc;	
	}
	.tendina .menubutt {
		width:100%;			
	}	
	#lingue_mobile, #social_mobile {
	display:block;	
	}	
	#lingue_mobile {
		margin-top:30px;
	}	
	.menubutt:hover {
		background-color:whitesmoke;
		color:#333333 !Important;
	}	
	.lang {
		margin-left:5px;
	}	
	.lang img {
		width:30px;
	}	
	#social_mobile {
		margin-top:20px;
		padding-bottom:20px;
	}	
	.soc img {
		width: 25px;
	}	
	.prev, .next {
		top: 190px;	
		width:20px;
		z-index:999;
		padding-top:30px;
		padding-bottom:30px;
	}	
	.prev {
		padding-right:50px;	
	}	
	.next {
		padding-left:50px;	
	}	
	#navigation {	
		z-index: 99999;
	}	
	.logo_footer {
		width:100%;	
		max-width: 380px;
	}	
	.smalltitle {
		display:block; 
		text-transform:uppercase; 
		font-size:25px; 
		line-height:30px; 
		font-family: 'ralewaysemibold', Arial, Helvetica, sans-serif; 
		color:white; 
		text-shadow: 1px 1px 5px #5E5E5E; 
		width: 76%; 
		padding-left: 5%;
		margin-top:0;
	}	
	.smalltitle:hover {
		opacity:.8;
		color:white !important;
	}
	#b_checkin_day, #b_checkout_day {
		width: 29%;
	}	
	#b_checkin_month, #b_checkout_month {
		width: 68%;
	}
	
}