@charset "UTF-8";



/* CSS - Spiller | Codificado por: Ueek Agência Digital | Ano: 2018 */



select,

option,

textarea,

input[type="submit"],

input[type="text"],

input[type="text"]::placeholder{

    font-family: 'Montserrat', sans-serif;

}



@font-face {

    font-family: 'Felixti';

    src: url('fonts/Felixti.eot');

    src: url('fonts/Felixti.eot?#iefix') format('embedded-opentype'),

        url('fonts/Felixti.woff') format('woff'),

        url('fonts/Felixti.ttf') format('truetype'),

        url('fonts/Felixti.svg#Felixti') format('svg');

    font-weight: normal;

    font-style: normal;

}





/*

font-family: 'Montserrat', sans-serif;

font-family: 'Playfair Display', serif;

font-family: 'Poppins', sans-serif;

font-family: 'Exo 2', sans-serif;

font-family: 'Felixti';

*/





/* apagar caso queiram mais de uma imagem no slider da home. Isso serve pra ocultar os botões de anterior e proximo slide */

#estrutura .unslider-arrow{

	display: none !important;

}







.br-tab{ display: none; }

.br-cel{ display: none; }





.disp-cel{ display: none; }



/************************* HOME *****************************/

#banner{

	background: url('../img/banner.jpg');

	background-repeat: no-repeat;

	background-position: center;

	box-sizing: border-box;

	height: 715px;

	text-align: center;

	padding-top: 285px;

	text-transform: uppercase;

}



#banner h1{

	color: #ffffff;

	font-family: 'Felixti';

	font-size: 50px;

}



#banner h2{

	color: #ffffff;

	font-family: 'Felixti';

	font-size: 13px;

	margin-top: 20px;

	letter-spacing: 12px;

}



#estrutura{

	height: 650px;

}



#estrutura #estrutura-l{

	float: left;

	height: 100%;

	width: 50%;

}



#estrutura #estrutura-l #estrutura-l-r{

	box-sizing: border-box;

	float: right;

	height: 100%;

	width: 500px;

	padding-top: 75px;

}



#estrutura #estrutura-r{

	/*background: url('../img/img-estrutura.jpg');

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;*/

	float: right;

	height: 100%;

	width: 50%;

}



.img-slider{

	height: 650px;

	width: 100%;

}



#estrutura #estrutura-l #estrutura-l-r h1{

	color: #000;

	font-family: 'Felixti';

	font-size: 35px;

	text-transform: uppercase;

}



.separacao{

	border: 1px solid #252775;

	width: 33px;

}



#estrutura #estrutura-l #estrutura-l-r .separacao{

	margin: 40px 0;

}



#estrutura #estrutura-l #estrutura-l-r p{

	color: #000;

	font-family: 'Exo 2', sans-serif;

	font-size: 14px;

	font-weight: 300;

	line-height: 40px;

	margin-bottom: 20px;

	width: 470px;

}



#estrutura #estrutura-l #estrutura-l-r a{

	display: inline-block;

	float: left;

}



#estrutura #estrutura-l #estrutura-l-r #btn-estrutura{

	background: #252775;

	border: 1px solid transparent;

	border-radius: 5px;

	color: #ffffff;

	float: left;

	font-family: 'Exo 2', sans-serif;

	font-size: 14px;

	font-weight: 400;

	line-height: 40px;

	line-height: 38px;

	margin-right: 15px;

	height: 38px;

	width: 140px;

	text-align: center;

}



#estrutura #estrutura-l #estrutura-l-r #btn-estrutura:hover{

	background: transparent;

	border: 1px solid #252775;

	color: #252775;

}



#estrutura #estrutura-l #estrutura-l-r span{

	color: #000;

	display: block;

	float: left;

	font-family: 'Exo 2', sans-serif;

	font-size: 14px;

	font-weight: 400;

	line-height: 38px;

}



#estrutura-reserve{

	color: #000;

	font-family: 'Exo 2', sans-serif;

	font-size: 14px;

	font-weight: 400;

	line-height: 38px;

	margin-left: 7px;

	text-decoration: underline;

}



#estrutura-reserve:hover{

	font-weight: 700;

}



#gastronomia{

	background: #ededed;

	padding: 80px 0;

}



