/*Nativ */

/*Definições gerais*/
*{margin:0; padding:0;}
html,body {height: 100%; background: #E3F3F6 url(../imagens/bg_agua.jpg) repeat-x ;}
html, body, h2, h3, h4, div, p, ul, li, input {font-family: Verdana, Arial, Helvetica, sans-serif}
body { font-size: small/100%; /* Certeza que usuários do IE podem aumentar o tamanho da fonte.*/
background-color: #E3F3F6;}

p{padding:0 0 1.6em 0;}



/*Divs de estruturação*/

#pagina {
position: relative;
margin: auto;
top: 0;
left: 0;
width: auto;
}	

#topo{
position: relative;
top: 0;
margin: auto;
width: 767px;
height: 260px;
/*background: url(../imagens/bg_topo.jpg) no-repeat top right;*/
}

#topo .flash{float: left; margin: 0px 0px 0px 0px; width: 767px; height: 238px;}

#topo .home {float: right; height: 22px; padding: 0px 2px 0px 0px; _padding: 0px 3px 0px 0px;}	
#topo .contato {float: right; height: 22px; padding: 0px 2px 0px 0px; _padding: 0px 3px 0px 0px;}	
#topo .versao {float: right; height: 22px; padding: 0px 0px 0px 0px;}	
#topo .home a img, #topo .contato a img, #topo .versao a img {border: none; text-decoration: none; margin: 4px;}	

#logo {
float: left;
margin: 40px 0 0 0;
width: 212px;
height: 210px;
}	

#logo h1{  
width: 212px;
height: 210px;
left: 0;
top: 0; 
float: left;
visibility: visible;
background: url(../imagens/logomarca.gif) no-repeat;
}

#logo  h1 a {
float: left;
display: block;
top: 0;
left: 0;
width: 212px;
height: 210px;
cursor: pointer;
}

#logo h1 a span {display: none;}

/**************** Estilos do menu ****************/
#menu {
position: relative;
top: 25px;
margin: auto;
width: 651px;
height: 15px;
background:url(../imagens/menu.gif);
}	

#menu ul{list-style:none;}
 
#menu li{
   position:absolute;
   top:0;
   height:15px;
}
 
#menu li a{
   position:absolute;
   display:block;
   width:100%;
   height:100%;
   top:0;
   margin: auto;
   cursor: pointer;
   text-decoration: none;
   font-size: 8px;
   color: #83CFD9;
   text-transform:uppercase;
   }

#menu li a span{
   position: absolute;
   display:block;
   width: 100%;
   height:100%;
   top:0;
}

#spa{width:86px; left: 0px;}
#estrutura{width:123px; left:86px;}
#localizacao{width:97px; left:209px;}
#galeria{width:124px; left: 305px;}
#pacotes{width:63px; left:429px;}
#reservas{width:70px; left:492px;}
#curriculos{width:89px;left:562px;}
/*#chegar{width:105px; left:612px;}*/

#spa a span{
	background:url(../imagens/menu.gif) no-repeat 0 0;
}
#estrutura a span{
	background:url(../imagens/menu.gif) no-repeat -86px 0;
}
#localizacao a span{
	background:url(../imagens/menu.gif) no-repeat -209px 0;
}
#galeria a span{
	background:url(../imagens/menu.gif) no-repeat -305px 0;
}
#pacotes a span{
	background:url(../imagens/menu.gif) no-repeat -429px 0;
}
#reservas a span{
	background:url(../imagens/menu.gif) no-repeat -492px 0;
}
#curriculos a span{
	background:url(../imagens/menu.gif) no-repeat -562px 0;
}
/*#chegar a span{
	background:url(../imagens/menu.gif) no-repeat -612px 0;
}*/

#menu ul li a:hover{
	z-index:10;
}
#spa a:hover span{
	background:url(../imagens/menu.gif) no-repeat 0 -15px;
	
}
#estrutura a:hover span{
	background:url(../imagens/menu.gif) no-repeat -86px -15px;
}
#localizacao a:hover span{
	background:url(../imagens/menu.gif) no-repeat -209px -15px;
}
#galeria a:hover span{
	background:url(../imagens/menu.gif) no-repeat -305px -15px;
}
#pacotes a:hover span{
	background:url(../imagens/menu.gif) no-repeat -429px -15px;
}
#reservas a:hover span{
	background:url(../imagens/menu.gif) no-repeat -492px -15px;
}
#curriculos a:hover span{
	background:url(../imagens/menu.gif) no-repeat -562px -15px;
}
/*#chegar a:hover span{
	background:url(../imagens/menu.gif) no-repeat -612px -13px;
}*/

