body {
background: #9C4E28;
}

td {
padding: 0px;
}

.site {
border: 20px solid #fff;
}
.site,.topo,.conteudo,.rodape {
display: block;
width: 776px;
margin: 0 auto 0 auto;
}

.conteudo{
background: #F2F1EF;
}

.conteudo p {
font-family: Times;
font-size: 13px;
color: #844C4B;
}

.menus-topo {
background: #8F5444;
display: block;
height: 30px;
margin-top: -16px;
_margin-top: 0px;
border-bottom: 7px solid #F1D8B9;
}

.menus-topo li{
display: inline;
padding-left: 10px;
padding-right: 10px;
font-family: verdana;
font-size: 14px;
vertical-align: middle;
padding-top: 5px;
_padding-top: 55px;
}

.menus-topo li a{
color: #fff;
text-decoration: none;
_padding-top: 55px;
}

.menus-topo li a:hover{
color: #fff;
text-decoration: underline;
}


/* -- CAPA -- */

.acomodacoes-capa {
background: #DFDED9 url('acomodacoes-bloco.jpg') top center no-repeat;
padding: 5px;
margin-top: 8px;
display: block;
width: 160px;
_width: 170px;
height: 65px;
_height: 90px;
margin-left: 1px;
text-align: center;
color: #8B6769;
padding-top: 40px;
font-size: 12px;
}

.cafe-da-manha {
background: #DFDED9 url('acomodacoes-bloco.jpg') top center no-repeat;
padding: 5px;
display: block;
width: 160px;
_width: 170px;
height: 65px;
margin-top: 8px;
margin-left: 5px;
text-align: center;
color: #8B6769;
padding-top: 40px;
font-size: 12px;
}

.estacionamento {
background: #DFDED9 url('acomodacoes-bloco.jpg') top center no-repeat;
padding: 5px;
display: block;
width: 170px;
_width: 180px;
height: 65px;
margin-top: 8px;
margin-left: 5px;
text-align: center;
color: #8B6769;
padding-top: 40px;
font-size: 12px;
}


.destaque-sacramento {
background: #E5E4D2 url('destaque2.jpg') center top no-repeat;
color: #8B6769;
font-size: 12px;
line-height: 1.6em;
display: block;
width: 510px;
_width: 530px;
height: 130px;
_height: 210px;
margin-top: 8px;
padding-top: 60px;
padding-left: 10px;
_padding-left: 10px;
padding-right: 10px;
_padding-right: 10px;
padding-bottom: 20px;
}

.destaque-sacramento p{
margin-top: -10px;
}

/*-- Bloco Direita Capa -- */

.hospedes-ilustres-capa {
background: #E5E2D1 url('acomodacoes-bloco.jpg') top center no-repeat;
display: block;
width: 228px;
height: 230px;
_height: 240px;
color: #8B6769;
font-size: 12px;
text-align: center;
margin-top: -13px;
_margin-top: -2px;
margin-left: 5px;
}

.hospedes-ilustres-capa img{
margin-top: 35px;
}

.fotos-capa {
background: #E5E2D1 url('acomodacoes-bloco.jpg') top center no-repeat;
display: block;
width: 230px;
height: 220px;
color: #8B6769;
font-size: 12px;
text-align: center;
margin-top: -5px;
_margin-top: 5px;
margin-left: 5px;
}

.fotos-capa img{
margin-top: 35px;
}

.fale-conosco {
background: #E5E2D1 url('acomodacoes-bloco.jpg') top center no-repeat;
display: block;
width: 230px;
height: 40px;
color: #8B6769;
font-size: 12px;
text-align: center;
margin-top: 8px;
margin-left: 5px;
padding-top: 30px;
}

/* -- Rodapé --*/

.rodape {
height: 60px;
background: #E5E2D1 url('bg-rodape.jpg') top repeat-x;
margin-top: 0px;
padding-top: 8px;
_padding-top: 8px;
border-top: 5px solid #fff;
}

.rodape p{
text-align: center;
font-size: 12px;
color: #794D4A;
}


/* -- Págs. Contato, Galeria de Fotos, Nossa Historia -- */

#galeria-de-fotos .titulo,
#nossa-historia .titulo,
#contato .titulo {
font-family: Arial;
font-size: 26px;
text-align: left;
padding: 15px;
}

#galeria-de-fotos .informacao,
#contato .informacao {
font-family: arial;
font-size: 13px;
text-align: left;
padding: 10px;
}


/* -- Pág. Contato -- */

#contato {
margin-left: 10px;
}

#contato .form-item {
display: block;
text-align: left;
padding: 5px;
}

#contato label {
display: block;
font-family: Arial;
font-size: 13px;
font-weight: bold;
}

#contato .submit {
margin-top: 10px;
margin-left: 5px;
}

.rodape p {
font-size: 14px;
}

/* -- Pág. Galeria de Fotos -- */

#galeria-de-fotos img {
padding: 5px;
_padding: 55px;
border: 1px solid #f1d8b9;
}

#galeria-de-fotos img:hover {
background: #8f5444;
}

#galeria-de-fotos table,
#galeria-de-fotos td {
text-align: center;
padding: 6.5px;
}

#galeria-de-fotos table {
width: 100px;
}

#galeria-de-fotos a {
color: #000;
text-decoration: none;
}

#galeria-de-fotos a:hover {
color: #000;
text-decoration: underline;
}

#galeria-de-fotos .legenda {
font-family: arial;
font-size: 14px;
text-align: center;
padding-bottom: 10px;
margin-top: -10px;
}

/* -- Pag. Nossa História -- */

#nossa-historia {
height: 570px;
}

#nossa-historia div {
display: block;
padding-left: 15px;
padding-right: 15px;
margin-bottom: -15px;
}

#nossa-historia p {
font-size: 13px;
font-family: arial;
text-align: left;
padding: 2px;
}

.ampliar-foto {
display: block;
padding-top: 20px;
padding-bottom: 30px;
}

.voltar a {
display: block;
text-align: left;
padding-top: 20px;
padding-left: 15px;
font-size: 16px;
font-family: arial;
text-decoration: none;
color: #000;
}

.voltar a:hover {
text-decoration: underline;
}