html { background-color: #111; }
body { color: #FFF; font: 14px normal; font-family: Helvetica, Arial; height: 100%; margin: 0; padding: 0; }
/* Preset */
.v-align { vertical-align: middle; }
.txt-center { text-align: center; }
.greyscale { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); }
.view { position: fixed; width: 100%; height: 100%; z-index: 3; }
.left { float: left; }
.right { float: right; }
/* Elementos */
.menu { height: 65px; position: absolute; padding: 10px 0 0 10px; top: 0px; width: 100%; z-index: 3; }
.menu .logo-top { margin: 0px 30px 0px 0px; }
.menu div { margin: 50px 10px 10px 10px; float: left; }
.menu div:hover { color: #87623C; cursor: pointer; }
.menu .ativo { border-bottom: solid 2px #87623C; }
.logo { left: 50%; margin-left: -230px; margin-top: -150px; position: absolute; top: 50%; }
.textura { left: 0px; position: absolute; top: 0px; width: 100%; z-index: -2; }
.predio { position: relative; }
.predio-shadow { background: url(../img/predio_shadow.png) no-repeat; height: 676px; bottom: 0px; position: absolute; width: 449px; z-index: 2; }
.bg-full { background: url(../img/bg_full.jpg) no-repeat left bottom; height: 100%; width: 100%; position: relative; right: 0px; }
.bg-full-shadow { background: url(../img/bg_full_shadow.jpg) no-repeat left bottom; height: 100%; position: absolute; right: -700px; top: 0%; width: 100%; z-index: -2; }
.bg-localizacao { opacity: 0; height: 100%; width: 100%; right: -1000px; position: absolute; }
.bg-localizacao img { height: 100%; }
input.btn-enviar { background: url(../img/btn_mail.png) no-repeat; border: none; cursor: pointer; width: 90px; height: 28px; }
.hlar { bottom: 0px; color: #999; font-size: 9px; opacity: 0; position: absolute; width: 100%; z-index: -1; }
/* Sessoes */
.home { left: 50%; margin-left: -450px; margin-top: -150px; position: absolute; top: 50%; width: 650px; z-index: 3; }
.projeto, .planta, .localizacao, .obra, .contato { position: absolute; top: 50%; margin-top: -150px; left: 50%; margin-left: -1000px; width: 1000px; display: none; z-index: 3; }
.obra { top: 20%; margin-top: -20px; }
.localizacao { width: 545px; }
/* Container */
#banner-projeto, #banner-planta { opacity: 0; position: absolute; overflow: hidden; width: 100%; height: 100%; right: -1000px; bottom: 0px; z-index: -1; }
#banner-projeto div, #banner-planta div { position: absolute; width: 100%; height: 100%; bottom: 0px; }
#banner-projeto div img, #banner-planta div img { height: 100%; }
#banner-projeto a, #banner-planta a { text-decoration: none; }
.nav { position: absolute; right: -300px; bottom: 20px; width: 100; z-index: 99; }
a.prev { cursor: pointer; width: 48px; height: 60px; padding: 60px 0px 0px 48px; margin-right: 10px; background: url(../img/btn_anterior.png) no-repeat; }
a.next { cursor: pointer; width: 48px; height: 60px; padding: 60px 0px 0px 48px; background: url(../img/btn_proximo.png) no-repeat; }
/* Obra */
.tipo { padding: 4px 5px 0; text-align: left; font-size: 11px; }
.barra { background-color: #87623C; height: 17px; color: #fff; text-align: left; padding: 3px 0px 0px 4px; font-size: 11px; }
.bgBarra { background-color: #201C0F; width: 300px; height: 20px; }