@import "fbz.reset.css";

body { font: 100% Arial, Helvetica, sans-serif; font-size: 12px; background: url(../../img/design/bg.jpg) center top repeat #3A281F; margin: 0; padding: 0; text-align: center; color: #FFF; line-height: 120%; }
div { overflow: hidden; _height: 100%; }

a { text-decoration: none; color: #BC831A; }
a:hover { text-decoration: underline; }
.amarelo { color: #BC831A; }

.left { float: left; }
.right { float: right; }
.myforms input, select, textarea { width:100%; margin-bottom:5px; padding:1px}

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

#header { border-bottom: solid 3px #B57A20; overflow: visible; height: 98px; *z-index:999;}
  #header .left { width: 275px; }
  #header .right { width: 710px; overflow: visible; *z-index:999;}
    #header .right .telefone { background: url(../../img/design/topo_telefone.png) 0 0 no-repeat; width: 161px; height: 56px; float: right; text-indent: -9999px; overflow: hidden; }
    #header .right #menu { *z-index:999; *width: 705px; display: block; height: 42px; float: right; clear: right; overflow: visible; }
      #header .right #menu li { float: left; display: inline; height: 42px; overflow: visible; }
        #header .right #menu li a { display: block; height: 42px; background: url(../../img/design/topo_menu.png) 0 0 no-repeat #3F2A20; text-indent: -9999px; overflow: hidden; }
         #header .right #menu li a.menu-1 { width: 81px; background-position: 0 0; }
           #header .right #menu li a.menu-1:hover { background-position: 0 -42px; }
         #header .right #menu li a.menu-2 { width: 97px; background-position: -81px 0; }
           #header .right #menu li a.menu-2:hover { background-position: -81px -42px; }
         #header .right #menu li a.menu-3 { width: 75px; background-position: -178px 0; }
           #header .right #menu li a.menu-3:hover { background-position: -178px -42px; }
         #header .right #menu li a.menu-4 { width: 101px; background-position: -253px 0; }
           #header .right #menu li a.menu-4:hover { background-position: -253px -42px; }
         #header .right #menu li a.menu-5 { width: 84px; background-position: -354px 0; }
           #header .right #menu li a.menu-5:hover { background-position: -354px -42px; }
         #header .right #menu li a.menu-6 { width: 132px; background-position: -438px 0; }
           #header .right #menu li a.menu-6:hover { background-position: -438px -42px; }
         #header .right #menu li a.menu-7 { width: 135px; background-position: -570px 0; }
           #header .right #menu li a.menu-7:hover { background-position: -570px -42px; }
        #header .right #menu li a:hover { text-decoration: none; }
        #header .right #menu li.dir ul { position: absolute; }
          #header .right #menu li.dir ul li { float: none; display: block; height: 28px; }
            #header .right #menu li.dir ul li a { *z-index:999; display: block; overflow: hidden; line-height: 28px; padding: 0 14px; background: #492F21; font-size: 14px; color: #FFF; text-indent: 0; font-style: italic; width: 175px; border-top: solid 1px #874928; height: 28px; }
              #header .right #menu li.dir ul li a:hover { background: #7E4527; *z-index:999; }

#mainContent { clear: both; background: url(../../img/design/main_bg.png) 0 0 repeat; _background: #5e361e; padding: 0 0 75px 0; *z-index:1;}

  h1, h3 { display: block; overflow: hidden; text-indent: -9999px; background: 0 0 no-repeat; height: 25px; width: 300px; margin: 0 0 8px 0; }
  
  #linha1 { border-bottom: solid 3px #B57A20; margin: 0 0 23px 0; }
    #linha1 #animacao { float: left; width: 587px; height: 250px; *z-index:1;}
    #linha1 #busca { float: right; width: 338px; background: url(../../img/design/linha1_busca_bg.png) 0 0 repeat-x #7D411E; height: 250px; padding: 0 36px 0 29px; }
      #linha1 #busca h2 { font-family: Lucida Sans Unicode; font-size: 22px; font-weight: bold; margin: 25px 0 15px 0; text-transform: uppercase; }
      #linha1 #busca form { }
        #linha1 #busca form fieldset { width: 162px; }
          #linha1 #busca form fieldset label { display: block; line-height: 135%; font-weight: bold; }
          #linha1 #busca form fieldset .text { border: solid 1px #999; border-bottom-color: #000; border-right-color: #000; height: 20px; width: 160px; margin: 0 0 4px 0; color: #333; }
          #linha1 #busca form fieldset select.text { height: 22px; }
          #linha1 #busca form fieldset .codigo { border: solid 2px #BC831A; margin: 11px 0 0 0; font-size: 15px; font-weight: bold; width: 140px; color: #BC831A; padding: 5px 8px; }
          #linha1 #busca form fieldset .half { }
            #linha1 #busca form fieldset .half .text { width: 73px; }
          #linha1 #busca form fieldset .bairros { border: solid 1px #999; border-bottom-color: #000; border-right-color: #000; background: #FFF; padding: 3px; height: 57px; overflow: auto; margin: 0 0 4px 0; }
            #linha1 #busca form fieldset .bairros label { color: #333; font-weight: normal; }
          #linha1 #busca form fieldset .submit { float: right; margin: 15px 0 0 0; }
   
  .leftContent { clear: both; width: 221px; float: left; margin: 0 0 0 23px; display: inline; }
    .leftContent .linha { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: solid 1px #8A4720; }
    .leftContent #refinar { }
      .leftContent #refinar h3 { margin-bottom: 15px; }
      .leftContent #refinar a { text-decoration: underline; }
      .leftContent #refinar ul { }
        .leftContent #refinar ul li { line-height: 130%; }
        .leftContent #refinar ul li.bullet { list-style: square inside; }
        .leftContent #refinar ul li.spacer { height: 15px; }
    .leftContent #trabalhe { }
      .leftContent #trabalhe h3 { margin-bottom: 6px; }
      .leftContent #trabalhe p a { color: #A0B8CF; font-size: 11px; }
    .leftContent #financiamentos { }
      .leftContent #financiamentos ul { }
        .leftContent #financiamentos ul li { float: left; padding: 0 6px 0 0; }
	.leftContent #visitados { padding: 4px 0 30px 0; }
	  .leftContent #visitados h3 { font-size: 18px; color: #1F1A17; margin: 0 0 8px 0; }
	  .leftContent #visitados .imovel { padding: 0 0 8px 0; }
	    .leftContent #visitados .imovel .foto { float: left; display: block; }
	      .leftContent #visitados .imovel .foto img { width: 71px; height: 53px; }
	    .leftContent #visitados .imovel p { float: left; width: 110px; margin: 0 0 0 6px; line-height: 114%; }
	      .leftContent #visitados .imovel p a { color: #A0B8CF; font-size: 11px; }
	        .leftContent #visitados .imovel p a small { font-size: 10px; color: #BC831A; }

  .rightContent { width: 700px; float: right; margin: 0 15px 0 0; display: inline; }
    .rightContent h1, .rightContent h3 { margin-bottom: 15px; }
    .rightContent .linha { margin: 0 20px 10px 0; padding: 0 0 20px 0; border-bottom: solid 1px #8A4720; }
    .rightContent .imoveis { }
      .rightContent .imoveis .imovel { width: 141px; height: 204px; background: url(../../img/design/lista_imovel_bg.png) 0 0 no-repeat; padding: 8px; margin: 0 17px 20px 0; float: left; _margin-right: 13px; }
        .rightContent .imoveis .imovel .foto { height: 105px; }
          .rightContent .imoveis .imovel .foto a { display: block; overflow: hidden; color: #FFF; }
          .rightContent .imoveis .imovel .foto img { height: 105px; width: 141px; position: relative; }
          .rightContent .imoveis .imovel .foto .label { width: 131px; height: 25px; margin: -25px 0 0 0; z-index: 300; position: relative; background: url(../../img/design/lista_imovel_label_bg.png) 0 0 repeat; line-height: 25px; font-size: 11px; padding: 0 5px; }
        .rightContent .imoveis .imovel p { padding: 4px 3px 0 3px; line-height: 120%; }
        .rightContent .imoveis .imovel a.mais { background: url(../../img/design/btn_mais_detalhes.png) 0 0 no-repeat; width: 141px; height: 36px; overflow: hidden; text-indent: -9999px; display: block; margin: 8px 0 0 0; }
    .rightContent #paginacao { padding: 0px 0 20px 0; *padding-top: 20px; }
      .rightContent #paginacao p { text-align: center; font-family: Lucida Sans Unicode; font-size: 18px; }
        .rightContent #paginacao p a { display: block; padding: 0 7px 2px 7px; margin: 0 4px 0 0; display: inline-block; color: #C8A400; text-decoration: underline; line-height: 26px; }
        .rightContent #paginacao p a:hover { text-decoration: none; color:#FFF }
        .rightContent #paginacao p a.active { background-color: #5F371D; border: solid 1px #81411D; }

    .rightContent .voltar { display: block; background: url(../../img/design/bullet_voltar.png) 0 2px no-repeat; line-height: 15px; padding: 0 0 0 20px; margin: 0 0 15px 0; }
    
	.rightContent #detalhes { padding-bottom: 40px !important; }
	  .rightContent #detalhes .left { width: 310px; _display: inline; }
	    .rightContent #detalhes .left .foto { width:310px; height:230px; overflow:hidden; background-color:#3E2920; text-align:center }
		.rightContent #detalhes .left .painel { padding: 6px 0 0 0; }
	      .rightContent #detalhes .left .painel ul { }
  	        .rightContent #detalhes .left .painel ul li { float: left; padding: 0 6px 0 0; }
  	          .rightContent #detalhes .left .painel ul li a { background: url(../../img/design/imovel_botoes.png) 0 0 no-repeat; display: block; overflow: hidden; text-indent: -9999px; width: 30px; height: 31px; }
  	          .rightContent #detalhes .left .painel ul li a.p1 { background-position: 0 0; }
  	            .rightContent #detalhes .left .painel ul li a.p1:hover { background-position: 0 -31px; }
  	          .rightContent #detalhes .left .painel ul li a.p2 { background-position: -35px 0; }
  	            .rightContent #detalhes .left .painel ul li a.p2:hover { background-position: -35px -31px; }
  	          .rightContent #detalhes .left .painel ul li a.p3 { background-position: -71px 0; }
  	            .rightContent #detalhes .left .painel ul li a.p3:hover { background-position: -71px -31px; }
  	        .rightContent #detalhes .left .painel ul li.legenda { max-width: 180px; white-space: nowrap; }
  	          .rightContent #detalhes .left .painel ul li.legenda p { color: #FFF; font-size: 11px; font-weight: bold; display: block; background: #8B591F; border: solid 1px #BC831A; line-height: 20px; padding: 0 6px; margin: 8px 0 0 0; }
	  .rightContent #detalhes .right { width: 325px; margin: 0 20px 0 0; _display: inline; }
	    .rightContent #detalhes .right h1 { height: auto; width: auto; text-indent: 0; font-size: 12px; color: #FFF; text-transform: uppercase; line-height: 130%; }
	      .rightContent #detalhes .right h1 small { font-size: 10px; }
	      .rightContent #detalhes .right h1 .preco { font-size: 16px; font-family: Trebuchet MS; color: #C5662E; }
	    .rightContent #detalhes .right ul { display: block; overflow: hidden; }
	      .rightContent #detalhes .right ul li { display: block; float: left; background: url(../../img/design/bullet_v.png) 0 5px no-repeat; padding: 0 0 0 15px; line-height: 18px; width: 140px; font-weight: bold; white-space: nowrap; }
	    .rightContent #detalhes .right p { margin: 16px 0 0 0; }
	
	.rightContent #fotos { }
      .rightContent #fotos ul { }
        .rightContent #fotos ul li { padding: 0 1px 1px 0; float: left; }
          .rightContent #fotos ul li a { display: block; overflow:hidden;  }
			.rightContent #fotos ul li a img { width:130px; height:95px; }
            .rightContent #fotos ul li a:hover { display: block; border: solid 3px #960;   }			
			.rightContent #fotos ul li a:hover img { margin:-3px }			

			

    .rightContent #imediacoes #map { width: 683px; height: 263px; }
      #map * { overflow: visible; height: auto; }

	.rightContent #imovel-fale { padding: 13px 0 0 0; }
	  .rightContent #imovel-fale fieldset { float: left; display: block; width: 198px; margin: 0 9px 0 0; }
	    .rightContent #imovel-fale fieldset select { height: 22px !important; }
	    .rightContent #imovel-fale fieldset label { display: block; font-weight: bold; line-height: 17px; }
		.rightContent #imovel-fale fieldset .maisinfo-field { margin: 0 0 6px 0; width: 194px; height: 18px; border: solid 1px #333333; padding: 1px; border-bottom-color: #CCCCCC; border-right-color: #CCCCCC; color: #333333; font-size: 13px; }
		.rightContent #imovel-fale fieldset.big { width: 248px; margin: 0; }
		  .rightContent #imovel-fale fieldset.big .maisinfo-field { width: 248px; height: 113px; }
		  .rightContent #imovel-fale fieldset.big .enviar { float: right; margin: 10px 0 0 0; }

  .rightContent #contato { color: #FFF; padding: 6px 0 0 0; }
    .rightContent #contato p.intro { margin: 0 0 30px 0; }
    .rightContent #contato form { }
      .rightContent #contato form fieldset { width: 500px; margin: 0 auto; }
        .rightContent #contato form fieldset .linha { padding: 0 0 5px 0; width: 500px; border: none; }
          .rightContent #contato form fieldset .linha label { width: 140px; float: left; line-height: 21px; }
          .rightContent #contato form fieldset .linha input, .rightContent #contato form fieldset .linha select, #mainContent #contato form fieldset .linha textarea { float: left; }
          .rightContent #contato form fieldset .linha .text { border: solid 1px #CCC; height: 17px; padding: 1px; font-size: 13px; color: #333; width: 350px; }
          .rightContent #contato form fieldset .linha textarea.text { height: 100px; }
          .rightContent #contato form fieldset .linha select.text { height: 21px; }
          .rightContent #contato form fieldset .linha select#estado { width: 55px; }
          .rightContent #contato form fieldset .linha .submit { float: right; margin: 2px 5px 0 0; }
    .rightContent #contato .endereco { padding: 20px 0; }
      .rightContent #contato .endereco h3 { margin: 0 0 30px 0; }
      .rightContent #contato .endereco .left { width: 200px; }
        .rightContent #contato .endereco .left p { line-height: 150%; font-size: 12px; }
      .rightContent #contato .endereco #mapa { float: right; width: 360px; height: 220px; clear: none; margin: 0 118px 0 0; }
	    .rightContent #contato .endereco #map { width: 360px; height: 190px; }


#footer { border-top: solid 3px #B57A20; padding: 19px 23px 40px 23px; }
  #footer #footer-1 { float: left; width: 256px; background: url(../../img/design/footer_logo.png) 0 0 no-repeat; }
    #footer #footer-1 p { padding: 36px 0 0 0; color: #A0B8CF; font-size: 11px; }
  #footer #footer-2 { float: left; width: 480px; padding: 6px 0 0 0; }
    #footer #footer-2 p { padding: 0 0 12px 0; font-size: 11px; color: #A0B8CF; }
      #footer #footer-2 p a { color: #FFF; }
    #footer #footer-2 .amarelo { color: #A68E57; }
  #footer #footer-3 { float: right; width: 150px; }
    #footer #footer-3 a { display: block; overflow: hidden; text-indent: -9999px; margin: 6px 0 6px 0; }
    #footer #footer-3 .fullbiz {width: 35px; height: 6px; background: url(../../img/design/fullbiz.png) 0 0 no-repeat; float: right; }
    #footer #footer-3 .vista {width: 56px; height: 6px; background: url(../../img/design/vista.png) 0 0 no-repeat; float: right; clear: right; }