#centroHome {
position: relative;
margin: auto;
width: 767px;
font-size:0.9em;
}	

#colunaEsquerdaHome{
margin: 0px;
width: 240px;
float: left;
margin: 63px 0 0 0;
_margin: 47px 0 0 0;
}

#colunaEsquerdaHome #agenda{
float: right;
width: 199px;
height: 396px;
background: #fff;
border: 3px solid #C9CFD3;
}

#colunaEsquerdaHome #agenda h2{
text-align: center;
font: 14px Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
color: #44868F;
padding: 6px 0 2px 0; 
}

#colunaEsquerdaHome #agenda a.eventos{
color: #44868F;
font: 12px Arial, Verdana, Helvetica, sans-serif;
padding: 5px  0 5px 23px;
margin-left: 8px;
text-decoration: none;
background: url(../imagens/seta_agenda.gif) no-repeat left;
}

#colunaEsquerdaHome #agenda a.eventos:hover{
color: #325D65;
}

#colunaEsquerdaHome #agenda p{
color: #53959E;
font: 11px Arial, Verdana, Helvetica, sans-serif;
padding: 10px  0 6px 8px;
line-height: 18px;
clear: both;
}

#colunaEsquerdaHome #agenda p a{
color: #66C3D0;
font-size: 14px;
text-decoration: none;
font-weight: bold;
border-bottom: 2px solid #66C3D0;
}

#colunaEsquerdaHome #agenda p a:hover{color: #0EB2C7;}

#colunaEsquerdaHome #agenda #boxMes{
width: 186px;
height: 23px;
background:url(../imagens/bg_box_mes.gif) repeat-x;
font: 11px Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
color: #44868F;
margin: 0 0 4px 3px;
padding: 4px 0 0 0;
}

#colunaEsquerdaHome #agenda #boxMes .texto{float: left; margin-left: 50px;}
#colunaEsquerdaHome #agenda #boxMes .seta_esq{float:left; margin: 0 0 0 15px; _margin: 5px 0 0 15px;}
#colunaEsquerdaHome #agenda #boxMes .seta_esq a img{border: none; text-decoration: none;}
#colunaEsquerdaHome #agenda #boxMes .seta_dir{float:right; margin: 0 15px 0 0; _margin: 5px 15px 0 0;}
#colunaEsquerdaHome #agenda #boxMes .seta_dir a img{border: none; text-decoration: none}

#colunaEsquerdaHome #agenda ul li{
display: inline;
font-family: Tahoma, Arial;
font-size:12px;
list-style-type:none;
background-color:#fff;
border:1px solid #eee;
padding:2px;
padding-left:2px;
padding-right:2px;
margin-right:1px;
margin-bottom:1px;
float:left;
color: #999;
width:20px;
text-align:center;
}

#colunaEsquerdaHome #agenda a {color:#333333}
#colunaEsquerdaHome #agenda a:hover {text-decoration:none; font-weight:700;}

#colunaEsquerdaHome #agenda .dia {background-color:#fff; color:#153250; font-size:10px;}

#colunaEsquerdaHome #agenda .mes {
_margin-left:0px;
margin-left:-2px;
color:#44868F;
font-size:10px;
width:182px;
font-size:12px;
font-weight:bold;
}

/*#agenda #conteiner_calendario {width:200px; margin-left:6px;}*/

/*-----------------------------INICIO DO CALENDÁRIO-----------------------------------*/

#colunaEsquerdaHome div#calendario {
	font-size:80%;
	font-family:Arial, default;
	margin:0;
 	background:#fff;
	}
	
#colunaEsquerdaHome #calendario {
	float:left;
	/*margin:0 0 0 1.8em;*/
	padding:10px;
	width:214px;
	border:6px solid #F3F3F3;
}

