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

body { font: 100% Arial, Helvetica, sans-serif; font-size: 12px; background: url(../../img/design/body_bg.png) 0 0 repeat-x #1D4621; margin: 0; padding: 0; text-align: center; color: #333; line-height: 120%; }
div { overflow: hidden; _height: 100%; }
ul { overflow: hidden; display: block; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

a.link { color:#063; font:Arial, Helvetica, sans-serif; font-size:12px; }

.left { float: left; }
.right { float: right; }
.quebra { margin-right: 0 !important; }

h1, h2 { font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 23px; display: block; overflow: hidden; background: #266C24; line-height: 41px; height: 41px; padding: 0 0 0 11px; margin: 0 0 2px 0; font-weight: bold; }
h1 span, h2 span { color: #60BB46; font-weight: normal; }
.headersplit { background: #266C24; }
  .headersplit h1, .headersplit h2 { width: 750px; float: left; }
  .headersplit select { float: right; margin: 11px 9px 0 0; *margin-top: 9px; border: solid 1px #999; border-bottom-color: #000; border-right-color: #000; color: #333; font-size: 12px; height: 20px; }

.text { border: solid 1px #999; border-bottom-color: #E6E6E6; border-right-color: #E6E6E6; padding: 1px; height: 20px; background: #FFF; }
select.text { height: 22px; }

  .forms .linha { padding: 0 0 5px 0;  }
  .forms .vtf { clear: left; border-top: solid 1px #E4E4E4; margin: 20px 0 0 0; }
  .forms label { display:block; font-weight:bold;}
  .forms .text { border: solid 1px #CCC; padding: 1px; font-size: 13px; color: #333; }
  .forms textarea.text { height: 100px; }
  .forms select.text { }
  .forms .submit { float: right; margin: 2px 5px 0 0; width:auto; height:auto }

#container { width: 960px; margin: 0 auto; text-align: left; }

#header { background: url(../../img/design/header_bg.png) 0 0 no-repeat; height: 212px; }
  #header #header1 { height: 152px; }
    #header #header1 #logo { display: block; height: 152px; width: 330px; float: left; text-indent: -9999px; outline: none; }
    #header #header1 #trilha { display: block; height: 29px; width: 71px; float: right; outline: none; }
  #header #menu { display: block; overflow: hidden; height: 42px; }
    #header #menu li { float: left; display: inline; height: 42px; }
      #header #menu li a { display: block; height: 42px; background: url(../../img/design/header_menu_bg.png) 0 0 no-repeat; width: 50px; line-height: 40px; text-indent: -9999px; }
        #header #menu li a.menu1 { width: 80px; background-position: 0 0; }
        #header #menu li a.menu2 { width: 106px; background-position: -80px 0; }
        #header #menu li a.menu3 { width: 94px; background-position: -186px 0; }
        #header #menu li a.menu4 { width: 145px; background-position: -280px 0; }
        #header #menu li a.menu5 { width: 112px; background-position: -425px 0; }
        #header #menu li a.menu6 { width: 176px; background-position: -537px 0; }
        #header #menu li a.menu7 { width: 108px; background-position: -713px 0; }
        #header #menu li a.menu8 { width: 139px; background-position: -821px 0; }
      #header #menu li a:hover { background-image: url(../../img/design/header_menu_ovr_bg.png); }

#busca { background: url(../../img/design/busca_bg.png) 0 0 no-repeat; height: 156px; }
  #busca h2 { margin: 4px 4px 0 4px; height: 35px; line-height: 35px; background: #1D4521; }
  #busca #buscaform { float: left; width: 720px; height: 84px; margin: 9px 0 0 11px; }
    #busca #buscaform fieldset { float: left; display: block; overflow: hidden; margin: 0 14px 0 0; }
      #busca #buscaform fieldset div { height: auto; }
    #busca #buscaform label { display: block; line-height: 13px; color: #FFF; font-weight: bold; margin: 0 0 2px 0; }
    #busca #buscaform .text { margin: 0 0 6px 0; }
    #busca #buscaform select.text { width: 98px; }
    #busca #buscaform .bairros { padding: 6px; width: 190px; height: 51px; overflow: auto; }
      #busca #buscaform .bairros label { color: #333; font-weight: normal; }
  #busca .codigo { border: solid 2px #303018; height: 16px; width: 92px; padding: 3px; margin: 13px 0 12px 0; }
  #busca #twitter { float: right; margin: 0 4px 0 0; display: block; overflow: hidden; text-indent: -9999px; width: 220px; height: 97px; }

#mainContent { background: #E1F1DC; padding: 2px; }

  #mainContent #animacao { height: 283px; width: 956px; margin: 0 0 2px 0; }
    #mainContent #animacao ul { height: 242px; }
    #mainContent #animacao .horinaja_pagination { height: 41px; width: 956px; background: #516A67; display: block; overflow: hidden; margin: 0; padding: 0; }
      #mainContent #animacao .horinaja_pagination li { float: left; display: inline; }
        #mainContent #animacao .horinaja_pagination li a { display: inline-block; cursor: pointer; height: 41px; line-height: 41px; margin: 0; padding: 0 14px; font-size: 13px; }
      #mainContent #animacao .horinaja_pagination li.active { }
        #mainContent #animacao .horinaja_pagination li.active a { color: #5FBA46; }

  #mainContent .imoveis { clear: both; margin: 13px 0 0 11px; }
    #mainContent .imoveis .imovel { display: block; float: left; width: 181px; height: 165px; background: #B0DBA2; margin: 0 7px 14px 0; }
      #mainContent .imoveis .imovel .foto { margin: 5px 0 0 5px; width: 170px; height: 125px; overflow:hidden}
        #mainContent .imoveis .imovel .foto a { display: block; width: 170px; height: 125px; overflow: hidden; position: relative; }
          #mainContent .imoveis .imovel .foto a img { width: 170px; position: relative; }
        #mainContent .imoveis .imovel .foto .label { height: 38px; background: url(../../img/design/imoveis_label_bg.png) 0 0 repeat; margin: -38px 0 0 0; position: relative; _background: #1D4521; }
          #mainContent .imoveis .imovel .foto .label p { color: #FFF; font-size: 11px; line-height: 17px; margin: 0 0 0 4px; }
          #mainContent .imoveis .imovel .foto .label p.preco { color: #FFD146; font-size: 13px; font-weight: bold; }
      #mainContent .imoveis .imovel .botoes { height: 20px; margin: 6px 0 0 5px; background: url(../../img/design/imoveis_botoes_bg.png) 0 0 no-repeat; }
        #mainContent .imoveis .imovel .botoes a { display: block; overflow: hidden; height: 20px; text-indent: -9999px; float: left; width: 26px; margin: 0 1px 0 0; }
        #mainContent .imoveis .imovel .botoes a.d { width: 88px; margin: 0px; }

  #mainContent #paginacao  { font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 18px; display: block; overflow: hidden; background: #266C24; line-height: 41px; height: 41px; padding: 0; margin: 0 0 2px 0; }
    #mainContent #paginacao p { text-align: center; }
    #mainContent #paginacao a { color: #FFF; padding: 0 5px; }
    #mainContent #paginacao a.active { color: #60BB46; }

  #mainContent #homelinks { padding: 0 0 2px 0; }
    #mainContent #homelinks ul { }
      #mainContent #homelinks ul li { display: inline-block; margin: 0 2px 0 0; float: left; height: 57px; }
        #mainContent #homelinks ul li a { display: inline-block; margin: 0; }

  #mainContent #homeconstrutoras {  }
    #mainContent #homeconstrutoras ul { }
      #mainContent #homeconstrutoras ul li { float: left; }
        #mainContent #homeconstrutoras ul li a { display: block; float:left; width:116px; height:60px; padding: 10px 0 0 0; margin: 0 2px 2px 0; border:solid 1px #9AD389; text-align:center; background:#FFF; overflow:hidden }
		#mainContent #homeconstrutoras ul li a.quebra { width:114px; }

    #mainContent #imovel-fotos { }
      #mainContent #imovel-fotos .wrapper { border: solid 1px #8FC97C; background: #BFE0B4; padding: 3px; width: 918px; margin: 15px auto; }
        #mainContent #imovel-fotos .wrapper .btn { width: 14px; height: 87px; cursor: pointer; background-position: 0 0; background-repeat: no-repeat; border: solid 1px #8FC97C; }
        #mainContent #imovel-fotos .wrapper .btnLeft { background-image: url(../../img/design/imovel_fotos_left.png); float: left; margin: 0 3px 0 0; }
        #mainContent #imovel-fotos .wrapper .btnRight { background-image: url(../../img/design/imovel_fotos_right.png); float: right; }
        #mainContent #imovel-fotos .wrapper .scrollArea { float: left; height: 89px; width: 880px; }
          #mainContent #imovel-fotos .wrapper .scrollArea .scrollable { position: relative; width: 880px; height: 89px; }
            #mainContent #imovel-fotos .wrapper .scrollArea .scrollable .items { width: 20000em; position: absolute; }
              #mainContent #imovel-fotos .wrapper .scrollArea .scrollable .items div { width: 120px; height: 89px; float: left; margin: 0 2px 0 0; }
                #mainContent #imovel-fotos .wrapper .scrollArea .scrollable .items div a { margin: 0; overflow: hidden; float: left; }
                #mainContent #imovel-fotos .wrapper .scrollArea .scrollable .items div a:hover { border: 3px solid #C8A400; }
                  #mainContent #imovel-fotos .wrapper .scrollArea .scrollable .items div a:hover img { margin: -3px; }
                  #mainContent #imovel-fotos .wrapper .scrollArea .scrollable .items div a img { width: 120px; height: 89px; }

    #mainContent #imovel-form { }
      #mainContent #imovel-form .wrapper { width: 924px; margin: 15px auto; }
      #mainContent #imovel-form fieldset { width: 170px; float: left; padding: 0 5px 0 0; }
        #mainContent #imovel-form fieldset label { display: block; font-weight: bold; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
        #mainContent #imovel-form fieldset .text { width: 166px; margin: 0 0 5px 0; font-size: 12px; color: #333333; padding: 1px; font-family: Arial, Helvetica, sans-serif; height: 18px; font-size: 13px; border-color: #000; border-bottom-color: #CCC; border-right-color: #CCC; }
        #mainContent #imovel-form fieldset select.text { height: 22px; }
        #mainContent #imovel-form fieldset.grande { width: 570px; padding: 0; }
          #mainContent #imovel-form fieldset.grande .text { width: 466px; height: 104px; float: left; *width: 445px; }
          #mainContent #imovel-form fieldset.grande .submit { float: right; margin: 80px 0 0 0; }

    #mainContent #detalhes { padding: 15px 15px 40px 15px; }
      #mainContent #detalhes .left { width: 292px; }
        #mainContent #detalhes .left .foto { width: 286px; border: solid 3px #1D4521; }
        #mainContent #detalhes .left .icones { }
          #mainContent #detalhes .left .icones li { float: left; padding: 1px 1px 0 0; }
            #mainContent #detalhes .left .icones li a { display: block; overflow: hidden; background: #1D4521; outline: none; height: 25px; width: 25px; }
              #mainContent #detalhes .left .icones li a img { }
            #mainContent #detalhes .left .icones li a:hover { background: #266C24; }
          #mainContent #detalhes .left .icones li.legenda { line-height: 25px; color: #1D4521; font-size: 11px; white-space: nowrap; padding: 0 0 0 10px; }
        #mainContent #detalhes .left .simuladores { padding: 25px 0 0 0; clear: left; }
          #mainContent #detalhes .left .simuladores h4 { font-size: 18px; color: #7F9B7E; line-height: 130%; margin: 0 0 5px 0; }
          #mainContent #detalhes .left .simuladores ul { }
            #mainContent #detalhes .left .simuladores ul li { float: left; display: inline; margin: 0 2px 0 0; }
      #mainContent #detalhes .right { width: 622px; }
        #mainContent #detalhes .right .left { width: 180px; color: #1D4521; }
          #mainContent #detalhes .right .left h3 { font-size: 20px; line-height: 24px; color: #1D4520; font-weight: bold; margin: 0 0 10px 0; }
            #mainContent #detalhes .right .left h3 span { color: #5FBA46; }
            #mainContent #detalhes .right .left h3 small { font-size: 12px; }
          #mainContent #detalhes .right .left p { line-height: 120%; margin: 0 0 15px 0; }
		  #mainContent #detalhes .right .left ul { display: block; overflow: hidden; margin: 0 0 15px 0; }
		    #mainContent #detalhes .right .left ul li { display: block; overflow: hidden; clear: both; height: 16px; width: 200px; }
			  #mainContent #detalhes .right .left ul li span { display: block; overflow: hidden; line-height: 16px; height: 16px; }
			  #mainContent #detalhes .right .left ul li span.left { width: 77px; }
			  #mainContent #detalhes .right .left ul li span.right { width: 100px; color: #C8A400; font-weight: bold; }
        #mainContent #detalhes .right .right { width: 415px; color: #266C24; }
          #mainContent #detalhes .right .right h4 { font-size: 18px; line-height: 24px; color: #1D4520; font-weight: bold; margin: 0 0 10px 0; }
          #mainContent #detalhes .right .right ul { display: block; overflow: hidden; margin: 0 0 15px 0; }
            #mainContent #detalhes .right .right ul li { display: block; overflow: hidden; float: left; line-height: 16px; height: 16px; white-space: nowrap; width: 122px; padding: 0 0 0 13px; background: url(../../img/design/bullet_v.png) 0 4px no-repeat; }
        #mainContent #detalhes .right p.desc { color: #1D4520; }

  #mainContent #imoveis-visitados { padding: 15px; }
    #mainContent #imoveis-visitados .imovel { width: 182px; float: left; margin: 0 1px 0 0; }
      #mainContent #imoveis-visitados .imovel .left { width: 71px; height: 53px }
        #mainContent #imoveis-visitados .imovel .left img { width: 71px; height: 53px }
      #mainContent #imoveis-visitados .imovel .right { width: 104px; }
        #mainContent #imoveis-visitados .imovel .right p { font-size: 11px; line-height: 13px; color: #274A33; }

.ui-widget-overlay { background: url(../../img/design/dialog_modal_bg.png) 0 0 repeat !important; position: absolute; top: 0; left: 0; _background: url(../../img/design/dialog_modal_ie6_bg.gif) 0 0 repeat; }
.ui-dialog { border: solid 4px #60BB46; background: #266C24; text-align: left; width: xauto !important; }
  .ui-dialog .ui-dialog-titlebar { height: 20px; cursor: move; }
    .ui-dialog #ui-dialog-title-localizacao { display: none; }
    .ui-dialog .ui-dialog-titlebar .ui-icon-closethick { float: right; display: block; overflow: hidden; text-indent: -9999px; background: url(../../img/design/dialog_fechar.png) 0 0 no-repeat; width: 20px; height: 20px; margin: 0; }
  .ui-dialog .ui-dialog-content { padding: 0 17px 17px 17px; }
    .ui-dialog .ui-dialog-content h2 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 18px; margin: 0 0 3px 0; line-height: 100%; padding-left: 0 !important; }

#localizacao { }
  #localizacao #map { width: 900px; height: 500px; background-color: #333333; }
    #map * { overflow: visible !important; }

#newsletter { }
  #newsletter form { }
    #newsletter form label { display: block; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 17px; color: #FFF; }
    #newsletter form .text { width: 280px; margin: 0 0 4px 0; border: solid 1px #266C24; font-size: 14px; }
    #newsletter form .submit { margin: 5px 0 0 0; }


  #mainContent #empresa { margin: 0 8px 30px 8px;  }
  #mainContent #empresa h3 { font-size:22px; font-family:Arial, Helvetica, sans-serif; color:#093; line-height:120% }
  
  #mainContent #contato { padding: 6px 0 0 0;  }
  
  #mainContent #contato h3 { font-family: Arial, Helvetica, sans-serif; color: #090; font-size: 15px; display: block; font-weight: bold; margin: 0 0 10px 0 }
    #mainContent #contato p.intro { margin: 0 8px 30px 8px; }
    #mainContent #contato form { }
      #mainContent #contato form fieldset { width: 500px; margin: 0 auto; }
        #mainContent #contato form fieldset .linha { padding: 0 0 5px 0; width: 500px; border: none; }
          #mainContent #contato form fieldset .linha label { width: 140px; float: left; line-height: 21px; }
          #mainContent #contato form fieldset .linha input, #mainContent #contato form fieldset .linha select, #mainContent #contato form fieldset .linha textarea { float: left; }
          #mainContent #contato form fieldset .linha .text { border: solid 1px #CCC; height: 17px; padding: 1px; font-size: 13px; color: #333; width: 350px; }
          #mainContent #contato form fieldset .linha textarea.text { height: 100px; }
          #mainContent #contato form fieldset .linha select.text { height: 21px; }
          #mainContent #contato form fieldset .linha select#estado { width: 55px; }
          #mainContent #contato form fieldset .linha .submit { float: right; margin: 2px 5px 0 0; }
    #mainContent #contato .endereco { padding: 20px 0; }
      #mainContent #contato .endereco h3 { margin: 0 0 30px 0; }
      #mainContent #contato .endereco .left { width: 200px; }
        #mainContent #contato .endereco .left p { line-height: 150%; font-size: 12px; padding: 8px; }
      #mainContent #contato .endereco #map { float: right; width: 560px; height: 190px; clear: none; margin: 8px 8px 0 0; }


#footer { padding: 0 0 20px 0; }
  #footer .addr { float: left; width: 307px; background: url(../../img/design/footer_logo.png) 0 0 no-repeat; padding: 65px 0 0 0; }
    #footer .addr p { font-size: 11px; color: #FFF; line-height: 120%; padding: 0 0 0 4px; }
      #footer .addr p a { color: #9AD389; }
  #footer ul { float: left; width: 154px; display: block; overflow: hidden; margin: 22px 0 0 0; }
    #footer ul li { display: block; }
      #footer ul li a { color: #9AD389; font-size: 11px; line-height: 130%; }
  #footer .sign { float: right; width: 100px; padding: 7px 0 0 0; }
    #footer .sign a { float: right; display: block; overflow: hidden; height: 16px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; }
    #footer .sign a.fullbiz { background-image: url(../../img/design/footer_fullbiz.png); width: 50px; }
    #footer .sign a.vista { background-image: url(../../img/design/footer_vista.png); width: 70px; }