* {
margin:0;
padding:0;
text-decoration:none;
list-style:none;
}


* html img { /* código para usar PNG com fundo transparente. */

	filter:expression(
		this.alphaxLoaded ? "" :(this.src.substr(this.src.length-4)==".png"?((!this.complete)? "" :
		this.runtimeStyle.filter=("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
		(this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
		String(this.alphaxLoaded=true).substr(0,0)+
		(this.src="pics/blank.gif").substr(0,0)):this.runtimeStyle.filter=""));

}


table.center { text-align:center; }


table {
margin:15px auto;
border:1px solid #cccccc;
border-collapse:collapse;
}


table caption{
margin:0 auto;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
padding:5px 0;
background-color:#FF7900;
}


table th, table td{
  font:12px Verdana, Arial, Helvetica, sans-serif;
  
}


table th{
 background-color:#CCCCCC;
}


table .linhaImpar{
  background-color:#f0efef;
}


img { border:none; }


a.voltar {
font-weight:bold;
display:block;
text-align:center;
color:#947151;
}


a.voltar:hover { color:#FF7900; }


h1 {
font:bold 18px Arial, Verdana, tahoma, sans-serif;
color:#fff;
}


h2 {
font:bold 15px Arial, Verdana, tahoma, sans-serif;
color:#ed9325;
padding:6px 0;
}


h2 span { color:#919191 }


h3 {
padding:10px;
font:bold 13px verdana, arial;
color:#947151;
}


h4 {
padding-left:10px;
font:bold 13px verdana, arial;
color:#666666;
}


p {
text-align:justify;
font:11px/18px verdana, arial, tahoma, sans-serif;
color:#666666;
padding:4px 10px;
}

input, select {
font:11px/18px verdana, arial, tahoma, sans-serif;
color:#666666;
padding:0;
height:20px
}

dl {
margin-top:20px;
float:left;
width:390px;
}

dd {
float:left;
width:200px;
font:11px verdana, arial, tahoma, sans-serif;
}

dt.left { float:left; }

dt {
display:inline;
margin-left:30px;
float:right;
width:141px;
}

dt img { border:1px solid #666666; }

#geral {
width:1003px;
margin:0 auto;
}


#topo {
position:relative;
width:1003px;
height:164px;
background:url(../pics/topo.jpg) no-repeat;
}


#topo #data {
width:300px;
height:74px;
position:absolute;
bottom:60px;
right:10px;
}

#data p {
padding-top:30px;
float:right;
clear:right;
}

#data ul {
margin-top:5px;
float:right;
width:80px;
}

#data li {
font:11px Verdana, Arial, Helvetica, sans-serif;
}

#data li a { color:#FF7900; font-weight:bold; }

#topo > #data { bottom:64px; }

/** MENU - retirado do http://www.alistapart.com/ e editado. funciona 100% via css e com um pequeno script em javascript para o IEca. **/


ul#nav { 
display:inline;
height:17px;
float:left;
margin:125px 0 0 295px;
}


ul#nav ul {
padding: 0;
margin: 0;
list-style: none;
}


ul#nav li {
float: left;
position:relative;
}


ul#nav li.first { 
margin-left:10px;
height:50px; 
}


ul#nav li a.first { color:#fff; }


ul#nav li a.first:hover { color:#ffb155; }


li ul {
display: none;
position: absolute;
width:450px;
top: 1.9em;
left: -200px;
}


ul#nav li ul.dois { left: -100px; }


ul#nav li ul.tres { left: -45px; }


ul#nav li ul.quatro { left: -200px; }


ul#nav li ul.cinco { left: -80px; }


ul#nav li ul li { 
margin-left:10px;
text-align:center; 
}


ul#nav li ul li a, ul#nav li.first {
height:24px;
font:bold 11px Arial, Verdana, sans-serif;
color:#fff;
}


ul#nav li ul li a { font-size:12px; }