#gastronomia h1{

	color: #000;

	font-family: 'Felixti';

	font-size: 35px;

	text-transform: uppercase;

	text-align: center;

}



#gastronomia .separacao{

	margin: 30px auto;

}



#gastronomia p{

	color: #000;

	font-family: 'Exo 2', sans-serif;

	font-size: 14px;

	font-weight: 300;

	margin-bottom: 35px;

	text-align: center;

}



.bloco-gastronomia{

	margin-bottom: 13px;

}





.bloco-gastronomia .item1-gast{

	background: url('../img/1.jpg');

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	float: left;



	margin-right: 13px;



	height: 555px;

	width: 338px;

}



.bloco-gastronomia .item2-gast{

	background: url('../img/2.jpg');

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	float: left;



	margin-right: 13px;

	margin-bottom: 13px;



	height: 272px;

	width: 318px;

}



.bloco-gastronomia .item3-gast{

	background: url('../img/3.jpg');

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	float: left;



	margin-bottom: 13px;



	height: 272px;

	width: 318px;

}



.bloco-gastronomia .item4-gast{

	background: url('../img/4.jpg');

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	float: left;



	height: 270px;

	width: 649px;

}



#gastronomia #btn-gastronomia{

	background: #252775;

	border: 1px solid transparent;

	border-radius: 5px;

	color: #ffffff;

	font-family: 'Exo 2', sans-serif;

	font-size: 14px;

	font-weight: 400;

	line-height: 38px;

	margin: 35px auto 0 auto;

	height: 38px;

	width: 140px;

	text-align: center;

}



#gastronomia #btn-gastronomia:hover{

	background: transparent;

	border: 1px solid #252775;

	color: #252775;

}



#promocoes{

	padding: 95px 0 50px 0;

}



#promocoes h1{

	color: #000;

	font-family: 'Felixti';

	font-size: 35px;

	text-transform: uppercase;

}



#promocoes .separacao{

	margin: 35px 0;

}



#promocoes .btn-promocoes{

	background: #252775;

    border: 1px solid transparent;

    border-radius: 5px;

    color: #ffffff;
    font-family: 'Exo 2', sans-serif;

    font-size: 14px;

    font-weight: 400;

    line-height: 38px;

    margin: 50px auto 0 auto;

    height: 38px;

    width: 155px;

    text-align: center;

}



#promocoes .btn-promocoes:hover{

	background: transparent;

	border: 1px solid #252775;

	color: #252775;

}



.itens-promocoes{



}



.itens-promocoes .item-promocao{

	background: url('../img/bg-promocao.jpg');

	background-repeat: no-repeat;

	background-position: right center;

	background-size: auto 100%;

	/*min-height: 610px;*/

	padding: 0px 0 0px 0;

}



.itens-promocoes .item-promocao h2{

	color: #000;

	font-family: 'Exo 2', sans-serif;

	font-size: 20px;

	line-height: 40px;

	margin-bottom: 25px;

    min-height: 80px;

	max-width: 500px;

}



.itens-promocoes .item-promocao .img-promocao{

	background: url('../img/img-promocao.jpg');

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	filter: grayscale(100%);

	height: 400px;

	width: 685px;

}



.itens-promocoes .item-promocao:hover .img-promocao{

	filter: grayscale(0%);

}





#contate{

	background: #f6f6f6;

	padding: 80px 0 0 0;

}



#contate h1{

	color: #000;

	font-family: 'Felixti';

	font-size: 35px;

	text-transform: uppercase;

}



#contate .separacao{

	margin: 35px 0 30px 0;

}



#contate p{

	color: #000;

	font-family: 'Exo 2', sans-serif;

	font-size: 14px;

	font-weight: 300;

	line-height: 40px;

}



#contate #contate-l{

	float: left;

	margin-top: 50px;

	height: 670px;

	width: 45%;

}



#contate #contate-l #contate-l-r{

	float: right;

	width: 400px;

}



#contate #contate-l #contate-l-r form{

	width: 310px;

}



#contate #contate-l #contate-l-r form input[type="text"]{

	background: transparent;

	border: 0;

	border-bottom: 1px solid #c6c6c6;

	color: #000;

	font-family: 'Exo 2', sans-serif;

	font-size: 12px;

	font-weight: 300;

	margin-bottom: 35px;

	height: 45px;

	width: 100%;

}



