/*Nativ */
/*Definições gerais*/
*{margin:0; padding:0;}
html,body {	height: 100%; }
html, body, h2, h3, h4, div, p, ul, li, input {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

body { 
font-size: small/100%; /* Certeza que usuários do IE podem aumentar o tamanho da fonte.*/
background: #F2F5F6 url(../imagens/bg.gif) repeat-x top;
}
 a img{
	border: none;
}

img.left,img.center,img.right{padding:4px 0 4px 0;/* border:1px solid #a0a0a0;*/}
img.left{float:left; margin:0 10px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}
p{padding:0 0 1.6em 0;}

/*Divs de estruturação*/
#corpo{
font-size: 0.7em;
margin: auto;
width: 770px;
color: #61737B;
background: #D0D8DF url(../imagens/bg_pagina.gif) repeat-x top;
}	

#pagina {
width: 753px;
background: #fff;
margin: auto;
}	
#paginaContato{
width: 753px;
background: url(../imagens/bg_contato.gif) no-repeat bottom right #fff;
margin: auto;
}	
#topoHome {
margin: auto;
width: 753px;
height: 237px;
}	
#topoHomeEsq {
margin: 0px;
padding: 0px;
width:751px;
height:200px;
float: left;
position: relative;
top:0px;
left: 0px;
}	
#topoHomeDir {
float: left;
width: 751x;
height: 5px;
position: relative;
top:10px;
left: 15px;
font-size:10px;
color: #ffffff;
}	
#topoHomeDir form{
width: 179px;
padding: 5px 0 5px 5px;
}
#topoHomeDir input{
	width: 139px;
	border: #AAC5D2 1px solid;
	background: #F0F5F8;
	color: #ffffff; 
}
#topoHomeDir .enviar{
	width: 53px;
	height: 15px;
	float: right;
	margin: 0 5px 0 0;
	border:none;
}

#topo {
float: left;
margin: 0px;
width: 591px;;
height: 190px;
position: relative;
}	
#topo h1 span {
top:0px;
left:0px;
position: relative;
text-indent: -999em;
}
#topo h1 span.logo {
background: url(../imagens/logo.jpg) no-repeat top;
width: 223px;
height: 158px;
margin: auto;
position: relative;
float: left;
}
#topo .img {
float: right;
position:relative;
}

/**************** Estilos do menu ****************/
#menu{
	position:relative;
	width:753px;
	height:125px;
	margin: auto;
/*	float: right;*/
	font-size: 0.1em;
	background:url(../imagens/menu.gif)  repeat 0 0;
}
#menu ul{
	list-style:none;
 }
#menu li{
	position:absolute;
   top:0;
   height:41px;
 }
#menu li a{
	position:absolute;
   display:block;
   width:100%;
   height:100%;
   top:0;
   cursor:pointer;
}
#menu li a span{
   position:absolute;
   display:block;
   width:100%;
   height:100%;
   top:0;
}
#home{
	width:221px;
   left:0;
}
#hospedagem{
	width:77px;
   left:221px;
}
#servicos{
	width:59px;
	left:298px;
}
#eventos{
	width:56px;
	left:357px;
}
#localizacao{
	width:74px;
	left:413px;
}
#galeria{
	width:100px;
	left:487px;
}	 
#pacotes{
   width:53px;
	left:587px;
}		 
#reservas{
   width:65px;
	left:640px;
}		
#contato{
   width:48px;
	left:705px;
}		
#home a span{
	background:url(imagens/menu.gif) no-repeat 0 0;
}
#hospedagem a span{
	background:url(imagens/menu.gif) no-repeat -221px 0;
}
#servicos a span{
	background:url(imagens/menu.gif)  no-repeat -298px 0;
}
#eventos a span{
	background:url(imagens/menu.gif)  no-repeat -357px 0;
}
#localizacao a span{
	background:url(imagens/menu.gif)  no-repeat -413px 0;
}
#galeria a span{
	background:url(imagens/menu.gif)  no-repeat -487px 0;
}
#pacotes a span{
	background:url(imagens/menu.gif)  no-repeat -587px 0;
}
#reservas a span{
	background:url(imagens/menu.gif)  no-repeat -640px 0;
}
#contato a span{
	background:url(imagens/menu.gif)  no-repeat -705px 0;
}
#menu ul li a:hover{
	z-index:1000;
}
#home a:hover span{
	background:url(imagens/menu.gif) no-repeat 0 -41px;
}
#hospedagem a:hover span{
	background:url(imagens/menu.gif) no-repeat -221px -41px;
}
#servicos a:hover span{
	background:url(imagens/menu.gif) no-repeat -298px -41px;
}
#eventos a:hover span{
	background:url(imagens/menu.gif) no-repeat -357px -41px;
}
#localizacao a:hover span{
	background:url(imagens/menu.gif) no-repeat -413px -41px;
}
#galeria a:hover span{
	background:url(imagens/menu.gif) no-repeat -487px -41px;
}
#pacotes a:hover span{
	background:url(imagens/menu.gif) no-repeat -587px -41px;
}
#reservas a:hover span{
	background:url(imagens/menu.gif) no-repeat -640px -41px;
}
#contato a:hover span{
	background:url(imagens/menu.gif) no-repeat -705px -41px;
}


