/*TAGs Html*/
html, body{
  height: 100%;
}

body{ 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
	background-color: #E3CBA7;
}

*{
  border: 0px; 
  padding: 0px; 
  margin: 0px; 
}

a:link, a:visited, a:active{
  color: black;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}

ul, ol{
  list-style: none;
}
/*TAGs Html*/

/*Classes*/
.campo1{
  color: black;
  border: 1px solid #FF0000;
  background-color: #FFFFCC;
}

.campo2{
  color: black;
  background-color: white;
  border: 1px solid #CCC;
  padding: 3px;
}

.error{
  color: #FF0000;
  font-weight: bold;
}

.sucesso{
  color: #006600;
  font-weight: bold;
}

.both{
  clear: both;
  height: 6px;
}

.floatLeft, .paginacao{
  float: left;
  width: 100%;
}

.label{
  position: relative;
  float: left;
  width: 30%;
  height: 23px;
  padding: 5px 0px 0px 0px;
  text-align: right;
}

.field{
  position: relative;
  float: right;
  width: 69%;
  height: 28px;
  text-align: left;
}

.botoes{
  background: #ECECEC;
  color: black;
  border: 1px solid #CCC;
  width: 100px;
	padding: 3px;
}

.titulo{
  padding: 7px;
	color: white;
	font-size: 13px;
}
/*Classes*/

/*Ids*/
#inicio{
  padding-top: 20px;
  position: relative;
  min-height: 100%;
	height: auto !important;
	height: 100%;
  background: url('../imgs/layout/fundo_areia.png') left top repeat-x;
}

#centraliza{
  position: relative; 
  margin: 0px auto;
  width: 864px;
	min-height: 650px;
	padding: 8px;
  overflow: hidden;
	background-color: #FFC602;
}

#centro{
  float: left;
	width: 623px;
	min-height: 480px;
	background: url('../imgs/layout/fundo_titulo.jpg') repeat-x left top;
	background-color: #FFFFFF;
}

#conteudo{
	max-width: 620px;
  float: left;
  padding: 6px;
}

#btVoltar{
	width: 610px;
	text-align:center;
	margin-top: 30px;
	float:left;
}

/*Fim dos Ids*/

/*Topo - topo.php*/
#topo{
  float: left;
	width: 100%;
	height: 196px;
	position: relative;
	padding: 4px 0px 4px 0px;
}

#topo #logo{
  position: absolute;
	left: 0px;
	top: 0px;
}

#topo #redes{
  position: absolute;
	right: 2px;
	bottom: 110px;
	color: white;
}

#topo #redes img{
  vertical-align: middle;
}

#topo #veja{
  position: absolute;
	right: 0px;
	top: 0px;
	font-size: 10px;
	font-weight: bold;
}

#topo #veja p:first-child{
  margin: 0px 0px 4px 0px;
}

#topo #fraseTopo{
  position:absolute;
  right: 220px;
	top:50px;
}

#menu{
  float: right;
	width: 705px;
	height: 51px;
	margin: 140px 0px 6px 0px;
	background: url('../imgs/layout/fundo_menu.png') repeat-x;
}

#menu li{
  float: left;
	font-size: 14px;
	background: url('../imgs/layout/menu_separador.png') no-repeat right center;
}

#menu li a{
  float: left;
	font-size: 14px;
	color:#000;
	text-decoration:none;
	font-weight:normal;
}

#menu li#iFim{
  float: left;
	font-size: 14px;
	background: none;
}

#menu li p{
  margin: 0px 3px 0px 0px;
	padding: 17px 3px 17px 3px;
}

#menu li#iFim p{
  margin: 0px 0px 0px 0px;
	padding: 17px 2px 17px 3px;
}

#menu li p:hover{
  background: url('../imgs/layout/fundo_menu_back.png') repeat-x;
	color: white;
	cursor: pointer;
}
/*Fim do Topo - topo.php*/

/*Banners - banners.php*/
#banners{
  float: left;
	width: 100%;
	height: 262px;
	margin: 4px 0px 10px 0px;
}

#banners li{
  float: left;
	width: 208px;
	height: 262px;
	position: relative;
  margin: 0px 0px 0px 10px;
	background: url('../imgs/layout/mascara.png') no-repeat;
	cursor: pointer;
}

#banners li:first-child{
  margin: 0px 0px 0px 1px;
}

#banners li p{
  position: absolute;
	left: 8px;
	bottom: 14px;
	width: 190px;
	text-align: center;
	font-size: 14px;
	color: #4A3B10;
	font-weight: bold;
}
/*Fim dos Banners - banners.php*/