#colunaEsquerdaHome #calendario h3 {
	color:#44868F;
	padding:0 0 0.2em 0;
	margin:0 0 1px 0;
	border-bottom:1px solid #DCDCDC;
	font-size: 14px;	
}

#colunaEsquerdaHome #calendario_mini {
	height:13.5em;
	/*width:218px;*/
}

#colunaEsquerdaHome #calendar {
	width:218px;
	background-color: White;
	height: 200px;
	position: relative;
	
}



#colunaEsquerdaHome #calendario_mini h4 {
	color:#44868F;
	font-size:0.9em;
	text-align:center;
	margin:0 0 0.2em 0;
	padding:0.3em;
	background:#f7f7f7;
}

/*#colunaEsquerdaHome #calendario_mini strong,*/
#colunaEsquerdaHome #calendario_mini a,
#colunaEsquerdaHome #calendario_mini span {
	float:left;
	display:block;
	text-align:center;
	font-size:0.9em;
	padding:0.3em 0 0.3em 0;
	width:2.03em;
	border:1px solid #eee;
	margin:0 0.14em 0.1em 0.2em;
}

#colunaEsquerdaHome #calendario_mini span { margin-left:4px; margin-left:0.5em;}

#colunaEsquerdaHome #calendario_mini h4 span {
	color:#ccc;
}

#colunaEsquerdaHome #calendario_mini h4 span,
#colunaEsquerdaHome #calendario_mini h4 a {
	font-size:1em;
	font-weight:bold;
	padding:0;
	border:none;
}

#colunaEsquerdaHome #calendario_mini h4 .prev {
	float:left;
	color:#44868F;
}

#colunaEsquerdaHome #calendario_mini h4 .next {
	float:right;
	color:#44868F;
}

#colunaEsquerdaHome #calendario_mini span {
	color:#777;
}

#colunaEsquerdaHome #calendario_mini .possui_eventos {
	color:#222;
	border-color:#44868F;
}

#colunaEsquerdaHome #calendario_mini .hoje {
	color:#000;
	border-color:#cc9;
	background:#ffc;
}

#colunaEsquerdaHome #calendario_mini .empty {
	border-color:#fff;
}

#colunaEsquerdaHome #calendario_mini strong {
	float:left;
	display:block;
	text-align:center;
	font-size:0.8em;
	padding:0.3em 0 0.3em 0;
	/*width:2.05em;*/
	border:1px solid #eee;
	margin:0 0.1em 0.1em 0.2em;
	font-weight:normal;
	padding-left: 0.4em;
	color:#395C61;
	border-color:#fff;
	border-bottom:1px dotted #ccc;
}

/*#colunaEsquerdaHome #calendario_mini strong { margin-left:4px;}*/

#colunaEsquerdaHome #calendario_mini a {
	text-decoration:none;
}

#colunaEsquerdaHome #calendario_eventos {
	list-style-type:none;
	margin:10px;
	border-top:1px solid #EBEBEB;
	border-bottom:1px solid #EBEBEB;	
	position: relative;

}

#colunaEsquerdaHome #calendario_eventos li {
	color:#3295A3;
	clear:both;
	font-size:0.9em;
	padding:0.5em 0 0.5em 0;
	border-top:1px dotted #fff;
	border-bottom:1px dotted #fff;	
}

#colunaEsquerdaHome #calendario_eventos li a {
	display:block;
	color:#44868F;
	font-weight:bold;
	font-size:1.1em;
	margin:0 0 0.2em 0;
}

#colunaEsquerdaHome #calendario_eventos li a:hover {
	color:#4EA2AD;
	text-decoration:none;
}

#colunaEsquerdaHome #calendario_eventos li em {
	color:#444;
	font-style:normal;
	padding:0.2em;
	background:#ffc;
}

#colunaEsquerdaHome #calendario_eventos li.highlight {
	color:#444;
	border-color:#ccc;	
	background:#F7F7F7;
}

#colunaEsquerdaHome #calendario_eventos li.highlight a {
	color:#FF3900;
	text-decoration:none;
}

#colunaEsquerdaHome #calendario_links {
	list-style-type:none;
	margin:0;
	padding:0;
}

#colunaEsquerdaHome #calendario_links li {
	background:transparent url(../imagens/seta_agenda.gif) no-repeat scroll left top;
	margin:0.8em 0 0 0;
	padding:0.2em 0.3em 0.3em 1.8em;
}

