/*** GERAL ***/

html, body, form, ul, fieldset, p, h1, h2, h3, h4, h5 {margin: 0; padding: 0;}
body {font:100%/110% tahoma, arial; background:#E1AF43;}
body img {display:block;}
a {text-decoration:none;}
li {list-style:none;}
a img, fieldset, a, object {border: 0; outline:0;}
p.center {text-align:center;}
p.right {text-align:right;}
p, h1, h2, h3, h4, h5 {margin-bottom:11px;}
div.clear {clear: both;}

/*** HEADER ***/

#header-in a.logo {position:absolute; top:61px; left:40px;}

#bandeiras {position:absolute; top:42px; right:45px; }
#bandeiras li{ float:left; margin:0 0 0 8px;}
#bandeiras li.divisor{ padding-right:10px; background:url(../pics/divisoria.jpg) no-repeat right top;}
#bandeiras .band01 img {margin:0; display:block; float:left; display:inline;}
#bandeiras .band02 img {margin:0; display:block; float:left; display:inline;}
#bandeiras .divisa{float:left; margin:-3px 7px 0 7px;}

#nav {position:absolute; font:normal 0.76em tahoma; top:104px; right:45px;}

#nav ul.princ li {float:left; height:40px;}
#nav ul.princ li.divisa {float:left; width:2px; background:url(../pics/divisoria.jpg) no-repeat; margin:-3px 5px; *margin:-3px 4px;}

#nav ul.princ li a {display:block; height:40px; text-indent:-9000em; overflow:hidden;}

#nav ul.princ li.menu01 {width:47px; background:url(../pics/menu01.jpg) no-repeat;}
#nav ul.princ li.menu02 {width:57px; background:url(../pics/menu02.jpg) no-repeat;}
#nav ul.princ li.menu03 {width:95px; background:url(../pics/menu03.jpg) no-repeat;}
#nav ul.princ li.menu04 {width:45px; background:url(../pics/menu04.jpg) no-repeat;}
#nav ul.princ li.menu05 {width:65px; background:url(../pics/menu05.jpg) no-repeat;}
#nav ul.princ li.menu06 {width:51px; background:url(../pics/menu06.jpg) no-repeat;}
#nav ul.princ li.menu07 {width:67px; background:url(../pics/menu07.jpg) no-repeat;}
#nav ul.princ li.menu08 {width:78px; background:url(../pics/menu08.jpg) no-repeat;}
#nav ul.princ li.menu09 {width:90px; background:url(../pics/menu09.jpg) no-repeat;}


#nav ul.princ li.menu01:hover {width:47px; background:url(../pics/menu01-hover.jpg) no-repeat;}
#nav ul.princ li.menu02:hover {width:57px; background:url(../pics/menu02-hover.jpg) no-repeat;}
#nav ul.princ li.menu03:hover {width:95px; background:url(../pics/menu03-hover.jpg) no-repeat;}
#nav ul.princ li.menu04:hover {width:45px; background:url(../pics/menu04-hover.jpg) no-repeat;}
#nav ul.princ li.menu05:hover {width:65px; background:url(../pics/menu05-hover.jpg) no-repeat;}
#nav ul.princ li.menu06:hover {width:51px; background:url(../pics/menu06-hover.jpg) no-repeat;}
#nav ul.princ li.menu07:hover {width:67px; background:url(../pics/menu07-hover.jpg) no-repeat;}
#nav ul.princ li.menu08:hover {width:78px; background:url(../pics/menu08-hover.jpg) no-repeat;}
#nav ul.princ li.menu09:hover {width:90px; background:url(../pics/menu09-hover.jpg) no-repeat;}

/*** MAINCONTENT ***/



/* home */

#flor {width:130px; height:153px; position:absolute; display:block; bottom:-25px; right:-30px;}

#flor02 {width:130px; height:153px; position:absolute; display:block; bottom:-150px; *bottom:240px; right:-22px;}

#flor03 {width:130px; height:153px; position:absolute; display:block; bottom:70px; *bottom:75px; right:-22px;}

#flor04 {width:130px; height:153px; position:absolute; display:block; bottom:380px; *bottom:355px; right:-22px;}

#flor05 {width:130px; height:153px; position:absolute; display:block; bottom:200px; *bottom:215px; right:-22px;}

#flor06 {width:130px; height:153px; position:absolute; display:block; bottom:-110px; *bottom:190px; right:-22px; *right:-21px;}

.divisoria-maior {float:left; display:inline; width:2px; height:178px; 
background:url(../pics/divisoria-maior.jpg) no-repeat; margin:5px 10px;}

#caixa {margin:0 0 0 40px;}

#caixa p{font:normal 10px arial; color:#881407; margin:10px 8px;}
#caixa .caixa03 p{font:normal 10px arial; color:#881407; margin:8px 20px;}

.caixa01, .caixa02, .caixa03, .caixa04 {float:left; display:inline; position:relative;}

.caixa01 {width:221px; height:200px;}
.caixa02 {width:229px; height:200px;}
.caixa03 {width:203px; height:200px;}
.caixa04 {width:221px; height:200px;}

.caixa02 img {margin:6px 20px;}
.caixa03 img {margin:0 16px;}
.caixa04 img {margin:10px 12px;}


h1.tt-01, h1.tt-02, h1.tt-03, h1.tt-04 {display:block; text-indent:-9000em; overflow:hidden;}

h1.tt-01 {background:url(../pics/tt-cadastre.jpg) no-repeat; width:183px; height:69px; margin:-4px 0 2px 3px; }
h1.tt-02 {background:url(../pics/tt-conheca.jpg) no-repeat; width:221px; height:46px; margin:-4px 0 2px 7px;}
h1.tt-03 {background:url(../pics/tt-localizacion.jpg) no-repeat; width:160px; height:60px; margin:-6px 0 2px 4px;}
h1.tt-04 {background:url(../pics/tt-clima.jpg) no-repeat; width:184px; height:46px; margin:8px 0 2px 14px;} 

input.bt-incluir {width:72px; height:19px; display:block; left:34px; position:absolute;  *margin-top:10px;
background:url(../pics/bt-incluir.jpg) no-repeat; border:none; cursor:pointer; }

input.bt-excluir {width:72px; height:19px; display:block; right:34px; position:absolute; *margin-top:10px;
position:absolute; background:url(../pics/bt-excluir.jpg) no-repeat; border:none; cursor:pointer;}

* html a.bt-incluir {width:60px; height:19px; display:block; left:45px; position:absolute;}
* html  a.bt-excluir {width:60px; height:19px; display:block; right:55px; position:absolute;}

.newsletter {background:none; border:none; font:11px Arial; margin:1px; color:#861508;} 
input.newsletter {float:left; display:inline; padding:5px 0 0 8px; width:180px;}

div.form_textfield {width:183px; height:25px; background:url(../pics/bg-contato.jpg) no-repeat; margin:5px 0 20px 20px;}


/* internas */

a.faca-reserva {color:#8a1815; font:bold 16px arial; display:block; text-align:center; margin:10px 0; text-decoration:none;}
a.faca-reserva:hover {text-decoration:underline;}

h1.tt {margin:0; height:50px; display:block; text-indent:-9000em; overflow:hidden;}

h1.tt-reservas {margin:0; height:40px; display:block; text-indent:-9000em; overflow:hidden;}

h1.tt01 {margin:0; height:45px; display:block; text-indent:-9000em; overflow:hidden;}

div.foto {margin:0 20px 40px 0; *margin:0 10px 40px 0; width:520px; height:340px; position:relative; float:left; display:inline;}
div.foto img {left:2px; display:block; position:absolute; border:5px solid #fff;}

div.foto02{ width:760px; height:390px; float:left; background:#fff;}
div.foto02 img { display:block; border:5px solid #fff; float:left; display:inline;}

ul.ft-lado {float:left; display:inline; width:170px;}
ul.ft-lado li {border:2px solid #fff; margin:0 0 5px 8px; float:left; display:inline;}


div.descricao {width:300px; float:left; display:inline;}

#internas p {color:#8a1815; font:normal 12px arial; margin:0 10px 10px 10px; text-align:justify;}

a {color:#8a1815;}

h2.atracao {color:#AF2500; font:bold 16px arial; margin:20px 0 5px 0;  background:url(../pics/h2.jpg) no-repeat left -6px; height:30px;
padding-left:25px;}

ul.lista {margin:5px 0 10px 10px;}
ul.lista li {background:url(../pics/lista.jpg) no-repeat left 6px; margin:0 0 3px 0; *margin:0 0 1px 0; padding-left:9px; 
color:#8a1815; font:normal 12px arial;}

ul.topicos {margin:5px 0 10px 10px;}
ul.topicos li {background:url(../pics/lista.jpg) no-repeat left 6px; margin:0 0 5px 0; *margin:0 0 1px 0; padding-left:9px; font:bold 14px arial;}
ul.topicos li a {color:#8a1815; text-decoration:underline;}
ul.topicos li a:hover {color:#8a1815; text-decoration:none;}

a.informacoes {color:#8a1815; font:bold 14px arial; text-decoration:underline; margin:340px 10px 0 10px; background:url(../pics/lista.jpg) no-repeat left 6px; 
padding-left:10px; display:block;}
a.informacoes:hover {text-decoration:none;}

div.linha {border-bottom:1px dotted #8a1815; margin:0 10px 0 10px;}

img.left {float:left; 
padding:4px;
border:3px solid #fff;
margin:5px 0; }

a.voltar {clear:left; display: block; font:bold 0.9em arial; text-align:center; color:#C45F33; text-decoration:underline; margin:20px 0;}
a.voltar:hover {color:#114C90; text-decoration:none; }

span.texto {color:#8a1815; font:normal 12px arial; text-align:justify; float:left; width:650px; margin:30px 10px 0 10px;}

span.texto02 {color:#974112; font:bold 12px arial; text-align:center;}

dt.conheca {color:#8a1815; font:bold 14px arial; padding:3px; clear: both;}
dt.hotel {padding:3px;}

ul.tipos-apto {margin:20px 0 20px 10px;}
ul.tipos-apto li {color:#8a1815; font:bold 12px arial;}

.animacao {width:400px; float:left; display:inline; position:relative; margin:20px 0 0 0;}

div.fotao {float:left; display:inline; width:540px;}

h3.clique {color:#8a1815; font:normal 12px arial; text-align:center;} 

div.mapa {float:left; display:inline; margin:0 auto; width:920px; height:400px;}

span.desc-mapa a {font:normal 12px arial; color:#830700;}
span.desc-mapa a:hover {text-decoration:underline;}

.mapa-google {float:left; display:inline;}

ul.mapa {margin:20px 90px;}
ul.mapa li {margin:0; *margin:0 0 1px 0; padding-left:9px; float:left; display:inline;
color:#8a1815; font:bold 12px arial;}

ul.tarifa {margin:25px 0 0 80px; float:left; display:inline; }
ul.tarifa li {color:#8a1815; font:bold 12px arial; background:url(../pics/lista.jpg) no-repeat left 6px; padding-left:1px; }

div.borda-menor {border-bottom:1px dotted #8a1815; margin:30px 30px 0 30px;}

span.obs {margin:3px 0 0 330px; color:#8a1815; font:bold 10px arial; }

span.obs02 {margin:20px 10px; color:#8a1815; font:bold 12px arial; }

ul.empresa {margin:10px 0 0 145px;}
ul.empresa li{color:#114c90; font:bold 14px arial; float:left; display:inline; margin:0 0 0 20px}
ul.empresa li span{color:#8a1815; font:bold 14px arial;}

ul.foto li {float:left; display:inline; margin:5px 0 20px 110px; background:none;}
ul.foto a img {border:4px solid #fff; padding:4px;}
ul.foto a:hover img {border:4px solid #974112;	}

div.conheca {width:900px; position:relative; float:left; display:inline;}
img.conheca01 {position:absolute; left:0; top:10px}
img.conheca02 {position:absolute; left:175px; top:80px;}
img.conheca03 {position:absolute; left:295px; top:5px;}
img.conheca04 {position:absolute; left:465px; top:80px;}
img.conheca05 {position:absolute; left:585px; top:5px;}
img.conheca06 {position:absolute; left:700px; top:80px;}

img.coco {position:absolute; left:145px; top:190px;}
img.flor {position:absolute; left:690px; top:209px;}


table.tarifa {margin:35px auto 0 auto;text-align:center;font:13px arial;color:#fff;width:797px;border:none;}
.tarifa tr td{width:650px;height:35px;padding:3px 10px; *padding:0 20px;}
.tarifa tr.bg {background:url(../pics/bg-table02.jpg) no-repeat;}
.tarifa thead{text-align:center;font-size:13px;color:#fff; background:url(../pics/bg-table.jpg) no-repeat;}
table.tarifa tr.bg td a{color:#fff;}
table.tarifa tr.bg td a:hover{text-decoration:underline;}

table.pacotes {margin:10px 0;text-align:center;font:14px arial;color:#fff;width:444px; float:left; display:inline;border-collapse:collapse;}

.pacotes tr td{width:200px;padding:3px 10px; *padding:0 10px;}

.pacotes tr.bg {background:url(../pics/bg-table04.jpg) no-repeat; height:105px;}

.pacotes thead {background:url(../pics/bg-table03.jpg) no-repeat; height:34px;}

span.tt-tabela {text-align:left; font-size:14px; color:#fff; background:url(../pics/tt-tabela.png) no-repeat 2px;  padding-left:10px; }

span.noites {font:bold 13px arial; color:#fff; text-transform:uppercase; margin-bottom:10px;}

ul.descricao-pacote li {background:url(../pics/lista-pacotes.png) no-repeat 1px; float:left; margin:0 0 2px 5px; padding-left:10px; font:normal 0.85em arial; color:#fff;}

ul.condicoes-gerais {float:left; display:inline; margin-left:50px;}
ul.condicoes-gerais li {
background:url(../pics/lista-seta.png) no-repeat 1px; 
margin:0 0 2px 5px; padding-left:15px; font:normal 0.8em arial; color:#8a1815; text-align:justify;  *padding-left:5px;}

ul.condicoes-gerais li.tt-lista {font:bold 0.95em arial; color:#8a1815; margin:8px 0 10px -10px; background:none; }

ul.condicoes-gerais li.dobro {
background:url(../pics/lista-seta.png) no-repeat left 4px;}


div.divisoria-tabela {background:url(../pics/div-table.jpg) no-repeat; margin:0 10px; width:5px; height:104px;}

span.apenas {font:normal 13px arial; color:#fff; margin-left:40px;}

span.preco {font:bold 24px arial; color:#fff; margin:0 0 0 90px;}

span.validade {font:normal 11px arial; color:#fff; margin:10px 0 0 80px;}

div.divisoria-tabela {background:url(../pics/div-table.jpg) no-repeat; margin:0 10px; width:5px; height:100px; position:absolute; top:260px; left:280px;}



.animacao01 {position:relative; width:350px; float:left; display:inline; margin:-30px 0 0 85px;}
div.fotos {position:absolute; left:22px; width:306px; overflow:hidden;}
div.fotos ul li {height:68px; width:306px;}
div.fotos ul li a img {float:left; display:inline; border:3px solid #fff; margin:0 5px;}

a.seta-esquerda, a.seta-direita { display:block; position:absolute; width:22px; height:22px; top:50px;}
a.seta-esquerda {left:0;}
a.seta-direita {right:0;}

img.calendario {margin:2px 0 0 5px; float:left; display:inline;}


/* formulário de contato */

#icones-form {float:left; display:inline; margin:70px 0 0 70px;}

ul.form-icone li.endereco {color:#8a1815; font:normal 12px arial; height:40px; 
background:url(../pics/icone-endereco.png) no-repeat; padding-left:40px;}
ul.form-icone li.telefone {color:#8a1815; font:normal 12px arial; height:40px; 
background:url(../pics/icone-telefone.png) no-repeat; padding-left:40px;}
ul.form-icone li.email {color:#8a1815; font:normal 12px arial; height:40px; 
background:url(../pics/icone-email.png) no-repeat; padding-left:40px;}


#formulario {width:250px; margin:0 0 0 100px; float:left; display:inline;}
#formulario p {font-weight:bold; text-align:center; margin:10px 0;} 
div#formulario fieldset {width:250px; border:none;}
.contato, .enviar, textarea {
background:#fff; border:1px solid #94100C;
font:11px Arial; margin:1px; color:#AF6462;
} 
input.contato {
float:left; display:inline;
padding:5px; width:240px;
}
textarea {
float:left; display:inline;
padding:5px; width:240px; height:85px;
}
input.enviar {
float:right; margin:15px 0; width:65px;
height:30px; cursor:pointer;
}


/* formulário de reserva */

#reserva {width:800px; margin:0 auto;}
#reserva p {font-weight:bold; text-align:center; margin:10px 0;} 
div#reserva fieldset.reserv01 {width:100px; border:1px solid red;}
.reserva, .enviar, textarea, select, .data, .enviar03 {
background:#fff; border:1px solid #94100C;
font:11px Arial; margin:1px; color:#AF6462;
} 
input.reserva {
float:left; display:inline;
padding:5px; width:240px;
}

input.data {
float:left; display:inline;
padding:5px; width:130px;
}

textarea {
float:left; display:inline;
padding:5px; width:240px; height:85px;
}
input.enviar {
float:right; margin:15px 0; width:65px;
height:30px; cursor:pointer;
}

input.enviar03 {
margin:6px 0 15px 460px; width:65px;
height:30px; cursor:pointer;
}

span {display:inline; float:left; font:bold 12px Arial; color:#AF6462; margin:5px 0 5px 3px;}

select {float:left; display:inline; padding:5px; width:140px;}

select.mes {float:left; display:inline; padding:5px; width:170px;}

table.center {margin:0 auto;}

table.center02 {margin:5px 0 5px 180px;}

/*** SIDEBAR ***/



/*** FOOTER ***/

#icones {position:absolute; top:10px; right:40px; *right:40px;}
* html #icones {position:absolute; top:10px; right:60px; }
#icones ul li {display:inline; float:left; margin:0 0 0 3px; text-indent:-9000em; overflow:hidden;}

#footer-in address {padding-top:10px; margin:0 0 0 10px; text-align:center;
font:9px arial; color:#881407; float:left; display:inline;}

.icone-footer {width:27px; height:30px; margin:0 0 0 250px; *margin:0 0 0 230px; float:left; display:inline; padding-top:10px; }
* html .icone-footer {width:27px; height:30px; margin:0 0 0 220px; float:left; display:inline; padding-top:10px; }

a.assinatura {
display:block; position:absolute; text-indent:-9000em;
overflow:hidden; width:101px; height:17px; top:24px;
left:45px; font:bold 0.8em arial; color:#fff;
background:url(../pics/assinatura.jpg) no-repeat;
}


/*** clima tempo ***/

#tempo {margin-left:20px;}
#tempo caption {
color:#7D1B00;
font:normal 11px verdana;
padding-bottom:5px;
}

#tempo td, #tempo th {
background-color:#fff;
border-collapse:collapse;
border:1px solid #e7ddd2;
font:bold 11px verdana;
color:#7D1B00;
}
#tempo th.data {
font-weight:bold;
padding:3px 0;
background-color:#e7ddd2;
}
#tempo td {
padding-right:10px;
font-weight:bold;
text-align:right;
font-size:0.76em;
}

div#tempo table tr th.branco { background:#fff; }