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

body { font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; background: #2E2E2E; margin: 0; padding: 0; text-align: center; color: #999; line-height: 120%; }
div { overflow: hidden; _height: 100%; }
ul { overflow: hidden; display: block; }

.forms input, textarea { width:98%; }
.forms label { width:100%; margin-top:5px; display:block }

a { text-decoration: none; color:#C30 }
a:hover { text-decoration: underline; }

  .forms .linha { padding: 0 0 5px 0; height:40px  }
  .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; border-top-color: #000; border-left-color: #000; padding: 1px; font-size: 13px; color: #333;  }
  .forms textarea.text { height: 100px; }
  .forms select.text { height: 21px; }
  .forms .submit { float: right; margin: 2px 5px 0 0; width:auto; height:auto }


h1, h2 { font-size: 24px; color: #FFF; line-height: 30px; display: block; height: 30px; margin: 0 0 20px 0; }
.headerset { }
  .headerset h1, .headerset h2 { float: left; width: 500px; }
  .headerset select { float: right; border: solid 1px #999; color: #333; font-size: 12px; margin: 6px 3px 0 0; height: 20px; }


.left { float: left; }
.right { float: right; }
.quebra { margin-right: 0 !important; }
.verm, .vermelho, .vermelha { color: #DA251D !important; }
.cinza { color: #666; }

.text { border: solid 1px #5C5C5C; padding: 1px; height: 20px; background: #FFF; }
select.text { height: 22px; }

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

#header { padding: 5px 0 11px 0; }
  #header #menu { display: block; overflow: hidden; border-bottom: solid 10px #DA251D; height: 55px; font-size: 20px; background: url(../../img/design/header_menu_bg.png) 0 0 repeat-x; }
    #header #menu li { float: left; display: inline; height: 55px; background: url(../../img/design/header_menu_li_bg.png) right 0 no-repeat; padding: 0 3px 0 0; text-align: center; }
      #header #menu li a { display: inline-block; height: 50px; width: auto; line-height: 50px; color: #FFF; padding: 5px 0 0 0; }
      #header #menu li.menu-1 a { width: 87px; background: url(../../img/design/header_menu_left_bg.png) 0 0 no-repeat; }
      #header #menu li.menu-2 a { width: 176px; }
      #header #menu li.menu-3 a { width: 240px; }
      #header #menu li.menu-4 a { width: 186px; }
      #header #menu li.menu-5 a { width: 106px; }
      #header #menu li.menu-6 { padding-right: 0; }
      #header #menu li.menu-6 a { width: 150px; background: url(../../img/design/header_menu_right_bg.png) right 0 no-repeat; }
      #header #menu li a:hover { text-decoration: none; background: url(../../img/design/header_menu_over_bg.png) 0 0 repeat-x; }
  #header #header1 { height: 122px; background: url(../../img/design/header_main_bg.jpg) 0 0 no-repeat; }
    #header #header1 .left { width: 235px; }
      #header #header1 .left a { display: block; overflow: hidden; text-indent: -9999px; width: 235px; height: 122px; }
    #header #header1 .right { padding: 10px 38px 0 0; }
      #header #header1 .right .box { width: 172px; float: left; margin: 20px 0 0 0; }
        #header #header1 .right .box p { line-height: 110%; color: #262626; }
          #header #header1 .right .box p.p1 { font-size: 22px; margin: 0 0 2px 0px; }
          #header #header1 .right .box p.p2 { font-size: 12px; margin: 0 0 6px 0px; }
          #header #header1 .right .box p.p3 { font-size: 24px; color: #D9251D; }
        #header #header1 .right .box2 p.p1 { color: #D9251D; }
        #header #header1 .right .box2 a { display: inline-block; overflow: hidden; height: 31px; width: auto; background: url(../../img/design/header_aol_btn_left.png) 0 0 no-repeat; line-height: 28px; color: #FFF; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 15px; padding: 0 0 0 8px; margin: 0 0 0 7px; }
          #header #header1 .right .box2 a span { display: inline-block; overflow: hidden; background: url(../../img/design/header_aol_btn_right.png) right 0 no-repeat; height: 31px; padding: 0 8px 0 0; cursor: pointer; }
          #header #header1 .right .box2 a:hover { color: #D9251D; text-decoration: none; }

#busca { margin: 0 0 11px 0; background: url(../../img/design/busca_bg.png) 0 0 no-repeat; height: 113px; clear: both; }
  #busca h2 { color: #FFF; line-height: 45px; height: 45px; margin: 0 15px 0 15px; }
  #busca #buscaform { float: left; margin: 9px 0 0 11px; }
    #busca #buscaform fieldset { float: left; display: block; overflow: hidden; margin: 0 10px 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; border: solid 1px #5C5C5C; padding: 2px; }
    #busca #buscaform .bairros { padding: 6px; width: 240px; height: 51px; overflow: auto; background: #FFF; }
      #busca #buscaform .bairros label { color: #333; font-weight: normal; }
  #busca .cod { }
    #busca .cod label { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; margin: 0 0 0 0 !important; }
    #busca .cod .codigo { border: solid 2px #CA330C; height: 13px; width: 55px; _width: 92px; padding: 3px; margin: 3px 8px 0 0; float: left; font-size: 15px; }
    #busca .cod .submit { margin: 3px 0 0 0; float: left; }


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

/*
  #mainContent #animacao { margin: 0 0 11px 0; background: url(../../img/design/animacao_bg.png); height: 194px; width: 960px; clear: both; overflow: visible; }
    #mainContent #animacao #anibase { height: 194px; width: 708px; position: relative; float: right; overflow: visible; }
    #mainContent #animacao ul { height: 194px; }
    #mainContent #animacao .horinaja_pagination { width: 252px; display: block; overflow: hidden; margin: 10px 0 0 13px; padding: 0; float: left; height: auto !important; position: absolute; z-index: 5000; }
      #mainContent #animacao .horinaja_pagination li { display: block; height: 24px; width: 252px; margin: 0 0 5px 0; }
        #mainContent #animacao .horinaja_pagination li a { display: block; cursor: pointer; height: 24px; line-height: 24px; margin: 0; font-size: 18px; color: #FFF; width: 252px; text-align: right; padding: 0 23px 0 0; }
      #mainContent #animacao .horinaja_pagination li.active { }
        #mainContent #animacao .horinaja_pagination li.active a { background: url(../../img/design/animacao_nav_over_bg.png) right 0 no-repeat; _background: none; _color: #FF9; }
*/  

#animacao { clear: both; padding: 0 0 23px 0; height: 250px; border-radius: 3px; background: url(../../img/design/animacao_sombra_bg.png) center bottom no-repeat; }
  #animacao .slides { height: 250px; width: 990px; border-radius: 3px; background: #f4f4f4; }
    #animacao .slides .slide { height: 250px; width: inherit; background-position: 0 0; background-repeat: no-repeat; border-radius: 3px; }
      #animacao .slides .slide .box { width: auto; float: left; margin: 120px 0 0 230px; }
        #animacao .slides .slide .box p { display: block; overflow: hidden; font-family: "Arial Narrow", "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #FFF; padding: 0; margin-bottom: 10px; font-size: 25px; line-height: 34px; text-transform: uppercase; text-shadow: 1px 1px 1px #111; }
          #animacao .slides .slide .box p span { background: url(../../img/design/transparente3.png) 0 0 repeat; padding: 0 8px; line-height: 34px; display: inline-block; }
        #animacao .slides .slide .box a.link { display: none; }
  #animacao #anav { height: 22px; margin: -31px 0 0 0; position: relative; z-index: 100; text-align: center; }
    #animacao #anav a { display: inline-block; overflow: hidden; width: 24px; height: 22px; text-indent: -9999px; background: url(../../img/design/animacao_pager_bg.png) 0 0 no-repeat; }
    #animacao #anav a:hover { opacity: 0.8; text-decoration: none; }
    #animacao #anav a.activeSlide { background-position: right 0; }
		

  #mainContent .imoveis { }
    #mainContent .imoveis .imovel { width: 183px; height: 223px; float: left; background: url(../../img/design/imoveis_bg.png) 0 0 no-repeat; margin: 0 11px 13px 0; _margin-right: 10px; }
    #mainContent .imoveis .imovel .imovel-foto { padding: 7px 0 0 7px; _height: 135px; }
      #mainContent .imoveis .imovel .imovel-foto img { width: 167px; height: 128px; }
      #mainContent .imoveis .imovel .imovel-foto .label { background: url(../../img/design/alpha.png) 0 0 repeat; _background-color: #333333; height: 34px; 
	  													  width: 167px; position: relative; x_margin-top: 0; }
        #mainContent .imoveis .imovel .imovel-foto .label p { color: #FFFFFF; font-size: 12px; font-weight: bold; line-height: 13px; margin: 5px 0 0 5px; }
          #mainContent .imoveis .imovel .imovel-foto .label p small { font-size: 10px; display: block; line-height: 11px; font-weight: normal; }
    #mainContent .imoveis .imovel .imovel-info { padding: 1px 0 0 7px; }
      #mainContent .imoveis .imovel .imovel-info p { color: #FFF; font-size: 12px; line-height: 110%; }
      #mainContent .imoveis .imovel .imovel-info p.valor { font-size: 16px; font-weight: bold; margin: 2px 0 0 0; }

    #mainContent #paginacao { padding: 16px 0 12px 0; *padding-top: 20px; }
      #mainContent #paginacao p.left { margin: 8px 0 0 0; }
	  #mainContent #paginacao p.right { float:right }
	  #mainContent #paginacao p { text-align: center; font-family: Lucida Sans Unicode; font-size: 16px; }
        #mainContent #paginacao p a { display: block; padding: 0 7px 2px 7px; margin: 0 4px 0 0; display: inline-block; color: #ccc; text-decoration: underline; line-height: 26px; border: solid 1px #333; }
        #mainContent #paginacao p a.active, #mainContent #paginacao p a:hover { background-color: #d9251d; }

    #mainContent #detalhes { padding: 0 0 20px 0; }
      #mainContent #detalhes .desc { float:left;  color: #ccc; margin: 15px 0 0 0; width:100%}
      #mainContent #detalhes .left { width: 286px; }
        #mainContent #detalhes .left .foto { width: 286px; }
        #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: #333; border: solid 1px #999; outline: none; height: 23px; width: 23px; }
              #mainContent #detalhes .left .icones li a img { }
            #mainContent #detalhes .left .icones li a:hover { background: #C30; border-color: #CCC; }
          #mainContent #detalhes .left .icones li.legenda { line-height: 25px; color: #666; font-size: 11px; white-space: nowrap; padding: 0 0 0 10px; }
      #mainContent #detalhes .right { width: 660px; }
        #mainContent #detalhes .right .left { width: 250px; color: #ccc; }
          #mainContent #detalhes .right .left h3 { font-size: 16px; line-height: 16px; color: #fff; font-weight: bold; margin: 0 0 4px 0; }
          #mainContent #detalhes .right .left h4 { font-size: 15px; line-height: 16px; color: #ccc; font-weight: normal; margin: 0 0 12px 0; }
          #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: #DA251D; font-weight: bold; }
        #mainContent #detalhes .right .right { width: 397px; color: #666; }
          #mainContent #detalhes .right .right h4 { font-size: 18px; line-height: 24px; color: #ccc; font-weight: normal; 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: 15px; white-space: nowrap; width: 119px; padding: 0 0 0 12px; background: url(../../img/design/bullet_v.png) 0 4px no-repeat; }

    #mainContent #imovel-fotos { padding: 0 0 20px 0; }
      #mainContent #imovel-fotos ul { display: block; overflow: hidden; }
        #mainContent #imovel-fotos ul li { float: left; display: block; }
          #mainContent #imovel-fotos ul li a img { width: 116px; height: 85px; border: solid 2px #666; }
          #mainContent #imovel-fotos ul li a:hover img { border-color: #D9251D; }

    #mainContent #imovel-form { padding: 0 0 10px 0; }
      #mainContent #imovel-form fieldset { width: 200px; float: left; padding: 0 16px 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: 196px; margin: 0 0 5px 0; font-size: 12px; color: #333333; padding: 1px; font-family: Arial, Helvetica, sans-serif; height: 18px; font-size: 13px; }
        #mainContent #imovel-form fieldset select.text { height: 22px; }
        #mainContent #imovel-form fieldset.grande { width: 525px; padding: 0; }
          #mainContent #imovel-form fieldset.grande .text { width: 521px; height: 104px; }
          #mainContent #imovel-form fieldset.grande .submit { float: right; margin: 2px 0 0 0; }

    #mainContent #imovel-semelhantes { padding: 0 0 10px 0; }
      #mainContent #imovel-semelhantes .imovel { padding: 7px; border: solid 1px #333; margin: 0 0 3px 0; min-height: 55px; }
        #mainContent #imovel-semelhantes .imovel .c { float: left; }
          #mainContent #imovel-semelhantes .imovel .c p { font-size: 13px; color: #999; margin: 0 0 6px 0; }
            #mainContent #imovel-semelhantes .imovel .c p strong { color: #ccc; }
        #mainContent #imovel-semelhantes .imovel .c1 { width: 74px; margin: 0 4px 0 0; }
          #mainContent #imovel-semelhantes .imovel .c1 img { width: 74px; height: 58px; }
        #mainContent #imovel-semelhantes .imovel .c2 { width: 151px; }
        #mainContent #imovel-semelhantes .imovel .c3 { width: 123px; }
        #mainContent #imovel-semelhantes .imovel .c4 { width: 118px; }
        #mainContent #imovel-semelhantes .imovel .c5 { width: 103px; }
        #mainContent #imovel-semelhantes .imovel .c6 { width: 70px; }
        #mainContent #imovel-semelhantes .imovel .c7 { width: 74px; }
        #mainContent #imovel-semelhantes .imovel .c8 { width: 117px; }
        #mainContent #imovel-semelhantes .imovel .c9 { width: 110px; float: right; }
          #mainContent #imovel-semelhantes .imovel .c9 a { display: block; overflow: hidden; text-indent: -9999px; background: url(../../img/design/btn_detalhes.png) 0 0 no-repeat; width: 88px; height: 31px; margin: 18px 0 0 0; float: right; }

  #mainContent #contato { padding: 6px 0 0 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 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; }

.simuladores { height: 60px; line-height:20px; text-align:center }
#footer { background: url(../../img/design/footer_bg.png) 0 0 no-repeat; height: 168px; border-top: solid 5px #DA251D; }
  #footer .box { float: left; color: #CCC; font-size: 12px; }
    #footer .box h5 { font-size: 12px; line-height: 120%; margin: 13px 0 15px 0;  }
  #footer .box4 { margin: 0 0 0 0px; width: 150px; }
  #footer .box1 { margin: 0 0 0 13px; width: 230px; }
  #footer .box2 { margin: 0 0 0 24px; width: 320px; }
    #footer .box2 ul { display: block; overflow: hidden; float: left; width: 160px; }
      #footer .box2 ul li { }
        #footer .box2 ul li a { color: #FFF; }
  #footer .box3 { margin: 0 17px 0 0; width: 200px; float: right; }
    #footer .box3 form { }
      #footer .box3 form fieldset { display: block; padding: 5px 0 6px 0; float:left }
        #footer .box3 form fieldset input { border: solid 1px #BAC7CD; background: #FFF; float: left; display: block; padding: 1px; height: 18px; width: 80px; margin: 0 6px 0 0; }

#footer2 { padding: 5px 0 10px 0; color: #999; font-size: 11px; text-align: center; }
  #footer2 a.ass { display: block; overflow: hidden; text-indent: -9999px; background: 0 0 no-repeat; width: 62px; height: 15px; margin: 0 auto; }
  #footer2 a.vista { background-image: url(../../img/design/footer_vista.png); }
  #footer2 a.fullbiz { background-image: url(../../img/design/footer_fullbiz.png); }