/*#menu {
margin: auto;
width: 753px;
height: 41px;
background: url(imagens/bg_menu.gif) repeat-x top right;
color:#fff;
top:0px;
right: 0px;
}	

#menu ul{
float:right;
top:10px;
position: relative;
display: inline;}

#menu li{
display: inline;
list-style-type:none;
margin: 0px;
}

#menu li a{
display:inline;
padding:00px 10px;
font-weight:normal;
text-decoration:none;
color: #ffffff;
}

* html #menu  a {width:1%;}

#menu  .selected,#menu  a:hover{
background:#80b0da;
color:#ffffff;
text-decoration:none;
}*/

#centro {
background: #fff;
position: relative;
margin: auto;
width: 700px;
font-size:0.9em;
border: 3px solid #4FA7FF;}	

#centro P {
	margin:20px auto auto 20px;
}

#colunaEsquerda{
margin: 0px;
width: 591px;
height: auto;
float: left;
/*background-color: #fff;*/
}

/**************** Estilos da coluna central ****************/
#colunaCentral{
float: left;
position: relative;
top: 0px;
left: 0px;
font-size:0.9em;
width: 591px;
height: auto;
margin: 0px 0px 15px 0px;
}
#colunaCentral p{
	padding: 15px 15px 5px 50px;
	_padding: 10px 15px 5px 50px;
}
#colunaCentral .imgServico{ 
 padding: 0px 5px 0px 20px;
}
#colunaCentral .imgServicoB{ 
 margin: 0px 13px 0px 25px;
 border: solid 1px #ABC3D2;
 padding:2px;
}
#colunaCentral ul{
	padding: 15px 15px 5px 50px;
	_padding: 10px 15px 5px 50px;
	line-height: 15px;
}
#colunaCentral h2{
font-size:14px;
font-weight:bold;
/*letter-spacing:-1px;*/
/*color:#505050;*/
color:#2F7A9E;
padding: 15px 15px 0px 50px;
_padding: 10px 15px 0px 50px;
}

#colunaCentral h2 a{font-weight:normal;}
#colunaCentral h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#colunaCentral a:hover,#colunaCentral a:hover{text-decoration:underline;}
#colunaCentral ul,#colunaCentral  ol{margin:0 5px 16px 35px;}
#colunaCentral dl{margin:0 5px 10px 25px;}
#colunaCentral dt{font-weight:bold; margin-bottom:5px;}
#colunaCentral dd{margin:0 0 10px 15px;}

#boxDireito{
width: 190px;
color:#505050;
line-height:1.5em;
float:right;
border-left: 1px dotted #A7BCCA;
padding: 11px 0px 0px 5px;
}
#boxDireito p{
	padding: 5px 0px 0px 15px;
	color: #2571A6;
}
#boxDireito a img, #boxDireito a{
color: #2571A6;
text-decoration: none;
 border:0px; }
