@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 #274D76; margin: 0; padding: 0; text-align: center; color: #ccc; line-height: 120%; }
div { overflow: hidden; _height: 100%; }
ul { overflow: hidden; display: block; }

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

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

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

#header { height: 200px; padding: 0 0 1px 0; }
  #header #header1 { height: 140px; background: url(../../img/design/header_bg.png) 0 0 no-repeat; }
  #header #logo { height: 140px; float: left; width: 302px; }
    #header #logo a { display: block; overflow: hidden; text-indent: -9999px; height: 140px; width: 302px; }
  #header #topmenu { float: left; width: 250px; margin: 30px 0 0 15px; }
    #header #topmenu li { padding: 0 0 4px 0; }
      #header #topmenu li a { display: block; overflow: hidden; height: 21px; line-height: 21px; font-size: 11px; color: #CCC; padding: 0 0 0 25px; background: url(../../img/design/headet_topmenu_bg.png) 0 0 no-repeat; }
      #header #topmenu li a.twitter { background-position: 0 -23px; }
      #header #topmenu li a.cel { background-position: 0 -47px; }
  #header #aol { height: 140px; float: right; width: 352px; }
  #header #menu { display: block; height: 60px; background: url(../../img/design/header_menu_bg.png) 0 0 repeat-x; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
    #header #menu li { float: left; display: inline; height: 60px; padding: 0 2px 0 0; background: url(../../img/design/header_menu_linha_bg.png) right 0 no-repeat; }
    #header #menu li.quebra { padding-right: 0; background: none; }
      #header #menu li a { display: inline-block; height: 60px; width: auto; line-height: 60px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #FFF; font-size: 15px; text-align: center; }
        #header #menu li a.menu1 { width: 76px; }
        #header #menu li a.menu2 { width: 72px; }
        #header #menu li a.menu3 { width: 96px; }
        #header #menu li a.menu4 { width: 137px; }
        #header #menu li a.menu5 { width: 132px; }
        #header #menu li a.menu6 { width: 228px; }
        #header #menu li a.menu7 { width: 88px; }
        #header #menu li a.menu8 { width: 147px; }
      #header #menu li a:hover { text-decoration: none; background: url(../../img/design/header_menu_ovr_bg.png) 0 0 repeat-x; }

#busca { clear: both; background: url(../../img/design/busca_bg.png) 0 bottom no-repeat #EDF0F1; height: 78px; padding: 0; }
  #busca form { display: block; overflow: hidden; padding: 15px 0 0 148px; }
  #busca .campos { _display: inline; margin: 0 0 8px 0; width: 516px; float: left; }
    #busca .campos fieldset { float: left; width: 113px; }
      #busca .campos fieldset select { width: 105px; margin: 0 3px 4px 0; font-size: 11px; color: #333; vertical-align: middle; padding: 3px 0 3px 0; }
      #busca .campos fieldset select.g { width: 150px; }
      #busca .campos fieldset .divbairros { width: 150px; margin: 0 0 0 0; height: 26px; }
  #busca .direita { _display: inline; float: left; width: 286px; margin: 4px 0 0 12px; }
    #busca .direita label { display: block; overflow: hidden; height: 15px; line-height: 15px; font-size: 11px; color: #333; }
    #busca .direita .codigo { float: left; border: solid 2px #539FD0; font-weight: normal; color: #333; padding: 4px 5px; width: 126px; margin: 5px 0 0 0; font-size: 11px; }
    #busca .direita .submit { float: right; margin: 5px 0 0 0; }
    #busca .bairros { width: 210px; _width: 120px; height: 90px; padding: 3px; border: solid 1px #999; background: #FFF; overflow: auto; display: none; position: absolute; z-index: 1100; }
      #busca .bairros label { font-size: 11px; font-weight: normal; color: #333333; line-height: 11px; display: block; white-space: nowrap; }
      #busca .bairros p { color: #CCC; font-size: 9px; }
        #busca .bairros p a { color: #003A7B; }