/*Index - index.php*/
#centroHome{
  float: left;
	width: 743px;
}

#video{
  float: left;
	width: 157px;
	margin: 30px 2px 0px 0px;
	height: 207px;
	background: url('../imgs/layout/fundo_titulo.jpg') repeat-x left top;
	background-color: #FFFFFF;
}

#video p{
	text-align:center;
	margin-bottom:15px;
}

#video360{
  margin-top: 18px;
  background: url('../imgs/layout/fundo_titulo.jpg') repeat-x left top;
}

#video a{ 
  color: white;
	font-size:11px;
	padding: 0px 5px;
	text-decoration:none;
}

#publicidade{
  float: right;
	width: 110px;
	margin: 0px 2px 0px 0px;
	text-align: center;
}

#publicidade img{
  margin: 6px 0px 0px 0px;
}

#publicidade img:first-child{
  margin: 0px;
}

#lateralFoto{
  float: left;
	width: 110px;
	margin: 0px 8px 0px 0px;
	text-align: center;
}

#lateralFoto img{
  margin: 6px 0px 0px 0px;
}

#pag{
  float: left;
  margin: 10px 0px 5px 0px;
}

/*Fim do Index - index.php*/
/*Video - video.php*/
#mostraVideo{
 margin: 20px 0px 0px 25px;
}

/*FIM Video - video.php*/
/*Depoimentos Home - depoimentos_home.php*/
#depoimentos{
  float: left;
	width: 492px;
	height: 167px;
	background: url('../imgs/layout/fundo_titulo.jpg') repeat-x left top;
	background-color: #FFFFFF;
}

#depoimentos ul{
  float: left;
	width: 100%;
	margin: 10px 0px 0px 0px;
}

#depoimentos ul li{
  float: left;
	width: 100px;
  height: 113px;
	position: relative;
	margin: 0px 9px 0px 9px;
	border: 2px solid #CCC;
}

#depoimentos ul li:first-child{
	margin: 0px 10px 0px 10px;
}

#depoimentos ul li:hover{
  border: 2px solid #AAA;
	cursor: pointer;
}

#depoimentos ul li p{
  padding: 4px;
	height: 29px;
  background: #696D78;
	color: white;
	border-top: 1px solid white;
	text-align: center;
	overflow: hidden;
}

#depoimentos p#ver{
  position: absolute;
	right: 20px;
	bottom: -22px;
}

#depoimentoNenhumHome{
  text-align:center;
  color:red;
	margin-top:50px;
}

/*FIM - Depoimenotos Home - depoimentos_home.php*/
/*Reserva index - reserva_index.php*/
#reservas{
  float: left;
	width: 240px;
	margin: 0px 10px 0px 0px;
	height: 403px;
	background: url('../imgs/layout/fundo_titulo.jpg') repeat-x left top;
	background-color: #FFFFFF;
}

#reservas p.titulo{
  margin-bottom: 3px;
}


#reservas form p{
	font-weight:bold;
  padding: 6px 2px 4px 6px;
}

.labelPeq{
  position:relative;
  float: left;
	width: 30%;
  text-align: left;
  padding: 6px 2px 4px 6px;
	border: 0px solid #FF0000;
}

.fieldPeq{
  position:relative;
  float: left;
  margin: 4px 0px 2px 6px;
}

.fieldPeq input{
 	border: 1px solid #666666;
}

.btEnvia{
  background: #CCCCCC;
  color: black;
  border: 1px solid #000;
	width: 100px;
	padding: 4px;
}

.campoReservError{
  border:1px solid #FF0000;
	background-color:#FFFFCC;
}
/*FIM - Reserva index - reserva_index.php*/

/*Reserva - reservas.php*/
#quadroTxtReserva{
  border:1px dashed black;
	width: 380px;
	margin:0 auto;
	padding:8px;
	text-align:justify;
}
/*FIM - reserva - reservas.php*/


/* Clima Tempo - climaTempo.php*/
#climaTempo{
  float: left;
	width: 157px;
	margin: 30px 10px 0px 0px;
	height: 207px;
	background: url('../imgs/layout/fundo_titulo.jpg') repeat-x left top;
	background-color: #FFFFFF;
}

#climaTempo iframe{
  margin-left: 4px;
}
/* FIM -  Clima Tempo - climaTempo.php*/

/*Pacote Home - pacote_home.php*/
#pacotes{
  float: left;
	width: 157px;
	margin: 30px 10px 0px 0px;
	height: 207px;
	background: url('../imgs/layout/fundo_titulo.jpg') repeat-x left top;
	background-color: #FFFFFF;
}

#pacotes ul li{
  text-align:center;
	padding: 5px;
}