#contate #contate-l #contate-l-r form input[type="text"]::placeholder{

	color: #000;

	font-family: 'Exo 2', sans-serif;

	font-size: 12px;

	font-weight: 300;

}



#contate #contate-l #contate-l-r form input[type="submit"]{

	background: #252775;

	border: 0;

	border: 1px solid transparent;

	border-radius: 5px;

	color: #ffffff;

	cursor: pointer;

	font-family: 'Exo 2', sans-serif;

	font-size: 14px;

	font-weight: 400;

	line-height: 40px;

	line-height: 38px;

	margin-top: 20px;

	height: 38px;

	width: 140px;

	text-align: center;

}



#contate #contate-l #contate-l-r form input[type="submit"]:hover{

	background: transparent;

	border: 1px solid #252775;

	color: #252775;

}



#contate #mapa{

	float: right;

	margin-top: 50px;

	height: 670px;

	width: 55%;

}

/************************* HOME *****************************/



/************************* ESTRUTURA *****************************/

#banner-estrutura{

	background: url('../img/banner-estrutura.jpg');

	background-repeat: no-repeat;

	background-position: center;

	box-shadow: inset 0 0 0 2000px rgba(0,0,0,0.5);

	box-sizing: border-box;

	height: 350px;

	text-align: center;

	padding-top: 145px;

	text-transform: uppercase;

}



#banner-estrutura h1{

	color: #ffffff;

	font-family: 'Felixti';

	font-size: 12px;

	margin-bottom: 10px;

	letter-spacing: 12px;

}



#banner-estrutura h2{

	color: #ffffff;

	font-family: 'Felixti';

	font-size: 40px;

}



#bem-vindo{

	padding: 90px 0 45px 0;

}



#bem-vindo img{

	float: left;

	margin-right: 125px;

}



#info-bv{

	float: right;

	width: 500px;

}



#bem-vindo h1{

	color: #000;

	font-family: 'Felixti';

	font-size: 25px;

	line-height: 33px;

	margin-top: -7px;

	margin-bottom: 10px;

}



#bem-vindo h1 span{

	color: #686868;

}



#bem-vindo .separacao{

	margin: 35px 0;

}



#bem-vindo p{

	color: #000;

	font-family: 'Exo 2', sans-serif;

	font-size: 14px;

	font-weight: 300;

	line-height: 40px;

	margin-bottom: 25px;

}



#bem-vindo #btn-bem-vindo{

	background: #252775;

	border: 1px solid transparent;

	border-radius: 5px;

	color: #ffffff;

	font-family: 'Exo 2', sans-serif;

	font-size: 14px;

	font-weight: 400;

	line-height: 40px;

	line-height: 38px;

	height: 38px;

	width: 140px;

	text-align: center;

}



#bem-vindo #btn-bem-vindo:hover{

	background: transparent;

	border: 1px solid #252775;

	color: #252775;

}



#nossos-servicos{

	background: #f8f8f8;

 	padding: 60px 0 60px 0;

	text-align: center;

}



#nossos-servicos h1{

	color: #000;

	font-family: 'Felixti';

	font-size: 25px;

	margin-bottom: 50px;

}



#nossos-servicos .item-servico{

	color: #000;

	float: left;

	font-family: 'Exo 2', sans-serif;

	font-size: 16px;

	width: 250px;

}



#nossos-servicos .item-servico img{

	margin-bottom: 25px;

    max-height: 88px;

}



.imagens{

	padding: 50px 0 60px 0;

}



.imagens h1{

	color: #686868;

	font-family: 'Felixti';

	font-size: 25px;

}



.imagens .separacao{

	margin: 35px 0 40px 0;

}



.imagens p{

    color: #000;

    font-family: 'Exo 2', sans-serif;

    font-size: 14px;

    font-weight: 300;

    line-height: 40px;

    margin-bottom: 30px;

}



.faca-ja{

	color: #ffffff;

	font-family: 'Felixti';

	font-size: 20px;

	line-height: 127px;

	height: 127px;

	text-align: center;

}



#faca-estrutura{

	background: #252775;

	border-top: 1px solid transparent;

	border-bottom: 1px solid transparent;

}



#faca-estrutura:hover{

	background: #fff;

	border-top: 1px solid #252775;

	border-bottom: 1px solid #252775;

	color: #252775;

}