#boxDireito a img a:hover, #boxDireito a a:hover{
color: #2571A6;
text-decoration: underline;
}

#boxDireito ul{
	position: relative;
	left: 0px;
	top:0px;
	background-color: #D0DFE8;
	margin: 10px 0px 0px 20px;	
	_margin: 10px 0px 0px 10px;	
	padding: 5px 5px 5px 5px;
	display: block;
	color:#2571A6;
}
#boxDireito li{
list-style-position: inside;
list-style-image: url(../imagens/setinha.gif);
background-color: #D0DFE8;
padding: 0px 15px 0px 0px;
}
#boxEsquerdo{
width: 420px;
color: #2571A6;
padding: 5px 0px 0px 5px;
line-height:1.5em;
float:left;
}

#colunaCentralHome{
float: left;
position: relative;
top: 0px;
left: 0px;
font-size:0.9em;
width: 753px;
height: auto;
margin: 0px 0px 15px 0px;
}
#boxDireitoHome{
width: 280px;
color: #61737B;
line-height:1.5em;
border-left: 1px dotted #A7BCCA;
padding: 4px 0px 0px 0px;
float: right;
}
#boxPacotesHome{
margin: auto;
width:250px;
background: url(imagens/bg_box_home.gif) no-repeat top #EDF3F6;
color:#505050;
line-height:1.5em;
}
#boxPacotesHome .tit{
font-weight:bold;
color: #108FD2;
font-size: 11px;
padding: 15px 0px 0px 0px;
}
#boxPacotesHome strong{
font-weight:bold;
color: #108FD2;
padding: 15px 0px 0px 0px;
}
#boxPacotesHome p{
padding: 20px 5px 5px 10px;
}
#boxEsquerdoHome{
width: 460px;
color: #2571A6;
padding: 5px 0px 0px 5px;
line-height:1.5em;
float:left;
}
#boxEsquerdoHome p{
padding: 5px 15px 5px 15px;
}
#boxEsquerdoHome .maisDetalhes{
padding: 7px 23px 0 0;
float: right;
}
#boxEsquerdoHome .fotos{
border: #95ADB9 solid 1px;
margin: 0 5px 0 5px;
}
/* coluna direita*/
#colunaDireita{ 
margin: 0px;
width: 162px;
background: url(../imagens/bg_direito.gif) no-repeat top;
height: auto;
/*background-color: #fff;*/
float: right;
position: relative;
top: 0px;
right: 0px;
font-size: 0.9em;
 }	
#colunaDireita .img{ 
 padding: 50px 0px 10px 0px;
}
#colunaDireita p{
	 padding: 0px 10px 5px 15px;
}
#colunaDireita h2{
	color: #2F7A9E;
	font-weight: bold;
	padding: 0px;
	clear: both;
	font-size: 1.0em;
	padding: 0px 10px 0px 20px;
}

/**************** Estilos do banner ****************/

#banner1{	
margin: auto;
width: 753px;
height: 100px;
padding: 5px 0;
background-color: #D0D8DF;
clear: both;
margin-left: 0px;
margin-top: 0px;
font-size:0.9em;
color: #446681;
}	


#banner{	
margin: auto;
width: 753px;
height: 100px;
padding: 5px 0;
background-color: #D0D8DF;
clear: both;
margin-left: 0px;
margin-top: 25px;
font-size:0.9em;
color: #446681;
}	


	
/**************** Estilos do rodapé ****************/
#rodape{	
margin: auto;
width: 753px;
height: 35px;
padding: 5px 0;
background-color: #D0D8DF;
clear: both;
font-size:0.9em;
color: #446681;
}	
#rodape ul{
	margin: 0 0 0 15px;
}

#rodape li span{
list-style-type:none;
margin: 0px 0px 0px 0px;
padding: 0px 6px 0px 0px;
border-right: solid 1px #446681;
display: inline;
color: #446681;
text-decoration: none;
}
#rodape li{
list-style-type:none;
margin: 0px 0px 0px 0px;
padding: 0px 6px 0px 0px;
display: inline;
color: #446681;
text-decoration: none;
} 
#rodape p{padding:0; margin:0 0 0 15px; text-align:left;}
#rodape a{color: #446681; background-color:inherit;text-decoration: none; }
#rodape a:hover{color: #446681; background-color:inherit;}

