/* QUERIES FOR IPAD/TABLETPC */
@media only screen and (max-width: 1024px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

	/* ------ Estrutura Geral e Home ------ */
	body { background: none; min-width: 660px; }
	.conteudo { width: 640px !important; }


	.br-tab{ display: block; }
	.br-cel{ display: block; }


	/******************** Atribuições Topo HOME **********************/
	nav#slick { display: none; }

	header#topo{
		height: 180px;
	}

	header#topo #logo-header{
		margin-top: 20px;
	}

	header#topo nav#menu{
		float: right;
		margin-top: 20px;
	}

	header#topo nav#menu ul li{
		font-size: 11px;
		margin-right: 8px;
	}

	#btn-faca-reserva{
		/*display: none;*/
		font-size: 10px;
		margin-top: 54px;
		height: 27px;
		width: 120px;
	}


	header#topo nav#menu ul li.drop-menu .dropdown .item-drop {
	    font-size: 12px;
	    line-height: 35px;
	}
	/******************** Atribuições Topo HOME **********************/

	/******************** Atribuições Rodape **********************/
	#rodape{
		box-sizing: border-box;
		height: auto;
		padding-top: 40px;
		padding-bottom: 40px;
		text-align: center;
	}

	#rodape #logo-rdp{
		margin-bottom: 25px;
	}

	#rodape #fb-rdp{
		margin-left: 55px;
	}

	#rodape #dados-rodape{
		float: right;
		width: 500px;
	}

	#rodape #dados-rodape ul li{
		text-align: left;
	}

	#rodape #menu-rodape{
		width: 125px;
	}

	#rodape #menu-rodape ul li{
		text-align: left;
	}
	/******************** Atribuições Rodape **********************/


	/************************* HOME *****************************/
	#banner{
		height: 550px;
		padding-top: 200px;
	}

	#banner h1{
		font-size: 40px;
	}

	#banner h2{
		font-size: 13px;
		margin-top: 15px;
	}

	#estrutura{
		height: 490px;
	}

	#estrutura #estrutura-l{
		float: none;
		margin: 0 auto;
		height: 100%;
		width: 640px;
	}

	#estrutura #estrutura-l #estrutura-l-r{
		float: none;
		width: 100%;
		padding-top: 50px;
	}

	#estrutura #estrutura-r{
		display: none;
	}

	#estrutura #estrutura-l #estrutura-l-r h1{
		font-size: 30px;
	}

	#estrutura #estrutura-l #estrutura-l-r .separacao{
		margin: 30px 0;
	}

	#estrutura #estrutura-l #estrutura-l-r p{
		line-height: 35px;
		margin-bottom: 20px;
		width: 500px;
	}


	#gastronomia{
		padding: 50px 0;
	}

	#gastronomia h1{
		font-size: 30px;
	}

	#gastronomia .separacao{
		margin: 30px auto;
	}

	#gastronomia p{
		margin-bottom: 30px;
	}

	.bloco-gastronomia{
		margin-bottom: 10px;
	}


	.bloco-gastronomia .item1-gast{

		margin-right: 10px;

		height: 555px;
		width: 325px;
	}

	.bloco-gastronomia .item2-gast{

		margin-right: 0;
		margin-bottom: 10px;

		height: 272px;
		width: 305px;
	}

	.bloco-gastronomia .item3-gast{

		margin-bottom: 10px;

		height: 272px;
		width: 305px;
	}

	.bloco-gastronomia .item4-gast{

		height: 270px;
		width: 100%;
	}


	#promocoes{
		padding: 50px 0 50px 0;
	}

	#promocoes h1{
		font-size: 30px;
	}

	#promocoes .separacao{
		margin: 30px 0;
	}

	.itens-promocoes{

	}

	.itens-promocoes .item-promocao{
		padding: 0px 0 0px 0;
	}

	.itens-promocoes .item-promocao h2{
		font-size: 18px;
		line-height: 30px;
		/*margin-bottom: 20px;*/
		max-width: 50%;
		text-align: justify;
	}

	.itens-promocoes .item-promocao .img-promocao{
		filter: grayscale(100%);
		float: none;
		height: 300px;
		width: 100%;
	}

	
	#contate{
		padding: 50px 0 0 0;
	}

	#contate h1{
		font-size: 30px;
	}

	#contate .separacao{
		margin: 30px 0 25px 0;
	}

	#contate p{
		font-size: 13px;
		line-height: 35px;
	}

	#contate #contate-l{
		float: none;
		margin-top: 0;
		margin: 50px auto 0 auto;
		height: auto;
		width: 640px;
	}

	#contate #contate-l #contate-l-r{
		float: none;
		width: 100%;
	}

	#contate #contate-l #contate-l-r form{
		width: 310px;
	}

	#contate #mapa{
		float: none;
		margin-top: 50px;
		height: 400px;
		width: 100%;
	}
	/************************* HOME *****************************/

	/************************* ESTRUTURA *****************************/
	#banner-estrutura{
		height: 300px;
		padding-top: 125px;
	}

	#banner-estrutura h1{
		font-size: 12px;
		margin-bottom: 10px;
		letter-spacing: 12px;
	}

	#banner-estrutura h2{
		font-size: 35px;
	}

	#bem-vindo{
		padding: 50px 0 50px 0;
	}

	#bem-vindo img{
		display: none;
	}

	#info-bv{
		float: none;
		width: 100%;
	}

	#bem-vindo h1{
		font-size: 22px;
		line-height: 30px;
		margin-top: 0;
	}

	#bem-vindo .separacao{
		margin: 30px 0;
	}

	#bem-vindo p{
		font-size: 14px;
		line-height: 35px;
		margin-bottom: 25px;
	}

	#nossos-servicos{
	 	padding: 50px 0 20px 0;
	}

	#nossos-servicos h1{
		font-size: 22px;
		margin-bottom: 40px;
	}

	#nossos-servicos .item-servico{
		float: left;
		font-size: 16px;
		margin-bottom: 30px;
		width: 50%;
	}

	#nossos-servicos .item-servico img{
		margin-bottom: 15px;
		max-width: 86px;
	}

	.imagens{
		padding: 50px 0 50px 0;
	}

	.imagens h1{
		font-size: 22px;
	}

	.imagens .separacao{
		margin: 30px 0 35px 0;
	}

	.faca-ja{
		font-size: 18px;
		line-height: 110px;
		height: 110px;
	}
	/************************* ESTRUTURA *****************************/

	/************************* GASTRONOMIA *****************************/
	#banner-gastronomia{
	    height: 300px;
    	padding-top: 125px;
	}

	#banner-gastronomia h1{
		font-size: 12px;
		margin-bottom: 10px;
		letter-spacing: 12px;
	}

	#banner-gastronomia h2{
		font-size: 35px;
	}

	#pg-gastronomia{
		padding: 50px 0;
	}

	#pg-gastronomia p{
		font-size: 14px;
		line-height: 35px;
		margin-bottom: 40px;
	}
	/************************* GASTRONOMIA *****************************/

	/************************* LAZER E ATIVIDADES *****************************/
	#banner-lazer{
	    height: 300px;
    	padding-top: 125px;
	}

	#banner-lazer h1{
		font-size: 12px;
		margin-bottom: 10px;
		letter-spacing: 12px;
	}

	#banner-lazer h2{
		font-size: 35px;
	}

	#lazer-atividades{
		padding: 50px 0 50px 0;
	}

	#lazer-l{
		float: none;
		width: 100%;
		padding-bottom: 20px;
	}

	#lazer-r{
		display: none;
	}

	#lazer-atividades h1{
		font-size: 22px;
	}

	#lazer-atividades .separacao{
		margin: 30px 0;
	}

	#lazer-atividades p#txt-lazer{
		float: none;
		font-size: 14px;
		line-height: 35px;
		margin-bottom: 20px;
		width: 100%;
	}

	.itens-lazer{
		margin: 0;
	}

	.itens-lazer .item-lazer{
		font-size: 13px;
		width: 25%;
	}

	.item-atividades{
		margin-bottom: 50px;
	}

	.item-atividades h2{
		font-size: 22px;
	}

	.item-atividades p{
		font-size: 14px;
		line-height: 35px;
		margin-bottom: 30px;
	}


	#reserve-momento{
		height: 300px;
		margin-bottom: 60px;
		padding-top: 100px;
	}

	#reserve-momento h3{
		font-size: 22px;
	}
	/************************* LAZER E ATIVIDADES *****************************/

	/************************* RESERVAS *****************************/
	#banner-reservas{
		height: 200px;
		text-align: center;
		padding-top: 75px;
	}

	#banner-reservas h1{
		font-size: 35px;
	}

	#reservas{
		padding: 50px 0 50px 0;
	}

	#reservas p{
		font-size: 14px;
		line-height: 35px;
		margin-bottom: 40px;
	}

	.col-form{
		width: 50%;
	}

	.col-form input[type="text"]{
		font-size: 12px;
		margin-bottom: 35px;
		height: 50px;
		width: 280px;
	}

	.col-form select{
		margin-right: 25px;
		margin-bottom: 35px;
		height: 50px;
		width: 125px;
	}

	.col-form .txt-radio{
		margin-right: 10px;
	}

	.col-form span{
		margin-top: 20px;
	}
	/************************* RESERVAS *****************************/

}


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

	/* ------ Estrutura Geral e Home ------ */
	body { min-width: 300px; }
	.conteudo { width: 280px !important; }


	.disp-cel{ display: block; }
	.disp-desk{ display: none; }


	/******************** Atribuições Topo HOME **********************/
	nav#slick { display: none; }

	header#topo {
	    height: 270px;
	    text-align: center;
	}

	header#topo nav#menu{
		display: none;
	}

	header#topo nav#menu{
		position: relative;
	}

	header#topo nav#menu ul{
		float: none;
		list-style: none;
		width: 100%;
		position: relative;
		z-index: 10000;
	}

	header#topo nav#menu ul li{
		float: none;
		font-size: 12px;
		margin-right: 18px; 
	}

	nav#slick {
	    background: #252775;
	    cursor: pointer;
	    color: #fff;
	    display: block;
	    font-size: 15px;
	    height: 50px;
	    line-height: 50px;
	    text-align: left;
	    margin-bottom: -18px;
	    margin-top: 30px;
	    position: relative;
	    z-index: 500;
	  }

	  nav#slick .conteudo{
	  	position: relative;
	  	z-index: 1;
	  }

	  nav#slick i { margin-right: 5px; margin-left: 5px;}

	  header#topo nav#menu {
	    display: none;
	    margin-top: 0px;
	    float: none !important;
	    margin-bottom: 0;
	    /*height: auto;*/
	    position: absolute;
		width: 280px;
	  }
    
	nav#menu ul { margin-top: 0px; }

	nav#menu ul li {
	    background: #252775;
	    border: 0 !important;
	    border-radius: 0 !important;
	    color: #fff;
	    cursor: pointer;
	    float: none;
	    font-size: 14px !important;
	    list-style: none;
	    height: auto !important;
	    margin: 0 !important;
	    text-align: center;
	    padding: 10px 0;
	    width: 100%;
	    line-height: 20px;
  	}	

  	nav#menu ul li:hover {
  		font-weight: 700;
  	}

	nav#menu ul li a{
		color: #fff !important;
	}



	#btn-faca-reserva{
		float: none;
		margin-top: 0;
		margin: 20px auto 0 auto;
	}



	/******************** Dropdown **********************/
	header#topo nav#menu ul li.drop-menu{
		cursor: pointer;
		height: auto;
		padding: 0;
		position: relative;
	}

	a.item-menu{
		background: #252775;
	    border: 1px solid #fff;
	    border-radius: 0 !important;
	    color: #fff;
	    cursor: pointer;
	    display: block;
	    float: none;
	    font-size: 14px !important;
	    height: auto !important;
	    margin: 0 !important;
	    text-align: center;
	    padding: 10px 0;
	    width: 100%;
	    line-height: 20px;
	}

	header#topo nav#menu ul li a.item-menu:hover{
		
	}

	header#topo nav#menu ul li.drop-menu a:hover{
		text-shadow: 1px 0 0 currentColor;
	}

	header#topo nav#menu ul li.drop-menu .dropdown{
		background: #fff;

		margin-top: 0;
		text-align: center;
		width: 280px;

	    position: relative;
	    left: 0;
	    z-index: 9999;
	}

	header#topo nav#menu ul li.drop-menu .dropdown .item-drop{
		color: #252775;

		background: #fff;
	    border: 0 !important;
	    border-radius: 0 !important;
	    cursor: pointer;
	    float: none;
	    font-size: 14px !important;
	    list-style: none;
	    height: auto !important;
	    margin: 0 !important;
	    text-align: center;
	    padding: 10px 0;
	    width: 100%;
	    line-height: 20px;
	}


	header#topo nav#menu ul li.drop-menu:hover .dropdown{
		display: block;
	}
	/******************** Dropdown **********************/



	/******************** Atribuições Topo HOME **********************/


	/******************** Atribuições Rodape **********************/
	#rodape{
	}

	#rodape #dados-rodape{
		float: none;
		width: 100%;
	}

	#rodape #dados-rodape img{
		
	}

	#rodape #dados-rodape ul li{
		font-size: 12px;
		line-height: 20px;
		list-style: none;
		margin-bottom: 10px;
		height: auto;
		padding-left: 30px;
	}

	#rodape #menu-rodape{
		float: none;
		width: 100%;
	}

	#rodape #menu-rodape ul li{
		text-align: center;
	}
	/******************** Atribuições Rodape **********************/


	/************************* HOME *****************************/
	#banner{
		height: auto;
		padding-top: 0;
		padding: 120px 0 120px 0;
	}

	#banner h1{
		font-size: 25px;
	}

	#banner h2{
		font-size: 13px;
		margin-top: 15px;
		letter-spacing: 5px;
	}

	#estrutura{
		height: 510px;
	}

	#estrutura #estrutura-l{
		float: none;
		width: 280px;
	}

	#estrutura #estrutura-l #estrutura-l-r{
		float: none;
		width: 100%;
		padding-top: 40px;
	}

	#estrutura #estrutura-l #estrutura-l-r h1{
		font-size: 25px;
	}

	#estrutura #estrutura-l #estrutura-l-r .separacao{
		margin: 20px 0;
	}

	#estrutura #estrutura-l #estrutura-l-r p{
		font-size: 14px;
		line-height: 25px;
		margin-bottom: 25px;
		width: 100%;
		text-align: justify;
	}

	#gastronomia{
		padding: 40px 0;
	}

	#gastronomia h1{
		font-size: 25px;
	}

	#gastronomia .separacao{
		margin: 20px auto;
	}

	#gastronomia p{
		margin-bottom: 25px;
	}

	.bloco-gastronomia{
		margin-bottom: 10px;
	}


	.bloco-gastronomia .item1-gast{
		float: none;

		margin-right: 0;
		margin-bottom: 10px;

		height: 280px;
		width: 100%;
	}

	.bloco-gastronomia .item2-gast{
		float: none;

		margin-right: 0;
		margin-bottom: 10px;

		height: 280px;
		width: 100%;
	}

	.bloco-gastronomia .item3-gast{
		float: none;

		margin-bottom: 10px;

		height: 280px;
		width: 100%;
	}

	.bloco-gastronomia .item4-gast{
		float: none;

		height: 280px;
		width: 100%;
	}

	#gastronomia #btn-gastronomia{
		margin: 20px auto 0 auto;
	}

	#promocoes{
		padding: 40px 0 40px 0;
	}

	#promocoes h1{
		font-size: 25px;
	}

	#promocoes .separacao{
		margin: 25px 0;
	}

	.itens-promocoes{

	}

	.itens-promocoes .item-promocao{
		padding: 0px 0 0px 0;
		background: transparent !important;
	}

	.itens-promocoes .item-promocao h2{
		float: none;
		font-size: 16px;
		margin-bottom: 10px;
		max-width: 100%;
	}

	.itens-promocoes .item-promocao .img-promocao{
		float: none;
		height: 200px;
		width: 100%;
	}

	
	#contate{
		padding: 40px 0 0 0;
	}

	#contate h1{
		font-size: 25px;
	}

	#contate .separacao{
		margin: 20px 0 15px 0;
	}

	#contate p{
		line-height: 25px;
	}

	#contate #contate-l{
		float: none;
		margin-top: 40px;
		height: auto;
		width: 280px;
	}

	#contate #contate-l #contate-l-r{
		float: none;
	}

	#contate #contate-l #contate-l-r form{
		width: 100%;
	}

	#contate #contate-l #contate-l-r form input[type="text"]{
		margin-bottom: 30px;
	}

	#contate #contate-l #contate-l-r form input[type="submit"]{
		margin-top: 20px;
	}

	#contate #mapa{
		float: none;
		margin-top: 50px;
		height: 280px;
		width: 100%;
	}
	/************************* HOME *****************************/

	/************************* ESTRUTURA *****************************/
	#banner-estrutura{
		height: auto;
		padding-top: 0;
		padding: 85px 0;
	}

	#banner-estrutura h1{
		font-size: 12px;
		letter-spacing: 8px;
	}

	#banner-estrutura h2{
		color: #ffffff;
		font-family: 'Felixti';
		font-size: 25px;
	}

	#bem-vindo{
		padding: 40px 0 40px 0;
	}

	#info-bv{
		float: none;
		width: 100%;
	}

	#bem-vindo h1{
		font-size: 22px;
		line-height: 27px;
		margin-top: 0;
		margin-bottom: 10px;
	}

	#bem-vindo .separacao{
		margin: 20px 0;
	}

	#bem-vindo p{
		line-height: 25px;
		margin-bottom: 20px;
		text-align: justify;
	}

	#nossos-servicos{
	 	padding: 40px 0 40px 0;
	}

	#nossos-servicos h1{
		font-size: 22px;
		margin-bottom: 40px;
	}

	#nossos-servicos .item-servico{
		float: none;
		font-size: 15px;
		width: 100%;
	}

	#nossos-servicos .item-servico img{
		margin-bottom: 20px;
	}

	.imagens{
		padding: 40px 0 40px 0;
	}

	.imagens h1{
		font-size: 22px;
	}

	.imagens .separacao{
		margin: 15px 0 20px 0;
	}

	.faca-ja{
		font-size: 18px;
		line-height: 100px;
		height: 100px;
	}
	/************************* ESTRUTURA *****************************/

	/************************* GASTRONOMIA *****************************/
	#banner-gastronomia{
		height: auto;
		padding-top: 0;
		padding: 85px 0;
	}

	#banner-gastronomia h1{
		font-size: 12px;
		letter-spacing: 8px;
	}

	#banner-gastronomia h2{
		font-size: 25px;
	}

	#pg-gastronomia{
		padding: 40px 0;
	}

	#pg-gastronomia p{
		line-height: 25px;
		margin-bottom: 40px;
	}
	/************************* GASTRONOMIA *****************************/

	/************************* LAZER E ATIVIDADES *****************************/
	#banner-lazer{
		height: auto;
		padding-top: 0;
		padding: 85px 0;
	}

	#banner-lazer h1{
		font-size: 12px;
		letter-spacing: 8px;
	}

	#banner-lazer h2{
		font-size: 25px;
	}

	#lazer-atividades{
		padding: 40px 0 0px 0;
	}

	#lazer-l{
		float: none;
		width: 100%;
		padding-bottom: 20px;
	}

	#lazer-atividades h1{
		font-size: 22px;
	}

	#lazer-atividades .separacao{
		margin: 20px 0;
	}

	#lazer-atividades p#txt-lazer{
		float: none;
		font-size: 14px;
		line-height: 25px;
		margin-bottom: 20px;
		width: 100%;
	}

	.itens-lazer{
	}

	.itens-lazer .item-lazer{
		font-size: 13px;
		width: 100%;
	}

	.item-atividades{
		margin-bottom: 40px;
	}

	.item-atividades h2{
		font-size: 22px;
	}

	.item-atividades p{
		line-height: 25px;
		margin-bottom: 25px;
	}


	#reserve-momento{
		height: auto;
		margin-bottom: 50px;
		padding-top: 0;
		padding: 70px 0;
	}

	#reserve-momento h3{
		font-size: 22px;
	}

	#reserve-momento #btn-reserve-momento{
		font-size: 14px;
		line-height: 38px;
		margin: 15px auto 0 auto;
		height: 38px;
		width: 140px;
	}
	/************************* LAZER E ATIVIDADES *****************************/

	/************************* RESERVAS *****************************/
	#banner-reservas{
		height: auto;
		padding-top: 0;
		padding: 70px 0;
	}

	#banner-reservas h1{
		font-size: 25px;
	}

	#reservas{
		background: #f6f6f6;
		padding: 40px 0 40px 0;
	}

	#reservas p{
		line-height: 25px;
		margin-bottom: 40px;
		text-align: justify;
	}

	.col-form{
		float: none;
		width: 100%;
	}

	.col-form form{

	}

	.col-form input[type="text"]{
		margin-bottom: 30px;
		height: 45px;
		width: 100%;
	}

	.col-form select{
		margin-right: 15px;
		margin-bottom: 25px;
		height: 45px;
		width: 125px;
	}

	.col-form #radio-res{
		float: left;
		line-height: 45px;
		height: 45px;
		width: 140px;
	}

	.col-form #radio-res label{
		font-size: 12px;
		margin-bottom: 35px;
	}

	.col-form #radio-res input[type="radio"]{
		margin-right: 2px;
	}

	.col-form .txt-radio{
		line-height: 20px;
		margin-right: 10px;
	}

	.col-form input[type="submit"]{
		margin-top: 30px;
	}
	/************************* RESERVAS *****************************/

}