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

a {outline:0;}

body { /* centralizando no IEca */
text-align:center;
background-color:#8d2e03;
} 

img { border:none }

h2 {
padding-top:20px;
font:bold 14px verdana, arial;
color:#ff7900;
text-align:center;
}

li {
font:verdana, arial;
color:#666666;
list-style:none;
list-style-type:disc;
list-style-position:inside;
line-height:170%;
}

ul.dist li{pading:5px; margin:5px;}
h2.dis{margin:0 0 15px 0;} 

select, input, textarea, li {
font:11px verdana, arial;
color:#666666;
}

select, input, textarea {
border:1px solid #666666
}

#geral { /* aqui englobará tudo. Como terá uma altura fixa, n terei problemas com background e tals ^^ */
margin:0 auto;
width:1003px;
height:592px;
}

/* Estilo Tabelas promoção */
.tabela{
font:verdana, arial;
color:#666666;
font-size:11px;
}

/* TOPO */

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

#topo img.logo { /* logo */
float:left;
margin-left:25px;
}

/* TOPO > menu */

#topo #menu {
position:absolute;
left:310px;
top:50px;
}

#menu li {
display:inline;
padding-left:10px;
}

#menu a {
font:bold 14px Trebuchet MS, verdana;
text-transform:uppercase;
color:#ffe9ca;
}

#menu a:hover { color:white }

#menu2 a {position:absolute;top:20px;right:75px;color:#ECD644;font:bold 14px Trebuchet MS, verdana;text-transform:uppercase;}
#menu2 a:hover {color:#fff;}

/* LATERAL Esquerda */

#lateralE { /* aqui não entra conteúdo nenhum. */
float:left;
width:26px;
height:469px;
background-image:url(../pics/lateralE.jpg);
}

/* LATERAL Direita */

#lateralD { /* aqui também não entra conteúdo */
float:right;
width:26px;
height:469px;
background-image:url(../pics/lateralD.jpg);
}

/* CENTRO */

#centro { /* onde tudo acontece ;) */
float:left;
width:951px;
height:469px;
background:white url(../pics/pincel.jpg) no-repeat top right;
}

#centro #foto { /* aquela foto do lado esquerdo */
position:relative;
float:left;
margin:8px 0 0 5px;
width:318px;
height:450px;
}

#centro > #foto { /* hack pra variar */
margin-left:10px;
}

#foto #bandeiras {
position:absolute;
left:3px;
top:1px
}

#centro #fla { /* retângulo azul animado */
float:left;
margin-top:8px;
width:282px;
height:143px;
}

/* CENTRO > conteudo */

#centro #conteudo, #centro #home { /* auto explicativo */
float:left;
width:623px;
}

#centro #home {
position:relative;
height:469px;
float:right;
}

#pedefeijao{
position:absolute;
right:0;
top:0;
}

#centro #conteudo h1 {
text-align:left;
padding-top:5px;
font:bold 16px  Georgia, verdana, arial;
color:#ff7900;
}

html > body #centro #conteudo h1 { padding-top:3px; }

#centro #conteudo p {
text-align:justify;
font:11px verdana, arial;
color:#666666;
padding:5px 30px;
line-height:160%;
}

/* CENTRO > conteudo > about */

#conteudo #about { 
float:left;
width:330px; 
border-bottom:1px solid #e8e8e8;
padding-bottom:10px;
margin-left:15px;
clear:left;
}

/* CENTRO > conteudo > album */

#conteudo #album{
height:440px;
overflow:auto;
}

#conteudo #album ul{ 
margin-top:10px;
margin-left:12px;
float:left;
}

#conteudo #album ul li{ 
margin:5px 11px;
float:left;
display:block;
}

#conteudo #album ul li .ft{ 
border:2px solid #666666;
}

#conteudo #about p { padding-left:0; }

html > body #conteudo #about { margin-left:30px; }

#conteudo #about a.saiba {
font:bold 11px arial, verdana;
float:right;
color:#484c56;
text-decoration:underline
}

#conteudo #about a.saiba:hover { text-decoration:none }


/* CENTRO > conteudo > galeria */

#conteudo #galeria { 
float:left; 
width:360px;
margin-left:15px;
}

