@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	border: 0;
}
img{
	border: none;
}
html, body {
	/*line-height:140%;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
body {
	background: url(../img/bg.jpg);
	color: #016567;
}
#pagina{
	width: 895px;
	height: 843px;
	margin: auto;
}
#pagina .tit{
	width: 100%;
	float: left;
}
#colunaE{
	width: 246px;
	float: left;
	height: 645px;
	position: relative;
}
#colunaE #logo{
	float: left;
	width: 246px;
	padding: 0px 0px 29px 0px;
}
#colunaE #mural{
	float: left;
	width: 246px;
}
#colunaE .recado{
	width: 246px;
	float: left;
	text-align: left;
	height: 70px;
	background: url(../img/separador-mural.jpg) bottom no-repeat;
}
#colunaE .recado1{
	width: 246px;
	float: left;
	text-align: left;
	height: 70px;
}
#colunaE .textoRecado{
	padding: 0px 15px 0px 8px;
	text-align: left;
}
#colunaE .textoRecado p{
	padding: 4px 0px 4px 0px;
}
#colunaE .remetente{
	padding: 10px 15px 4px 8px;
	text-align: left;
	line-height: 18px;
	font-weight: bold;
}
#colunaE .comentario{
	float: left;
	width: 230px;
	margin: 0px 0px 20px 6px;
	_margin: 0px 0px 20px 3px;
}
#colunaE .btn-recado{
	float: left;
}
#colunaE .btn-todos, #colunaD .btn-todos{
	float: right;
}
#colunaE #newsletter{
	float: left;
	margin: 35px 0px 0px 0px;
	width: 246px;
}
#colunaD{
	width: 644px;
	float: right;
	height: 645px;
	position: relative;
	margin: auto;
}
#colunaD #flash{
	float: left;
	height: 240px;
	width: 644px; 
}
#colunaD #coluna1{
	width: 220px;
	margin: 8px 0px 10px 20px;
	_margin: 8px 0px 10px 10px;
	float: left;
}
#colunaD #coluna1 .hospede{
	width: 219px;
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#colunaD #coluna1 .foto{
	width: 219px;
	float: left;
	height: 117px;
}
#colunaD #coluna1 .descricaoFoto{
	width: 219px;
	background: url(../img/bg-home-foto.jpg) repeat-y right;
	float: left;
	color: #016567;
	height: 30px;
}
#colunaD #coluna1 .descricaoFoto a{
	color: #016567;
	text-decoration: none;
}
#colunaD #coluna1 .descricaoFoto a:hover{
	color: #016567;
	text-decoration: none;
}
#colunaD #coluna1 .descricaoFoto .texto{
	padding: 0px 10px 8px 18px;
	margin-top: -3px;
	float: left;
}
#colunaD #coluna1 .pacotes{
	width: 218px;
	float: left;
	background: url(../img/pacote-promocional.gif) no-repeat;
	height: 95px;
	margin: 15px 0px 10px 0px;
	padding: 5px;
	color: #8d5e00;
}
#colunaD #coluna1 .pacotes .texto{ 
	padding: 8px 15px 8px 8px;
	float:left;
/*	width: 100%;*/
}
#colunaD #coluna1 .pacotes a{
	color: #8d5e00;
	text-decoration: none;
}
#colunaD #coluna1 .pacotes a:hover{
	color: #8d5e00;
	text-decoration: none;
}
#colunaD #coluna2{
	width: 372px;
	margin: 8px 0px 10px 0px;
	float: right;
}
#colunaD #coluna2 .passeios{
	width: 370px;
	float: left;
	margin: 0px 0px 5px 0px;
	color: #0090a5;
}
#colunaD #coluna2 .passeios .detalhes{
	width: 200px;
	float: left;
	margin: 0px 0px 5px 0px;
	color: #0090a5;
}
#colunaD #coluna2 .passeios .detalhes .tit{
	width: 100%;
	float: left;
	margin: 1px 0px 5px 0px;
	color: #0090a5;
}
#colunaD #coluna2 .passeios .detalhes .texto{ 
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	color: #016567;
}
#colunaD #coluna2 .passeios .detalhes .texto p{ 
	padding: 0px 8px 8px 8px;
}
#colunaD #coluna2 .passeios .detalhes .texto ul{ 
	list-style: none;
	float:left;
	color: #00778c;
}
#colunaD #coluna2 .passeios .detalhes .texto ul li{ 
	list-style: none;
	margin: 5px;
}
#colunaD #coluna2 .foto{
	width: 166px;
	float: right;
	margin: 3px 0px 5px 0px;
	color: #0090a5;
}
#colunaD #coluna2 .tourVirtual{
	width: 360px;
	float: left;
	margin: 5px 0px 0px 0px;
}
#colunaD #conteudo{
	background: url(../img/bg-conteudo.gif) no-repeat;
	width: 644px; 
	float: left;
}
#colunaD #conteudo #contexto{
	float: left;
	padding: 36px 30px 30px 40px;
	width: 570px;
	height: 500px;
	text-align:justify;
}
#colunaD #conteudo #contexto .formGeral{
	margin: 0px 0px 10px 0px;
	width: 570px;
	float: left;
}
#colunaD #conteudo #contexto .colL{
	margin: 0px 0px 10px 0px;
	width: 220px;
	float: left;
}
#colunaD #conteudo #contexto .colR{
	margin: 0px 0px 10px 0px;
	width: 220px;
	float: left;
}
#colunaD #conteudo #contexto #colL1{
	margin: 0px 0px 10px 0px;
	width: 255px;
	float: left;
}
#colunaD #conteudo #contexto #colR1{
	margin: 0px 10px 10px 0px;
	width: 270px;
	float: right;
}
#colunaD #conteudo #contexto #colL1 .titulo, #colunaD #conteudo #contexto #colR1 .titulo{
	float: left;
	padding: 0px 0px 8px 0px;
	width: 255px;
}
#colunaD #conteudo #contexto #icones{
	margin: 10px 0px 10px 0px;
	width: 570px;
	float: left;
}
#colunaD #conteudo #contexto #icones a{
	text-decoration:none;
	color: #016567;
}
#colunaD #conteudo #contexto #icones a:hover{
text-decoration:none;
	color: #016567;
}
#colunaD #conteudo #contexto .icones{
	margin: 0px 10px 10px 0px;
	width: 170px;
	float:left;
}
#colunaD #conteudo #contexto .tit{
	float: left;
	padding: 0px 0px 0px 0px;
	width: 100%;
}
#colunaD #conteudo #contexto .subtit{
	float: left;
	padding: 0px 0px 12px 0px;
	width: 100%;
	font-size: 11px;
}
#colunaD #conteudo #contexto .texto{
	float: left;
	width: 100%;
	margin: 0px 0px 10px 0px;
}
#colunaD #conteudo #contexto .texto p{
	padding: 8px 0px 8px 0px;
}
#colunaD #conteudo #contexto .localizacao{
	background: url(../img/bg-mapa.gif) no-repeat center top;
	width: 270px;
	padding: 19px 0px 0px 0px;
	height: 290px;	
	margin: 45px 0px 0px 0px;
}
#colunaD #conteudo #contexto .localizacao .mapa{
	width: 242px;
	height: 256px;	
	margin: 0px auto 0px auto;
	background: #016567;
}
#colunaD #conteudo #contexto .tabelaTarifa{
	width: 540px;
	margin:10px auto;
	background: #e2dbca;
	color:#016567;
	padding: 10px;
	font-size: 11px;
	float:left;
}
#colunaD #conteudo #contexto .btn-geral{
	width: 545px;
	margin:30px 0px 10px 0px;
	background: #e2dbca;
	color:#016567;
	padding: 10px 0px;
	font-size: 11px;
	text-align: left;
	float:left;
}
#colunaD #conteudo #contexto .tabelaTarifa p{
	font-size: 11px;
}
#colunaD #conteudo #contexto .tabelaTarifa .foto{
	width: 167px;
	float: left;
	margin: 0px;
}
#colunaD #conteudo #contexto .tabelaTarifa .imagens{
	width: 167px;
	float: left;
	margin: 0px 8px 15px 5px;
}
#colunaD #conteudo #contexto .tabelaTarifa .tipoAp{
	width: 167px;
	float: left;
	font-size: 11px;
	padding: 8px 0px;
}
#colunaD #conteudo #contexto .tabelaTarifa .td-titulo{
	background: #ffffff;
	color: #8d5e00;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}
