body { font: 100% Arial, Helvetica, sans-serif; font-size: 12px; background: url(../../img/design/main_bg.jpg) center top repeat #2F6499; 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: #333; }

.left { float: left; }
.right { float: right; }
.topline { border-top: solid 2px #D72421; }
.box { background: url(../../img/design/box_bg.png) 0 0 repeat-x #E5E5E5; min-height: 20px; }
.text { border: solid 1px #CCC; border-top-color: #333333; border-left-color: #333333; padding: 1px; }
.blue { color: #3889BC; }
.grey { color: #666666 !important; }
.nomargin { margin: 0 !important; }

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

#header { height: 181px; border-bottom: solid 4px #D72421; }
  #header #header-1 { height: 130px; }
    #header #header-1 #logo { display: block; float: left; width: 274px; height: 103px; margin: 16px 0 0 0; }
      #header #header-1 #logo img { width: 274px; height: 103px; }
    #header #header-1 #fone { width: 211px; height: 66px; float: right; text-indent: -9999px; background: url(../../img/design/topo_fone.png) 0 0 no-repeat; margin: 46px 0 0 0; }
  #header #menu { display: block; height: 45px; }
    #header #menu li { float: left; display: inline; height: 51px; background: url(../../img/design/topo_menu_bg.png) left 6px repeat-x; }
      #header #menu li a { display: inline-block; height: 45px; text-align: center; line-height: 45px; padding: 6px 0 0 0; font-size: 15px; color: #FFFFFF; background: url(../../img/design/topo_menu_linha_bg.png) right 6px no-repeat; }
      #header #menu li a:hover, #header #menu li a.active { text-decoration: none; background: #D72421 !important; }
      #header #menu li a.menu-1 { width: 71px; }
      #header #menu li a.menu-2 { width: 100px; }
      #header #menu li a.menu-3 { width: 91px; }
      #header #menu li a.menu-4 { width: 101px; }
      #header #menu li a.menu-5 { width: 143px; }
      #header #menu li a.menu-6 { width: 163px; }
      #header #menu li a.menu-7 { width: 176px; }
      #header #menu li a.menu-8 { width: 145px; background: none; }

#mainContent { background-color: #FFFFFF; min-height: 400px; padding: 15px 14px;  }
#mainContent .forms input, textarea, select { width: 98%; border: solid 1px #CCC; border-top-color: #333333; border-left-color: #333333; padding:1px; margin-bottom:5px; }
  #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; font-family: }
    #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; }
          #mainContent #leftContent #busca form fieldset label { display: block; font-weight: bold; line-height: 16px; }
          #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 #27669C; height: 18px; }
          #mainContent #leftContent #busca form fieldset .submit { display: block; margin: 11px 0 0 0; }
    #mainContent #leftContent #simuladores { }
      #mainContent #leftContent #simuladores ul { }
        #mainContent #leftContent #simuladores ul li { float: left; display: block; margin: 0 13px 7px 0; }
          #mainContent #leftContent #simuladores ul li .base { display: table-cell; width: 61px; height: 51px; text-align: center; vertical-align: middle; }
            #mainContent #leftContent #simuladores ul li .base a { }
  #mainContent #rightContent { float: right; width: 690px; }
    #mainContent #rightContent h2, #mainContent #rightContent h1 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 24px; line-height: 100%; margin: 0 0 6px 0; color: #D72421; }
	#mainContent #rightContent h3 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 20px; line-height: 100%; margin: 0 0 6px 0; color: #666; }
    #mainContent #rightContent #destaques { padding: 7px; height: 222px; }
      #mainContent #rightContent #destaques .destaque { height: 222px; width: 676px; }
        #mainContent #rightContent #destaques .destaque .left { width: 295px; }
          #mainContent #rightContent #destaques .destaque .left img { width: 295px; height: 222px; }
        #mainContent #rightContent #destaques .destaque .right { width: 370px; }
          #mainContent #rightContent #destaques .destaque .right h3 { color: #D72421; font-size: 25px; line-height: 120%; margin: 0 0 12px 0; }
          #mainContent #rightContent #destaques .destaque .right p.desc { font-size: 15px; margin: 0 0 12px 0; line-height: 110%; }
          #mainContent #rightContent #destaques .destaque .right p.preco { font-size: 25px; margin: 0 0 30px 0; line-height: 110%; color: #CC3300; font-weight: bold; }
          #mainContent #rightContent #destaques .destaque .right .mais { display: block; text-indent: -9999px; overflow: hidden; width: 142px; height: 31px; background: url(../../img/design/btn_mais_detalhes.png) 0 0 no-repeat; }
    #mainContent #rightContent #destaques-sombra { background: url(../../img/design/destaques_sombra.png) center 0 no-repeat; width: 690px; height: 26px; line-height: 1px; }

	#mainContent #rightContent .imoveis { display: inline; }
      #mainContent #rightContent .imoveis .imovel { height: 250px; background: url(../../img/design/imovel_sombra_bg.png) center bottom no-repeat; width: 158px; float: left; margin: 0 19px 0 0; }
        #mainContent #rightContent .imoveis .imovel .box { height: 209px; padding: 7px 9px; }
          #mainContent #rightContent .imoveis .imovel .box .title { display: block; overflow: hidden; background: #27669C; font-size: 11px; text-align: center; height: 30px; line-height: 30px; font-weight: bold; color: #FFFFFF; }
          #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 .foto-area .fav-no { width: 24px; height: 23px; display: block; overflow: hidden; text-indent: -9999px; background: url(../../img/design/estrela-no.png) 0 0 no-repeat; line-height: 1px; margin: -27px 0 0 110px; position: relative; _background-image: url(../../img/design/estrela8bits-no.png); }
          #mainContent #rightContent .imoveis .imovel .box p { color: #666666; font-size: 12px; }
		    #mainContent #rightContent .imoveis .imovel .box .bairro { height:20; width:100%; overflow:hidden; display:block; white-space:nowrap }
            #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: 8px 0 0 0; display: block; }

    #mainContent #rightContent #paginacao { padding: 15px 0; width:100%; float:left }
      #mainContent #rightContent #paginacao p { text-align: center; font-size: 16px; font-family: Lucida Sans Unicode; }
        #mainContent #rightContent #paginacao p a { color: #3889BC; padding: 0 3px; }
        #mainContent #rightContent #paginacao p a.active { color: #CC3300; }

    #mainContent #rightContent #detalhes { padding: 12px 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 .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: -266px 0 0 333px; position: relative; _background-image: url(../../img/design/estrela8bits.png); }
        #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: #27669C; line-height: 17px; float: left; padding: 0 30px 0 28px; }
          #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: 305px; }
        #mainContent #rightContent #detalhes .right h1 { font-weight: bold; line-height: 120%; }
          #mainContent #rightContent #detalhes .right h1 .cinza { color: #999999; }
        #mainContent #rightContent #detalhes .right p { line-height: 130%; font-size: 13px; color: #666666; }
        #mainContent #rightContent #detalhes .right p.preco { color: #CC3300; font-size: 24px; font-weight: bold; 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: #333333; 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 { display: block; width: 136px; height: 100px; }
            #mainContent #rightContent #fotos ul li a img { width: 136px; height: 100px; }

    #mainContent #rightContent #maisinfo { padding: 0 0 30px 0; color: #666666; }
      #mainContent #rightContent #maisinfo h2 { margin: 0 0 10px 0; }
      #mainContent #rightContent #maisinfo fieldset { float: left; width: 200px; margin: 0 15px 0 0; }
        #mainContent #rightContent #maisinfo fieldset label { display: block; font-weight: bold; line-height: 16px; }
        #mainContent #rightContent #maisinfo fieldset .text { margin: 0 0 4px 0; width: 196px; height: 17px; }
      #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 8px 0; }
        #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 20px 0 0; }


/* footer shadow coloca a sombra no rodapé. se for ie6, não coloca nada, pois é png32 */
#footer-shadow { padding: 0 0 24px 0; background: url(../../img/design/footer_sombra.png) center bottom no-repeat; _background: none; }

#footer { background: url(../../img/design/footer_bg.png) 0 0 no-repeat #27669C; height: 131px; margin: 23px 0 0 0; padding: 24px 24px 24px 275px; font-size: 12px; }
  #footer p, #footer a { color: #FFFFFF; line-height: 130%; }
  #footer .left { width: 155px; padding: 0px 0 0 0; }
    #footer .left li { list-style: square inside; color: #FFFFFF; }
  #footer .l1 { }
  #footer .l2 { }
    #footer .l2 a { font-size: 13px; }
  #footer .l3 { width: 265px; }
    #footer .l3 p { font-size: 12px; margin-bottom: 12px; }
  #footer .l3 { width: 265px; }
  #footer #fullbiz { float: right; display: block; overflow: hidden; text-indent: -9999px; background: url(../../img/design/fullbiz.png) 0 0 no-repeat; width: 36px; height: 7px; line-height: 1px; }