#conteudo #galeria #vejamais {
float:right;
margin-top:-16px;
margin-right:26px;
}

#conteudo #galeria #vejamais a.saiba {
font:bold 11px arial, verdana;
color:#484c56;
text-decoration:underline
}

#conteudo #galeria #vejamais a.saiba:hover {
text-decoration:none;
}

html > body #conteudo #galeria { margin-left:30px; }

#conteudo #galeria ul {
clear:right;
margin-top:12px
}

#conteudo #galeria ul li {
display:inline;
padding-left:10px;
}

#galeria #paginacao {
float:left;
margin-left:2px;
width:351px;
height:20px;
background-color:#ff7f00;
}

#galeria #paginacao a {
font:10px verdana, arial;
color:white
}

#galeria > #paginacao { margin-left:5px; }

/* RODAPÉ */

#rodape { /* ... */
position:relative;
float:left;
width:1003px;
height:45px;
background-image:url(../pics/rodape.jpg);
}

#rodape object { /* posicionar o flash da interativa */
float:left;
margin:6px 0 0 40px;
}

#rodape p, #rodape a {
text-align:center;
font:10px verdana, arial;
color:white;
padding-top:2px;
}

#rodape a:hover {
text-decoration:underline
}

/* PÁGINA CONTATO - serve também para o form da página tarifas */

#contato h2 { padding:55px 0 0 50px }

form {
float:left;
margin:8px 0 0 20px;
_margin-left:10px;
}

#contato form { margin:40px 0 0 41px; }

html > body #contato form { margin-left:118px; }

form input.check { border:none }

#contato textarea { width:206px; }

form label {
padding-left:5px;
font:11px verdana, arial;
color:#666666
}

img.contato { /* foto que tem na página */
float:right; 
margin:20px 40px 0; 
border:1px solid #666666 
}

/* FLAX */

#conteudo #flax { 
height:25px;
width:600px; 
}

#conteudo #flax object {
margin-left:8px;
float:left
}

#conteudo #flax embed { margin-left:10px; }

/* PÁGINA TARIFAS */

#tarifas, #natal { 
margin-left:25px;
height:440px;
overflow:auto;
}

#tarifas ul {
text-align:left;
float:left;
margin:10px 0 0 20px;
_margin-left:10px;
}

#tarifas table.diaria { 
float:left; 
margin-left:20px; 
_margin-left:10px;
margin-top:10px 
}

#tarifas table.diaria p { 
text-align:center
}

#tarifas table.diaria tr td.titulo {
background-color:#F98C38;
color:white;
}

#tarifas table.diaria tr td {
background-color:#f1f1f1; 
color:#666666; 
font:bold 11px verdana, arial;
padding-left:4px;
height:25px;
}

#tarifas h2 { 
color:white; 
padding-top:0 
}

#tarifas h2.reserva { 
padding:8px 0 0 90px;
float:left; 
color:#ff7900;
clear:left
}

/* PÁGINA HOTEL */

#hotel { margin-top:10px; }

#hotel dl {
width:600px;
}

#hotel dt {
width:145px;
height:120px;
}

#hotel img { border:2px solid #666666 }

#hotel dt.left {
margin-left:20px;
_margin-left:10px;
float:left;
}

#hotel dt.right {
margin-right:20px;
_margin-right:10px;
float:right;
}

#hotel dd { 
width:410px; 
_width:430px; 
}

#hotel dd.left { float:left }

#hotel dd.right { float:right; }

#hotel ul { 
margin-left:18px;
_margin-left:10px;
float:left 
}

#hotel li {
display:inline
}

/* PÁGINA ACOMODAÇÕES */

#acomodacoes ul {
text-align:left;
margin:5px 0 0 18px;
}

#acomodacoes ul.fotos li {
display:inline
}

#acomodacoes ul.fotos img { border:2px solid #666666 }

/* PÁGINA OBRIGADO */

#obrigado p { text-align:center !important;  }
#atendimento {
float:right;
margin: 0 30px 0 0;
	
}
#assinatura{
position:absolute;	
left:30px;
top:10px;
}
.endereco{
margin:0 0 0 50px;	
}


#richmedia {
position:absolute;
z-index:100;
top:100px;
left:0px;
}