#colunaD #conteudo #contexto .tabelaTarifa table td {
	padding: 0px;
	text-align: center;
}
#colunaD #conteudo #contexto .tabelaTarifa .td-bottom {
	padding: 8px;
	text-align: center;
	background: url(../img/separador-tarifa.gif) repeat-x bottom;
}
#colunaD #conteudo #contexto .tabelaTarifa .td-bottom1 {
	padding: 8px;
	text-align: center;
}
#colunaD #conteudo #contexto #muralRecados{
	width: 250px;
	margin: 0px auto;
}
#colunaD #conteudo #contexto p{
	text-align: left;
	padding: 10px 0px;
}
#colunaD #conteudo #contexto #muralRecados .recado{
	text-align: left;
	font-size: 12px;
	padding: 10px 25px;
}
#colunaD #conteudo #contexto .pacote{
	width:570px;
	margin-right:10px;
	margin-bottom: 10px;
	float: left;
	font-size: 12px;
}
#colunaD #conteudo #contexto .separador{
	background: url(../img/separador-passeio.gif) no-repeat center bottom;
	height: 4px;
	float: left;
	text-align: center;
	width: 550px;
	margin: 10px 0px 8px 0px;
}
#colunaD #conteudo #contexto .foto-principal{
	padding:0px 0px 0px 0px;
	float: left;
	width: 260px;	
	margin: 5px 15px 8px 0px;
	_margin: 5px 10px 8px 0px;
	height: 156px;
}
#colunaD #conteudo #contexto .foto-principal1{
	padding:0px 0px 0px 0px;
	float: left;
	width: 200px;	
	margin: 5px 15px 8px 0px;
	_margin: 5px 10px 8px 0px;
	height: 154px;
}
#colunaD #conteudo #contexto .pacote .descricao .img .foto{
	margin: 7px 0px 0 10px;
	width: 213px;
	height:132px;
}
#colunaD #conteudo #contexto .pacote .descricao{
	padding: 0px 0px 0px 0px;
	float: left;
	width: 390px;
	margin: 0px;
}
#colunaD #conteudo #contexto .pacote .descricao strong{
	color: #8d5e00;
	font-size: 14px;
	text-transform: uppercase;
}
#colunaD #conteudo #contexto .pacote table{
	background: #e2dbca;
	color:#8d5e00;
	float: left;
	margin: 10px;
}
#colunaD #conteudo #contexto .pacote table td {
	padding: 0px;
	text-align: center;
	
}
#colunaD #conteudo #contexto .pacote .td-bottom {
	padding: 8px;
	text-align: center;
	background: url(../img/separador-tarifa.gif) repeat-x bottom;
}
#colunaD #conteudo #contexto .pacote .td-bottom1 {
	padding: 8px;
	text-align: center;
}