ul#nav li ul li a:hover { text-decoration:underline; }


ul#nav li:hover ul { display: block; }


ul#nav li:hover ul{ display: block; }


ul#nav li:hover ul, ul#nav li.over ul{ display: block; }

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


/** CENTRO **/


#centro {
position:relative;
display:inline; /* hack pro bug do margin duplo no IEca */
margin:5px 0 0 8px;
width:787px;
float:left;
height:500px;

}

#conteudo {
margin-top:5px;
width:800px;
height:560px;
min-height:560px;
float:left;
background:url(../pics/bg.jpg) no-repeat left top;
clear:left;
}


#conteudo h2 { padding-left:10px; }

#conteudo a { 
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#FF7900; 
}


#conteudo a:hover { color:#947151; }


#conteudo a.first { color:#fff; }


#conteudo a.first:hover { color:#C93011; }


#conteudo ul { margin:5px 0 5px 27px; }

#conteudo ul li {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
list-style-type:disc;
}

html > body #conteudo { height:auto; } /* hackzinho */

#conteudo #thumb { 
margin-top:20px;
float:left; 
text-align:center; 
width:250px; 
}

#conteudo #thumb p { text-align:center; }

#conteudo #foto { 
clear:both; 
text-align:center; 
width:780px; 
}

#conteudo #foto p { text-align:center; }

#title { margin-left:5px; float:left; width:300px; }

/** aluguel **/


#centro #aluguel {
position:absolute;
left:10px;
bottom:40px;
}


/** servicos **/


#centro #servicos {
position:absolute;
bottom:46px;
right:10px;
width:470px;
}

#centro > #servicos { bottom:47px; }

#servicos div.conteudo {
position:absolute;
top:0;
left:0;
width:470px;
}

#servicos h2 {
padding:15px 0 0 20px;
background:url(../pics/marcador.jpg) no-repeat 0 18px;
}

#servicos div.title { 
margin:5px auto;
width:440px; 
border-bottom:1px solid #d7d7d7; 
}

#servicos div.foto {
position:absolute;
top:50px;
right:20px;
}

#servicos ul { margin:10px 0 0 40px; }

#servicos li {
list-style-image:url(../pics/marcador02.jpg);
}

#servicos li a { cursor:default; }

#servicos li a:hover { font-weight:bold; }

#servicos a { 
font:11px verdana, tahoma, sans-serif;
color:#666666;
}

#servicos a.detalhes { padding-left:26px; color:#ed9325; }

#servicos a.detalhes:hover { text-decoration:underline; } 

/** LATERAL **/


#lateral {
text-align:center;
width:189px;
float:right;
}

#lateral #imagens { 
width:189px;
height:346px;
}

#lateral #interativa { height:60px; background-color:#fff; }

#interativa object { margin-top:40px; }

/** cotação **/


#cotacao {
margin:10px auto;
width:173px;
background:url(../pics/cotacao-corpo.jpg) repeat-Y top;
}

#lateral h2 { padding:15px 0; }

#conteudo div.cotacao { width:260px; margin:40px auto; }

#cotacao div.top {
width:173px;
height:11px;
background:url(../pics/cotacao-top.jpg) no-repeat;
}


#cotacao div.bot {
width:173px;
height:22px;
background:url(../pics/cotacao-bot.jpg) no-repeat;
}

#cotacao a { 
font:bold 13px Trebuchet MS, arial, tahoma, sans-serif;
color:#CA3112;
}

#cotacao a:hover { text-decoration:underline; }

/** newsletter **/


#lateral div.newsletter {
text-align:left;
display:table; /* para n dar problema no FF ao dar margin top no form */
width:189px;
height:115px;
background:url(../pics/newsletter-bg02.jpg) no-repeat;
}


/** FORM NEWSLETTER **/


div.newsletter h1 { padding:4px 0 0 22px; }


div.newsletter form {
margin:10px 0 0 22px;
}