#colunaEsquerdaHome #calendario_links li a {
	color:#345F67;
	text-decoration:none;
}

#colunaEsquerdaHome #calendario_links li a:hover {
	color:#44868F;
	text-decoration:underline;
}

#calendario_eventos ul li { list-style:none;}

/*-- Calendário novo--*/

	#calendarioHome {
		margin:10px;
	border-top:1px solid #EBEBEB;
	border-bottom:1px solid #EBEBEB;	
	position: relative;
		}
	
		#calendarioHome  table
        {
	border: none;          
    font: 11px Arial, Verdana, Helvetica, sans-serif;
	 border-color: White;
        }
		   
		  
		  
         	#calendarioHome caption{
          text-align: left;
          font: 11px Arial, Verdana, Helvetica, sans-serif;
          font-weight: normal;
          color: #44868F;
          background: transparent;
		
          }
				#calendarioHome  select {font: 11px Arial, Verdana, Helvetica, sans-serif;
          font-weight: bold;
          color: #44868F;
			 background-color: #F7F7F7;
			 	
			 }
              
    	#calendarioHome   th {
		 text-align: center;
		border: 1px solid #BEBE7A;
		 background-color: #FFFFCC;
       padding: 2px;
       font-size: 11px;
       color: #666; }
			 
			 	#calendarioHome   td{
			text-align: center;
         border: 1px solid #eee;
        padding: 2px;
        font-size: 11px;
        color: #777777;
          }
			 
			 
       	#calendarioHome  thead th, tfoot th, tfoot td {
        border: none;
        text-align: left;
        font-weight: normal;
        font-size: 11px;
        background: transparent ;
        color: #395C61;
        }
       	#calendarioHome tbody th,thead th,tbody td {
        vertical-align: top;
        text-align: left;
        }
        
       	#calendarioHome  tbody tr:hover td,
        tbody tr:focus td,
        tbody tr:hover th,
        tbody tr:focus th
        {
		  background-color: #F0FFFF;
        color: #333;
        }
        
       	#calendarioHome  tr.odd
        {
		  background-color: #E9E9E9;
            }   
				
			
				#calendarioHome  fieldset  {
					border: none;
				}

				


/*-----------------------FIM DO CALENDÀRIO--------------------------*/

/*#colunaEsquerdaHome #agenda dl{
position: relative;
width: 186px;
height: auto;
margin: 1px 0 10px 6px;
}

#colunaEsquerdaHome #agenda dd{
float: left;
text-align: center;
color: #777;
width: 23px;
height: 18px;
border: 1px solid #EEE;
margin: 0 1px 1px 0;
font: 12px Arial, Verdana, Helvetica, sans-serif;
padding-top: 3px;
}

#colunaEsquerdaHome #agenda dd.destaque{
float: left;
text-align: center;
color: #777;
width: 23px;
height: 18px;
border: 1px solid #CCCC99;
background: #FFFFCC;
}

#colunaEsquerdaHome #agenda dd.marcado{
float: left;
text-align: center;
color: #777;
width: 23px;
height: 18px;
border: 1px solid #44868F;
}

#colunaEsquerdaHome #agenda dd.nada{
color: #fff;
border: 1px solid #fff;
width: 23px;
height: 18px;
float: left;
text-align: center;
}
*/

/**************** Estilos da coluna direita ****************/

#colunaDireitaHome{
float: right;
margin-top: 40px;
left: 0px;
color: #44868F;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 490px;
padding: 20px 0 0 10px;
background: url(../imagens/bg_col_dir.jpg) no-repeat right top;
}

#colunaDireitaHome .imgTexto{float: left; margin: 0 0 15px 10px; _margin: 0 0 0 15px;}
#colunaDireitaHome .fotoDestaque{float: right; margin: 60px 10px 5px 10px;}

#colunaDireitaHome #news{
float: left;
width: 499px;
height: 81px;
background: #66C3D0 url(../imagens/bg_news.gif) no-repeat 1px top;
border: 1px solid #fff;
margin: 30px 0 20px 0;
}

#colunaDireitaHome #news form{
width: 100%;
float: left;
margin: 23px 0 5px 5px;
}