#colunaD #conteudo #contexto .galeriaHospede{
	width: 570px;
	line-height:18px;
	float: left;
	color: #70693c;
	font-size: 14px;
	margin: 0px 0px 00px 0px;
}
#colunaD #conteudo #contexto .foto{
	width: 146px;
	float: left;
	text-align: center;
	margin: 0px 16px 16px 0px;
}
#colunaD #conteudo #contexto .galeria1{
	width: 146px;
	/*position: relative;*/
	line-height:18px;
	float: left;
	color: #70693c;
	font-size: 14px;
	margin: 0px 32px 16px 0px;
	_margin: 0px 10px 16px 00px;
}
#colunaD #conteudo #contexto .galeria1 .legendaH{
	padding:0px 0px 0px 3px;
	float: left;
	width: 155px;
	font-size: 12px;
	color: #8d5e00;
	margin: 5px 3px 0px 0px;
}
#colunaD #conteudo #contexto .galeria1 .fotoH{
	width: 146px;
	float: left;
	text-align: center;
	margin: 0px 16px 0px 0px;
}
#colunaD #conteudo #contexto .galeriaPousada{
	background: url(../img/bg-galeria.jpg) no-repeat center top;
	width: 575px;
	height: 181px;	
	float: left;
	margin: 30px auto 0px auto;
}
#colunaD #conteudo #contexto .galeriaPousada1{
	width: 546px;
	height: 181px;	
	float: left;
	margin: 0px 0px 0px 20px;;
}
#colunaD #conteudo #contexto .galeriaPousada .fotoPousada{
	width: 88px;
	height: 56px;	
	float: left;
	margin: 22px 0px 0px 22px;
	_margin: 22px 0px 0px 17px;
	background: #016567;
}

