/* CSS Document (Estrutura) */
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; height: 100%; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* begin site*/
html { text-align: center; }
body { background: #163749 url("../img/bg.jpg"); font: 11px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; margin: 14px auto; text-align: center; }


#geral { width: 870px; height: 578px; margin: auto; }
#topo { background: url("../img/bg_topo.gif") no-repeat; widows: 870px; height: 256px; }
.pad { padding-bottom: 2px; }
#topo ul { list-style: none; }
#topo li { display: inline; float: left; padding-left: 20px;}

a.rolloverhome { display: block; width: 50px; height: 26px; background: url("../img/home.jpg") 0 0 no-repeat; text-decoration: none; }
a:hover.rolloverhome { background-position: -50px 0; }

a.rolloversobre { display: block; width: 100px; height: 26px; background: url("../img/sobre.jpg") 0 0 no-repeat; text-decoration: none; }
a:hover.rolloversobre { background-position: -98px 0; }

a.rolloverapartamentos { display: block; width: 117px; height: 26px; background: url("../img/apartamentos.jpg") 0 0 no-repeat; text-decoration: none; }
a:hover.rolloverapartamentos { background-position: -117px 0; }

a.rolloverlocaliza { display: block; width: 98px; height: 26px; background: url("../img/localiza.jpg") 0 0 no-repeat; text-decoration: none; }
a:hover.rolloverlocaliza { background-position: -98px 0; }

a.rolloverfotos { display: block; width: 52px; height: 26px; background: url("../img/fotos.jpg") 0 0 no-repeat; text-decoration: none; }
a:hover.rolloverfotos { background-position: -52px 0; }

a.rollovervideos { display: block; width: 57px; height: 26px; background: url("../img/videos.jpg") 0 0 no-repeat; text-decoration: none; }
a:hover.rollovervideos { background-position: -57px 0; }

a.rollovertarifas { display: block; width: 60px; height: 26px; background: url("../img/tarifas.jpg") 0 0 no-repeat; text-decoration: none; }
a:hover.rollovertarifas { background-position: -60px 0; }

a.rolloverpacotes { display: block; width: 68px; height: 26px; background: url("../img/pacotes.jpg") 0 0 no-repeat; text-decoration: none; }
a:hover.rolloverpacotes { background-position: -68px 0; }


a.rollovercontato { display: block; width: 68px; height: 26px; background: url("../img/contato.jpg") 0 0 no-repeat; text-decoration: none; }
a:hover.rollovercontato { background-position: -68px 0; }

#menu { background: url("../img/menu.jpg") no-repeat; width: 716px; height: 25px; margin: auto; }

#meio { background: url("../img/bg_meio.gif") no-repeat; width: 870px; height: 314px; margin-top: 10px; }
#meio_internas { background: url("../img/bg_internas.jpg") no-repeat; width: 870px; height: 314px; margin-top: 10px; }
#lado { float: left; width: 560px; }
#flat { float: left; margin-top: 10px; width: 560px; }
#flat img { float: left; margin-left: 25px; margin-top: 5px; margin-right: 10px; }
#flat p { color: #fff; text-align: justify; }
#flat h1 { color: #fff; float: left; font-size: 24px; padding: 5px 0 5px 35px; width: 500px; text-align: left;  }
#flat h2 { color: #fff; float: left; font-size: 16px; width: 300px; text-align: left; padding-bottom: 5px;  }
.flat { font-size: 18px; }

#tour { float: left; width: 560px; }
#tour h1 { color: #036; font-size: 24px; padding: 25px 0 0 20px; text-align: left; }

#reservas { float: left; width: 270px; height: 200px; margin: 10px 0 0 23px; }
#reservas h1 { color: #036; font-size: 20px; text-align: left; }
#reservas table p { float: left; padding: 4px; width: 45px; text-align: left; }
#reservas table td { float: left; }
#reservas select { height: 22px; border: 1px solid #036; }
#msg { float: left; text-align: left; color: #036; margin-top: 10px; font-size: 14px; }
#msg a { font-size: 18px; text-decoration: none; font-weight: bold; color: #036; }
#msg a:hover { color: #fff; }

#rodape { margin: auto; padding-top: 10px; width: 840px; }
#rodape p { color: #fff; font-size: 13px; }
#six { border: none; float: right; }