#news input, textarea, select  {
	background-color: #95A3A4;
	margin: 0px;
	font-size: 10px;
	border: 1px solid #95A3A4;
}

fieldset{
width: 300px;
padding: 5px;
margin: auto;
border: none;
font-size:10px;
color: #2571A6;
}
label{

text-align: left;font-weight: bold;
margin-right: 5px;
display: block;
}
input, textarea, select{
	border: 1px solid #D0DFE8;
	width:180px; 	
	font-size: 11px;
	background: #D0DFE8;
}
.input5 {	background: #D0DFE8;
border: 1px solid #D0DFE8;
	width:40px; 	
}
.input4 {	background: #D0DFE8;
border: 1px solid #D0DFE8;
	width:55px; 	
}
.input2 {	background: #D0DFE8;
border: 1px solid #D0DFE8;
	width:85px; 	
}
.input3 {	background: #D0DFE8;
border: 1px solid #D0DFE8;
	width:20px;
}
.inputddd {
	background: #D0DFE8;
	border: 1px solid #D0DFE8;
	width:30px; 	
}

.inputtel {
	background: #D0DFE8;
	border: 1px solid #D0DFE8;
	width:135px; 	
}
.submit {
	text-align: center;
	border: 0;
	width: auto;
	float: right;
	margin: 15px 65px 8px 0;
}
.submit:hover, .submit:active { border:0; }
/*
input:hover, textarea:hover {
	color: #2571A6;
	
}
input:focus, textarea:focus {
	background: #9F9F9F;
}*/

 /*CLASSES E ESTILOS DIVERSOS*/
.splitcontentleft{float:left; width:48%;}
.splitcontentright{float:right; width:48%;}
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}
.leiaMais {float: right;text-align: right;color: #108FD2; padding: 7px 10px 5px 0;}
.leiaMais img{	border: 0px;}
.leiaMais a img, .leiaMais a{color: #108FD2;text-decoration: none; }
.leiaMais img a:hover, .leiaMais a:hover{color: #108FD2;text-decoration: underline;}
.borda_foto {padding: 2px; border: solid 1px #ABC3D2;}
.tab_saloes {
margin-left: 30px; 
padding: 4px; 
border: solid 1px #CCC; 
color: #61737B; 
background-color: #FFF; 
text-align: center; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:10px;}
.td_bg_cinza {background-color: #e6e9ea;}
.td_bg_tit {background-color: #e0f2fc;}

a.link-padrao:link { text-decoration: none;	color: #108FD2;}
a.link-padrao:visited { text-decoration: none; color: #108FD2;}
a.link-padrao:active {text-decoration: none; color: #108FD2;}
a.link-padrao:hover { text-decoration:underline; color: #108FD2;}

/*galeria*/
.gallery{ width:480px !important; margin-left: 45px;}
.gallery a{ display: block; width:100px; height:100px; border:2px solid #AAC2D1; float: left; margin: 0 8px 8px 0; padding:1px;}
.gallery a:hover{ border-color: #1E68A0;}
.gallery a img{ border:0; }

/*galeria pernambuco*/
.gallery_pernambuco{ width:480px !important; margin-left: 45px;}
.gallery_pernambuco a{ display: block; width:100px; height:100px; border:1px solid #AAC2D1; float: left; margin: 0 3px 3px 0; padding:1px;}
.gallery_pernambuco a:hover{ border-color: #1E68A0;}
.gallery_pernambuco a img{ border:0; }

/*classes 149358*/
.149358{
float: left;
color: #0A709C;
font: 10px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
margin-left: 5px;
}

.versao img{margin-top: 730;}
.versao a{ text-decoration: none; color: #0A709C;}
.versao a:hover{ text-decoration: underline; color: #1E5A8F;}
.versao a img{ text-decoration: none; border: none;}