#colunaD #conteudo #contexto .praia-m{
	background: url(../img/bg-praia-m.jpg) repeat-y center;
	margin: 25px auto;
	width: 570px;
	font-size:11px;
	float: left;
}
#colunaD #conteudo #contexto .praia-m ul {
	width:570px;
	margin-top:0px;
	margin-left: 0px;
	margin-right: 0px;
}
#colunaD #conteudo #contexto .praia-m ul li {
	list-style:none;
	background: url(../img/bg-praias.gif) #e2dbca no-repeat bottom center;
	float:left;
	text-align: left;
	height: 30px;
	margin-right: 20px;
	margin-bottom: 0px;
}
#colunaD #conteudo #contexto .praia-m ul li a {
	padding: 5px 0px 0px 5px;	
	width: 160px;
	/*_width: 150px;*/
	float:left;
	/*background: #e2dbca;*/
	height: 30px;
	margin-bottom: 0px;
	color: #016567;
	text-decoration: none;
}
#colunaD #conteudo #contexto .praia-m ul li a:hover {
	list-style:none;
	float:left;
	color: #ffffff;
	background: url(../img/bg-praias.gif) #9c7322 no-repeat bottom center;
	text-decoration: none;
}






#colunaD #conteudo #contexto #galeriaDicas{
	width: 570px;
	position: relative;
	margin: 30px 0px 0px 0px;
	_margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*display: block;*/
	text-align: left;
	float: left;
}
#colunaD #conteudo #contexto #galeriaDicas .fotosDicas{
	padding:0px 0px 0px 0px;
	float: left;
	width: 163px;
	margin: 10px 10px 0px 0px;
}
#colunaD #conteudo #contexto #galeriaDicas .albumDicas{
	padding:0px 0px 0px 0px;
	float: left;
	margin: 10px 3px 0px 0px;
	height: 88px;
}
#colunaD #conteudo #contexto #galeriaDicas .legendaDicas{
	padding:0px 0px 0px 3px;
	float: left;
	width: 155px;
	color: #8d5e00;
	margin: 5px 3px 0px 0px;
}






















#colunaD #muralInt{
	float: left;
	width: 500px;
	margin-bottom: 25px;
}
#colunaD .recadoInt{
	width: 400px;
	float: left;
	text-align: center;
}
#colunaD .separador-mural{
	width: 400px;
	float: left;
	text-align: center;
	margin: 10px auto 6px auto;
}
#colunaD .textoRecadoInt{
	padding: 0px 15px 0px 8px;
	text-align: left;
}
#colunaD .textoRecadoInt p{
	padding: 4px 0px 4px 0px;
}
#colunaD .remetenteInt{
	padding: 10px 15px 4px 8px;
	text-align: left;
	line-height: 18px;
	font-weight: bold;
}









/*rodape*/
#footer {
	width: 100%;
	height: 187px;
	color: #8d5e00;
	float: left;
	margin-top: 10px;
}
#footer a {
	color:#8d5e00;
	text-decoration:none;
}
#footer a:hover {
	color:#948959;
}
#footer #footer_main {
	width:705px;
	margin:auto;
	overflow:hidden;
	display:block;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}