#animacao { clear: both; background: #0F2133; height: 215px; padding: 7px 7px 0 7px; }
  #animacao .container { float: left; width: 973px; height: 214px; overflow: hidden; position: relative; }
    #animacao .container .slides { position: absolute; top: 0; left: 0; overflow: visible; }
      #animacao .container .slides .slide { position: absolute; width: 973px; height: 214px; top: 0; display: xnone; }
        #animacao .container .slides .slide .link { display: none; }
        #animacao .container .slides .slide .box { height: 175px; }
          #animacao .container .slides .slide .box .h { margin: 0 0 0 18px; background: url(../../img/design/animacao_label_bg.png) 0 0 repeat; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; padding: 7px; line-height: 110%; display: block; overflow: hidden; }
          #animacao .container .slides .slide .box h4 { font-size: 22px; width: 480px; color: #FFF; margin-bottom: 4px !important; margin-top: 42px !important; }
          #animacao .container .slides .slide .box h5 { font-size: 15px; width: auto; max-width: 700px; color: #FC0; display: inline; float: left; }
        #animacao .container .slides .slide .label { width: 973px; height: 40px; line-height: 40px; background: url(../../img/design/animacao_label_bg.png) 0 0 repeat; }
          #animacao .container .slides .slide .label ul { padding: 0 0 0 18px; }
            #animacao .container .slides .slide .label ul li { float: left; line-height: 40px; font-size: 16px; font-weight: bold; display: inline-block; padding: 0 22px 0 0; color: #FFF; }
              #animacao .container .slides .slide .label ul li big { font-size: 22px; }
  #animacao .base-pagination { position: absolute; margin: 185px 0 0 400px; z-index: 100; width: 573px; height: 25px; *margin-left: -573px; }
  #animacao .pagination { float: right; margin: 0 25px 0 0; _display: none; }
    #animacao .pagination li { display: block; overflow: hidden; width: 22px; height: 22px; float: left; padding: 0 6px 0 0; }
      #animacao .pagination li a { display: block; overflow: hidden; width: 22px; height: 22px; line-height: 22px; background: url(../../img/design/animacao_nav_bg.png) 0 0 no-repeat; text-align: center; font-size: 12px; color: #FFF; font-weight: bold; outline: none; }
      #animacao .pagination li a:hover { text-decoration: none; color: #A6D252; }
      #animacao .pagination li.active a { background-image: url(../../img/design/animacao_nav_active_bg.png); color: #FFF !important; }

#mainContent { clear: both; background: #0F2133; padding: 30px 9px 0 9px; min-height: 300px; }