#colunaDireitaHome #news form .imgInfo{float: left; margin: 5px 8px 0 0;}

#colunaDireitaHome #news label{
color: #fff;
font: 11px Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
margin: 0 122px 0 2px;
}

#colunaDireitaHome #news form input{
width: 150px;
color: #44868F;
font: 12px Arial, Verdana, Helvetica, sans-serif;
margin: 1px 3px 0 0;
background: #fff;
border: 1px solid #C9CFD3;
padding: 2px;
}

#colunaDireitaHome #news form .enviar{
float: right;
width: 56px;
height: 22px;
margin: -22px 8px 0 0;
_margin: -22px 6px 0 0;
border: none;
background: url(../imagens/bt_enviar.gif);
cursor: pointer;
}

#colunaDireitaHome h2{
display:block;
margin:0 0 16px 0;
font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

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

#centro {
position: relative;
margin: auto;
background: url(../imagens/bg_centro_int.gif) no-repeat 24% 1px;
/*float: left;
margin: -10px 0 0 127px;
_margin: -10px 0 0 60px;*/
width: 767px;
font-size:0.9em;
}

#centro .breadcrumb{
margin: 45px 0px 0px 8px;
font-weight: normal;
color: #3F777E;
font-size: 11px;
text-align: left;
}

#centro .breadcrumb img{
margin: 0 0 3px 0;
_margin: 5px 0 1px 0;
}

#centro .breadcrumb span{
	/*background: transparent url(../imagens/breadcrumb.gif) no-repeat 78px 5px;*/
	text-decoration: none;
	padding: 0 0 0 40px; /*adjust bullet image padding*/
	color: #3F777E;
	font-size: 11px;
	text-align: left;
	clear: both;
	font-weight: normal;
}
#centro .breadcrumb span a{
color: #3F777E;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
#centro .breadcrumb a:hover{text-decoration: underline; font-weight: normal;}

#colunaEsquerda{
float: left;
margin: 10px 0px 15px 0px;
width: 570px;
color: #177D8C;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#colunaEsquerda p{padding: 0px 0px 10px 20px; clear: both;}
#colunaEsquerda .tabelaDist{margin: auto; color: #096D7C;
}
#colunaEsquerda .tabelaDist td { height: 20px;padding-left: 8px; }
#colunaEsquerda .tabelaDist .alternada{background: #fff;}
#colunaEsquerda .tabelaDist .alternada1{background: #BEEAF3; }

/************************* estilos dt, dl e dd *******************/
#colunaEsquerda dl{
position: relative;
width: 450px;
margin: 0 10px 10px 50px;
}

#colunaEsquerda dt{
float: left;
padding: 0 0 10px 0;
margin-right: 30px;
color: #047485;
font-weight: bold;
}

#colunaEsquerda dt.percurso{
float: left;
padding: 0 250px 10px 0;
color: #047485;
font-weight: bold;
}

#colunaEsquerda dd{
/*position: relative;*/
float: left;
clear: both;
width: 100%;
border-bottom: 1px solid #529BA5;
margin: 3px 0 0 0;
}

/************************* fim estilos dt, dl e dd *******************/

#colunaEsquerda h2{
	position: relative;
	width: 100%;
	color: #fff;
}

#colunaEsquerda h2 span {
float: left;
margin: 0px 0px 0px 20px;
padding: 0px 0px 15px 0px;
text-indent: -999em;
}

#colunaEsquerda h2 span.tit_spa{
background: transparent url(../imagens/tit_spa.gif) no-repeat top;
width: 180px;
height: 47px;
}

#colunaEsquerda h2 span.tit_estrutura{
background: transparent url(../imagens/tit_estrutura.gif) no-repeat top;
width: 259px;
height: 40px;
}

#colunaEsquerda h2 span.tit_localizacao{
background: transparent url(../imagens/tit_localizacao.gif) no-repeat top;
width: 176px;
height: 51px;
}

#colunaEsquerda h2 span.tit_galeria{
background: transparent url(../imagens/tit_galeria.gif) no-repeat top;
width: 253px;
height: 41px;
}

#colunaEsquerda h2 span.tit_pacotes{
background: transparent url(../imagens/tit_pacotes.gif) no-repeat top;
width: 113px;
height: 41px;
}

