html {
	margin: 0;
	padding: 0;
	height:100%;
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body  {
	margin: 0 auto;
	height:100%;
}
video {
	width:100%;
	height:auto;	
}

.header{
	margin:0 auto;
	height:auto;
	width:100%;	
}

.footer {
	position:absolute;
	bottom:0;
	width:100%;
}

.gayfriendly{
	margin-bottom: 25px;
}
.gayfriendly img{
	width: 130px;
}
.Imagens{
	position:relative;	
	width:100%;
	height:1099px;
	overflow:hidden;
	display:inline-block;
	z-index:1;
}
.Imagens-internas{
	position:relative;	
	width:100%;
	height:277px;
	overflow:hidden;
	display:inline-block;
	z-index:1;
}
.imgAll{
	display:none;
	position:absolute;
	z-index:1;
	opacity:1;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
	width:1920px;
}
@font-face {
    font-family: 'ralewaythin';
    src: url('raleway-thin-webfont.woff2') format('woff2'),
         url('raleway-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaythin_italic';
    src: url('raleway-thinitalic-webfont.woff2') format('woff2'),
         url('raleway-thinitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('raleway-regular-webfont.woff2') format('woff2'),
         url('raleway-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaylight';
    src: url('raleway-light-webfont.woff2') format('woff2'),
         url('raleway-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bernard_mt_condensedregular';
    src: url('bernhc-webfont.woff2') format('woff2'),
         url('bernhc-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.back-to-top {visibility: hidden;width: 50px;height: 50px;text-align: center;line-height: 48px;position: fixed;bottom: 20px;right: 20px;z-index: 90;cursor: pointer;opacity: 0;-webkit-transform: translateZ(0);transition: all .6s}
.back-to-top.show {visibility: visible;bottom: 10px;opacity: 1;}

.base-topo{
	width:100%;
	height:277px;
	background-image:url(../img/base_topo.png);
	position:absolute;
	z-index:1000;
}
.base-menu{
	width:100%;
	height:66px;
	background-image:url(../img/base_topo.png);
	position:fixed;
	z-index:999;
	display:none
}
.base-baixo{
	width:100%;
	height:394px;
	background-image:url(../img/base_topo.png);
	position:absolute;
	z-index:2;
	margin-top:705px;
}
.base-verde{
	width:100%;
	height:590px;
	background-color:#a0c655;
	position:absolute;
	z-index:2;
	margin-top:-5px;
}
.base-verde-2{
	width:100%;
	height:auto;
	background-color:#a0c655;
	position:absolute;
	z-index:2;
	margin-top:-4px;
	overflow: hidden;
    padding-bottom: 50px;
}
.base-branco{
	width:100%;
	height:713px;
	background-color:#FFF;
	position:absolute;
	z-index:2;
	margin-top:-4px;
}
.base-branco-2{
	width:100%;
	height:auto;
	background-color:#FFF;
	position:relative;
	z-index:2;
	margin-top:-4px;
}
.img-pousada{
	float:left;
	width:31%;
	margin-top:30px;
	margin-bottom:30px;
	overflow:hidden;
}
.img-pousada img{
	width:100%;
	 -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;	
	cursor:pointer;
}
.img-pousada:hover img{	
    -webkit-transform: scale(1.2) rotate(-5deg);
    -moz-transform: scale(1.2) rotate(-5deg);
    -o-transform: scale(1.2) rotate(-5deg);
    -ms-transform: scale(1.2) rotate(-5deg);
    transform: scale(1.2) rotate(-5deg);
	opacity: 0.7;	
}
.fixa{
	max-width:1170px;
	height:auto;	
}
.fixa-branco{
	max-width:1170px;
	height:640px;	
}
.fixa-interna{
	max-width:1170px;
	height:auto;
	min-height:660px;	
}
.fixa-interna-acomodacoes{
	max-width:1170px;
	height:auto;
	min-height:1030px;	
}
.fixa-interna-lazer{
	max-width:1170px;
	height:auto;
	min-height:930px;	
}
.logo{
	margin-top:30px;
	position:relative;	
}
.reserve-agora{
	position:relative;
	float:right;
	margin-top:-180px;	
	text-align:right;
}
.reserve-agora p{
	font-family:'ralewaythin_italic';
	font-size:20px;
	color:#FFF;
	text-align:right;
}
#menu-mobile{
	display:none;
}
.menu-top{
	width:100%;	
	position:relative;
	z-index:11;
	margin-top:35px;
}
#menu-bot{
	width:100%;	
	position:relative;
	z-index:11;
	margin-top:35px;
	margin-bottom:90px;
}
.menu{
	list-style:none; 
	width:auto;
	height:auto;
	margin-left:-40px;
}
.menu li{
	position:relative;
	float:left;
	margin-right:106px;
	font-family: 'bernard_mt_condensedregular';
	font-size:22px;
	color:#FFF;
	font-weight:100;
}
.menu li a{color:#FFF; text-decoration:none; display:block;} 
.menu li a:hover{
	text-decoration:underline;
}
.f-nav  { 
    z-index: 9999; 
	position: fixed; 
	width:100%;
	margin-top:-190px;
}
.divisor{
	width:auto;
	height:auto;	
}
.divisor-top{
	width:auto;
	height:auto;	
	margin-top:35px;
	margin-bottom:-8px;
}
.texto{
	width:100%;
	height:auto;
}
.texto p{
	font-family: 'ralewaylight';
	font-size:18px;
	color:#FFF;	
}
.texto-cinza{
	width:100%;
	height:auto;
	margin-top:-15px;
}
.texto-cinza p{
	font-family: 'ralewaylight';
	font-size:18px;
	color:#535353;	
}
.texto-cinza-r{
	float:left;	
	width:100%;
}
.quadro-1{
	width:49%;
	height:auto;
	float:left;
	margin-top:50px;
	margin-right:20px;
	text-align:left;
}
.quadro-1 p{
	font-family: 'ralewaylight';
	font-size:18px;
	color:#FFF;
}
.quadro-2{
	width:49%;
	height:auto;
	float:left;
	margin-top:50px;
	text-align:left;
}
.quadro-2 p{
	font-family: 'ralewaylight';
	font-size:18px;
	color:#FFF;
}
.img-quadro{
	width:100%;	
}
.img-quadro img{
	max-width:100%;	
}
.bgParallax{
	background:url(../img/bg_parallax1.jpg);	
	background-position:inherit;
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	position: relative;
	min-height: 610px;
	padding-top:633px;
	 
	background-position: 50% 0;
	background-repeat: repeat;
	background-attachment: fixed;
}
.bgParallax article {
	width: 100%;
	height:610px;
	text-align: center;
	margin:0 auto;
}
.bgParallax p{
	font-family: 'ralewaylight';
	font-size:18px;
	color:#FFF;
}
.bgParallax2{
	background:url(../img/bg_parallax2.jpg);	
	background-position:inherit;
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	position: relative;
	min-height: 608px;
	margin-top:670px;
 
	background-position: 50% 0;
	background-repeat: repeat;
	background-attachment: fixed;
}
.bgParallax2 article {
	max-width: 1170px;
	height:608px;
	text-align: center;
	margin:0 auto;
}
.bgParallax2 p{
	font-family: 'ralewaylight';
	font-size:18px;
	color:#FFF;
}

.video{
	width:auto;
	height:auto;
	margin-top:35px	
}
.linha-verde{
	float:left;
	width:100%;
	height:1px;
	background-color:#a0c655;	
}
.linha-verde-top{
	float:left;
	width:99%;
	height:1px;
	margin-top:30px;
	background-color:#a0c655;	
}
.linha-verde-footer{
	float:left;
	width:99%;
	height:1px;
	margin-top:30px;
	background-color:#a0c655;	
	margin-bottom:30px;
}
.checkin{
	float:left;
	width:20%;	
	margin-right:50px;
}
.reserva{
	float:left;
	width:51%;	
}
.label-reserva{
	float:left;
	width:100%;	
	font-family: 'ralewaylight';
	font-size:18px;
	color:#535353;
	text-align:left;
	margin-top:25px;
	margin-bottom:25px;
}
.input-chekin{
	float:left;
	width:100%;
	height:54px;
	font-family: 'ralewaylight';
	font-size:18px;
	color:#535353;
	text-align:left;
	border:1px solid #b4b4b4;
	padding-left:15px;
}
.input-reserva{
	float:left;
	width:100%;
	height:58px;
	font-family: 'ralewaylight';
	font-size:18px;
	color:#535353;
	text-align:left;
	border:1px solid #b4b4b4;
	padding-left:15px;
}
.nome{
	float:left;
	width:36%;
	margin-top:30px;
	margin-right:50px;
}
.nascimento{
	float:left;
	width:17.5%;
	margin-top:30px;
}
.telefon3{
	float:left;
	width:20%;
	margin-top:30px;
	margin-right:50px;
}
.email{
	float:left;
	width:30%;
	margin-top:30px;
	margin-right:50px;
}
.cidade{
	float:left;
	width:18%;
	margin-top:30px;
	margin-right:50px;
}
.estado{
	float:left;
	width:17.2%;
	margin-top:30px;
}
.mensagem{
	float:left;
	width:97.7%;
	margin-top:30px;
}
.reservar{
	width:100%;
	margin-top:30px;
	float:left;	
}
.infos-rodape{
	float:left;
	width:100%;
}
.infos-rodape p{
	font-family: 'ralewaylight';
	font-size:18px;
	color:#FFF;;	
}
.redes-sociais-bot{
	float:left;
	width:100%;	
	margin-bottom:20px;
}
.trip{
	float:left;
	width:100%;
	margin-top:10px;
	margin-bottom:20px;	
}
.linha-1{
	float:left;
	text-align:center;
	width:24.4%;
	border:1px solid #a0c655;
	background-color:#a0c655;
	margin:2px;
}
.linha-1 p{
	color:#FFF;
	font-weight:bold;
	font-size:17px;
}
.linha-2{
	float:left;
	text-align:center;
	width:24.4%;
	border:1px solid #efeeee;
	background-color:#efeeee;
	margin:2px;
}
.linha-2 p{
	color:#666;
	font-weight:100;
	font-size:14px;
}
.linha-3{
	float:left;
	text-align:center;
	width:73.9%;
	border:1px solid #a0c655;
	background-color:#a0c655;
	margin:2px;
}
.linha-3 p{
	color:#FFF;
	font-weight:bold;
	font-size:17px;
}
.linha-4{
	float:left;
	text-align:center;
	width:73.9%;
	border:1px solid #efeeee;
	background-color:#efeeee;
	margin:2px;
}
.linha-4 p{
	color:#666;
	font-weight:100;
	font-size:14px;
}
.linha-5{
	float:left;
	text-align:center;
	width:99.1%;
	border:1px solid #a0c655;
	background-color:#a0c655;
	margin:2px;
}
.linha-5 p{
	color:#FFF;
	font-weight:bold;
	font-size:17px;
}
.linha-6 {
    float: left;
    text-align: center;
    width: 24.4%;
    border: 1px solid #efeeee;
    background-color: #efeeee;
    margin: 2px;
}
.linha-6
 p {
    color: #666;
    font-weight: 100;
    font-size: 14px;
}
.fotos-insta{
	float:left;
	width:100%;	
	margin-bottom:20px;
}
.foto-i{
	overflow:hidden;
	width:31%;
	float:left;
	margin-right:20px;	
}
.foto-i img{
	max-width:100%;
	 -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;	
	cursor:pointer;
	
}
.foto-i:hover img{	
    -webkit-transform: scale(1.2) rotate(-5deg);
    -moz-transform: scale(1.2) rotate(-5deg);
    -o-transform: scale(1.2) rotate(-5deg);
    -ms-transform: scale(1.2) rotate(-5deg);
    transform: scale(1.2) rotate(-5deg);
	opacity: 0.7;	
}
#quadro-bem-vindo{
	width:350px;
}
.titulo-bem-vindo{
	width:100%;
	float:left;	
}
.titulo-bem-vindo p{
    font-family: 'ralewaylight';
	font-size:20px;
	color:#666666;
	font-weight:bold;
}
.texto-bem-vindo{
	width:100%;
	float:left;	
}
.texto-bem-vindo p{
    font-family: 'ralewaylight';
	font-size:16px;
	color:#666666;
	font-weight:100;
}
.input-contato-msg-m{
		height:91px;
		vertical-align:middle;
		padding-left:10px;
		font-family:'ralewaylight';
		font-size:18px;
		color:#4b4b4b;
		border:0px;width:90%;text-align:center;margin-top:0px;line-height:normal;
	}
.logo-bem-vindo{
	float:left;
	width:100%;
	margin-top:-15px;	
}
.framdevideo{
	width:730px;
	height:410px;	
	border:none;overflow:hidden
}
.font-rodape-1{
	font-size:40px;line-height:0px;	
}
.mapa-localizacao{
	float:left;
	width:100%;	
}
.mapa-localizacao p{
	font-family:'ralewaylight';
	font-size:18px;
	color:#4b4b4b;
}
.bt-reservar {
    display: inline-block;
    background-color: #a0c655;
    color: #FFF;
    text-decoration: none;
	width:414px;
	height:64px;
	font-weight:100;
	font-size:20px;
	font-family: 'ralewaylight';
	text-align:center;
	border:0px;
}
.bt-reservar:hover {
    background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.15));
   /* box-shadow: 1px 1px 1px #999;*/
	text-decoration: none; 
    cursor: pointer;
}
a.link:link {
	 text-decoration: none;
	 color:#535353;
}
a.link:visited {
	 text-decoration: none;
	 color:#535353;
}
a.link:hover {
	 text-decoration: underline;
	 color:#535353;
}
a.link:active {
	 text-decoration: none;
	 color:#535353;
}

a.linkb:link {
	 text-decoration: none;
	 color:#FFF;
}
a.linkb:visited {
	 text-decoration: none;
	 color:#FFF;
}
a.linkb:hover {
	 text-decoration: underline;
	 color:#FFF;
}
a.linkb:active {
	 text-decoration: none;
	 color:#FFF;
}
h1{
	font-family: 'bernard_mt_condensedregular';
	font-size:60px;
	color:#e91a20;
	letter-spacing:1px;
}
h2{
	font-family: 'bernard_mt_condensedregular';
	font-size:60px;
	color:#FFF;
	letter-spacing:1px;
	line-height:0px;
}
@media screen and (max-width:1024px){	/*ipad landscape*/
	.menu li{
		margin-right:78px;	
	}
	.reserva{
		 width:49%;	
	}
	.nome{
		 width:35%;	
	}
	.email{
		width:27%	
	}
}
@media screen and (max-width:768px){
	.menu li{
		margin-right:51px;
		font-size:18px;	
	}
	h1{
		font-size:50px;	
	}
	.texto p{
		font-size:16px;	
	}
	h2{
		font-size:50px;	
	}
	.quadro-1{
		width:47%;
	}
	.quadro-1 p{
		font-size:16px;	
	}
	.quadro-2{
		width:47%;
	}
	.quadro-2 p{
		font-size:16px;	
	}
	.base-verde{
		height:527px;	
	}
	.bgParallax{
		padding-top:543px;	
	}
	.bgParallax article{
		height:570px;	
	}
	.reserva{
		width:45%;	
	}
	.linha-verde-top{
		width:99%
	}
	.nome{
		width:33%;	
	}
	.email{
		width:34%	
	}
	.estado{
		width:13.2%	
	}
	.bgParallax2{
		min-height:638px;
	}
	.base-branco{
		height:533px;	
	}
	.fixa-branco{
		height:510px;	
	}
}
@media screen and (max-width:740px){	/*iphone 6+ landscape*/
	.menu li{
		margin-right:46px;
		font-size:18px;	
	}
	.cidade{
		width:17%;	
	}
	.email{
		width:29%	
	}
	.estado{
		width:9.2%	
	}
	.framdevideo{
		width:100%;
	}

	.bgParallax2 article {
	    
	    height: inherit;
	    
	}

	.infos-rodape p {

		font-size: inherit;
	}


	.bt-reservar {

		width: 90%;

	}
}
@media screen and (max-width:640px){	/*iphone 5 landscape*/
	.reserve-agora{
		display:none;	
	}
	.menu li {
		margin-right: 38px;
		font-size: 16px;
	}
	h1{
		font-size:40px;	
	}
	h2{
		font-size:40px;	
	}
	.input-chekin{
		font-size:15px;	
	}
	.reserva {
		width: 41%;
	}
	.nome {
		width: 30%;
	}
	.email {
		width: 23%;
	}
	.framdevideo{
		width:100%;
	}
	
}
@media screen and (max-width:480px){	/*iphone 4 landscape*/
	.menu-top{
		display:none;	
	}
	#menu-bot{
		display:none;	
	}
	.divisor{
		display:none;	
	}
	.divisor-top{
		display:none;	
	}
	.base-verde{
		height:387px;	
	}
	.bgParallax{
		 padding-top:403px;	
	}
	.bgParallax p{
		font-size:16px;	
	}	
	.bgParallax2{
		margin-top:1630px;	
	}
	.checkin{
		width:90%;;
		padding:0.8em	
	}
	.reserva{
		width:90%;;
		padding:0.8em	
	}
	.nome{
		width:90%;;
		padding:0.8em	
	}
	.nascimento{
		width:90%;;
		padding:0.8em	
	}
	.telefon3{
		width:90%;;
		padding:0.8em	
	}
	.email{
		width:90%;;
		padding:0.8em	
	}
	.cidade{
		width:90%;;
		padding:0.8em	
	}
	.estado{
		width:90%;;
		padding:0.8em	
	}
	.base-verde-2{
		height:490px;	
	}
	.framdevideo{
		width:100%;
	}
	.foto-i{
		margin-right:10px;	
	}
	.fixa-branco{
		height:440px;	
	}
	.font-rodape-1{
		font-size:30px;
	}
	#menu-mobile{
		display:block;
		width:100%;
		height:31px;
		margin-top:20px;
		position:absolute;
		z-index:10;
		text-align:center;
	}
	#menu-mobile p{
		font-family: 'ralewaylight';
		font-size:30px;
		color:#FFF;
		margin-top:-3px;
		margin-left:7px;
		height:38px;
		background-image:url(../img/circular.png);background-repeat:no-repeat;background-position:center;
	}
	label {
		cursor: pointer;
	}
	#menu-toggle {
		display: none; /* hide the checkbox */
	}
	#menu {
	 list-style:none;
	  display: none;
	  margin-top:-65px;
	  width:280px;
	}
	#menu li{
		position:relative;
		float:left;
		font-family: 'ralewaylight';
		font-size:16px;
		color:#FFF;
		margin-top:1px;
		background-color:#8da930;
		width:39%;
		text-align:center;
		margin-left:80px;
	}
	#menu li a{color:#FFF; text-decoration:none; padding:10px 15px; display:block;} 
	#menu li a:hover{
		color:#fff;
		-moz-box-shadow:0 3px 10px 0 #CCC;
		-webkit-box-shadow:0 3px 10px 0 #ccc;
		text-shadow:0px 0px 5px #fff;
	}
	#menu li ul li a{color:#FFFFFF; text-decoration:none; padding:10px 15px; display:block;} 
	#menu li ul li a:hover{
		color:#fff;
		-moz-box-shadow:0 3px 10px 0 #CCC;
		-webkit-box-shadow:0 3px 10px 0 #ccc;
		text-shadow:0px 0px 5px #fff;
	}
	#menu li  ul{
		background-color:#000;
		padding:0px 0px;
		display:none;
	} 
	#menu li:hover ul, #menu li.over ul{display:block;}
	#menu li ul li{		
		display:block; 
		width:280px;
		background-color:#96b435;
		}
	#menu-toggle:checked + #menu {
		display: block;
		height:auto;
		margin-top:-2px;
		float:left;
		width:100%;
		text-align:center;
	}
}
@media screen and (max-width:420px){	/*iphone 6+ portrait*/
	

}
@media screen and (max-width:360px){	/*iphone 5/4 portrait*/

}