/* Reset */
html, body, table, div, span, h1, h2, h3, h4, h5, h6, p, img { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
/* Geral */
html { overflow: hidden; }
body { line-height: 1; font-family: Arial, Helvetica; font-size: 13px; color: #FFFFFF; }
html, body { width: 100%; height: 100%; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; text-decoration: none; color: #FFFFFF; }

input {border: none;}
.left { float: left; }
.right { float: right; }
/* 360 layout */
.panorama, .panorama-view { width: 100%; height: 100%; overflow: hidden; }
.panorama, .panorama-container { position: relative; }
.panorama-container img { height: 100%; position: absolute; top: 0; }
.panorama .controls { position: absolute; right: 10px; top: 40px; z-index: 99; }
.panorama .controls a { display: block; float: left; margin-right: 5px; }
/* 360 style */
.panorama .controls a { padding: 5px 7px 5px 7px; opacity: 0.6; filter: alpha(opacity=60); background-color: #000; color: #fff; text-decoration: none; font-size: 17px; cursor: pointer; }
.controls a { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; }
/* elementos */
.index .logo { position: absolute; width: 498px; left: 50%; margin-left: -224px; top: 100px; text-align: center; z-index: 999; }
.logo { position: absolute; left: 30px; top: 50px; z-index: 999; }
.menu { position: absolute; background: url(../img/bg_menu.png) no-repeat left top; right: 100px; top: 0px; width: 628px; height: 53px; padding: 30px 0px 0px 60px; z-index: 98; }
.menu a { color: #FFFFFF; float: left; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0px 10px 0px 10px; }
.menu a.ativo { color: #14A79D; }
.midias { position: absolute; right: 30px; top: 20px; z-index: 99; }
.mapa_rodape { position: absolute; right: 0px; bottom: 0px; z-index: 99; }
.apresentacao .box_dir, .projeto .box_dir, .planta .box_dir, .localizacao .box_dir { background: url(../img/bg_dir_01.png) no-repeat left bottom; position: absolute; left: 50%; margin-left: -450px; top: 50%; margin-top: -200px; width: 1086px; height: 500px; z-index: 2; }
.projeto .box_esq, .localizacao .box_esq, .planta .box_esq { background: url(../img/bg_esq_02.png) no-repeat left top; position: absolute; left: 20px; top: 200px; width: 350px; height: 285px; padding: 20px 0px 0px 20px; z-index: 4; }
.apresentacao .box_esq {background: url(../img/bg_esq_01.png) no-repeat left top; position: absolute; left: 20px; top: 200px; width: 280px; height: 285px; padding: 20px 0px 0px 20px; z-index: 4; }
.obra .box_dir, .contato .box_dir { background: url(../img/bg_dir_02.png) no-repeat left bottom; position: absolute; left: 50%; margin-left: -150px; top: 50%; margin-top: -237px; width: 615px; height: 500px; z-index: 2; }
.obra .box_esq, .contato .box_esq { background: url(../img/bg_esq_02.png) no-repeat left top; position: absolute; left: 20px; top: 200px; width: 350px; height: 285px; padding: 20px 0px 0px 20px; z-index: 4; }
/* banner */
#banner-home { height: 380px; text-align: center; cursor: pointer; }
#banner-container { position: relative; overflow: hidden; width: 900px; height: 360px; }
#banner-container div { position: absolute; width: 900px; height: 360px; }
#banner-container a { text-decoration: none; }
.nav { padding-right: 460px; }
.nav a.prev { width: 33px; height: 50px; padding: 33px 0px 0px 50px; background: url(../img/btn_nav_esq.png) no-repeat; }
.nav a.next { width: 33px; height: 50px; padding: 33px 0px 0px 50px; background: url(../img/btn_nav_dir.png) no-repeat; }
/* Obra */
.tipo { padding: 4px 5px 0; }
.barra { background-color: #14A79D; height: 17px; color: #fff; text-align: right; padding: 3px 0px 0px 0px; }
.bgBarra { background-color: #FFFFFF; width: 400px; height: 20px; }