/************************* ESTRUTURA *****************************/





/************************* GASTRONOMIA *****************************/

#banner-gastronomia{

	background: url('../img/banner-gastronomia.jpg');

	background-repeat: no-repeat;

	background-position: center;

	box-sizing: border-box;

	box-shadow: inset 0 0 0 2000px rgba(0,0,0,0.5);

    height: 350px;

    text-align: center;

    padding-top: 145px;

	text-transform: uppercase;

}



#banner-gastronomia h1{

	color: #ffffff;

	font-family: 'Felixti';

	font-size: 12px;

	margin-bottom: 10px;

	letter-spacing: 12px;

}



#banner-gastronomia h2{

	color: #ffffff;

	font-family: 'Felixti';

	font-size: 40px;

}



#pg-gastronomia{

	background: #ededed;

	padding: 70px 0;

}



#pg-gastronomia p{

	color: #000;

	font-family: 'Exo 2', sans-serif;

	font-size: 14px;

	line-height: 40px;

	margin-bottom: 65px;

}



#faca-gastronomia{

	background: #252775;

	border-top: 1px solid transparent;

	border-bottom: 1px solid transparent;

}



#faca-gastronomia:hover{

	background: #fff;

	border-top: 1px solid #252775;

	border-bottom: 1px solid #252775;

	color: #252775;

}

/************************* GASTRONOMIA *****************************/



/************************* LAZER E ATIVIDADES *****************************/

#banner-lazer{

	background: url('../img/banner-lazer-atividades.jpg');

	background-repeat: no-repeat;

	background-position: center;

	box-sizing: border-box;

	box-shadow: inset 0 0 0 2000px rgba(0,0,0,0.5);

    height: 350px;

    text-align: center;

    padding-top: 145px;

	text-transform: uppercase;

}



#banner-lazer h1{

	color: #ffffff;

	font-family: 'Felixti';

	font-size: 12px;

	margin-bottom: 10px;

	letter-spacing: 12px;

}



#banner-lazer h2{

	color: #ffffff;

	font-family: 'Felixti';

	font-size: 40px;

}



#lazer-atividades{

	padding: 85px 0 100px 0;

}



#lazer-l{

	float: left;

	width: 500px;

	padding-bottom: 25px;

}



#lazer-r{

	float: right;

	width: 500px;

	padding-bottom: 25px;

}



#lazer-r img{

	max-width: 100%;

}



#lazer-atividades h1{

	color: #000;

	font-family: 'Felixti';

	font-size: 25px;

	text-transform: uppercase;

}



#lazer-atividades h1 span{

	color: #686868;

}



#lazer-atividades .separacao{

	margin: 35px 0;

}



#lazer-atividades p#txt-lazer{

	color: #000;

	float: left;

	font-family: 'Exo 2', sans-serif;

	font-size: 14px;

	font-weight: 300;

	line-height: 40px;

	margin-bottom: 25px;

	width: 485px;

}



.itens-lazer{

	/*margin: 0 -20px 0 0;*/

}



.itens-lazer .item-lazer{

	background: url(../img/lista.png);

	background-position: left;

	background-repeat: no-repeat;

	box-sizing: border-box;

	color: #888888;

	float: left;

	font-family: 'Exo 2', sans-serif;

	font-size: 14px;

	/*margin: 0 20px 25px 0;*/

	line-height: 38px;

	height: 38px;

	width: 50%;

	padding-left: 20px;

}



.item-atividades{

	margin-bottom: 60px;

}



.item-atividades h2{

	color: #686868;

	font-family: 'Felixti';

	font-size: 25px;

	text-transform: uppercase;

}



.item-atividades p{

	color: #000;

	font-family: 'Exo 2', sans-serif;

	font-size: 14px;

	font-weight: 300;

	line-height: 40px;

	margin-bottom: 30px;

}





#reserve-momento{

	background: url('../img/reserve-momento.jpg') fixed;

	background-repeat: no-repeat;

	background-position: center;

	box-sizing: border-box;

	height: 373px;

	margin: 50px 0 30px 0;

	padding-top: 150px;

	text-align: center;

}



#reserve-momento h3{

	color: #ffffff;

	font-family: 'Felixti';

	font-size: 25px;

	text-transform: uppercase;

}



