@import "fbz.reset.css";

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

a { text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5 { font-weight: normal; font-family: Lucida Sans Unicode; line-height: 120%; color: #FFFF00; }


.left { float: left; }
.right { float: right; }
.topline { border-top: solid 2px #FFFF00; }
.box { background: url(../../img/design/box_bg.png) 0 0 repeat-x #3E3E3E; min-height: 20px; color: #FFFFFF; }
.nomargin { margin: 0 !important; }
.amarelo { color: #FFFF00; }
.laranja { color: #CC3300; }
.myforms input, select, textarea { width:100%; margin-bottom:5px }

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

#header { height: 192px; }
  #header .left { width: 269px; }
  #header .right { width: 676px; }
    #header .right p { height: 87px; margin: 30px 0 0 21px; float: right; font-family: Lucida Sans Unicode; font-size: 25px; color: #151515; line-height: 100%; width: 210px; }
      #header .right p span { color: #666; }
    #header .right #menu { display: block; height: 75px; clear: both; float: right; *width: 676px; }
      #header .right #menu li { float: left; display: inline; height: 75px; padding: 0 2px 0 0; background: url(../../img/design/topo_menu_linha.png) right 7px no-repeat; }
      #header .right #menu li.ultimo { padding: 0; background: none; }
        #header .right #menu li a { display: inline-block; height: 68px; width: auto; line-height: 68px; background: url(../../img/design/topo_menu_bg.png) 0 0 repeat-x; text-align: center; margin: 7px 0 0 0; font-family: Lucida Sans Unicode; color: #161616; font-size: 16px; text-transform: uppercase; padding: 0 9px 0 10px; }
        #header .right #menu li a:hover, #header .right #menu li a.active { text-decoration: none !important; margin: 0 !important; }

#mainContent { padding: 12px 0 0 0; }

  #mainContent #leftContent { float: left; width: 245px; }
    #mainContent #leftContent .box { padding: 10px; margin: 0 0 30px 0; }
    #mainContent #leftContent h2 { font-size: 25px; line-height: 100%; margin: 0 0 10px 0; }
    #mainContent #leftContent h3 { font-size: 23px; line-height: 100%; margin: 0 0 10px 0; }
    #mainContent #leftContent #busca { }
      #mainContent #leftContent #busca form { }
        #mainContent #leftContent #busca form fieldset { }
          #mainContent #leftContent #busca form fieldset .bairros { border: solid 1px #CCC; border-top-color: #333333; border-left-color: #333333; height: 91px; background: #FFF; padding: 3px; overflow: auto; }
            #mainContent #leftContent #busca form fieldset .bairros label { font-weight: normal; line-height: 15px; color: #333; }
          #mainContent #leftContent #busca form fieldset label { display: block; font-weight: bold; line-height: 16px; color: #FFF; }
          #mainContent #leftContent #busca form fieldset .text { width: 224px; margin: 0 0 3px 0; height: 22px; }
          #mainContent #leftContent #busca form fieldset div .text { width: 96px; }
          #mainContent #leftContent #busca form fieldset .codigo { width: 90px; border: solid 2px #FF0; height: 18px; }
          #mainContent #leftContent #busca form fieldset .submit { display: block; margin: 12px 0 0 0; margin: 15px 0 0 27px; }
	#mainContent #leftContent #visitados { }
	  #mainContent #leftContent #visitados .imovel { padding: 0 0 4px 0; }
	    #mainContent #leftContent #visitados .imovel .foto { float: left; display: block; }
	      #mainContent #leftContent #visitados .imovel .foto img { width: 71px; height: 53px; }
	    #mainContent #leftContent #visitados .imovel p { float: right; width: 145px; }
	      #mainContent #leftContent #visitados .imovel p a { color: #FFF; font-size: 11px; }
	  #mainContent #leftContent #visitados .vermais { font-weight: bold; color: #FF0; display: block; margin: 4px 0 0 0; }
	#mainContent #leftContent #simuladores { }
      #mainContent #leftContent #simuladores p { margin: 0 0 10px 0; }
      #mainContent #leftContent #simuladores ul { }
        #mainContent #leftContent #simuladores ul li { float: left; display: block; margin: 0; }
          #mainContent #leftContent #simuladores ul li a { float: left; display: block; margin: 0 1px 1px 0; }

  #mainContent #rightContent { float: right; width: 673px; color: #FFF; padding: 12px 0 0 0; }
    #mainContent #rightContent.home { padding-top: 0 !important; }
    #mainContent #rightContent h2, #mainContent #rightContent h1 { font-family: "Lucida Sans Unicode", Arial; font-size: 25px; line-height: 100%; margin: 0 0 20px 0; }
    #mainContent #rightContent #destaques { padding: 7px; height: 222px; background-image: url(../../img/design/destaque_bg.png); background-color: #000000; }
      #mainContent #rightContent #destaques .destaque { height: 222px; width: 659px; background: url(../../img/design/destaque_bg.png); }
        #mainContent #rightContent #destaques .destaque .left { width: 295px; }
          #mainContent #rightContent #destaques .destaque .left img { width: 295px; height: 222px; }
        #mainContent #rightContent #destaques .destaque .right { width: 350px; }
          #mainContent #rightContent #destaques .destaque .right h3 { font-size: 25px; line-height: 120%; margin: 0 0 12px 0; }
          #mainContent #rightContent #destaques .destaque .right p { font-family: Lucida Sans Unicode; }
          #mainContent #rightContent #destaques .destaque .right p.desc { font-size: 22px; margin: 0 0 12px 0; line-height: 110%; }
          #mainContent #rightContent #destaques .destaque .right p.preco { font-size: 25px; margin: 0 0 44px 0; line-height: 110%; color: #CC3300; }
          #mainContent #rightContent #destaques .vermais { display: block; overflow: hidden; width: 130px; height: 23px; background: url(../../img/design/imoveis_vermais.png) 0 0 no-repeat; color: #333; line-height: 23px; padding: 0 0 0 7px; margin: 6px 0 0 0; }
          #mainContent #rightContent #destaques .vermais:hover { text-decoration: none; }
    #mainContent #rightContent #destaques-sombra { background: url(../../img/design/destaques_sombra.png) center 0 no-repeat; width: 673px; height: 20px; line-height: 1px; }

    #mainContent #rightContent .imoveis { margin: 0 0 20px 0; }
      #mainContent #rightContent .imoveis .imovel { height: 220px; border: solid 1px #000; background: url(../../img/design/imovel_sombra_bg.png) center bottom no-repeat; width: 156px; float: left; margin: 0 11px 11px 0; }
        #mainContent #rightContent .imoveis .imovel .box { height: 209px; padding: 7px 8px; background-image: url(../../img/design/imoveis_bg.png); }
          #mainContent #rightContent .imoveis .imovel .box .foto-area { height: 105px; margin: 0 0 6px 0; }
            #mainContent #rightContent .imoveis .imovel .box .foto-area .imovel-foto { width: 140px; height: 105px; position: relative; }
            #mainContent #rightContent .imoveis .imovel .box .foto-area .fav { width: 24px; height: 23px; display: block; overflow: hidden; text-indent: -9999px; background: url(../../img/design/estrela.png) 0 0 no-repeat; line-height: 1px; margin: -27px 0 0 110px; position: relative; _background-image: url(../../img/design/estrela8bits.png); }
          #mainContent #rightContent .imoveis .imovel .box p { color: #FFF; font-size: 12px; }
            #mainContent #rightContent .imoveis .imovel .box p small { font-size: 10px; }
          #mainContent #rightContent .imoveis .imovel .box .preco { color: #CC3300; font-size: 18px; font-weight: bold; margin: 6px 0 0 0; display: block; }
          #mainContent #rightContent .imoveis .imovel .box .vermais { display: block; overflow: hidden; width: 130px; height: 23px; background: url(../../img/design/imoveis_vermais.png) 0 0 no-repeat; color: #333; line-height: 23px; padding: 0 0 0 7px; margin: 6px 0 0 0; }
          #mainContent #rightContent .imoveis .imovel .box .vermais:hover { text-decoration: none; }

    #mainContent #rightContent #paginacao { padding: 15px 0; }
      #mainContent #rightContent #paginacao p { text-align: center; font-size: 16px; font-family: Lucida Sans Unicode; }
        #mainContent #rightContent #paginacao p a { color: #FFFF00; padding: 0 3px; }
        #mainContent #rightContent #paginacao p a.active { color: #CC3300; }


    #mainContent #rightContent #detalhes { padding: 0 0 30px 0; }
      #mainContent #rightContent #detalhes .left { width: 364px; }
        #mainContent #rightContent #detalhes .left .foto-area { width: 364px; height: 273px; }
          #mainContent #rightContent #detalhes .left .foto-area .imovel-foto { width: 364px; height: 273px; position: relative; }
        #mainContent #rightContent #detalhes .left .sub { padding: 15px 0 0 0; }
          #mainContent #rightContent #detalhes .left .sub a { background-position: 0 0; background-repeat: no-repeat; display: block; font-size: 13px; color: #FF0; line-height: 17px; float: left; padding: 0 17px 0 27px; text-decoration: underline; font-weight: bold; }
          #mainContent #rightContent #detalhes .left .sub a.email { background-image: url(../../img/design/ico_enviar.png); }
          #mainContent #rightContent #detalhes .left .sub a.imprimir { background-image: url(../../img/design/ico_imprimir.png); padding-right: 0; }
      #mainContent #rightContent #detalhes .right { width: 294px; }
        #mainContent #rightContent #detalhes .right h1 { line-height: 120%; font-size: 24px; }
          #mainContent #rightContent #detalhes .right h1 .cinza { color: #999; }
        #mainContent #rightContent #detalhes .right p { line-height: 130%; font-size: 13px; color: #FFF; }
        #mainContent #rightContent #detalhes .right p.preco { color: #C30; font-size: 24px; font-family: Lucida Sans Unicode; margin: 14px 0 0 0; }

    #mainContent #rightContent #caracteristicas { padding: 0 0 30px 0; }
      #mainContent #rightContent #caracteristicas h2 { margin: 0 0 16px 0; }
      #mainContent #rightContent #caracteristicas ul { }
        #mainContent #rightContent #caracteristicas ul li { list-style: square inside; color: #FFF; width: 160px; line-height: 17px; float: left; white-space: nowrap; height: 17px; }

    #mainContent #rightContent #fotos { padding: 0 0 30px 0; }
      #mainContent #rightContent #fotos h2 { margin: 0 0 16px 0; }
      #mainContent #rightContent #fotos ul { }
        #mainContent #rightContent #fotos ul li { float: left; margin: 0; }
          #mainContent #rightContent #fotos ul li a { margin: 0; overflow: hidden; float: left; }
            #mainContent #rightContent #fotos ul li a img { width: 125px; height: 93px; float: left; }
          #mainContent #rightContent #fotos ul li a:hover { border: solid 3px #FF0; }
            #mainContent #rightContent #fotos ul li a:hover img { margin: -3px; }

    #mainContent #rightContent #maisinfo { padding: 0 0 30px 0; color: #FFF; }
      #mainContent #rightContent #maisinfo h2 { margin: 0 0 10px 0; }
      #mainContent #rightContent #maisinfo fieldset { float: left; width: 198px; margin: 0 15px 0 0; }
        #mainContent #rightContent #maisinfo fieldset label { display: block; font-weight: bold; line-height: 17px; }
        #mainContent #rightContent #maisinfo fieldset .text { margin: 0 0 4px 0; width: 194px; height: 19px; padding: 1px; }
      #mainContent #rightContent #maisinfo fieldset.l1 { width: 245px; }
        #mainContent #rightContent #maisinfo fieldset.l1 .text { width: 241px; }
     #mainContent #rightContent #maisinfo fieldset.l3 { margin-right: 0; }
        #mainContent #rightContent #maisinfo fieldset.l3 .radios { height: 16px; padding: 0 0 9px 0; *padding-bottom: 11px; }
        #mainContent #rightContent #maisinfo fieldset.l3 select { height: 22px; }
     #mainContent #rightContent #maisinfo fieldset.l4 { float: none; clear: both; width: auto; padding: 4px 0 6px 0; }
       #mainContent #rightContent #maisinfo fieldset.l4 textarea { width: 667px; height: 77px; }
      #mainContent #rightContent #maisinfo .submit { float: right; margin: 0 3px 0 0; }

  #mainContent #contato { color: #FFF; 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; }
        #mainContent #contato form fieldset .linha { padding: 0 0 5px 0; width: 500px; }
          #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 h2 { margin: 0 0 30px 0; }
      #mainContent #contato .endereco .left { width: 200px; }
        #mainContent #contato .endereco .left p { line-height: 150%; font-size: 12px; }
      #mainContent #contato .endereco #mapa { float: right; width: 350px; height: 200px; clear: none; margin: 0 93px 0 0; }
	  #mainContent #contato .endereco #map { float: right; width: 350px; height: 180px; }
	    #map * { overflow: visible; height: auto; } /* só #map pq pode ser util em outro lugar */



#footer { height: 146px; background: url(../../img/design/footer_bg.png) 0 0 repeat-x; text-align: center; color: #333; margin: 50px 0 0 0; }
  #footer #footerContent { height: 146px; width: 945px; margin: 0 auto; text-align: left; background: url(../../img/design/footer_content_bg.png) 0 0 no-repeat; }
    #footer #footerContent .left { padding: 18px 0 0 24px; width: 180px; margin: 0 0 0 132px; display: inline; }
      #footer #footerContent .left ul { }
        #footer #footerContent .left ul li { list-style: square inside; line-height: 110%; }
          #footer #footerContent .left ul li a { line-height: 110%; color: #333; }
    #footer #footerContent .right { width: 400px; padding: 18px 12px 0 0; display: inline; }
      #footer #footerContent .right p { font-size: 14px; line-height: 115%; margin: 0 0 8px 0; text-align: right; }