@import "fbz.reset.css";
@import "lightbox.css";
@import "fonts/fonts.css";

html, body { height: 100%; _height: auto; }
body { font: 100% Arial, Helvetica, sans-serif; font-size: 12px; background: #FFF; margin: 0; padding: 0; text-align: center; color: #333; line-height: 120%; }

body, body.bg1 { background: url(../../img/design/bg1.jpg) center bottom no-repeat fixed; -moz-background-size: cover; background-size: cover; }
body.bg2 { background: url(../../img/design/bg222.jpg) center top no-repeat fixed; -moz-background-size: cover; background-size: cover; }
body.bg22 { background: url(../../img/design/bg33.jpg) center top no-repeat fixed; -moz-background-size: cover; background-size: cover; }
body.bg3 { background: url(../../img/design/bg3333.jpg) center bottom no-repeat fixed; -moz-background-size: cover; background-size: cover; }
body.bg4 { background: url(../../img/design/bg4444.jpg) center bottom no-repeat fixed; -moz-background-size: cover; background-size: cover; }

div { overflow: hidden; _height: 100%; }
ul { overflow: hidden; display: block; }

a { text-decoration: none; color: inherit; }
  a:hover { text-decoration: underline; }
  a * { text-decoration: none; cursor: pointer; }

.left { float: left; }
.right { float: right; }
.quebra { margin-right: 0 !important; }
.fav-star { display: block; overflow: hidden; text-indent: -9999px; outline: none; background: url(../../img/design/fav_bg.png) 0 0 no-repeat; width: 16px; height: 16px; }
.favon, .fav-star:hover { background-position: 0 -16px; }
.fav-star:hover { opacity: 0.6; }

#iebg { position: fixed; z-index: 1; top: 0; left: 0; }

#container_wrapper { margin: 0 auto; text-align: center; }
#container { padding: 112px 0 0 0; }
.inner { text-align: left; width: 850px; margin: 0 auto; }

.bb { -moz-box-shadow: 2px 2px #fff; -webkit-box-shadow: 2px 2px #fff; box-shadow: 2px 2px #fff; }
.browserIE6 .bb, .browserIE7 .bb, .browserIE8 .bb { border-right: solid 2px #fff; border-bottom: solid 2px #fff; }

#header { clear: both; height: 112px; position: fixed; top: 0; background: #00353D; width: 100%; z-index: 10; *left: 0; }
  #header #logo { float: left; }
/*
  #header #aol { float: right; margin: 24px 0 0 0; height: 24px; width: 139px; }
    #header #aol a { display: block; overflow: hidden; text-align: center; width: 139px; height: 24px; line-height: 24px; font-family: "MyriadProRegular", Arial, Helvetica, sans-serif; font-size: 18px; color: #fff; background: #025160; }
    #header #aol a:hover { text-decoration: none; color: #00343D; background: #c6c6c6; }
*/
  #header #aol { float: right; margin: 24px 0 0 0; height: 33px; width: 173px; }
  
  
  #header #menu { display: block; height: 29px; float: right; clear: right; margin: 20px 0 0 0; width: 620px; }
    #header #menu li { float: left; display: inline; height: 29px; margin: 0 0 0 4px; }
      #header #menu li a { display: inline-block; height: 29px; width: auto; line-height: 29px; padding: 0 13px; color: #FFF; float: left; font-family: "MyriadProRegular", Arial, Helvetica, sans-serif; font-size: 15px; }
      #header #menu li a:hover { text-decoration: none; color: #F00; background: #c6c6c6; color: #00353D; }

      #header #menu li ul { position: absolute; float: left; clear: both; z-index: 550; display: none; margin-top: 50px; *margin-top: 0; }
        #header #menu li ul li { clear: both; float: left; height: 30px; }
          #header #menu li ul li a { float: left; text-align: left; width: 260px; height: 30px; line-height: 30px; background: #9FC; }


#busca { clear: both; background: url(../../img/design/busca_bg.png) 0 0 no-repeat #00353D; height: 80px; margin: 0 0 22px 0; padding: 0 0 0 136px; }
  #busca .col { float: left; width: 100px; margin: 10px 8px 0 0; }
    #busca .col select { width: 100px; line-height: 15px; padding: 4px; font-size: 12px; font-weight: normal; color: #333; margin: 0 0 10px 0; }
  #busca .col1 { width: 139px; }
    #busca .col1 select { width: 139px; }
  #busca .col2 { width: 204px; }
    #busca .col2 select { width: 204px; }
  #busca #busca-codigo { font-size: 12px; color: #333; font-weight: normal; height: 15px; line-height: 15px; padding: 5px 5px; width: 88px; margin: 0 0 10px 0; }

  #busca #divbairros { float: left; width: 204px; height: 30px; overflow: visible; z-index: 100; }
    #busca #divbairros .bairros { width: 500px; border: solid 1px #CCC; box-shadow: 3px 3px 3px #888; -moz-box-shadow: 3px 3px 3px #888; background: #FFF; z-index: 4000; padding: 10px; position: absolute; height: 200px; overflow: auto; display: none; }
      #busca #divbairros .bairros p { font-size: 16px; padding: 2px 0 4px 0; margin-bottom: 6px; color: #999; border-bottom: solid 1px #EAEAEA; display: block; xoverflow: hidden; height: 17px; }
        #busca #divbairros .bairros p span { float: left; display: block; width: 450px; }
          #busca #divbairros .bairros p span a { font-weight: bold; color: #00343D; }
        #busca #divbairros .bairros p a.x { float: right; display: block; overflow: hidden; height: 20px; width: 20px; line-height: 20px; text-align: center; color: #FFF; background: #00343D; font-size: 12px; font-weight: bold; margin-top: -6px; }
        #busca #divbairros .bairros p a.x:hover { background: #060; text-decoration: none; }
      #busca #divbairros .bairros label { float: left; width: 160px; white-space: nowrap; overflow: hidden; line-height: 20px; height: 20px; display: block; cursor: pointer; }
      #busca #divbairros .bairros label.active { font-weight: bold; color: #00343D; }
      #busca #divbairros .bairros label:hover { color: #00343D; }




#mainContent { clear: both; padding: 0 0 70px 0; }
  #mainContent .inner { width: 822px; padding: 0 14px 5px 15px; }

  h1, h2 { display: block; overflow: hidden; font-family: "MyriadProSemibold", Arial, Helvetica, sans-serif; font-size: 18px; color: #fff; line-height: 20px; padding: 20px 0 24px 0; }
    h1 strong, h2 strong { font-weight: normal; font-size: 52px; line-height: 46px; font-family: "MyriadProCondensedItalic", Arial, Helvetica, sans-serif; }
  h2 { padding: 0; color: #00343D; margin: 0 0 10px 0; }
    h2 strong { font-weight: normal; font-size: 52px; line-height: 46px; font-family: "MyriadProCondensedItalic", Arial, Helvetica, sans-serif; }
  h3 { font-family: "MyriadProSemibold", Arial, Helvetica, sans-serif; font-size: 18px; color: #00343D; line-height: 20px; padding: 0 0 6px 0; }
    h3 a { display: none; }

h1.t1 { width:405px; height:80px; margin-top:20px; background: url(../../img/titulos/ImoveisComVista.png)top left no-repeat; text-indent:-999999px;  }
h1.t2 { width:405px; height:80px; margin-top:20px; padding-bottom:0px;  background: url(../../img/titulos/NossaEmpresa.png)top left no-repeat; text-indent:-999999px; }
h1.t3 { width:405px; height:80px; margin-top:20px; padding-bottom:0px;  background: url(../../img/titulos/RecebaMaisInformacoes.png)top left no-repeat; text-indent:-999999px; }
h1.t4 { width:405px; height:80px; margin-top:20px; padding-bottom:0px;  background: url(../../img/titulos/ImoveisVenda.png)top left no-repeat; text-indent:-999999px; }
h1.t5 { width:405px; height:80px; margin-top:20px; padding-bottom:0px;  background: url(../../img/titulos/ImoveisParaRevenda.png)top left no-repeat; text-indent:-999999px; }
h1.t6 { width:405px; height:80px; margin-top:20px; padding-bottom:0px;  background: url(../../img/titulos/ImoveisVenda.png)top left no-repeat; text-indent:-999999px; }

#home { padding: 0; overflow: visible; background: #6F0; position: static; }
  #home #busca { float: right; width: 0px; position: absolute; margin: 0; bottom: 100px; margin-left: 680px; }

.zeroimoveis { font-size: 14px; text-align: center; color: #777; padding: 120px 0 0 0; }

.imoveis { clear: both; overflow: visible; }
  .imoveis .imovel { clear: both; padding: 10px; background: #C6C7C9; height: 106px; margin: 0 0 15px 0; }
    .imoveis .imovel .foto { width: 135px; height: 106px; float: left; cursor: pointer; margin: 0 10px 0 0; }
      .imoveis .imovel .foto .base { width: 129px; height: 100px; border: solid 3px #00353D; }
        .imoveis .imovel .foto .base img { width: 129px; min-height: 100px; _height: 100px; }
      .imoveis .imovel .foto .mais { width: 27px; height: 22px; text-indent: -9999px; background: url(../../img/design/imoveis_foto_mais_bg.png) 0 0 no-repeat #00353D; margin: -25px 0 0 105px; position: relative; }
    .imoveis .imovel .foto:hover { }
      .imoveis .imovel .foto:hover .base { border-color: #025160; }
      .imoveis .imovel .foto:hover .mais { background-color: #025160; }
	.imoveis .imovel .info { display: block; overflow: hidden; float: left; width: 650px; height: 53px; }
	  .imoveis .imovel .info li { float: left; display: block; overflow: hidden; margin: 0 10px 0 0; font-size: 12px; color: #fff; line-height: 16px; font-weight: bold; }
       .imoveis .imovel .info li strong { color: #00343D; }
      .imoveis .imovel .info li.c1 { width: 150px; }
      .imoveis .imovel .info li.c2 { width: 118px; }
      .imoveis .imovel .info li.c3 { width: 115px; }
      .imoveis .imovel .info li.c4 { width: 110px; }
	.imoveis .imovel .desc { float: left; width: 520px; height: 30px; font-size: 12px; color: #00343D; line-height: 15px; }
	.imoveis .imovel .ver { float: left; display: block; overflow: hidden; width: 119px; height: 27px; text-indent: -9999px; background: url(../../img/design/btn_mais_informacoes.png) 0 0 no-repeat; margin: 24px 0 0 16px; }
	.imoveis .imovel .ver:hover { background-position: 0 bottom; }

.paginacao-bottom { padding: 10px 0 0 0; }
  .paginacao-bottom p { text-align: center; font-size: 12px; color: #00343D; display: block; overflow: hidden; line-height: 15px; }
  .paginacao-bottom p.label { padding: 0 0 12px 0; }
  .paginacao-bottom p.pager { font-size: 18px; line-height: 22px; }
    .paginacao-bottom p.pager a { color: #00343D; text-decoration: underline; }
    .paginacao-bottom p.pager a:hover { text-decoration: none; }
    .paginacao-bottom p.pager a.active { text-decoration: none; }


#detalhes-cinza { padding: 10px; background: #C6C7C9; margin: 0 0 18px 0; }
  #detalhes-cinza h2 { float: left; }

#detalhes { padding: 0 0 25px 0; }
  #detalhes #detalhes-foto { float: left; width: 306px; }
    #detalhes #detalhes-foto .base { width: 306px; }
      #detalhes #detalhes-foto .base img { width: 300px; border: solid 3px #00353D; }
  #detalhes #detalhes-info { float: right; width: 475px; }
    #detalhes #detalhes-info h2 { font-family: "MyriadProRegular", Arial, Helvetica, sans-serif; color: #00353D; padding: 0; margin: 0; line-height: 34px; font-size: 29px; float: none; }
    #detalhes #detalhes-info h3 { font-family: "MyriadProRegular", Arial, Helvetica, sans-serif; color: #00353D; padding: 0; margin: 0 0 12px 0; line-height: 18px; font-size: 15px; }
    #detalhes #detalhes-info p { display: block; overflow: hidden; font-size: 12px; line-height: 16px; color: #00353D; }
    #detalhes #detalhes-info p.infos { padding: 0 0 19px 0; }
    #detalhes #detalhes-info p.valor { padding: 0 0 19px 0; color: #00353D; font-size: 20px; line-height: 22px; font-family: "MyriadProRegular", Arial, Helvetica, sans-serif; }
    #detalhes #detalhes-info #detalhes-descricao { padding: 0; margin: 0 0 44px 0; }
      #detalhes #detalhes-info #detalhes-descricao h3 { display: none; }
  #detalhes .detalhes-links { margin: 12px 0 0 0; }

.detalhesbox { padding: 0 0 25px 0; }
.detalhesbox .checks { }
  .detalhesbox .checks li { display: block; float: left; width: 145px; height: 17px; line-height: 17px; white-space: nowrap; padding: 0 0 0 7px; color: #666; font-size: 12px; color: #00353D; background: url(../../img/design/bullet_p.png) 0 center no-repeat; }

.detalhes-fotos .slider { background: #fff; height: 90px; padding: 4px; }
  .detalhes-fotos .slider .btn { width: 20px; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-color: #CCC; text-indent: -9999px; display: block; overflow: hidden; }
  .detalhes-fotos .slider .btnLeft { background-image: url(../../img/design/imovel_fotos_left_bg.png); float: left; margin: 0 2px 0 0; }
  .detalhes-fotos .slider .btnRight { background-image: url(../../img/design/imovel_fotos_right_bg.png); float: right; }
  .detalhes-fotos .slider .fotos { float: left; }
  .detalhes-fotos .slider .fotos .foto { float: left; margin: 0 2px 0 0; }
    .detalhes-fotos .slider .fotos .foto a { margin: 0; overflow: hidden; float: left; }
    .detalhes-fotos .slider .fotos .foto a:hover { border: 3px solid #B92B2B; }
      .detalhes-fotos .slider .fotos .foto a:hover img { margin: -3px; }
      .detalhes-fotos .slider .fotos .foto a img { }

.detalhes-fotos { margin: 8px 0 0 0; background: #fff; padding: 4px 0 4px 4px; }
  .detalhes-fotos h3 { font-size: 12px; line-height: 15px; color: #00343D; font-family: "MyriadProRegular", Arial, Helvetica, sans-serif; margin: 0 0 5px 0; }
  .detalhes-fotos .normal { }
    .detalhes-fotos .normal .foto { float: left; margin: 0 2px 2px 0; width: 58px; height: 44px; }
      .detalhes-fotos .normal .foto a { margin: 0; overflow: hidden; float: left; }
      .detalhes-fotos .normal .foto a:hover { border: 3px solid #00343D; }
        .detalhes-fotos .normal .foto a img { width: 58px; height: 44px; }
        .detalhes-fotos .normal .foto a:hover img { margin: -3px; }


#detalhes-form { margin: 0 0 22px 0; background: #00353D; padding: 10px 13px 13px 13px; }
  #detalhes-form h2 { color: #fff; }
  #detalhes-form p { margin-bottom: 15px; }
  #detalhes-form fieldset { float: left; display: block; margin: 0 12px 0 0; width: 190px; }
    #detalhes-form fieldset .text { padding: 1px; height: 18px; margin: 0 0 3px 0; padding: 2px 4px; border: solid 1px #333; border-bottom-color: #ccc; border-right-color: #ccc; width: 180px; }
    #detalhes-form fieldset select.text { height: 24px; width: 190px; }
    #detalhes-form fieldset label { display: block; font-weight: bold; line-height: 17px; color: #fff; }
    #detalhes-form fieldset.big { margin: 0; width: 390px; }
    #detalhes-form fieldset.last { clear: both; width: auto; float: none; margin: 0; }
      #detalhes-form fieldset.big textarea.text { height: 107px; width: 380px; resize: none; }
      #detalhes-form fieldset.last .submit { float: right; margin: 10px 0 0 0; }
	  #detalhes-form fieldset.last .captcha-wrapper { float: left; padding-top: 7px; }
	    #detalhes-form fieldset.last .captcha-wrapper label { float: left; line-height: 28px; padding-right: 10px; }
		#detalhes-form fieldset.last .captcha-wrapper input { float: left; width: 50px !important; padding: 4px; }
		#detalhes-form fieldset.last .captcha-wrapper img { float: left; height: 25px; margin: 0 0 0 10px; border: solid 1px #fff; background: #fff; }
      #detalhes-form fieldset.last .newsletter-check { float: left; font-weight: normal; font-size: 12px; line-height: 20px; padding-top: 12px; }


#detalhes-localizacao { margin: 0; padding: 0; }
  #detalhes-localizacao #map { height: 270px; }
   #map div, .gmap div { overflow: visible; height: auto; }
  .detalhes-map-base { }
  #gmap-nearby { border: solid 1px #EAEAEA; border-top: none; padding: 5px; background: #FFF; }
    #gmap-nearby .tit { font-size: 15px; font-weight: bold; color: #AAA; height: 20px; line-height: 20px; padding-bottom: 6px; }
    #gmap-nearby ul { display: block; clear: both; }
      #gmap-nearby ul li { float: left; width: 24%; display: block; overflow: hidden; height: 20px; line-height: 20px; }
        #gmap-nearby ul li a { float: left; display: block; overflow: hidden; height: 20px; line-height: 20px; padding: 0 0 0 22px; background: url(../../img/design/checkbox_bg.png) 0 2px no-repeat; font-size: 12px; color: #666; }
        #gmap-nearby ul li a:hover, #gmap-nearby ul li a.active { color: #900; text-decoration: none; }
		#gmap-nearby ul li a.active { font-weight: bold; background-position: 0 -25px; }

.formulario { padding: 0 0 15px 0; background: #00353D; padding: 10px; }
  .formulario form { }
	.formulario form .intro { padding: 0 0 20px 0; color: #fff; }
	.formulario form fieldset { }
	  .formulario form fieldset .base { clear: both; }
	  .formulario form fieldset .linha { float: left; width: 240px; margin: 0 10px 10px 0; }
	  .formulario form fieldset .grande { clear: both; margin-right: 0; }
		.formulario form fieldset .linha label { line-height: 17px; display: block; font-size: 11px; font-weight: bold; color: #fff; padding: 0 0 5px 0; }
		.formulario form fieldset .linha .text { border: solid 1px #333; border-bottom-color: #ccc; border-right-color: #ccc; height: 17px; line-height: 17px; padding: 3px 1px; font-size: 13px; color: #333; width: 236px; display: inline-block; font-family: Arial, Helvetica, sans-serif; }
		.formulario form fieldset .linhabig .text { width: 746px; }
		.formulario form fieldset .linha .ddd { width: 26px; margin-right: 7px; }
		.formulario form fieldset .linha .telefone { width: 196px; }
		.formulario form fieldset .linha textarea.text { height: 120px; width: 746px; }
		.formulario form fieldset .linha select.text { height: 25px; font-size: 12px; padding: 3px 1px; }
		.formulario form fieldset .linha .submit { float: right; margin: 2px 0 0 0; }
		.formulario form fieldset .linha .submit-pesquisa { float: none; margin-top: 15px; }
		.formulario form fieldset .linha .checks { clear: both; }
  		  .formulario form fieldset .linha .checks label { display: block; float: left; height: 15px; line-height: 15px; font-weight: normal; width: 33.3%; overflow: hidden; white-space: nowrap; padding: 0 0 1px 0; }
		.formulario form fieldset .linha .captcha-wrapper { float: left; }
		  .formulario form fieldset .linha .captcha-wrapper label { float: left; line-height: 25px; padding-right: 10px; }
		  .formulario form fieldset .linha .captcha-wrapper input { float: left; width: 50px !important; }
		  .formulario form fieldset .linha .captcha-wrapper img { float: left; height: 25px; margin: 0 0 0 10px; border: solid 1px #fff; background: #fff; }
		.formulario form fieldset .linha .newsletter-check { float: left; font-weight: normal; font-size: 12px; line-height: 20px; padding-top: 12px; }

.onde-estamos { margin-top: 15px !important; background: #C6C7C9; padding: 10px; color: #00353D; }
  .onde-estamos .addr { padding: 0 0 15px 0; }
    .onde-estamos .addr p { float: left; margin: 0 30px 0 0; font-size: 11px; }
      .onde-estamos .addr p a { color: #00353D; }
  .onde-estamos .gmap { height: 220px; }
  .onde-estamos .ampliar { margin: 8px 0 0 0; font-size: 11px; }
    .onde-estamos .ampliar a { font-weight: bold; color: #00353D; }


.pagina-conteudo { padding-top: 12px; background: #00353D; padding: 10px; color: #fff; }
  .pagina-conteudo p { font-size: 11px; line-height: 17px; padding: 0 20px 17px 0; }
  .pagina-conteudo a { color: inherit; font-weight: bold; }


#comparacao { border-collapse: collapse; padding: 0; margin: 0; width: auto; }
  #comparacao td { border-right: solid 1px #EAEAEA; width: 160px; padding: 0 5px 0 3px; overflow: hidden; font-size: 11px; color: #666; line-height: 120%; font-family: Arial, Helvetica, sans-serif; vertical-align: text-bottom; }
    #comparacao td strong { color: #333; }
  #comparacao tr.foto td { height: 120px; }
    #comparacao tr.foto td .fav { position: absolute; margin: 6px 0 0 6px; }
    #comparacao tr.foto td .base { width: 160px; height: 120px; }
    #comparacao tr.foto td img { width: 160px; height: 120px; }
  #comparacao tr.nome td { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #003E5A; font-weight: bold; line-height: 16px; padding: 4px 5px; font-size: 12px; }
  #comparacao tr.preco td { border-bottom: solid 1px #EAEAEA; padding-bottom: 6px; }
    #comparacao tr.preco td strong { font-size: 12px; font-weight: bold; color: #F28500; line-height: 17px; }
  #comparacao tr.info td { padding: 6px 5px; }
  #comparacao tr.caract td { padding: 8px 5px 10px 5px; border-top: solid 1px #EAEAEA; }
    #comparacao tr.caract td span { padding-bottom: 4px; display: inline-block; }
  #comparacao tr.links td { padding: 12px 5px 0 5px; border-top: solid 1px #EAEAEA; }
    #comparacao tr.links td a { display: block; overflow: hidden; outline: none; height: 20px; line-height: 20px; font-size: 12px; font-weight: bold; color: #036; }
    #comparacao tr.links td a.mais { }
    #comparacao tr.links td a.remover { color: #900; }



#imoveis-lateral { border-bottom: solid 1px #E3E7EB; margin-bottom: 20px; width: 800px;}
  #imoveis-lateral .imovel { border: solid 1px #E3E7EB; border-bottom: none; padding: 9px 7px; height: 47px; cursor: pointer; background: #FFF; }
  #imoveis-lateral .odd { background: #f7f8f9;  }
  #imoveis-lateral .imovel:hover { background: #FFC;  }
    #imoveis-lateral .imovel .mais { display: block; overflow: hidden; float: left; height: 47px; width: 62px; }
      #imoveis-lateral .imovel .mais img { min-height: 47px; width: 62px; }
    #imoveis-lateral .imovel p { display: block; overflow: hidden; float: left; width: 152px; line-height: 15px; font-size: 12px; color: #666; font-weight: bold; margin: 0 0 0 6px; white-space: nowrap; }
      #imoveis-lateral .imovel p small { font-size: 11px; color: #333; font-weight: normal; }
      #imoveis-lateral .imovel p .preco { color: #B5231C; }

#simuladores { margin-bottom: 20px; }
  #simuladores li { float: left; display: block; width: 50px; height: 42px; display: block; overflow: hidden; margin: 0 2px 2px 0; }
    #simuladores li img { width: 50px; height: 42px; }

#twitter { margin-bottom: 20px; }
  #twitter #tweets { }
    #twitter #tweets li { display: block; font-size: 11px; line-height: 14px; padding-bottom: 14px; }
      #twitter #tweets li .before { font-weight: bold; }
      #twitter #tweets li a { color: #666; }

.lateral-links { margin-bottom: 20px; }
  .lateral-links .link { padding-bottom: 8px; }



#footer { clear: both; text-align: center; height: 29px; position: fixed; background: #00353D; bottom: 0; width: 100%; z-index: 10; *left: 0; }
  #footer p { color: #fff; font-family: "MyriadProSemibold", "Lucida Grande", sans-serif; font-size: 14px; line-height: 29px; text-align: center; }