#pacotes ul li img{
  border:1px solid #666666;
}

#pacotes ul li#pacoteRight{
  text-align:right;
	font-size:9px;
}

#pacoteNenhumHome{
  text-align:center;
  color:red;
	margin-top:60px;
}
/*FIM - Pacote Home - pacote_home.php*/

/*Pacote - pacote.php*/
#textPacotes{
  margin: 10px 10px 30px;
}

#vejaPacote{
  float:left;
	width:207px;
	margin: 0px 20px 10px 30px;
	padding: 5px;
	border:1px solid #000;
	background-color:#FFFFCC;
	cursor:pointer;
}

#vejaPacote:hover{
  background-color:#FFF;
}

#vejaPacote li{
  width:100%;
  float:left;
	margin-bottom: 10px; 
	text-align:center;
}

#vejaPacote li img{
  border:1px solid #000;
}

#btReservaPacote{
  text-align:center;
	margin: 20px;
}

#pacoteNenhum{
  text-align:center;
	width: 570px;
	padding:20px;
	color:red;
}

/*FIM - Pacote - pacote.php*/

/*PalavraChave - palavraChave.php*/
#palavraChave{
  float:left;
  width:847px;
	background-color:#ECECEC;
	margin: 10px 0px 0px 0px;
	min-height: 100px;
	padding: 8px;
}

#palavraChave ul{
  float:left;
	width: 168px;
	overflow:hidden;
	border-left:dashed 1px #000;
	margin-bottom: 10px;
}

#palavraChave ul li{
  padding: 0px 5px 2px 10px;
  margin: 6px;
  background: url('../imgs/layout/circulo.png') no-repeat center left;
  font-size: 11px;
  color: #000;
	overflow:hidden;
}

#palavraChave ul li:first-child{
  padding: 0px;
  margin: 6px;
  background: none;
  font-size: 12px;
  color: #333333;
  font-weight: bold;
	text-decoration:underline;
}

#palavraChave ul li a{
  font-style: italic;
}


/*FIM - PalavraChave - palavraChave.php*/

/*Rodape - rodape.php*/
#rodape{
  float:left;
	width:860px;
	font-size: 11px;
	margin-top: 15px;
	margin-left: 10px;
}

#rodape img{
	vertical-align:middle;
	margin-left: 245px;
}
/*FIM - Rodape - rodape.php*/

/*Infraestrutura - infraestrutura.php*/
.infraEstrutura ul{
  float: left;
	width: 100%;
	margin: 0px 0px 10px 0px;
}

.infraEstrutura ul li{
  float: left;
	width: 278px;
	text-align: center;
  margin: 0px 8px 20px 7px;
}

.infraEstrutura ul li b{
  font-size: 14px;
}

.infraEstrutura #imagemGrande{
  float: left;
	width: 510px;
}

.infraEstrutura #imagemGrande span{
  font-style: italic;
}

.infraEstrutura #imagens{
  float: left;
	width: 100px;
	margin-left: 1px;
}

.infraEstrutura ul li img, .infraEstrutura #imagemGrande img, .infraEstrutura #imagens img{
  padding: 5px;
  border: 1px solid #888;
  margin: 0px;
}

.infraEstrutura #imagens img{
  margin-left: 6px;
}


.infraEstrutura ul li img:hover, .infraEstrutura #imagens img:hover{
  border: 1px solid #555;
	background: #ECECEC;
}

.subTitulo1{
  font-size: 18px;
	font-style: italic;
}

#tooltip{
	position: absolute;
	border: 1px solid white;
	background: black;
	padding: 8px;
	color: white;
	display: none;
}

#quadroInfApre{
  margin: 0 auto;
	width: 580px;
	border: 1px dashed black;
	padding: 10px;
	margin-bottom: 20px;
}

/*FIM - Infraestrutura - infraestrutura.php*/
/*Servico- servicos.php*/
.servicos ul{
  float: left;
	width: 100%;
	margin: 0px 0px 10px 0px;
}

.servicos ul li{
  float: left;
	width: 278px;
	text-align: center;
  margin: 0px 8px 20px 7px;
}

.servicos ul li b{
  font-size: 14px;
}

.servicos #imagemGrande{
  float: left;
	width: 510px;
}

.servicos #imagemGrande span{
  font-style: italic;
}

.servicos #imagens{
  float: left;
	width: 100px;
	margin-left: 1px;
}

.servicos ul li img, .servicos #imagemGrande img, .servicos #imagens img{
  padding: 5px;
  border: 1px solid #888;
  margin: 0px;
}

.servicos #imagens img{
  margin-left: 6px;
}


