*{

	margin: 0px;
	padding: 0px;
}
.topo-todo{
	width: 100%;
	height: 100vh;
	position: absolute;
	z-index: 9999;
	top: 0%;
}
.topo{
	width: 70%;
	height: auto;
	margin: 0px auto;
	padding-top: 10px;
	text-align: center;
}
@media screen and (max-width: 1290px){
	.topo{
		width: 80%;
	}
}
@media screen and (max-width: 1132px){
	.topo{
		width: 90%;
	}
}
.logo{
	width: 30%;
	height: auto;
	margin: 0px auto;
}
@media screen and (max-width: 670px){
	.logo{
		width: 35%;
	}
}
@media screen and (max-width: 400px){
	.logo{
		width: 50%;
	}
}
@media screen and (max-width: 280px){
	.logo{
		width: 70%;
	}
}
.img-logo{
	width: 100%;
	height: auto;
}
ul.menu{
	width: auto;
	height: auto;
	background-color: rgba(0,0,0,0.3);
}
ul.menu li{
	list-style: none;
	display: inline-block;
	padding: 5px 15px;
}
.menu-padding-1{
	padding-left: 5px!important;
}
.menu-padding-2{
	padding-right: 5px!important;
}
ul.menu li a{
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
ul.menu li a hover{
	color: #FE6600;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
@media screen and (max-width: 998px){
	ul.menu li a{
		font-size: 0.8em;
	}
}
.faca-reserva{
	width: 100%;
	height: auto;
	background-color: #FE6600;
	text-align: center;
	padding: 30px 0px;
	position: relative;
	background-image: url(../imagens/bg-faca-reserva.png);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: top;
}
.faca-reserva img{
	width: 5%;
	display: inline-block;
}
@media screen and (max-width: 910px){
	.faca-reserva img{
		width: 10%;
	}
}
@media screen and (max-width: 560px){
	.faca-reserva img{
		width: 15%;
	}
}
.faca-reserva a{
	text-decoration: none;
	display: inline-block;
	color: #FFFFFF;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	border: 1px solid #FFFFFF;
	padding: 4px 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
@media screen and (max-width: 350px){
	.faca-reserva{
		padding: 15px 0px;
	}
	.faca-reserva img{
		display: none;
	}
	.faca-reserva p{
		font-size: 0.9em;
	}
}
.pousada-home-todo{
	width: 100%;
	height: auto;
	background-color: #0062BE;
	padding: 40px 0px;
}
.pousada-home{
	width: 70%;
	height: auto;
	margin: 0px auto;
	text-align: center;
}
.pousada-home img{
	width: 25%;
	height: auto;
	display: inline-block;
}
.pousada-home-texto{
	width: 65%;
	height: auto;
	display: inline-block;
	margin-left: 30px;
	vertical-align: top;
}
@media screen and (max-width: 1170px){
	.pousada-home{
		width: 85%;
	}
}
@media screen and (max-width: 1000px){
	.pousada-home{
		width: 95%;
	}
}
.pousada-home-texto h4{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	text-align: left;
	color: #FFFFFF;
}
.pousada-home-texto p{
	margin-top: 20px;
	line-height: 23px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	text-align: left;
	color: #FFFFFF;
}
.pousada-home-texto a{
	display: inline-block;
	margin-top: 20px;
	padding: 3px 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 0.9em;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
@media screen and (max-width: 650px){
	.pousada-home img{
		width: 40%;
		margin: 10px auto;
		display: block;
	}
	.pousada-home-texto{
		width: 90%;
		display: block;
		margin: 20px auto 0px auto;
	}
	.pousada-home-texto h4{
		text-align: center;
	}
	.pousada-home-texto p{
		margin-top: 20px;
		text-align: justify;
	}
}
@media screen and (max-width: 400px){
	.pousada-home img{
		width: 60%;
	}
}
@media screen and (max-width: 300px){
	.pousada-home img{
		width: 80%;
	}
}
.area-quadro-todo{
	width: 100%;
	height: auto;
	padding: 30px 0px 100px 0px;
	position: relative;
	background-image: url(../imagens/bg-quadros.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: top;
	background-color: #F8E4B7;
}
.area-quadro{
	width: 80%;
	height: auto;
/*	padding-bottom: 20px;*/
	/*margin: 0px auto;*/
	margin: 80px auto 0px auto;
	text-align: center;
	background-color: #FFFFFF;
}
/* nova área */
.faca-reserva-novo-img{
	width: 40%!important;
	height: auto!important;
	float: left;
}
.quadro-ofertas-novo{
	width: 55%;
	height: auto;
	float: right;
	margin-right: 20px;
	margin-top: 20px;
	text-align: left;
}
@media screen and (max-width: 768px){
	.area-quadro{
		padding-bottom: 20px;
		text-align: center!important;
	}
	.faca-reserva-novo-img{
		width: 80%!important;
		float: none;
		display: block;
		margin: 10px auto;
	}
	.quadro-ofertas-novo{
		width: 80%;
		float: none;
		display: block;
		margin: 10px auto;
	}
}
.quadro-ofertas-novo h1{
	color: #FE6600;
	text-align: left;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}
ul.ofertas-todo{
	width: 100%;
	height: auto;
}
ul.ofertas-todo li{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	list-style: none;
}
ul.ofertas-todo li h4{
	text-align: left;
	color: #CCCCCC;/*#0062BE*/
}
ul.ofertas-todo li p{
	color: #000000;
	text-align: left;
	margin-top: 10px;
	font-size: 0.9em;
}
.bt-ofertas{
	background-color: #0062BE;
	display: inline-block;
	text-decoration: none;
	color: #FFFFFF;
	font-family: 'Montserrat', sans-serif;
	padding: 10px 20px;
	border-radius: 20px;
}
.bt-ofertas:hover{
    background-color: #FE6600;
}
.bt-ofertas a{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 700;
}
.clear{
	clear: both;
}




/* final nova area */
@media screen and (max-width: 1166px){
	.area-quadro{
		width: 95%;
	}
}
@media screen and (max-width: 1063px){
	.area-quadro{
		width: 95%;
	}
}
.area-quadro h3{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #0062BE;
	text-align: center;
	padding-bottom: 30px;
}
.quadro-principal{
	width: 23%;
	height: 400px;
	display: inline-block;
	margin: 0px 7px;
	vertical-align: top;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
@media screen and (max-width: 893px){
	.quadro-principal{
		width: 40%;
		margin: 0px 10px 90px 10px;
	}
	.area-quadro-todo{
		padding: 130px 0px 40px 0px;
	}
	.area-quadro h3{
		margin-top: 100px;
	}
}
.quadro{
	width: 100%;
	height: 400px;
	/*padding: 15px 10px 0px 10px;*/
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.quadro h1{
	padding-top: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 1.4em;
	text-align: center;
	color: #FFFFFF;
}
.quadro img{
	width: 40%;
	height: auto;
	margin: 0px auto;
}
.quadro ul {
    width: 75%;
    height: 250px;
    padding-top: 30px;
    padding-left: 14px;
    margin: 0px auto;
}
.quadro ul li {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.75em;
    text-align: left;
    color: #FFFFFF;
    margin-bottom: 15px;
    list-style-image: url(../imagens/icone-lista.png);
}
.link-quadro{
	width: 100%;
	height: auto;
	display: block;
	padding: 25px 0px;
	text-align: center;
	background-color: #FFFFFF;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}
.link-quadro a{
	width: 80%;
	height: auto;
	margin: 0px auto;
	padding: 8px 20px;
	color: #0062BE;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	text-decoration: none;
	text-align: center;
	border: 2px solid #0062BE;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.q1{
	background-size: 100%;
	background-color: #39B54A;
	position: relative;
	background-image: url(../imagens/q-1.png);
	background-repeat: no-repeat;
/*	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	background-position: bottom;
}
.q2{
	background-size: 100%;
	background-color: #3FA9F5;
	position: relative;
	background-image: url(../imagens/q-2.png);
	background-repeat: no-repeat;
/*	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	background-position: bottom;
}
.q3{
	background-size: 100%;
	background-color: #FF1D25;
	position: relative;
	background-image: url(../imagens/q-3.png);
	background-repeat: no-repeat;
/*	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	background-position: bottom;
}
.q4{
	background-size: 100%;
	background-color: #B3B3B3;
	position: relative;
	background-image: url(../imagens/q-4.png);
	background-repeat: no-repeat;
/*	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	background-position: bottom;
}
@media screen and (max-width: 600px){
	.area-quadro-todo{
		padding: 40px 0px;
		background-image: none;
		background-color: #F8E4B7;
	}
	.area-quadro h3 {
	    margin-top: 0px;
	}
	.quadro-principal{
		width: 80%;
		height: auto;
		display: block;
		margin: 10px auto;
		-webkit-border-top-left-radius: 20px!important;
		-webkit-border-top-right-radius: 20px!important;
		-moz-border-radius-topleft: 20px!important;
		-moz-border-radius-topright: 20px!important;
		border-top-left-radius: 20px!important;
		border-top-right-radius: 20px!important;
	}
	.quadro{
		width: 100%;
		height: auto;
		padding-bottom: 20px;
	}
	.q1{
		background-image: none;
	}
	.q2{
		background-image: none;
	}
	.q3{
		background-image: none;
	}
	.q4{
		background-image: none;
	}
	.quadro ul {
	    height: auto;
	}
}
@media screen and (max-width: 320px){
	.quadro-principal{
		width: 90%;
	}
}
.area-galeria-home{
	width: 100%;
	height: auto;
}
.imagem-galeria-home{
	width: 25%;
	height: auto;
	float: left;
}
@media screen and (max-width: 768px){
	.imagem-galeria-home{
		width: 33.33%;
	}
}
@media screen and (max-width: 480px){
	.imagem-galeria-home{
		width: 50%;
	}
}
@media screen and (max-width: 270px){
	.imagem-galeria-home{
		width: 100%;
		float: none;
	}
}
.clear{
	clear: both;
}
.outras-hospedagens{
	width: 90%;
	height: auto;
	margin: 0px auto;
	padding: 30px 0px 50px 0px;
	text-align: center;
}
.outras-hospedagens h1{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.2em;
	padding-bottom: 40px;
	color: #FE6600;
	text-align: center;	
}
.outras-hospedagens img{
	width: 15%;
	height: auto;
	display: inline-block;
	margin: 0px 20px;
}
@media screen and (max-width: 870px){
	.outras-hospedagens img{
		width: 22%;
	}
}
@media screen and (max-width: 870px){
	.outras-hospedagens img{
		width: 25%;
	}
}
@media screen and (max-width: 460px){
	.outras-hospedagens img{
		width: 35%;
	}
}
@media screen and (max-width: 330px){
	.outras-hospedagens img{
		width: 80%;
		display: block;
		margin: 10px auto;
	}
}
.inscrevase-todo{
	width: 100%;
	height: auto;
	background-color: #FE6600;
	text-align: center;
	padding: 30px 0px;
	position: relative;
	background-image: url(../imagens/bg-faca-reserva.png);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: top;
}
.inscrevase{
	width: 90%;
	height: auto;
	margin: 0px auto;
	text-align: center;
}
.inscrevase h1{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.2em;
	color: #FFFFFF;
}
.formulario-home{
	width: 100%;
	height: auto;
	margin-top: 30px;
}
.campo-nome-home{
	width: 13%;
	height: 25px;
	display: inline-block;
	margin-right: 15px;
	padding: 3px 0px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: transparent;
	border: 1px solid #FFFFFF;
}
.campo-email-home{
	width: 30%;
	height: 25px;
	display: inline-block;
	margin-right: 15px;
	padding: 3px 0px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: transparent;
	border: 1px solid #FFFFFF;
}
.botao-home{
	height: 30px;
	padding: 3px 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: none;
	color: #FFFFFF;
	background-color: #0062BE;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}
.campo-nome-home::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    color: #FFFFFF;
    padding-left: 10px;
}

.campo-nome-home:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    color: #FFFFFF;
    padding-left: 10px;    
}

.campo-nome-home::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    color: #FFFFFF;
    padding-left: 10px;
    opacity: 1;
}

.campo-nome-home:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    color: #FFFFFF;
    padding-left: 10px;
}

.campo-nome-home::-ms-input-placeholder { /* Microsoft Edge */
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    color: #FFFFFF;
    padding-left: 10px;
}
.campo-email-home::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    color: #FFFFFF;
    padding-left: 10px;
}

.campo-email-home:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    color: #FFFFFF;
    padding-left: 10px;    
}

.campo-email-home::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    color: #FFFFFF;
    padding-left: 10px;
    opacity: 1;
}

.campo-email-home:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    color: #FFFFFF;
    padding-left: 10px;
}

.campo-email-home::-ms-input-placeholder { /* Microsoft Edge */
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    color: #FFFFFF;
    padding-left: 10px;
}
@media screen and (max-width: 1100px){
	.campo-nome-home{
		width: 20%;
	}
}
@media screen and (max-width: 800px){
	.campo-nome-home{
		width: 30%;
	}
	.campo-email-home{
		width: 40%;
	}
}
@media screen and (max-width: 530px){
	.campo-nome-home{
		width: 90%;
		display: block;
		margin: 10px auto;
	}
	.campo-email-home{
		width: 90%;
		display: block;
		margin: 10px auto;
	}
	.botao-home{
		display: block;
		margin: 10px auto;
	}
}
.bg-topo-rodape{
	width: 100%;
	height: 70px;
	position: relative;
	background-image: url(../imagens/bg-topo-rodape.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: top;
}
.rodape-todo{
	width: 100%;
	height: auto;
	text-align: center;
	padding: 30px 0px 350px 0px;
	position: relative;
	background-image: url(../imagens/bg-rodape.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: bottom;
}
.area-texto-logo-rodape{
	width: 70%;
	height: auto;
	margin: 0px auto;
}
@media screen and (max-width: 1100px){
	.area-texto-logo-rodape{
		width: 80%;
	}
}
@media screen and (max-width: 936px){
	.area-texto-logo-rodape{
		width: 95%;
	}
}
.area-texto-rodape{
	width: 70%;
	height: auto;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.area-texto-rodape p{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	text-align: left;
	vertical-align: top;
	line-height: 18px;
	color: #FFFFFF;
}
.area-texto-rodape p span{
	text-align: center;
}
.area-logo-rodape{
	width: 18%;
	height: auto;
	margin-left: 20px;
	display: inline-block;
}
@media screen and (max-width: 788px){
	.area-texto-rodape{
		width: 80%;
	}
	.area-logo-rodape{
		margin-left: 5px;
	}
}
@media screen and (max-width: 688px){
	.area-texto-rodape{
		width: 100%;
		display: block;
	}
	.area-texto-rodape p{
		text-align: center;
	}
	.area-logo-rodape{
		width: 35%;
		display: block;
		margin: 20px auto;
	}
}
@media screen and (max-width: 360px){
	.area-logo-rodape{
		width: 65%;
	}
}
.link-rodape{
	display: inline-block;
	border: 1px solid #FFFFFF;
	text-align: center;
	text-decoration: none;
	margin-top: 50px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 0.8em;
	color: #FFFFFF;
	padding: 6px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
#reserveagora{
	display: none;
	position: fixed;
	bottom: 50%;
	right: 30px;
	z-index: 9999;
	border: none;
	outline: none;
	background-color: #FE6600;
	color: #FFFFFF;
	cursor: pointer;
	padding: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	border: 1px solid #FFFFFF;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.redes{
	width: 7%;
	height: auto;
	float: right;
}
@media screen and (max-width: 1256px){
	.redes{
		width: 10%;
	}
}
@media screen and (max-width: 900px){
	.redes{
		width: 13%;
	}
}
@media screen and (max-width: 660px){
	.redes{
		width: 17%;
		float: none;
		margin: 10px auto 0px auto;
	}
}
@media screen and (max-width: 500px){
	.redes{
		width: 30%;
	}
}
.rede{
	width: 30%;
	height: auto;
	display: inline-block;
	margin: 0px 3px;
}
.clear{
	clear: both;
}
.traducao{
	position: absolute;
/*	margin-top: -135px!important;
	margin-left: 5px;*/
}
.traducao{
	list-style:none; 
	float:left; 
}
@media screen and (max-width: 450px){
	.traducao{
/*		float: none;
		display: block;
		position: relative;
		margin-top: 0px!important;
		top: -60px;
		left: 8px;
		margin-left: auto;
		margin-right: auto;*/
	}
}
.traducao li{
	position:relative; 
	float:left; 
}
.traducao li a{
	color: #333333;
	text-decoration: none;
	padding: 5px 10px;
	display: block;
} 
.traducao li a:hover{
	color: #FFFFFF; 
	-moz-box-shadow: 0 3px 10px 0 #CCC; 
	-webkit-box-shadow: 0 3px 10px 0 #ccc; 
	text-shadow: 0px 0px 5px #fff; 
}
.traducao li  ul{
	position: absolute; 
	top: 100%; 
	left: 0;
	display: none;
}
.traducao li:hover ul, .traducao li.over ul{
	display: block;
}
.traducao li ul li{
	display: block; 
	width: 100%;
}