#colunaEsquerda h2 span.tit_reservas{
background: transparent url(../imagens/tit_reservas.gif) no-repeat top;
width: 125px;
height: 41px;
}

#colunaEsquerda h2 span.tit_curriculos{
background: transparent url(../imagens/tit_curriculos.gif) no-repeat top;
width: 168px;
height: 37px;
}

#colunaEsquerda h2 span.tit_eventos{
background: transparent url(../imagens/tit_eventos.gif) no-repeat top;
width: 120px;
height: 37px;
}

#colunaEsquerda h3{
color: #00AEC4;
font-weight: bold;
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 5px 0 3px 20px;
}

#colunaEsquerda ul{
margin: 5px 0 10px 60px;
}

#colunaEsquerda ul li{
list-style-image: url(../imagens/list_icon.gif);
_list-style-image: url(../imagens/list_icon1.gif);
line-height: 20px;


}

#colunaEsquerda h2 span.tit_chegar{
background: transparent url(../imagens/tit_chegar.gif) no-repeat top;
width: 200px;
height: 51px;
}
	
#colunaEsquerda h2 span.tit_contato{
background: transparent url(../imagens/tit_contato.gif) no-repeat top;
width: 124px;
height: 36px;
}

/*************** Formulário contato *******************/

#colunaEsquerda #contato {
position: relative;
margin: 10px 0 0 130px;
width: 270px;
}

#colunaEsquerda #contato form {
padding: 15px 0px 15px 0px;
width: 270px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#colunaEsquerda #contato label {
float:left;
color: #3F777E;
width: 100px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:left;
margin-bottom: 2px;
}

#colunaEsquerda #contato input, textarea, select{
background: #A3CBD1;
border: none;
width: 220px;
font-size: 11px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #006666;
margin: 0px 0px 10px 0px;
padding: 3px;
}

#colunaEsquerda #contato textarea {width: 220px;}

#colunaEsquerda #contato input:hover, textarea:hover {
background: #cddfe1;
color:#434e46;	
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
}
#colunaEsquerda #contato input:focus, textarea:focus {
background: #cddfe1;
}
#colunaEsquerda #contato .submit { 
background: url(../imagens/bt_enviar.gif);
width: 56px;
height: 22px;
float: right;
margin: 0;
right: 50px;
position: relative;
clear: both;
border: none;
cursor: pointer;
}

#colunaEsquerda #contato .submit:hover, .submit:active {
background: url(../imagens/bt_enviar.gif);
border:none;
}

/***************** Formulário Reservas **********************/

#colunaEsquerda .reservas {
float: left;
margin: 0 0 0 30px;
width: 455px;
/*border: 1px solid red;*/
}

#colunaEsquerda .reservas form {
padding: 10px 0px 10px 0px;
width: auto;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
float: left;
}

#colunaEsquerda .reservas label {
float:left;
color: #3F777E;
width: 70px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:left;
margin: 2px 0 2px 0;
}

#colunaEsquerda .reservas input, textarea, select{
float: left;
background: #A3CBD1;
border: 1px solid #fff;
width: 160px;
font-size: 11px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #006666;
margin: 0px 5px 10px 0px;
padding: 3px;
}

#colunaEsquerda .reservas input.grande{width: 350px;}
#colunaEsquerda .reservas textarea.grande{width: 350px;}
#colunaEsquerda .reservas input.cidade{width: 110px;}
#colunaEsquerda .reservas label.cep{width: 45px; margin-left: 3px;}
#colunaEsquerda .reservas input.cep{width: 70px; margin-right: 20px;}
#colunaEsquerda .reservas label.idade{width: 90px;}
#colunaEsquerda .reservas input.idade{width: 80px; /*margin-right: 50px;*/}
#colunaEsquerda .reservas label.uf{width: 30px;}
#colunaEsquerda .reservas input.uf{width: 50px;}
#colunaEsquerda .reservas label.sexo{width: 40px;}
#colunaEsquerda .reservas select.sexo{width: 90px; margin-right: 30px;}
#colunaEsquerda .reservas label.cel{width: 50px;}
#colunaEsquerda .reservas input.ddd{width:30px;}
#colunaEsquerda .reservas input.telefone{width:100px;}
#colunaEsquerda .reservas input.entrada{width:125px; margin-right: 30px;}
#colunaEsquerda .reservas label.saida{width: 50px;}
#colunaEsquerda .reservas input.saida{width:135px;}