#footer #footer_main #footer_menu {
	width:600px;
	/*float:left;*/
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 12px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-size: 12px;
	margin-bottom: 16px;
	font-weight:bold;
}
#footer #footer_main #adress{
	width:600px;
	/*float:left;*/
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 12px;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
#footer #footer_main #adress strong{
	font-size:14px;
}
#footer #footer_main #assinatura{
	width:600px;
	margin-top: 0px;
	margin-left:auto;
	margin-right: auto;	
}
#footer #footer_main #assinatura .contador {
	width:355px;
	color:#765000;
	font-size: 11px;
	margin-left:auto;
	margin-right: auto;	
	margin-top: 18px;	
	text-align:center;
}
#footer #footer_main #assinatura .contador strong{
	font-size: 12px;
	font-weight: normal;
}
#footer #footer_main #cartoes {
	width:705px;
	margin:auto;
	overflow:hidden;
	text-align: center;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
}
#footer #footer_main #cartoes .cartoes{
	margin: 8px 0px 33px 0px;
	float: right;
}
/*formularios*/
#form01 /*newsletter*/ {
	width:240px;
	float: left;
	margin: 8px 0px;
	position: relative;
}
#form02 /*mural de recados*/ {
	width:250px;
	margin: 8px 0px;
	float: left;
	font-size: 11px;
}
#form02 p/*mural de recados*/ {
	font-size: 11px;
}
#form03 /*reservas*/ {
	width:550px;
	margin: 8px auto 8px auto;
	position: relative;
	float: left;
}
.form /*mural de recados*/{
	width: 250px;
	margin: auto;
	float: left;
}
.form03 /*reservas*/{
	width: 450px;
	margin: auto;
}
form /*newsletter*/{
	width: 240px;
}
input, textarea, select /*newsletter*/{
	border: 1px solid #83b2ba;
	padding: 3px 5px 3px 5px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	font-size: 11px;
	color:#006969;
}
.labelP{
	margin-top:0px;
	margin-right: 5px;
	margin-bottom: 10px;
	width:570px;
	float:left;
	text-align: left;
	position: relative;
}
.check{
	width: 570px;
	float: left;
	margin: 0px 0px 10px 0px;
}
.labelcheck{
	margin-top:0px;
	margin-right: 5px;
	margin-bottom: 10px;
	width:140px;
	float:left;
	text-align: left;
	position: relative;
}
.camposCheck{
	border: none;
	margin-right: 5px;
	float: left;
}
.label /*mural de recados*/{
	width: 220px;
	margin: 0px 0px 8px 0px;
}
label /*newsletter*/{
	width: 220px;
	margin: 0px 0px 8px 0px;
	float: left;
}
.btn /*newsletter*/{
	margin-right: 16px;
	_margin-right: 8px;
	border:none;
	float: right;
}
.btn1 /*mural de recados*/{
	margin-right: 16px;
	_margin-right: 8px;
	border:none;
	float: left;
}
.btn2 /*mural de recados*/{
	margin-right: 16px;
	_margin-right: 8px;
	border:none;
	width: 540px;
	float: left;
}
.enviar /*newsletter*/{
	border:none;
	width: 28px;
	height: 28px;
}
.enviar1 /*mural de recados*/{
	border:none;
	width: 59px;
	height: 22px;
}











/*paginaao*/

#pg-bar {
	width: 480px;
	padding: 0px 32px 0px 10px;
	margin-bottom: 10px;
	position: relative;
	float:left;
	list-style: none;
}
ul#pg-bar1 {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
	color: #8D5E00;
}
ul#pg-bar1  li {
	padding: 0;
	margin: 4px;
	width: 31px;
	height: 25px;
	text-align: center;
	font-size: 11px;
	float: left;
	text-decoration: none;
	color: #8D5E00;
	display: inline;
}
ul#pg-bar1  li .pg_ativa {
	color: #8D5E00;
	text-decoration: underline;
	width: 31px;
	background: url(../img/bg_pg_ativa.png) no-repeat;
	padding: 6px 0 8px 0;
	height: 18px;
	float: left;
	font-weight: bold;
}
ul#pg-bar1  li  a {
	color: #8D5E00;
	text-decoration: none;
	width: 31px;
	padding: 6px 0 8px 0;
	background: url(../img/bg_pg.png) no-repeat;
	height: 18px;
	float: left;
}
ul#pg-bar  li#pg-bar  a:hover {
	color: #8D5E00;
}