* {margin: 0; padding: 0;}


body{height: 100%;}

html {background: #fff url(../img/bg-praia.jpg) repeat-x 50% bottom;}
body {background:  url(../img/bg.jpg) repeat-x 50% 0; overflow-x: hidden;}

@font-face {
    font-family: 'swis721_cn_btroman';
    src: url('../fonts/tt0009m_-webfont.eot');
    src: url('../fonts/tt0009m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tt0009m_-webfont.woff') format('woff'),
         url('../fonts/tt0009m_-webfont.ttf') format('truetype'),
         url('../fonts/tt0009m_-webfont.svg#swis721_cn_btroman') format('svg');
font-weight: normal; font-style: normal;}

/* HOME */


.header {font-size: 12px; height: 143px; overflow: hidden; padding: 20px 0 0;}
.header img {vertical-align: middle; position: relative;}
.header p {padding: 18px 0 0; color: #fff;}
.header .txt-tel {color: #526475; font-size: 30px; font-weight: bold; font-family: 'swis721_cn_btroman', Arial, sans-serif;}
.header .bt-agenda {background: #d01320; display: block; color: #fff; font-family: 'swis721_cn_btroman', Arial, sans-serif; text-transform: uppercase;}

.bx-util {margin: 36px 0 0;}

.menu .navbar-default {background: #526475 url(../img/bg-menu.png) repeat-x 0 0; border: 0; margin: 0;}
.header .navbar-brand {padding: 0; margin: 0; position: relative; z-index: 1000;}

.menu .navbar {border-radius: 0;}

.menu  .navbar-nav>li>a {background: none; display: block; height: 44px; line-height: 44px; color: #fff; font-family: 'swis721_cn_btroman', Arial, sans-serif; font-weight: bold; font-size: 16px; padding: 0 16px; margin: 6px 0 0;}
.menu  .navbar-nav>li>a.bgr0 {background: none;}
.menu .navbar-nav>li>a:hover,
.menu .navbar-nav>li.active,
.menu .navbar-nav>li>a:focus {background: #102c66; color: #fff;}


.bnr1 {margin: 0 0 20px; background: #3154d3 url(../img/bg-bnr1.png) no-repeat 150px -10px; min-height: 175px;}
.bnr1 a,
.bnr2 a,
.bnr3 a {color: #fff; text-decoration: none;}
.bnr1 p {font-size: 12px;}
.wbnrs {padding: 10px;}
.tt-ico {text-transform: uppercase; font-size: 14px; font-weight: bold; margin: 0 0 20px; position: relative; padding: 10px 0 0 35px;}
.tt-ico img {position: absolute; left: 0; top: -10px;}

.bnr2 {margin: 0; background: #152977; min-height: 180px;}
.text-bnr2 {position: absolute; left: 50%; top: 10px; font-size: 12px; padding: 10px;}
.time {background: #3154d3 url(../img/ico-time.png) no-repeat right 0; width: 30%; margin: 15px 1.5% 0; float: left;}
.time p {font-size: 12px; text-align: center; padding: 22px 5px 5px; margin: 0;}
.time span {font-size: 18px;}

.bnrs-extras {background-color: #fff; border-bottom: 3px solid #d01320; min-height: 170px;}
.bnrs-extras {font-size: 12px;}
.extra1 {background-image: url(../img/casal.jpg); background-repeat: no-repeat; background-position: right bottom;}

.bnr3 {margin: 0; background: #07164f url(../img/bg-contato.jpg) no-repeat right 0; min-height: 170px;     outline-offset: -5px;
    outline: 1px solid #656e92;}
.bnr3 p {font-size: 12px; float: left; width: 35%; margin: 0 0 0 12%;}

.painel img {width: 100%; display: block;}
.painel li {overflow: hidden; position: relative;}
.leg {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.5); margin: 0; padding: 20px; color: #fff; font-size: 20px;}


.tt-extra,
.tt {color: #102c66; font-family: 'swis721_cn_btroman', Arial, sans-serif;  font-weight: 500; font-size: 20px;  padding: 0px; margin: 0 0 10px;}
.tt-extra strong,
.tt strong {font-size: 28px;}

.list-not li {list-style: none; border-bottom: 1px dotted #205e8f; padding: 10px 0 10px 110px; position: relative;}
.list-not span {background: #008de4; border-left: 3px solid #0d47b3; display: block; color: #fff; font-size: 14px; font-family: 'swis721_cn_btroman', Arial, sans-serif; padding: 10px 10px 10px 35px; }
.list-not span {position: absolute; left: 0; top: 10px; padding: 10px;}

.tt-sec-cont {background: none;}

.sec-cont {background: #fff1d6; margin: 20px 0 0; padding: 0 0 20px;}
.footer {margin: 80px 0 0; padding: 0; min-height: 100px; position: relative;}
.sec-footer {background: url(../img/bg-rodape.png) no-repeat 50% 0; position: absolute; bottom: 0; width: 100%; height: 61px;}

.footer address,
.footer p {padding: 10px 0 0; margin: 0; color: #333; font-family: 'swis721_cn_btroman', Arial, sans-serif; font-size: 14px;}

.footer address {padding-left: 80px; position: relative;}
.footer address img {position: absolute; left: 0; top: 0;}

.pratica {margin: 10px 0 0;}

/* Quem Somos */
.int {background: url(../img/bg-int.jpg) no-repeat left bottom; min-height: 501px; margin: 0 0 30px; position: relative; padding: 30px;}
.int p {margin: 0 0 20px;}
.ft-qs,
.ft-st {position: absolute; right: 20px; bottom: 0;}
.w {background: #9abdcf; padding: 20px 15px; border-radius: 0 15px 0 15px;}

.b {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#526475+0,526475+50,4a5b6a+51,4a5b6a+100 */
background: #526475; /* Old browsers */
background: -moz-linear-gradient(top,  #526475 0%, #526475 50%, #4a5b6a 51%, #4a5b6a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #526475 0%,#526475 50%,#4a5b6a 51%,#4a5b6a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #526475 0%,#526475 50%,#4a5b6a 51%,#4a5b6a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#526475', endColorstr='#4a5b6a',GradientType=0 ); /* IE6-9 */
 color: #fff;
}
.b:hover {color: #fff;}


/* Downlaod */
.int-down {background: url(../img/download.png) repeat-x left bottom; min-height: 400px;}
.ft-down {position: absolute; right: 0; bottom: 0; width: 48%;}
.list-arq li {list-style: none; margin: 0 0 10px; padding: 25px 0 25px 60px; border-bottom: 1px dotted #97bdf7; position: relative;}
.list-arq a {color: #333;}
.list-arq img {position: absolute; left: 0; top: 5px;}

/* Venda seu terreno */
.int-terreno {background: url(../img/vendaseuterreno.jpg) no-repeat left bottom;}

/* Certificado */
.bx-cert {margin: 0 0 20px;}
.int-cert {background: url(../img/bg-cert.jpg) no-repeat left bottom;}
.ft-cert {position: absolute; right: 0; bottom: 0; z-index: 100; width: 35%;}

/* Contato */
.ft-contato {position: absolute; right: 10%; bottom: 0; z-index: 100; width: 25%;}

/* INformativo */
.ft-info {position: absolute; right: 20%; bottom: 0; z-index: 100; width: 22%;}

/* Lançamento */
.ft-lan {position: absolute; left: 0; bottom: 0;}
.secs-obras {margin-bottom: 30px;}
.progress-bar {color: #333;}

.list-ft li {float: left; margin: 0 1.5% 20px; width: 22%; list-style: none;}
.int .list-ft p {text-align: center;}
.list-ft img {display: inline;}

.scroll-up {background-image: url("../img/top.png");bottom: 20px;right: 20px;width: 38px;height: 38px;position: fixed;z-index: 1200;display: none;opacity: .8;}
.scroll-active {display: block;}
.nav-fixed {position: fixed; left: 0; top: -100%; width: 100%; }
.show-nav {transition-property: top; transition-duration:  1s; transition-timing-function:  ease-in-out; top: 0%;}

.last-bxs {margin-bottom: 30px;}
.footer p.copy {padding: 20px 0 0;}

@media screen and (max-width: 1200px) {

    .header .txt-tel {text-align: right;}
    .header .bt-agenda {float: right; padding-right: 5px;}
    .header p {padding: 0;}
    .bx-util {margin: 20px 0 0;}
}

@media screen and (max-width: 970px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }

  .menu  .navbar-nav>li>a {line-height: 50px; border: 0; border-bottom: 1px dotted #2342b3; background: none; margin: 0;}
  .collapse.in {position: relative; z-index: 10000; background: #102c66;}
  .menu .navbar-nav > li > a:hover {background: #f1d164; color: #2342b3;}

    .navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: #102c66; border: 1px solid #102c66;}
    .navbar-default .navbar-toggle .icon-bar {background: #fff;}

   .ft-down {opacity: .4;}
  .ft-st,
  .ft-cert,
  .ft-contato,
  .ft-info,
  .ft-lan {display: none;}
}



@media screen and (max-width: 768px) {
.menu .navbar-brand {margin-left: 0;}
  .last-bxs div {margin: 0 0 20px;}
  .tt-extra br,
  .tt br {display: none;}
  .tt-extra,
  .tt-extra strong,
  .tt,
  .tt strong {font-size: 18px;}

  .list-ft li {width: 30%;}

}



@media screen and (max-width: 600px) {
  .bnr1 {background-position: right 0;}
  .bnr1 p {width: auto;}
  .bnr1 br {display: block;}
  .header .navbar-brand img {width: 200px;}
  .bx-util img {width: 22px;}
  .header .txt-tel,
  .header .bt-agenda {font-size: 12px;}

  .int {padding: 30px 5px;}
}

@media screen and (max-width: 500px) {
  .last-bxs img {width: 100%;}
  .list-ft li {width: 44%;}
}