#leftContent { clear: both; float: left; width: 730px; }
  h1, h2, h3 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #82B848; font-size: 19px; line-height: 23px; }
  h3 { color: #FFF; font-size: 16px; line-height: 20px; margin: 0 0 12px 0; }
 .hsplit { border-bottom: solid 1px #1B3450; margin: 0 0 13px 0; }
  .hsplit h1, .hsplit h2, .hsplit h3 { float: left; border-bottom: none !important; margin: 0 !important; padding: 0 0 4px 0; width: 600px; }
  .hsplit select { float: right; font-size: 11px; color: #666; font-weight: bold; padding: 2px; }
  .hsplit .voltar, .hsplit .subir { display: block; overflow: hidden; float: right; text-align: right; width: 100px; line-height: 14px; color: #999; font-size: 9px; font-weight: normal; padding: 11px 0 2px 0; text-transform: uppercase; font-family: Tahoma, Geneva, sans-serif; }
 
.imoveis { }
  .imoveis .imovel { float: left; width: 165px; height: 200px; padding: 5px; border: solid 1px #0F2133; margin: 0 6px 6px 0; }
  .imoveis .active { border-color: #265377; background: #152E46; }
    .imoveis .imovel .foto { width: 165px; height: 128px; }
      .imoveis .imovel .foto img { width: 165px; height: 128px; }
      .imoveis .imovel .foto .label { height: 24px; margin: -24px 0 0 0; position: relative; background: url(../../img/design/imoveis_label_bg.png) 0 0 repeat; padding: 0 5px; }
        .imoveis .imovel .foto .label span { display: block; height: 24px; font-size: 11px; color: #FFF; line-height: 24px; width: 130px; float: left; }
        .imoveis .imovel .foto .label a { display: block; overflow: hidden; text-indent: -9999px; outline: none; height: 20px; width: 20px; background: url(../../img/design/imoveis_fav_bg.png) 0 0 no-repeat; float: right; margin: 2px 0 0 0; }
        .imoveis .imovel .foto .label a:hover { opacity: 0.8; }
    .imoveis .imovel .desc { height: 68px; }
      .imoveis .imovel .desc p { font-size: 12px; line-height: 15px; color: #4691B2; }
      .imoveis .imovel .desc p.tit { color: #FFF; font-size: 14px; line-height: 17px; padding: 2px 0 2px 0; }
      .imoveis .imovel .desc p.preco { color: #789E33; }
 
#tabs { margin: 0 0 20px 0; }
  #tabs .tabs { padding: 0 0 0 1px; background: url(../../img/design/tabs_tab_linha_bg.png) 0 0 no-repeat; }
    #tabs .tabs li { display: inline; float: left; padding: 0 2px 0 0; background: url(../../img/design/tabs_tab_linha_bg.png) right 0 no-repeat; }
      #tabs .tabs li a { display: inline-block; height: 38px; line-height: 38px; padding: 5px 17px 0 17px; font-weight: bold; color: #003A7B; background: url(../../img/design/tabs_tab_bg.png) 0 0 repeat-x; border-bottom: solid 1px #274E77; outline: none; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-family: 16px; color: #fff; }
        #tabs .tabs li a span { display: inline-block; padding: 0 10px 0 0; background: url(../../img/design/tabs_tab_right_bg.png) right 0 no-repeat; }
      #tabs .tabs li.ui-state-active  a{ border-bottom: solid 1px #0F2133 !important; background-image: url(../../img/design/tabs_tab_ovr_bg.png); color: #81B847; }
  #tabs .imoveis { width: 710px; height: 196px; border: solid 1px #274E77; background: #0F2234; padding: 10px 0 5px 10px; margin: -1px 0 0 0; }
    #tabs .imoveis .imovel { margin: 0; padding: 4px; }
  #tabs .ui-tabs-hide { display: none; }

.paginacao { padding: 8px 0 16px 0; }
.paginacao-bottom { margin: 4px 0 4px 0; }
  .paginacao p { text-align: center; color: #999; font-size: 12px; }
    .paginacao p strong { color: #789E34; }
    .paginacao p a { color: #789E34; font-weight: normal; padding: 0 3px; }
    .paginacao p a.active { font-weight: bold; color: #FFF; background: #1B3450; }
  .paginacao select { float: right; height: 20px; font-size: 11px; font-weight: bold; color: #666; margin: 0 0; }

#imperdiveis { }
  #imperdiveis li { width: 175px; height: 53px; float: left; margin: 0 5px 7px 0; }
    #imperdiveis li a { display: block; line-height: 110%; clear: both; overflow: hidden; width: 175px; height: 53px; }
    #imperdiveis li a:hover { text-decoration: none; background: #152E46; }
      #imperdiveis li a img { width: 71px; height: 53px; float: left; }
      #imperdiveis li a span { width: 99px; height: 53px; float: right; clear: right; line-height: 13px; font-size: 11px; color: #4691B2; }
        #imperdiveis li a span strong { color: #82B848; }

  .formulario { padding: 0 0 15px 0; }
    .formulario p.intro { margin: 0 8px 20px 0; font-size: 11px; color: #fff; }
      .formulario p.intro .aol { font-weight: bold; color: #82B848; }
    .formulario form { }
      .formulario form fieldset { }
        .formulario form fieldset .linha { float: left; width: 210px; margin: 0 15px 5px 0; }
        .formulario form fieldset .linhabig { width: 660px; clear: both; }
          .formulario form fieldset .linha label { line-height: 17px; display: block; font-size: 11px; font-weight: bold; color: #fff; }
          .formulario form fieldset .linha input, .formulario form fieldset .linha select, .formulario form fieldset .linha textarea {}
          .formulario form fieldset .linha .text { border: solid 1px #acacac; border-top-color: #e7e7e7; border-left-color: #e7e7e7; height: 17px; padding: 1px; font-size: 13px; color: #333; width: 206px; }
          .formulario form fieldset .linha textarea.text { height: 160px; width: 654px; }
          .formulario form fieldset .linha select.text { height: 21px; }
          .formulario form fieldset .linha select#estado { width: 206px; }
          .formulario form fieldset .linha .submit { float: right; margin: 2px 5px 0 0; }


#detalhes { clear: both; padding: 2px 0 10px 0; }
  #detalhes .ifoto { float: left; width: 286px; }
    #detalhes .ifoto img { width: 286px; }
    #detalhes .ifoto .label { width: 286px; height: 44px; margin: 2px 0 0 0; }
      #detalhes .ifoto .label span { display: block; overflow: hidden; float: left; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #FFF; width: 132px; height: 44px; line-height: 44px; font-size: 16px; font-weight: bold; padding: 0 0 0 8px; }
      #detalhes .ifoto .label ul { height: 30px; margin: 4px 0 0 0; }
        #detalhes .ifoto .label ul li { float: left; width: 30px; height: 30px; margin: 0 8px 0 0; }
          #detalhes .ifoto .label ul li a { display: block; overflow: hidden; text-indent: -9999px; outline: none; width: 30px; height: 30px; background: url(../../img/design/imovel_label_icones_bg.png) 0 0 no-repeat; }
          #detalhes .ifoto .label ul li a:hover { opacity: 0.8; }
            #detalhes .ifoto .label ul li a.video { background-position: 0 0; }
            #detalhes .ifoto .label ul li a.email { background-position: -38px 0; }
  #detalhes .info { float: right; width: 370px; }
    #detalhes .info h2 { color: #407DAA; font-size: 16px; font-weight: bold; line-height: 18px; margin: 0; padding: 0; border: 0; }
    #detalhes .info h3 { color: #264D77; font-size: 16px; font-weight: bold; line-height: 18px; margin: 0 0 12px 0; border: 0; }
    #detalhes .info p { margin: 0 0 12px 0; }
    #detalhes .info table { with: 100%; border: none; border-collapse: collapse; margin: 0 0 20px 0; }
      #detalhes .info table td { padding: 1px 0; line-height: 120%; font-size: 12px; color: #CCC; }
      #detalhes .info table td.c1 { width: 100px; }
      #detalhes .info table td.c2 { font-weight: bold; }
        #detalhes .info table td.c2 strong { color: #82B848; }

#fotos { float: left; width: 57px; padding: 0 0 0 2px; }
  #fotos .wrapper { }
    #fotos .wrapper .btn { width: 57px; height: 18px; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-color: #FFF; }
    #fotos .wrapper .btnLeft { background-image: url(../../img/design/imovel_fotos_top_bg.png); }
    #fotos .wrapper .btnRight { background-image: url(../../img/design/imovel_fotos_bottom_bg.png); }
    #fotos .wrapper .scrollArea { height: 184px; width: 57px; }
      #fotos .wrapper .scrollArea .scrollable { position: relative; width: 57px; height: 184px; }
        #fotos .wrapper .scrollArea .scrollable .items { height: 20000em; position: absolute; }
          #fotos .wrapper .scrollArea .scrollable .items div { width: 57px; height: 45px; float: left; margin: 0 2px 0 0; }
            #fotos .wrapper .scrollArea .scrollable .items div a { margin: 0; overflow: hidden; float: left; }
            #fotos .wrapper .scrollArea .scrollable .items div a:hover { }
              #fotos .wrapper .scrollArea .scrollable .items div a:hover img { border-color: #3673A5; }
              #fotos .wrapper .scrollArea .scrollable .items div a img { width: 53px; height: 41px; border: solid 2px #1B3450; }

.detalhesbox { padding: 0 0 28px 0; color: #999; }
  .detalhesbox h3 { padding-bottom: 0; font-size: 16px; line-height: 20px; padding-bottom: 0; }
.detalhesbox .checks { }
  .detalhesbox .checks li { display: block; float: left; width: 125px; height: 17px; line-height: 17px; white-space: nowrap; padding: 0 0 0 14px; background: url(../../img/design/bullet_v.png) 0 5px no-repeat; }

#imovel-form { margin: 0 0 22px 0; }
  #imovel-form p { margin-bottom: 15px; }
  #imovel-form fieldset { float: left; display: block; width: 170px; margin: 0 12px 0 0; }
    #imovel-form fieldset .text { padding: 1px; width: 166px; height: 18px; margin: 0 0 3px 0; padding: 1px; border: solid 1px #acacac; border-bottom-color: #e7e7e7; border-right-color: #e7e7e7; }
    #imovel-form fieldset select.text { height: 22px; }
    #imovel-form fieldset label { display: block; font-weight: bold; line-height: 17px; color: #ccc; }
    #imovel-form fieldset.big { width: 713px; margin: 0; clear: both; }
      #imovel-form fieldset.big .text { width: 709px; height: 90px; }
      #imovel-form fieldset.big .submit { float: right; margin: 10px 0 0 0; }


#enviar-por-email { }
  #enviar-por-email form { }
    #enviar-por-email form label { display: block; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 17px; color: #ccc; }
    #enviar-por-email form .text { width: 280px; margin: 0 0 4px 0; border: solid 1px #666; font-size: 14px; padding: 2px; }
    #enviar-por-email form .submit { margin: 5px 0 0 0; }

.ui-widget-overlay { background: url(../../img/design/transparente.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 5px #3673A5; background: #0f2133; 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 { margin: 0 0 10px 0; line-height: 100%; padding-left: 0 !important; }



#rightContent { float: right; width: 227px; }
  #rightContent .box { margin: 0 0 15px 0; }
  #rightContent #twitter { }
    #rightContent #twitter h3 { display: block; overflow: hidden; text-indent: -9999px; width: 227px; height: 30px; margin: 0; background: url(../../img/design/right_twitter_bg.png) 0 0 no-repeat; }
    #rightContent #twitter p { font-size: 11px; color: #FFF; padding: 0 5px }
      #rightContent #twitter p a { color: #4691B2; font-weight: bold; }
    #rightContent #twitter .tweets { padding: 5px 5px 0 5px; color: #4691B2; }
      #rightContent #twitter .tweets li { padding: 0 0 10px 0; font-size: 11px; color: #4691B2; }
        #rightContent #twitter .tweets li .before { color: #FFF; }
        #rightContent #twitter .tweets li a { font-style: italic; color: #4691B2; }

  #rightContent #semelhantes { }
    #rightContent #semelhantes h3 { color: #82B848; margin: 0 0 7px 0; }
	#rightContent #semelhantes ul { border-top: solid 1px #265377; }
    #rightContent #semelhantes li { border: solid 1px #265377; border-top: none; clear: both; overflow: hidden; display: block; }
    #rightContent #semelhantes li.odd { background-color: #152E46; }
      #rightContent #semelhantes li a { display: block; padding: 10px 8px; line-height: 110%; overflow: hidden; cursor: pointer; }
      #rightContent #semelhantes li a:hover { text-decoration: none; background: #0A141F; }
        #rightContent #semelhantes li a img { width: 62px; height: 47px; float: left; }
        #rightContent #semelhantes li a span { width: 140px; float: right; clear: right; line-height: 16px; display: block; }
        #rightContent #semelhantes li a .nome { font-weight: bold; color: #3673A5; }
        #rightContent #semelhantes li a .info { color: #999; font-size: 11px; }
        #rightContent #semelhantes li a .preco { font-weight: bold; color: #82B848; }

  #rightContent #simuladores {  background: url(../../img/design/right_simuladores_bg.png) 0 0 no-repeat; padding: 67px 0 4px 11px; }
    #rightContent #simuladores h3 { display: none; }
    #rightContent #simuladores ul {  }
      #rightContent #simuladores ul li { float: left; display: block; width: 53px; height: 44px; }
        #rightContent #simuladores ul li a { display: block; overflow: hidden; background: url(../../img/design/right_simuladores_sq_bg.png) 0 0 no-repeat; width: 47px; height: 38px; }
        #rightContent #simuladores ul li a:hover { opacity: 0.8; }
          #rightContent #simuladores ul li a img { margin: 1px 0 0 1px; }



#footer { clear: both; text-align: center; background: url(../../img/design/footer_bg.png) 0 0 repeat-x #254B72; min-height: 240px; }
#footerContent { width: 990px; margin: 0 auto; text-align: left; background: url(../../img/design/footer_content_bg.png) 0 0 no-repeat; padding: 106px 0 0 0; font-size: 11px; color: #999; line-height: 13px; }
	#footer .addr { float: left; width: 197px; padding: 0 0 0 7px; }
	  #footer .addr a { color: #666; }
	#footer .box { float: left; width: 150px; padding: 0 0 10px 0; }
	#footer .duplo { width: 300px; }
	  #footer h5 { font-weight: bold; margin: 0 0 10px 0; color: #789E34; }
	  #footer .box ul { }
		#footer .box ul li { float: left; width: 125px; }
		  #footer .box ul li a { color: #999; }

#assinaturas { float: right; }
  #assinaturas ul { display: block; overflow: hidden; float: right; }
    #assinaturas ul li { display: block; float: right; clear: right; padding: 0 0 9px 0; }
      #assinaturas ul li a { display: block; overflow: hidden; float: right; height: 6px; text-indent: -9999px; background-position: 0 0; background-repeat: no-repeat; }
      #assinaturas ul li #fullbiz { background-image: url(../../img/design/footer_fullbiz.png); width: 35px; }
      #assinaturas ul li #vista { background-image: url(../../img/design/footer_vista.png); width: 56px; }

#tooltip { padding: 5px; color: #FFF; border: solid 1px #265377; position: absolute; background: url(../../img/design/transparente.png) 0 0 repeat; line-height: 110%; text-align: left; }
* html div#tooltip { _width: expression( document.body.clientWidth > 150 ? "150px" : "auto" ); }
  #tooltip h3 { font-size: 11px; margin: 0; padding: 0; font-weight: bold; color: #FFF; font-family: Arial, Helvetica, sans-serif; line-height: 110%; text-transform: none; }
  #tooltip div { }