div.newsletter a { 
display:block;
padding-right:23px;
text-align:right;
font:bold 14px arial, tahoma, sans-serif;
color:#fff;
}

/** PAGINA CONTATO **/

#conteudo.contato p {text-align:center;}

/* FORMULÁRIOS */

form.contato input, form.hotel input, form.contato textarea, form.hotel textarea, form.reserva textarea, form.reserva input {

	width: 230px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:  #666666;
	text-align: left;
	padding-top: 3px;
	margin-top:10px;
}

textarea { height:70px; }

#tel { margin-top: 15px; }

form.hotel { margin:30px; }

form.reserva { margin-left:30px; }

form.reserva input.bt, form.contato input.bt {
padding:0;
width:50px;
}

form.hotel input.bt { width:50px; padding:0; }

form input.inline { width:111px; }


/** BOX DAS INTERNAS **/

#conteudo #box { 
display:inline;
margin-left:7px;
float:left;
width:170px;
border:1px solid gray;
}

#conteudo #texto {
float:left;
width:615px;
}

#conteudo #texto object {
margin-left:6px;
}

#box ul li { list-style-image:url(../pics/marcador03.jpg); line-height:30%; }

#conteudo #box h1 {
padding:4px 0;
text-align:center;
font-size:13px;
background-color:#ff7800;
}


/** ALUGUEL **/

#aluguel {
margin:8px;
}

#aluguel img { border:1px solid #666666; }

#aluguel div.container { float:left; margin:15px 0; }

#aluguel h2 { 
padding:4px 0 0 12px;
font-size:12px;
color:#ca3112;
}

#aluguel div.aba {
width:200px;
height:22px;
background:url(../pics/aba.jpg) no-repeat;
}

#aluguel div.descricao { 
display:table; /* para o FF */
width:580px;
margin-left:3px;
border:2px solid #cccccc;
border-left:2px solid #ca3112;
}

div.descricao ul.first { margin-left:14px !important; }

html > body div.descricao ul.first { margin-left:30px !important; }

div.descricao ul { float:left; }

div.descricao ul li { list-style-image:url(../pics/marcador.gif); }

div.descricao ul.fotos { margin-left:0 !important; }

div.descricao ul.fotos li { list-style:none !important; float:left; margin-left:10px; }


/** Espaços para Eventos **/

#espacos_eventos {
margin-top:15px;
width:787px;
}


#espacos_eventos div.thumb {
display:inline;
margin-left:15px;
float:left;
}


div.thumb p {
text-align:center;
}


#espacos_eventos #mapa { 
margin-left:100px;
}


/** Hotéis **/


#form-hotel {
display:inline;
width:810px;
float:left; 
margin-left:40px;
}


#form-hotel form { display:inline; float:left; margin-left:5px; margin-top:2px; } 


div.fotos-hoteis {
margin:15px 0 0 0;
float:left;
}


#hotel02 {
margin-left:60px;
}


div.fotos-hoteis h2 {
display:block;
text-align:center;
color:#fff;
background-color:#FF7900;
}


div.fotos-hoteis div.thumb {
margin-left:5px;
float:left;
}


/** PÁGINA CADASTRE **/


#cadastre { clear:left; } /* para se posicionar abaixo tanto do box quanto do #texto */


#cadastre table { border:none; width:100%; } /* uma borda para a tabela geral */


#cadastre table.geral table td { padding:7px; } /* para dar espaçamento entre as células */


#cadastre table.right { margin-left:30px; }


#cadastre table.left td { text-align:right; }


#cadastre table.geral { border:1px solid #cccccc; }


#cadastre table label {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}


#cadastre table.left input {
width:130px;
height:16px;
padding-top:3px;
}


#cadastre table.left input.bt {
width:50px;
height:20px;
padding:0;
}


#cadastre table.left select { width:135px; height:18px; }


#cadastre table.left textarea { width:135px; height:40px; }