#reserve-momento #btn-reserve-momento{

	background: #fff;

	border: 1px solid transparent;

	border-radius: 5px;

	color: #698520;

	font-family: 'Exo 2', sans-serif;

	font-size: 14px;

	font-weight: 400;

	line-height: 38px;

	margin: 20px auto 0 auto;

	height: 38px;

	width: 140px;

}



#reserve-momento #btn-reserve-momento:hover{

	background: transparent;

	border: 1px solid #fff;

	color: #fff;

}



#faca-lazer{

	background: #252775;

	border-top: 1px solid transparent;

	border-bottom: 1px solid transparent;

}



#faca-lazer:hover{

	background: #fff;

	border-top: 1px solid #252775;

	border-bottom: 1px solid #252775;

	color: #252775;

}

/************************* LAZER E ATIVIDADES *****************************/



/************************* RESERVAS *****************************/

#banner-reservas{

	background: url('../img/banner-reservas.jpg');

	background-repeat: no-repeat;

	background-position: center;

	box-sizing: border-box;

	box-shadow: inset 0 0 0 2000px rgba(0,0,0,0.5);

	height: 250px;

	text-align: center;

	padding-top: 100px;

	text-transform: uppercase;

}



#banner-reservas h1{

	color: #ffffff;

	font-family: 'Felixti';

	font-size: 50px;

}



#reservas{

	background: #f6f6f6;

	padding: 60px 0 60px 0;

}



#reservas p{

	color: #000;

	font-family: 'Exo 2', sans-serif;

	font-size: 14px;

	font-weight: 300;

	line-height: 40px;

	margin-bottom: 50px;

}



.col-form{

	float: left;

	width: 500px;

}



.col-form form{



}



.col-form input[type="text"]{

	background: transparent;

	border: 0;

	border-bottom: 1px solid #cbe193;

	color: #000;

	font-family: 'Exo 2', sans-serif;

	font-size: 12px;

	font-weight: 300;

	margin-bottom: 35px;

	height: 50px;

	width: 310px;

}



.col-form input[type="text"]::placeholder{

	color: #000;

	font-family: 'Exo 2', sans-serif;

	font-size: 12px;

	font-weight: 300;

}



.col-form select{

	background: transparent;

	border: 0;

	border-bottom: 1px solid #cbe193;

	color: #000;

	float: left;

	font-family: 'Exo 2', sans-serif;

	font-size: 12px;

	font-weight: 300;

	margin-right: 60px;

	margin-bottom: 35px;

	height: 50px;

	width: 125px;

}



.col-form #radio-res{

	float: left;

	line-height: 50px;

	height: 50px;

	width: 170px;

}



.col-form #radio-res label{

	color: #000;

	display: block;

	float: left;

	font-family: 'Exo 2', sans-serif;

	font-size: 12px;

	font-weight: 300;

	margin-bottom: 35px;

}



.col-form #radio-res input[type="radio"]{

	margin-right: 5px;

}



.col-form .txt-radio{

	display: inline-block;

	line-height: 20px;

	margin-right: 15px;

}



.col-form span{

	color: #252775;

	display: block;

	font-family: 'Exo 2', sans-serif;

	font-size: 12px;

	margin-top: 45px;

}



.col-form input[type="submit"]{

	background: #252775;

	border: 0;

	border: 1px solid transparent;

	border-radius: 5px;

	color: #ffffff;

	cursor: pointer;

	font-family: 'Exo 2', sans-serif;

	font-size: 14px;

	font-weight: 400;

	line-height: 38px;

	margin-top: 55px;

	height: 38px;

	width: 160px;

}



.col-form input[type="submit"]:hover{

	background: transparent;

	border: 1px solid #252775;

	color: #252775;

}

/************************* RESERVAS *****************************/





#btn-acomodacoes{

	background: #252775;

    border: 1px solid transparent;

    border-radius: 5px;

    color: #ffffff;

    font-family: 'Exo 2', sans-serif;

    font-size: 14px;

    font-weight: 400;

    line-height: 38px;

    margin: 40px 0 50px 0;

    height: 38px;

    width: 140px;

    text-align: center;

}



#btn-acomodacoes:hover{

	background: transparent;

	border: 1px solid #252775;

	color: #252775;

}