* { margin:0; padding:0; border:0; text-decoration:none; list-style:none; font-family: "Trebuchet MS"; font-size: 12px; color: #CCCCCC;  }
body { background-color: #000000; width: 100%; }

#box-all { position:relative; left: 65px; float: left; }

#box-top { float: left; width: 849px; height: 158px; background-image: url(../images/promenade/efeito_01.jpg); background-repeat: no-repeat; background-position: 0px 190px; }
#box-top h1 { float: left; background-image: url(../images/promenade/logo_01.jpg); width: 139px; height: 158px; text-indent: -5000em; overflow:hidden; }
#box-top h1 a { display: block; width: 139px; height: 158px; }
#box-top h2 { float: left; background-image: url(../images/promenade/logo_02.jpg); width: 581px; height: 158px; text-indent: -5000em; }
#box-top #btn-acesse { float: left; margin-top: 25px;  margin-left: -30px; background-image: url(../images/promenade/btn_acesse.jpg); width: 157px; }
#box-top #btn-acesse a { display: block; width: 157px; height: 19px; }

#box-content { float: left; width: 849px; background-image: url(../images/promenade/efeito.jpg); background-repeat: no-repeat; }
#box-margin { float: left; position: relative; left: 139px; width: 710px; } 

#box-intro { float: left; width: 710px; height: 121px; }
#box-intro h3 { float: left; background-image: url(../images/promenade/msg_promenade.jpg); width: 655px; height: 45px; text-indent: -5000em; overflow:hidden; }
#box-intro p { float: left; width: 680px; height: 39px; line-height: 14.3px; margin-top: 17px; }
#box-intro #btn-mais { float: left; margin-top: 28px;  margin-left: 1px; background-image: url(../images/promenade/btn_mais.jpg); width: 153px; }
#box-intro #btn-mais a { display: block; width: 153px; height: 19px; }

#box-images { float: left; width: 710px; height: 354px; background-image: url(../images/promenade/fotos.jpg); background-repeat: no-repeat; background-position: 0px 1px; position: relative;}

#box-images #box-nave { position: absolute; width: 710px; height: 354px; text-align: center; visibility: hidden; margin-top: -354px; }
#box-images #box-nave div { margin: 0 auto; }

#box-images #box-nave #preview-voltar { position: absolute; margin-top: 150px; }
#box-images #box-nave #preview-avancar { position: absolute; margin-top: 150px; margin-left: -35px; }

#box-about { float: left; width: 710px; height: 649px; }
#box-about h3 { float: left; margin-top: 36px; background-image: url(../images/promenade/tit_sobre.jpg); width: 388px; margin-right: 1px; height: 31px; text-indent: -5000em; overflow:hidden; }
#box-about div { float: left; margin-top: 21px; }
#box-about #box-about-01 { margin-right: 40px; }
#box-about #box-about-01 .about-text-01 { width: 326px; line-height: 14px; }
#box-about #box-about-02 .about-text-02 { width: 340px; line-height: 14px; }
#box-about #box-about-02 .white { color: #fff; }
#box-about #box-about-02 #box-about-ul-01 { float: left; }
#box-about #box-about-02 #box-about-ul-01 li { width: 161px; line-height: 14px; }
#box-about #box-about-02 #box-about-ul-02 li { width: 179px; line-height: 14px; }
#box-about #box-about-02 hr { color: #141414; border-bottom: 1px solid #141414; height: 1px; width: 340px; margin-top: 29px; margin-bottom: 29px; }

#box-bottom { float: left; width: 710px; height: 202px; background-image: url(../images/promenade/rolha.jpg); background-repeat: no-repeat; background-position: 332px 0px; margin-top:28px; }
#box-bottom #btn-fotos { float: none;  margin-top: 56px; background-image: url(../images/promenade/btn_fotos.jpg); width: 179px; }
#box-bottom #btn-fotos a { display: block; width: 179px; height: 19px; }
#box-bottom small { float: left; margin-top: 70px; background-image: url(../images/promenade/msg_copy.jpg); width: 333px; height: 9px; text-indent: -5000em; overflow:hidden;  }

.button { height: 19px; text-indent: -5000em; overflow:hidden; }
.thumb { cursor: pointer }