#colunaEsquerda .reservas input:hover, textarea:hover {
background: #cddfe1;
color:#434e46;	
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
}
#colunaEsquerda .reservas input:focus, textarea:focus {
background: #cddfe1;
}
#colunaEsquerda .reservas .submit { 
background: url(../imagens/bt_enviar.gif);
width: 56px;
height: 22px;
float: right;
margin: 0 10px 0 0;
/*position: relative;*/
clear: both;
border: none;
cursor: pointer;
}

#colunaEsquerda .reservas .submit:hover, .submit:active {
background: url(../imagens/bt_enviar.gif);
border:none;
}

/*galeria*/
#colunaEsquerda .galeria{width: 480px !important; padding-left: 30px;}
#colunaEsquerda .galeria a{
display: block;
width:100px;
height:100px;
border:2px solid #00AEC4;
float: left;
margin: 0 8px 8px 0;
padding:1px;
}
#colunaEsquerda .galeria a:hover{ border-color:#fff;}
#colunaEsquerda .galeria a img{ border:0; }

#colunaEsquerda .pacotes{border-bottom: 1px dashed #69C5D2; margin: 10px 0 10px 0;}

#colunaEsquerda #boxFoto{float: left; width: 160px; margin: 0 50px 0 40px; _margin: 0 0px 0 10px; clear: both;}

#colunaEsquerda .foto_esq{
float: left;
margin: 8px 35px 15px 0;
background: #fff;
padding: 3px;
border: 1px solid #31919D;
}

#colunaEsquerda .foto_dir{
float: right;
margin: 0 10px 0 0;
background: #fff;
padding: 3px;
border: 1px solid #31919D;
}

#colunaEsquerda .borda {float: left; padding: 3px; border: 1px solid #ccc; background: #fff;}

#colunaDireita{
float: right;
margin: 8px 0px 10px 0px;
color: #44868F;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 160px;
padding: 0px;
}

#colunaDireita a{coloor: #44868F; font-weight: bold; text-decoration: none;}
#colunaDireita a img{coloor: #44868F; text-decoration: none;}

#colunaDireita .banner{
float: left;
margin: 10px 0px 0px 5px;
padding: 0px;
}

#colunaDireita .banner {text-decoration: none; border: none; color: #E3F3F6;}

/**************** Estilos do rodapé ****************/

#rodape{
position: relative;
/*margin: auto;*/
width: 100%;
height: 120px;
padding: 5px 0;
background: #467179 url(../imagens/bg_rodape.gif) repeat-x;
clear: both;
font-size:11px;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #95C0C8;
}	

#rodape ul {
margin: 10px 0 10px 175px;
list-style: none;
text-align: left;
}
#rodape ul li {display: inline; margin: auto; color: #fff;}	
#rodape ul li a {width: auto; color: #fff; text-decoration:none}
#rodape ul li a:hover {width: auto; color: #83CFD9; text-decoration:none}


#rodape dl{margin: 0 0 0 175px; text-align:left; font-size:11px; width: 303px;}
#rodape dt{color: #fff; font-size: 12px; font-weight: bold;}
#rodape dd{font-size:11px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #95C0C8;}
#rodape dd a{color:#95C0C8; display: inline; text-decoration: none;}
#rodape dd a:hover{color:#fff; text-decoration: none;}

#rodape .nativ {float: right; margin: -10px 20px 10px 0;}
#rodape .nativ a { text-decoration: none; color: #95C0C8;}
#rodape .nativ a:hover {text-decoration: none; color: #E3F3F6;}

#rodape .logo_p{float: left; margin-right:5px;}


 /*CLASSES E ESTILOS DIVERSOS*/
 
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-table;}
/*  Esconde IE-mac \*/* html .clearfix {height: 1%;} .clearfix {display: block;}/* IE-mac */  
 
 .box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}
.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;}
.textferiado{font-weight:bold;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

/*classes versao*/
.versao{
float: left;
color: #427833;
font: 10px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}

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