.servicos ul li img:hover, .servicos #imagens img:hover{
  border: 1px solid #555;
	background: #ECECEC;
}


/*FIM - Serviços - servicos.php*/
/*Depoimentos - depoimentos.php*/
#nomeDep{
  width: 603px;
  font-size:14px;
	color:#000066;
	margin: 10px 0px 10px 0px;
	padding: 3px;
	border:1px solid #000000;
}

#textoDep{
  width: 600px;
  float:left;
  text-align:justify;
	padding: 5px;
	font-size:12px;
  border:1px dashed #CCC;
}

#textoDep img{
  float:right;
	margin: 0px 0px 0px 8px;
	border:2px solid #000;
}

#imagemGrande{
  float: left;
	width: 510px;
}

#imagemGrande span{
  font-style: italic;
}

#imagens{
  float: left;
	width: 100px;
	margin-left: 1px;
}

#imagemGrande img, #imagens img{
  padding: 5px;
  border: 1px solid #888;
  margin: 0px;
}

#imagens img{
  margin-left: 6px;
}


#imagens img:hover{
  border: 1px solid #555;
	background: #ECECEC;
}

#txtVejaDep{
  float:left;
	width: 100%;
  font-size: 14px;
	color: blue;
	margin: 30px 0px 20px;
	text-align:center;
	font-weight:bold;
}

#vejaDep{
  float:left;
	width:570px;
	margin: 0px 0px 10px 10px;
	padding: 6px;
	border:1px solid #000;
}

#vejaDep:hover{
  background-color:#CCCCCC;
}

#vejaDep li{
  width:460px;
	height:80px;
  float:left;
}

#vejaDep li:first-child{
  width: 100px;
	height: 75px;
	margin-right: 5px;
	border: 1px solid #000;
}

#depoimentosNenhum{
  text-align:center;
	width: 570px;
	padding:20px;
	color:red;
}

/*FIM - Depoimentos - depoimentos.php*/

/*Localização - localizacao.php*/
#quadroLocaliza{
  margin: 10px 0px 10px 140px;
	width: 300px;
	border: 1px dashed #000;
	padding: 10px;
	text-align:center;
	font-size:14px;
}

#mapaLocaliza{
  border:2px solid #000;
  margin-left: 50px;
}

#textLoca{
  text-align:center;
	margin: 10px 10px 10px 50px;
	font-size: 14px;
}

#textLoca a{
  color:blue;
  font-size: 14px;
	font-weight:bold;
}
/*Fim - localização - localizacao.php*/

/*Passeios - passeios.php*/
.linksPasseio{
  font-weight:bold;
	margin: 10px 0px 20px 0px;
	color:#000066;
	font-size:14px;
	cursor:pointer;
	border-bottom:1px dashed #333333;
	width:610px;
	padding-bottom: 4px; 
}

.passeioNome{
  font-weight:bold;
	text-decoration:inherit;
	margin: 0px 10px 10px;
	font-size:13px;
}

.passeioTxt{
  text-align:justify;
	margin-bottom: 30px;
}

.passeioURL{
  text-align:right;
	font-weight:bold;
}

.ulPasseios{
	display:none;
	margin: 8px;
	background-color:#ECECEC;
	padding: 10px;
}

/*FIM - Passeios - passeios.php*/

/*Cadastre-se - cadastre_se.php*/
#cadastreSe{
	margin:10px 0px 0px 60px;
}

/*FIM - Cadastre-se - cadastre_se.php */

/*Pagamento Reserva - pag_reservas.php*/
#quadroReserva{
  width: 575px;
	border: 2px dashed #FF9900;
	background:#CCCCCC;
	padding: 15px;
	margin: 20px 0px 20px 0px;
	text-align:justify;
}

#txtReserva{
  text-align:center;
	font-weight:bold;
	margin: 20px 0px 20px 0px;
}

/*FIM - Pagamento Reserva - pag_reservas.php*/
/*Pedidos - pedidos.php*/
#reservaRetorno{
	width:570px;
	padding: 20px;
}
/*FIM - Pedidos - pedidos.php*/
/*Normas de Hospedagem - normas_hospedagem.php*/
.linksNorma{
  cursor:pointer;
	text-decoration:inherit;
	font-weight:bold;
	color:blue;
	margin-bottom: 10px;
	padding-left: 10px;
	font-size:14px;
}

.linksNorma:hover{
  color:green;
	text-decoration:underline;
}

.txtNorm{
  margin: 0px 5px 15px 5px;
  display:none;
  text-align:justify;
  padding: 3px;
}

.txtNorm p{
  margin-bottom: 15px;
}
/*FIM - Normas de Hospedagem - normas_hospedagem.php*/