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

body { font: 100% Arial, Helvetica, sans-serif; font-size: 12px; background: url(../../img/design/radial_bg.png) center 0 no-repeat #FFFFC1; 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, h4 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
h1 { font-size: 22px; text-transform: uppercase; color: #FFF; line-height: 50px; height: 50px; display: block; overflow: hidden; padding: 0 10px; background: url(../../img/design/radial_bg.png) center top; margin: 0 0 0 0; }
h2 { font-size: 20px; color: #992A28; font-weight: normal; line-height: 28px; }
h3 { color: #992A28; font-size: 18px; margin: 0 0 5px 0; font-weight: normal; line-height: 20px; }

.left { float: left; }
.right { float: right; }
.quebra { margin-right: 0 !important; }
.branco { color: #FFF !important; }
.azul { color: #0092DD !important; }
.right2 { float: right; margin: 0 0 10px 10px }
.jutify { text-align:justify }
.parceiros { background-color:#FFF; margin:0 10px 10px 10px; padding: 10px; width:130px; height:60px; text-align:center; float:left }

#wrapper { width: 1004px; margin: 0 auto; text-align: center; background: url(../../img/design/wrapper_bg.png) center 0 no-repeat; }
#container { width: 940px; margin: 0 auto; text-align: left; }

#header { height: 140px; border-bottom: solid 1px #FFF; overflow: visible; }
  #header div { overflow: visible; _height: auto; }
  #header #headerLeft { float: left; width: 218px; padding: 13px 0 0 0; }
  #header #headerRight { float: right; width: 700px; overflow: visible; }
  #header #menu { display: block; overflow: visible; height: 31px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; float: right; padding: 21px 0 9px 0; border-bottom: solid 1px #9A2A29; }
    #header #menu li { float: left; display: inline; height: 31px; }
      #header #menu li a { display: inline-block; height: 31px; width: auto; line-height: 31px; color: #FFF; font-size: 14px; text-transform: uppercase; padding: 0 14px; }
      #header #menu li a:hover { text-decoration: none; background: #9A2A29; }
	  #header #menu li a.ativo { text-decoration: none; background: #9A2A29; }
	  
      #header #menu li.dir ul { position: absolute; display: block; overflow: hidden; padding: 2px 0 0 0; width: 220px }
        #header #menu li.dir ul li { float: none; height: 30px; }
          #header #menu li.dir ul li a { background: #9A2A29; height: 30px; line-height: 30px; width: 200px; color: #FFF; border-bottom: solid 1px #56251F; padding: 0 10px; }
            #header #menu li.dir ul li a:hover { background: #421D18; }
			
  #header #headerContent { clear: both; }
    #header #headerContent .left { width: 457px; }
      #header #headerContent .left ul { }
        #header #headerContent .left ul li { display: inline; float: left; }
          #header #headerContent .left ul li a { display: inline-block; line-height: 41px; color: #999; background-position: 0 9px; background-repeat: no-repeat; padding: 0 0 0 24px; margin: 0 8px 0 0; }
          #header #headerContent .left ul li a#hcfav { background-image: url(../../img/design/header_icon_fav.png); }
          #header #headerContent .left ul li a#hctwit { background-image: url(../../img/design/header_icon_twitter.png); }
          #header #headerContent .left ul li a#hcplan { background: url(../../img/design/header_icon_mobile.png) top left no-repeat;  line-height: 21px; margin: 10px 0 0 0; }
		  #header #headerContent .left ul li a#hcplan strong { font-size:13px; color:#FFF}
    #header #headerContent .right { width: 240px; }
      #header #headerContent .right a { width: 240px; height: 77px; display: block; overflow: hidden; text-indent: -9999px; background: url(../../img/design/header_fale.png) 0 0 no-repeat; }

#mainContent { clear: both; padding: 0 0 30px 0; }

#animacao { background: url(../../img/design/animacao_bg.png); height: 238px; width: 940px; clear: both; overflow: visible; }
  #animacao #anibase { height: 238px; width: 685px; position: relative; float: left; overflow: visible; background:#351713 }
  #animacao ul { height: 238px; }
    #animacao ul li { height: 238px; }
      #animacao ul li img { position: relative; height: 238px; }
      #animacao ul li .label { height: 75px; width: 685px; background: url(../../img/design/animacao_label_bg.png) 0 0 no-repeat; margin: -78px 0 0 0; position: relative; _background: #111; }
        #animacao ul li .label h4 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #78C5ED; font-size: 24px; line-height: 25px; margin: 8px 10px 7px 10px; }
        #animacao ul li .label p { font-size: 13px; color: #FFF; margin: 0 10px; line-height: 14px; height: 28px; width: 425px; }
  #animacao .horinaja_pagination { width: 255px; display: block; overflow: hidden; margin: 0; padding: 5px 0 0 0; float: right; height: 233px !important; z-index: 5000; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; background: #351713; clear: none !important; }
    #animacao .horinaja_pagination li { display: block; height: 37px; width: 255px; }
      #animacao .horinaja_pagination li a { display: block; cursor: pointer; height: 37px; line-height: 35px; margin: 0; font-size: 14px; color: #FFF; padding: 0 0 2px 0; background: url(../../img/design/animacao_link_bg.png) 0 bottom no-repeat; padding: 0 0 0 10px; white-space: nowrap; font-weight: normal; }
    #animacao .horinaja_pagination li.active { }
      #animacao .horinaja_pagination li.active a { background-image: url(../../img/design/animacao_link_over_bg.png); }

#leftContent { float: left; width: 212px; padding: 12px 0 0 0; }
  #leftContent h2 { font-weight: bold; }
    #leftContent h2 span { font-weight: normal; }
  #leftContent #busca { padding: 4px 0 20px 0; }
    #leftContent #busca form { }
      #leftContent #busca form fieldset { }
        #leftContent #busca form fieldset label { display: block; font-weight: bold; line-height: 16px; margin: 0 0 2px 0; }
        #leftContent #busca form fieldset .bairros { border: solid 1px #999; border-top-color: #333333; border-left-color: #333333; height: 91px; background: #FFF; padding: 3px; overflow: auto; margin: 0 0 3px 0; }
          #leftContent #busca form fieldset .bairros label { font-weight: normal; line-height: 15px; margin: 0 !important; }
        #leftContent #busca form fieldset .text { width: 212px; margin: 0 0 3px 0; height: 22px; border: solid 1px #999; border-top-color: #333333; border-left-color: #333333;  }
        #leftContent #busca form fieldset div .text { width: 100px; }
		#leftContent #busca .codigo { width: 208px; border:#900 solid 2px; font-size:13px; height:18px }
        #leftContent #busca form fieldset .submit { float: right; margin: 11px 0 0 0; }

  #leftContent #semelhantes { }
	#leftContent #semelhantes h2 { margin: 0 0 10px 0; }
	#leftContent #semelhantes .imovel { padding: 0 0 8px 0; }
	  #leftContent #semelhantes .imovel .foto { float: left; display: block; }
	    #leftContent #semelhantes .imovel .foto img { width: 71px; height: 53px; }
	  #leftContent #semelhantes .imovel p { float: left; width: 110px; margin: 0 0 0 6px; line-height: 110%; }
	    #leftContent #semelhantes .imovel p a { color: #666; font-size: 10px; }
	      #leftContent #semelhantes .imovel p a .vermelho { color: #A72C2B; }


#rightContent { float: right; width: 700px; padding: 30px 0 0 0; }

.imoveis { }
  .imoveis .imovel { width: 169px; height: 238px; margin: 0 8px 22px 0; background: url(../../img/design/imoveis_bg.png) 0 0 no-repeat; float: left; }
    .imoveis .imovel .foto { height: 120px; }
      .imoveis .imovel .foto img { width: 156px; height: 116px; border: solid 2px #333; position: relative; }
	  .imoveis .imovel .foto span { display: block; overflow: hidden; position: absolute; z-index: 1000; font-size: 11px; font-weight: bold; color: #1D1D1D; padding: 4px 8px; }
      .imoveis .imovel .foto a:hover img { border-color: #B54B4B; }
      .imoveis .imovel .foto a:hover span { color: #B54B4B; }
    .imoveis .imovel .desc { height: 83px; padding: 0 0 0 15px; }
      .imoveis .imovel .desc div { height: auto; }
      .imoveis .imovel .desc .fav { float: right; display: block; overflow: hidden; text-indent: -9999px; width: 18px; height: 18px; margin: 7px 9px 0 0; }
      .imoveis .imovel .desc p { white-space: nowrap; color: #333; }
      .imoveis .imovel .desc p.d1 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #0093DD; width: 125px; font-size: 17px; line-height: 20px; margin: 3px 0; float: left; }
      .imoveis .imovel .desc p.d2 { font-size: 12px; line-height: 20px; float: left; width: 125px; }
      .imoveis .imovel .desc p.d3 { font-size: 12px; color: #0093DD; line-height: 17px; }
      .imoveis .imovel .desc p.d4 { font-size: 11px; line-height: 14px; }
    .imoveis .imovel .preco { height: 35px; }
      .imoveis .imovel .preco p { line-height: 35px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 15px; font-weight: bold; padding: 0 0 0 11px; white-space: nowrap; }
        .imoveis .imovel .preco p a { color: #FFF; }
        .imoveis .imovel .preco p a:hover { color: #B54B4B; text-decoration: none; }

.paginacao { height: 60px; }
  .paginacao p { text-align: center; padding: 25px 0 0 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; font-size: 18px; }
    .paginacao p a { color: #0092DC; padding: 0 5px; }
    .paginacao p a.active { color: #FFF; background: #9A2A29; font-weight: bold; }
    .paginacao p strong { color: #000; font-weight: bold; }

#detalhes { margin: 0 0 20px 0; }
  #detalhes .c1 { float: left; width: 286px; }
    #detalhes .c1 .foto { width: 286px; height: 220px; }
      #detalhes .c1 .foto img { width: 286px; min-height: 220px; _height: 220px; }
    #detalhes .c1 .icones { }
      #detalhes .c1 .icones li { float: left; padding: 1px 1px 0 0; }
        #detalhes .c1 .icones li a { display: block; overflow: hidden; background: #5C2821; outline: none; }
        #detalhes .c1 .icones li a:hover { background: #9A2A29; }
      #detalhes .c1 .icones li.legenda { line-height: 25px; color: #F0AD00; font-size: 11px; white-space: nowrap; padding: 0 0 0 10px; }
  #detalhes .c2 { float: left; width: 195px; margin: 0 0 0 8px; }
    #detalhes .c2 h2 { margin: 0 0 4px 0; vertical-align: top; line-height: 100%; font-weight: bold; }
    #detalhes .c2 h3 { font-size: 15px; color: #333; margin: 0 0 15px 0; }
    #detalhes .c2 p { margin: 0 0 15px 0; }
    #detalhes .c2 ul { }
      #detalhes .c2 ul li { display: block; overflow: hidden; clear: both; height: 16px; }
        #detalhes .c2 ul li span { display: block; overflow: hidden; line-height: 16px; height: 16px; }
          #detalhes .c2 ul li span.left { width: 77px; }
          #detalhes .c2 ul li span.right { width: 105px; color: #A72C2B; font-weight: bold; }
  #detalhes .c3 { float: right; width: 210px; color: #666; }
    #detalhes .c3 .corretor { margin: 0 0 10px 0; }
      #detalhes .c3 .corretor p { margin: 0 0 10px 0; }
    #detalhes .c3 #simuladores { }
      #detalhes .c3 #simuladores p { margin: 2px 0 5px 0; }
      #detalhes .c3 #simuladores ul { }
        #detalhes .c3 #simuladores ul li { float: left; padding: 0 5px 4px 0; }

#descricao { margin: 0 0 20px 0; }
  #descricao .left { width: 320px; }
  #descricao .right { width: 365px; }
    #descricao .right ul { display: block; overflow: hidden; margin: 0 0 15px 0; }
	  #descricao .right ul li { display: block; overflow: hidden; float: left; line-height: 16px; height: 16px; white-space: nowrap; width: 108px; padding: 0 0 0 13px; background: url(../../img/design/bullet_v.png) 0 5px no-repeat; font-size: 11px; color: #666; }

#imovel-form { margin: 0 0 20px 0; }
  #imovel-form h3 { margin-bottom: 12px; }
  #imovel-form fieldset { width: 170px; float: left; padding: 0 3px 0 0; }
    #imovel-form fieldset label { display: block; font-weight: bold; line-height: 16px; color: #666; }
    #imovel-form fieldset .text { width: 166px; border: solid 1px #CCC; border-top-color: #333; border-left-color: #333; margin: 0 0 5px 0; font-size: 12px; color: #333; padding: 1px; font-family: Arial, Helvetica, sans-serif; height: 18px; }
    #imovel-form fieldset select.text { height: 22px; }
    #imovel-form fieldset.grande { width: 350px; padding: 0; }
      #imovel-form fieldset.grande .text { width: 346px; height: 104px; }
      #imovel-form fieldset.grande .submit { float: right; margin: 4px 0 0 0; }

#fotos { margin: 0 0 30px 0; }
  #fotos ul { }
    #fotos ul li { float: left; margin: 0; height: 88px; width: 115px; margin: 0 1px 1px 0; }
      #fotos ul li a { margin: 0; overflow: hidden; float: left; }
      #fotos ul li a:hover { border: 3px solid #992A28; }
        #fotos ul li a:hover img { margin: -3px; }
      #fotos ul li img { width: 115px; height: 88px; }


#tooltip { padding: 0 5px; font-weight: bold; color: #FFF; position: absolute; background: #D6D6D6; border: solid 1px #A82C2B; line-height: 23px; }
  #tooltip h3 { font-size: 12px; margin: 0; padding: 0; }
  #tooltip div { display: none !important; }

.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 #A82C2B; background: #FFFFC1; 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 h3 { margin: 0 0 3px 0; padding-left: 0 !important; font-weight: bold; }
      .ui-dialog .ui-dialog-content h3 span { font-weight: normal; }

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

  #mainContent #contato { padding: 6px 0 30px 0; }
    #mainContent #contato p.intro { margin: 0 0 30px 0; }
    #mainContent #contato form { }
      #mainContent #contato form fieldset { width: 500px; margin: 0 auto; display: block; overflow: hidden; }
        #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 .text2 { border: solid 1px #CCC; height: 17px; padding: 1px; font-size: 13px; color: #333; width: auto; }
          #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; }


#footer { background: url(../../img/design/radial_bg.png) center 0 repeat-y #351713; text-align: center; clear: both; }
#footerContent { text-align: left; margin: 0 auto; width: 925px; padding: 15px 0 30px; color: #FFF; }
  #footerContent h2 { color: #BA2E2E; margin: 0 0 10px 0; }
  #footerContent #footer1 { }
    #footerContent #footer1 .left { width: 657px; }
      #footerContent #footer1 .left #twitter { padding: 0 0 14px 0; }
        #footerContent #footer1 .left #twitter ul { }
          #footerContent #footer1 .left #twitter ul li { font-size: 11px; color: #4691B2; padding-bottom: 12px; }
		  #footerContent #footer1 .left #twitter ul li a { color: #4691B2;}
            #footerContent #footer1 .left #twitter ul li .before { font-weight: bold; color: #FFF; }
      #footerContent #footer1 .left .siga { font-size: 11px; line-height: 21px; background: url(../../img/design/footer_twitter_siga_bg.png) 0 0 no-repeat; padding: 0 0 0 25px; }
        #footerContent #footer1 .left .siga a { color: #4691B2; }
    #footerContent #footer1 .right { width: 246px; }
      #footerContent #footer1 .right p { color: #CCC; margin: 0 0 7px 0; }
      #footerContent #footer1 .right fieldset { display: block; overflow: hidden; width: 115px; float: left; padding: 0 0 9px 0; }
        #footerContent #footer1 .right fieldset label { display: block; overflow: hidden; font-weight: bold; line-height: 16px; }
        #footerContent #footer1 .right fieldset input { width: 100px; padding: 1px; border: solid 1px #999; border-bottom-color: #000; border-right-color: #000; }
  #footerContent #footer2 { height: 98px; border-bottom: solid 1px #8F1D1D; text-align: center; background: url(../../img/design/footer_menu_bg.png) center 30px no-repeat; _background: none; }
    #footerContent #footer2 ul { display: inline-block; overflow: hidden; margin: 30px auto 0 auto; width: auto; }
      #footerContent #footer2 ul li { display: inline; float: left; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
        #footerContent #footer2 ul li a { color: #CCC; padding: 0 12px; display: inline-block; line-height: 66px; }
        #footerContent #footer2 ul li a:hover { text-decoration: none; color: #BA2E2E; }
  #footerContent #footer3 { color: #CCC; padding: 10px 0 0 0; }
    #footerContent #footer3 .left { width: 375px; font-size: 11px; line-height: 120%; }
      #footerContent #footer3 .left p { margin: 0 0 10px 0; }
      #footerContent #footer3 .left .left { width: 240px; }
      #footerContent #footer3 .left .right { width: 125px; }
        #footerContent #footer3 .left .right p { text-align: right; }
		#footerContent #footer3 .sign { float: right; width: 100px; padding: 7px 0 0 0; }
	    #footerContent #footer3 .sign a { float: right; display: block; overflow: hidden; height: 16px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; }
		#footerContent #footer3 .sign a.fullbiz { background-image: url(../../img/design/footer_fullbiz.png); width: 50px;  }
	    #footerContent #footer3 .sign a.vista { background-image: url(../../img/design/footer_vista.png); width: 70px; }