﻿@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	border: 0;
}
html, body {
	/*line-height:140%;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	background: url(../img/bg.gif);
	color: #4c4112;
}
a {
	color: #4c4112;
	text-decoration:none;
}
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* topo home */
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
#top-bar-home {
	width: 100%;
	height: 435px;
	position: relative;
	text-align: left;
	background: url(../img/bg-top-home.jpg) no-repeat top center;
	z-index:1;
}
#top-bar-home #slider {
	margin: auto;
	width: 1000px;
	z-index:1;
	position: relative;
}
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* topo internas */
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
#top-bar {
	width: 100%;
	height: 217px;
	position: relative;
	text-align: left;
	background: url(../img/bg-top-bar.jpg) no-repeat top center;
	z-index:1;
}
#top-bar #slider {
	margin: auto;
	width: 1000px;
	z-index:3;
	position: relative;
}
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* home e internas */
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
#content {
	width: 100%;
	display: block;
	overflow: hidden;
	margin: 0px auto 0px auto;
	float: left;
	position: relative;
}
#content #page{
	margin: 0px auto 0px auto;
	width:950px;
	display: block;
	overflow: hidden;
	position: relative;
	z-index:2;
}
#content #page #coqueiro-flutuante{
	position:absolute;
	bottom:0px;
	right: 0px;
	z-index:4;
}
#content #page .titulo{
	margin: 5px 0px 15px 0px;
	width: 100%;
	float:left;
}
#content #page .titulo1{
	margin: 5px 0px 5px 0px;
	width: 100%;
	float:left;
}
#content #page .subtitulo{
	font-size:11px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	float:left;
}
#content #page .subtitulo1{
	/*font-size:11px;*/
	margin: 0px 0px 0px 0px;
	width: 100%;
	float:left;
}
#content #page #cadastro{
	width:890px;
	height:68px;
	font-size: 11px;
	margin: 10px auto 10px auto;
}
#content #page #cadastro #cadastroImg{
	width:508px;
	float:left;
	height:68px;
}
#formCadastro{
	width:375px;
	float: right;
}
#formContato{
	width:300px;
	float: left;
	margin: 20px 0px 40px 0px;
}
#formReserva{
	width:300px;
	float: left;
	margin: 20px 0px 40px 30px;
}
#content #page #pacotes{
	width:230px;
	margin: 15px 0px 10px 0px;
	float: left;
}
#content #page p{
	margin: 5px 0px 8px 0px;
}
#content #page .fotoHome{
	width:218px;
	float: left;
	height: 113px;
	margin: 0px 5px 0px 5px;
}
#content #page .descricaoHome{
	width:218px;
	float: left;
	margin: 10px 5px 0px 5px;
}
#content #page .descricaoHome strong{
	font-size: 14px;
}
#content #page #mista{
	width: 395px;
	margin: 15px 0px 40px 40px;
	float: left;
}
#content #page #servicos {
	margin: 15px 0px 20px 0px;
	width: 350px;
	float: left;
}
#content #page #servicos .listaServicos{
	float: left;
	margin: 0px 10px 8px 0px;
}
#content #page #servicos .listaServicos1{
	float: right;
	margin: 0px 7px 0px 0px;
}
#content #page #tourVirtual #tour {
	margin: auto;
	width: 386px;
	z-index:1;
}
#content #page #passeios{
	width:230px;
	margin: 15px 0px 10px 0px;
	float: right;
}
#content #page #passeios .seta{
	width:218px;
	float: left;
	margin: 0px 5px 0px 5px;
}
#content #page #passeios .setaL{
	width:20px;
	float: left;
	margin: 0px 0px 0px 5px;
}
#content #page #passeios .setaR{
	width:20px;
	float: left;
	margin: 0px 0px 0px 0px;
}
#content #page #passeios .setaTexto{
	width:178px;
	height: 16px;
	float: left;
	background: url(../img/setaTexto.gif) repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	text-align: center;
	color: #ffffff;
	font-size: 11px;
}
#content #page #conteudo{
	width: 950px;
	float: left;
	margin: 10px 0px 30px 0px;
	position: relative;
	z-index: 4;
}
#content #page #conteudo .foto-principalL{
	margin: 0px 10px 6px 0px;
	_margin: 10px 10px 8px 0px;	
	float: left;
}
#content #page #conteudo .foto-principalLR{
	margin: 10px 10px 6px 0px;
	_margin: 10px 10px 8px 0px;	
	float: left;
}
#content #page #conteudo p{
	margin: 8px 0px 12px 0px;
}
#content #page #conteudo .noronha2{
	list-style:none;
	float:left;
	width: 500px;
}
#content #page #conteudo .noronha1 ul{
	list-style:none;
	float:left;
	width: 800px;
}
#content #page #conteudo .noronha ul li, #content #page #conteudo .noronha1 ul li{
	background: url(../img/icon-lista.gif) no-repeat left top;
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 15px;
}
#content #page #conteudo #galeriaNoronha{
	float: left;
	width: 600px;
	margin: 20px 0px 40px 0px;
	_padding: 0px 0px 40px 0px;
}
#content #page #conteudo #galeriaNoronha .fotosGaleria{
	width: 125px;
	height: 89px;
	float: left;
	margin: 0px 15px 20px 0px;
}
#content #page #conteudo #pousadasNoronha{
	float: left;
	width: 375px;
	margin: 0px 0 25px 0px;
}
#content #page #conteudo #pousadasNoronha .fotosPousadas{
	width: 125px;
	height: 89px;
	margin-right:15px;
	float: left;
}
#content #page #conteudo #pousadasNoronha .tituloPousadas{
	width: 234px;
	height: 30px;
	float: left;
}
#content #page #conteudo #pousadasNoronha .confiraPousadas{
	width: 234px;
	float: left;
}
#content #page #conteudo #servicos{
	width: 980px; 
	float: left;
	margin: 40px 0px 30px 0px;
}
#content #page #conteudo #servicos a, #content #page #conteudo #servicos1 a {
	color:#fff;
	text-decoration: none;
}
#content #page #conteudo #servicos a:hover, #content #page #conteudo #servicos1 a:hover {
	color:#fff;
	text-decoration: underline;
}
#content #page #conteudo #servicos1{
	width: 980px; 
	float: left;
	margin: 10px 0px 80px 0px;
}
#content #page #conteudo #servicos .colL, #content #page #conteudo #servicos1 .colL{
	width: 45%;
	float: left;
	margin: 10px 0px 10px 0px;
}
#content #page #conteudo #servicos .colU, #content #page #conteudo #servicos1 .colU{
	width: 95%;
	float: left;
	margin: 10px 0px 10px 0px;
}
#content #page #conteudo #servicos .colR, #content #page #conteudo #servicos1 .colR{
	width: 45%;
	float: right;
	margin: 10px 0px 10px 0px;
}
#content #page #conteudo #servicos .colL1{
	width: 48%;
	float: left;
	margin: 10px 0px 10px 0px;
}
#content #page #conteudo #servicos .colR1{
	width: 48%;
	float: right;
	margin: 10px 0px 10px 0px;
}
#content #page #conteudo #servicos .passagemAerea{
	width: 370px; 
	float: left;
	margin: 0px 38px 0px 0px;
}
#content #page #conteudo #servicos .passagemAerea ul{
	list-style:none;
	float:left;
}
#content #page #conteudo #servicos .passagemAerea li{
	background: url(../img/bg-passagem.gif) no-repeat;
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 0px 20px;
	width: 144px;
	height:19px;
	color: #ffffff;
}
#content #page #conteudo #servicos .pacotes{
	width: 330px; 
	float: left;
	margin: 0px 38px 0px 0px;
}
#content #page #conteudo #servicos .pacotes ul{
	list-style:none;
	float:left;
}
#content #page #conteudo #servicos .pacotes li{
	background: url(../img/bg-pacotes.gif) no-repeat;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 0px 20px;
	width: 138px;
	height:19px;
	color: #ffffff;
}
#content #page #conteudo #servicos .aluguel{
	width: 135px; 
	float: left;
	margin: 0px 38px 0px 0px;
}
#content #page #conteudo #servicos .aluguel ul{
	list-style:none;
	float:left;
}
#content #page #conteudo #servicos .aluguel li{
	background: url(../img/bg-aluguel.gif) no-repeat;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 0px 20px;
	width: 74px;
	height:19px;
	color: #ffffff;
}
#content #page #conteudo #servicos1 .hotel{
	width: 262px; 
	float: left;
	margin: 0px 38px 0px 0px;
}
#content #page #conteudo #servicos1 .hotel ul{
	list-style:none;
	float:left;
}
#content #page #conteudo #servicos1 .hotel li{
	background: url(../img/bg-pacotes.gif) no-repeat;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 0px 20px;
	width: 138px;
	height:19px;
	color: #ffffff;
}
#content #page #conteudo #servicos1 .locacao{
	width: 150px; 
	float: left;
	margin: 0px 38px 0px 0px;
}
#content #page #conteudo #servicos1 .locacao ul{
	list-style:none;
	float:left;
}
#content #page #conteudo #servicos1 .locacao li{
	background: url(../img/bg-locacao.gif) no-repeat;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 0px 20px;
	width: 124px;
	height: 19px;
	color: #ffffff;
}
#content #page #conteudo #formServicos{
	width:700px;
	float: left;
	margin: 20px 0px 40px 0px;
}
#content #page #conteudo #formServicos .colL{
	width:280px;
	float: left;
}
#content #page #conteudo #formServicos .colR{
	width:280px;
	float: right;
}
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* rodape */
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
#footer {
	width:100%;
	height:152px;
	background: url(../img/bg-footer.gif) repeat-x;
	color:#c8bc89;
	margin: 0px 0px 0px 0px;
	overflow:hidden;
	display:block;
	float: left;
	position: relative;
	z-index: 1;
}
#footer #footer_mainG {
	width:950px;
	margin: 0px auto 0px auto;
	overflow:hidden;
	display:block;
}
#footer #footer_main {
	width:695px;
	margin: 0px auto 0px auto;
	overflow:hidden;
	display:block;
}
#footer #footer_main #endereco {
	width: 160px;
	margin: 20px 0px 0px 0px;
	text-align: left;
	float: left;
}
#footer #footer_main #contato {
	width:370px;
	margin: 20px 0px 0px 0px;
	text-align: left;
	float: right;
}
#footer #footer_main #contato .dados{
	width: 170px;
	float: left;
}
#footer #footer_main #contato .dados1{
	width: 170px;
	float: right;
}
#footer #footer_main #contato .estado{
	width: 40px;
	float: left;
}
#footer #footer_main #contato .fones{
	width: 125px;
	float: right;
}
#footer #footer_mainB {
	display: block;
    float: none;
    height: 31px;
    margin: 0 auto 0;
    overflow: hidden;
    width: 737px;
}
#footer #footer_mainB #m3 {
	width:150px;
	margin: 2px 0px 0px 0px;
	float:left;
	font-size: 11px;
	color:#fff;
}
#footer #footer_mainB #m3 a{
	color: #fff;
	text-decoration: none;
}
#footer #footer_mainB #m3 .desenvolvido{
	width: 85px;
	float: left;
	margin: 6px 0px 0px 0px;
}
#footer #footer_mainB #m3 .logo{
	width: 50px;
	float: left;
}
#footer #footer_mainB #icones{
	float: right;
    margin: 5px 0 0 0;
    width: 355px;
}
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* paginacao  */
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
/* -================================================================-*/
#pg-bar {
	width: 500px;
	padding: 0px;
	margin: 0px;
	position: relative;
	list-style: none;
}
ul#pg-bar1 {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
	color: #fff;
}
ul#pg-bar1 li {
	padding: 0;
	margin: 4px;
	width: 22px;
	height: 22px;
	text-align: center;
	font-size: 11px;
	float: left;
	text-decoration: none;
	color: #ffe838;
	display: inline;
}
ul#pg-bar1 li .pg {
	padding:4px 0;
	color: #fff;
	width: 22px;
	height: 14px;
	text-decoration: none;
	background:url(../img/bg-paginacao.gif) no-repeat;
	float: left;
}

ul#pg-bar1 li .pg a {
	text-decoration: none;
	color: #fff;
}
ul#pg-bar1 li .pg_seta {
	color: #ffe838;
	text-decoration: none;
	width: 20px;
	/*background: #489ccc;
	padding: 4px 0 4px 0;*/
	height: 16px;
	float: left;
	font-weight: bold;
}
/*================================================================*/
/*================================================================*/
/*================================================================*/
/*================================================================*/
/*================================================================*/
/*================================================================*/
/*================================================================*/
/*================================================================*/
/*================================================================*/
/*================================================================*/
/*================================================================*/
/*================================================================*/
/*================================================================*/
/*================================================================*/
a.dicas {
	text-decoration: none;
	font-style: italic;
	color: #FFFFFF;
}
a.dicas:link {
	text-decoration: none;
	font-style: italic;
	color: #FFFFFF;
}
a.dicas:hover {
	text-decoration: none;
	color: #FFFFFF;
}

