@import "fbz.reset.css";
@import "horinaja.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 #D9E0E3; 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; }

h1, h2, h3 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height: 25px; font-size: 22px; margin: 0 0 10px 0; color: #D8251A; }
h3 { font-size: 17px; line-height: 21px; margin: 0 0 2px 0; }
  h1 span, h2 span, h3 span { color: #2E348B; }
.hsplit { border-bottom: solid 1px #B4C2C8; margin: 0 0 13px 0; }
  .hsplit h1, .hsplit h2, .hsplit h3 { float: left; border-bottom: none !important; margin: 0 !important; padding: 0 0 3px 0; width: 700px; }
  .hsplit select { float: right; }
  .hsplit .voltar, .hsplit .subir { display: block; overflow: hidden; float: right; text-align: right; width: 180px; line-height: 14px; color: #666; font-size: 11px; font-weight: normal; padding: 11px 0 0 0; font-weight: bold; }

.left { float: left; }
.right { float: right; }
.quebra { margin-right: 0 !important; }

#container { width: 940px; margin: 0 auto; text-align: left; }

#header { height: 181px; border-bottom: solid 1px #bfcbd0; }
  #header #logo { float: left; width: 240px; }
  #header #headerRight { float: right; width: 690px; height: 181px; background: url(../../img/design/header_aol_bg.png) right 0 no-repeat; }
    #header #headerRight #header1 { height: 120px; }
      #header #headerRight #header1 #frase { float: left; line-height: 25px; font-size: 22px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #6D8692; padding: 35px 0 0 5px; }
        #header #headerRight #header1 #frase strong { color: #666; }
      #header #headerRight #header1 #aol { float: right; padding: 18px 115px 0 0; }
        #header #headerRight #header1 #aol p { height: 48px; display: block; line-height: 15px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #79919B; text-align: right; }
        #header #headerRight #header1 #aol a.acessar { display: block; overflow: hidden; text-indent: -9999px; width: 77px; height: 20px; float: right; background: url(../../img/design/btn_acessar.png) 0 0 no-repeat; margin: 2px 0 0 0; }
		#header #headerRight #header1 #aol a.email { display: block; overflow: hidden; text-indent: -9999px; width: 77px; height: 20px; float: right; background: url(../../img/design/btn_email.png) 0 0 no-repeat; margin: 2px 0 0 0; }
  #header #menu { display: block; height: 61px; float: right; clear: both; }
    #header #menu li { float: left; display: inline; height: 61px; padding: 0 1px 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.noline { background: none; }
      #header #menu li a { display: inline-block; height: 54px; width: auto; line-height: 54px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 16px; color: #666; background: url(../../img/design/header_menu_bg.png) 0 0 repeat-x #dbe2e5; border-top: solid 2px #EA1D22; margin: 5px 0 0 0; padding: 0 9px; }
      #header #menu li a:hover { text-decoration: none; color: #B81704; margin-top: 0; padding-top: 5px; border-left: solid 1px #bfcbd0; border-right: solid 1px #bfcbd0; padding-left: 8px; padding-right: 8px; }

#animacao-busca { clear: both; height: 225px; }

#busca { height: 225px; width: 322px; float: left; background: url(../../img/design/busca_bg.png) right 0 repeat-y; }
  #busca h2 { margin-top: 15px; }
  #busca form { display: block; overflow: hidden; }
    #busca form div { _height: auto; }
    #busca form label { display: block; font-weight: bold; font-size: 11px; color: #333; line-height: 13px; margin: 0 0 2px 0; }
    #busca form select { font-size: 11px; color: #333; padding: 4px 3px; margin: 0 0 3px 0; }
    #busca form .left { width: 130px; }
      #busca form .left select { width: 130px; }
    #busca form .right { width: 148px; margin: 0 39px 0 0; }
      #busca form .right .bairros { border: solid 1px #ccc; background: #FFF; padding: 5px; height: 52px; overflow: auto; }
        #busca form .right .bairros label { font-weight: normal; }
    #busca form .bottom { clear: both; width: 320px; padding: 0 0 4px 0; }
      #busca form .bottom fieldset { float: left; padding: 0 6px 0 0; }
        #busca form .bottom fieldset select { width: 55px; }
        #busca form .bottom fieldset select.g { width: 77px; }
      #busca form .bottom .codigo { float: left; border: solid 2px #DA251C; font-size: 11px; color: #333; padding: 6px; width: 134px; font-weight: bold; }
      #busca form .bottom .submit { float: right; margin: 0 39px 0 0; }

#animacao { height: 224px; width: 618px; float: right; }
  #animacao ul { position: relative; display: block; overflow: hidden; height: 224px; width: 618px; }
    #animacao ul li { background-position: 0 0; background-repeat: no-repeat; background-color: #63A7D2; width: 618px; height: 224px; position: relative; }
      #animacao ul li img { width: 618px; height: 224px; position: relative; }
  #animacao .horinaja_pagination { margin: -41px 0 0 0; padding: 0; background: url(../../img/design/animacao_menu_bg.png) 0 bottom repeat; height: 41px; z-index: 2000; position: relative; }
    #animacao .horinaja_pagination li { padding: 0 0 0 0; line-height: 41px; height: 41px; display: inline-block; float: left; }
      #animacao .horinaja_pagination li a { display: inline-block; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px; padding: 0; line-height: 41px; color: #FFF; font-weight: normal; float: left; width: auto; padding: 0 10px; cursor: pointer; }
    #animacao .horinaja_pagination li.active a { color: #E91C23;  }

#mainContent { clear: both; padding: 22px 0 10px 0; }
  #mainContent h1 { color: #B81704; }

.imoveis { padding: 0 0 5px 4px; }
  .imoveis .imovel { background: url(../../img/design/imoveis_bg.png) 0 0 repeat-x; width: 170px; height: 210px; float: left; margin: 0 20px 21px 0; }
  .imoveis .ovr { background-image: url(../../img/design/imoveis_ovr_bg.png); cursor: pointer; }
    .imoveis .imovel .foto { width: 160px; height: 120px; margin: 5px 5px 0 5px; }
	  .imoveis .imovel .foto img { width: 160px; }
      .imoveis .imovel .foto a { display: block; overflow: hidden; width: 160px; height: 120px; }
      .imoveis .imovel .foto .label { width: 160px; height: 35px; margin: -35px 0 0 0; background: url(../../img/design/imoveis_label_bg.png) 0 0 no-repeat; position: relative; color: #FFF; font-size: 11px; padding: 2px 0 0 0; }
          .imoveis .imovel .foto .label span { display: block; line-height: 15px; padding: 0 4px; }
      .imoveis .imovel .info { width: 156px; height: 156px; margin: 0 7px; padding: 3px 0 0 0; font-size: 11px; color: #333; }
        .imoveis .imovel .info p.tit { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px; line-height: 13px; color: #2F358B; overflow:hidden }
          .imoveis .imovel .info p.tit span { color: #B81704; }
        .imoveis .imovel .info p { height: 15px; line-height: 13px; color: #666; }
        .imoveis .imovel .info .preco { display: block; overflow: hidden; width: 156px; color: #B81704; font-size: 16px; font-weight: normal; margin: 10px 0 0 0; height: 20px; background: url(../../img/design/imoveis_mais_bg.png) 140px 1px no-repeat; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.paginacao { }
  .paginacao p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px; text-align: center; }
    .paginacao p a { color: #666; padding: 0 4px; }
    .paginacao p a.active { color: #E63B1E; }


#leftContent { clear: both; float: left; width: 313px; padding: 0 9px 0 0 }
  #leftContent #imovelFoto { width: 313px; margin: 0 0 24px 0; }
    #leftContent #imovelFoto img { width: 313px; position: relative; z-index: 3; }
    #leftContent #imovelFoto .label { width: 313px; height: 34px; margin: -34px 0 0 0; position: relative; z-index: 4; background: url(../../img/design/imovel_label_bg.png) }
      #leftContent #imovelFoto .label .imprimir { line-height: 34px; display: block; color: #E83C1E; font-weight: bold; padding: 0 0 0 40px; background: url(../../img/design/imovel_label_imprimir_bg.png) 11px 9px no-repeat; }
      #leftContent #imovelFoto .label .imprimir:hover { color: #FFF; text-decoration: none; }
  #leftContent h2 { font-size: 20px; color: #666; border-bottom: solid 1px #B4C2C8; margin-bottom: 5px; }
  #leftContent #simuladores { margin: 0 0 24px 0; }
    #leftContent #simuladores li { float: left; margin: 0 2px 2px 0; }
  #leftContent #semelhantes { }
	#leftContent #semelhantes ul { }
	  #leftContent #semelhantes ul li { clear: both; }
		#leftContent #semelhantes ul li a { display: block; padding: 5px; line-height: 110%; clear: both; overflow: hidden; border: solid 1px #D9E0E3; }
		#leftContent #semelhantes ul li a:hover { text-decoration: none; background: url(../../img/design/btn_detalhes.png) 228px 35px no-repeat #FFF; border-color: #B4C2C8; }
		  #leftContent #semelhantes ul li a img { width: 71px; height: 53px; float: left; margin: 0 6px 0 0; }
		  #leftContent #semelhantes ul li a span { width: 140px; float: left; line-height: 13px; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; }
		  #leftContent #semelhantes ul li a .preco { color: #E73B1E; }

#rightContent { float: right; width: 605px; }
  #rightContent h2 { font-size: 20px; line-height: 24px; }

#detalhes { min-height: 235px; margin: 0 0 23px 0; }
  #detalhes .left { width: 185px; }
    #detalhes .left h2 { font-weight: bold; margin: 0; }
    #detalhes .left h3 { font-size: 15px; color: #666; margin: 0 0 12px 0; }
    #detalhes .left p { margin: 0 0 12px 0; }
    #detalhes .left table { border-collapse: collapse; }
      #detalhes .left table td { padding: 0; margin: 0; }
      #detalhes .left table td.c1 { width: 80px; }
      #detalhes .left table td.c2 { font-weight: bold; color: #333; }
  #detalhes .right { width: 413px; }

.detalhesbox { padding: 0 0 20px 0; }
  .detalhesbox h2 { border-bottom: solid 1px #B4C2C8; padding: 0 0 2px 0; }
  .detalhesbox .lista { }
    .detalhesbox .lista li { display: inline-block; float: left; width: 150px; line-height: 15px; height: 15px; color: #666; white-space: nowrap; overflow: hidden; }

#fotos { padding: 0 0 30px 0; }
  #fotos ul { }
    #fotos ul li { float: left; margin: 0; height: 88px; width: 120px; margin: 0; }
      #fotos ul li a { margin: 0; overflow: hidden; float: left; }
      #fotos ul li a:hover { border: 3px solid #e73c1e; }
        #fotos ul li a:hover img { margin: -3px; }
      #fotos ul li img { width: 120px; height: 88px; }

#imovel-form { margin: 0 0 22px 0; }
  #imovel-form p { margin-bottom: 15px; }
  #imovel-form fieldset { float: left; display: block; width: 144px; margin: 0 9px 0 0; }
    #imovel-form fieldset .text { padding: 1px; width: 140px; 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; line-height: 17px; color: #333; }
    #imovel-form fieldset.big { width: 605px; margin: 0; clear: both; }
      #imovel-form fieldset.big .text { width: 601px; height: 110px; }
      #imovel-form fieldset.big .submit { float: right; margin: 10px 0 0 0; }

  #mainContent #contato { padding: 0 0 15px 0; }
    #mainContent #contato p.intro { margin: 0 8px 20px 0; font-size: 11px; color: #666; }
      #mainContent #contato p.intro .aol { font-weight: bold; color: #BB221B; }
    #mainContent #contato form { }
      #mainContent #contato form fieldset { }
        #mainContent #contato form fieldset .linha { float: left; width: 160px; margin: 0 10px 5px 0; }
        #mainContent #contato form fieldset .linhabig { width: 505px; clear: both; }
          #mainContent #contato form fieldset .linha label { line-height: 17px; display: block; font-size: 11px; font-weight: bold; color: #444C40; }
          #mainContent #contato form fieldset .linha input, #mainContent #contato form fieldset .linha select, #mainContent #contato form fieldset .linha textarea {}
          #mainContent #contato form fieldset .linha .text { border: solid 1px #e7e7e7; border-top-color: #acacac; height: 17px; padding: 1px; font-size: 13px; color: #333; width: 156px; }
          #mainContent #contato form fieldset .linha textarea.text { height: 160px; width: 498px; }
          #mainContent #contato form fieldset .linha select.text { height: 21px; }
          #mainContent #contato form fieldset .linha select#estado { width: 160px; }
          #mainContent #contato form fieldset .linha .submit { float: right; margin: 2px 5px 0 0; }

#footer { clear: both; background: url(../../img/design/footer_bg.png) 0 0 repeat-x #d9e0e3; min-height: 126px; padding: 46px 0 15px 0; text-align: center; }
#footerContent { width: 940px; margin: 0 auto; text-align: left; font-size: 11px; line-height: 14px; color: #333; }
  #footer h4 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px; color: #fff; line-height: 16px; margin: 0 0 10px 0; }
  #footer a { color: #333; }
  #footer p { margin: 0 0 10px 0; }
  #footer .addr { float: left; width: 250px; margin: 0 35px 0 0; }
  #footer .fmenu { float: left; width: 132px; }

#newsletter { float: right; width: 230px; padding: 0 0 20px 0; }
  #newsletter p { margin-bottom: 5px; }
  #newsletter form { display: block; overflow: hidden; }
    #newsletter form .text { float: left; padding: 3px; font-size: 12px; border: solid 1px #aaa; width: 130px; margin: 0 4px 0 0; }

#assinaturas { float: right; clear: 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_vista2.png); width: 56px; }

#tooltip { padding: 5px; color: #FFF; border: solid 1px #FFF; position: absolute; background: #039; 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 { }

