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

body { background:url(../../img/design/body_bg.png) center top repeat-y #E3E3E3; font: 100% Arial, Helvetica, sans-serif; font-size: 12px; 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 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 18px; color: #333; font-weight: normal; line-height: 24px; padding: 0 0 3px 0; border-bottom: solid 1px #E8E8E9; margin: 0 0 13px 0;  }
h3 { font-size: 18px; }
h1 span { color:#900  }
.hlight { color: #F18D30; }
.hsplit { border-bottom: solid 1px #E8E8E9; margin: 0 0 15px 0; }
  .hsplit h1, .hsplit h2, .hsplit h3 { float: left; border-bottom: none !important; margin: 0; padding: 0 0 5px 0; width: 500px; }
  .hsplit select { float: right; }
  .hsplit .voltar, .hsplit .subir { display: block; overflow: hidden; float: right; text-align: right; width: 60px; line-height: 22px; color:#999; font-size: 9px; font-family:Tahoma, Geneva, sans-serif; padding: 25px 0 0 0; }

.left { float: left; }
.right { float: right; }
.quebra { margin-right: 0 !important; }

#container { width:976px; margin: 0 auto 0 auto; }

#header { height:100px; }
 #header .logo { float:left; padding: 20px 0 0 0; }
 #header .ligue { float:right; margin: 20px 0 10px 0; }
 #header .email { float:right; margin: 20px 0 10px 20px; }

		.menu { height: 18px; width:530px; margin: 0 0 0 540px; }
		.menu li { float:left; line-height:150%; display:block; margin: 0 20px 0 0; }
		.menu li a { color: #333; font-size: 14px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; white-space: nowrap; }
		.menu li a:hover { text-decoration:none; color:#900 }

	#mainContent { clear: both; padding:0 0 15px 0; text-align:left;  }		  
	
	#mainContent h1 { clear: both; margin: 20px 0 0 0; }		  
		  
	#busca { background: url(../../img/design/busca_bg.png) no-repeat; height:53px; padding: 0 0 0 270px; }
	  #busca fieldset { clear: both; margin: 14px 0 0 0; }
		#busca fieldset select { width: 120px; font-size: 11px; font-weight:bold; color:#666; height: 24px; padding: 3px 1px; margin: 0 5px 0 0; }
		
	#homeContent { clear: both; margin:10px 0 0 0; text-align:left;  }		

	  
	  #bns { width:232px; }
	  
	  #intMenu { float:left; width:976px; margin: 0 0 10px 0; text-align:left;  }		
		#intMenu  .menu { float: left; height: 18px; }
		#intMenu  .menu li { float:left; display: inline; line-height:150%; display:block }
		#intMenu  .menu li a { margin: 0 20px 0 0; color: #333; font-size: 14px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; white-space: nowrap; }
		#intMenu  .menu li a:hover { text-decoration:none; color:#900 }		
	  
	  #animacao { float:left; width:976px; height:390px; }
	  
		#animacao { height: 390px; width: 976px; overflow: hidden; border-top: solid 1px #FFF; background: #FFF; }
		  #animacao .container { float: left; width: 976px; height: 390px; overflow: hidden; position: relative; }
			#animacao .container .slides { position: absolute; top: 0; left: 0; overflow: visible; }
			  #animacao .container .slides .slide { position: absolute; width: 976px; height: 390px; top: 0; display: xnone; }
			  #animacao .container .slides .slide img { width: 976px; height: 390px; }
		  
		  #animacao .base-pagination { position: absolute; margin: 360px 0 0 0; z-index: 100; width: 976px; height: 27px; *margin-left: -976px; }
		  #animacao .pagination { width:976px; margin: 0 0 0 0; _display: none; text-align:center }
			#animacao .pagination li { display: inline-block; overflow: hidden; width: 20px; height: 20px; padding: 0 2px 0 0; }
			  #animacao .pagination li a { display:block; text-indent:-99999px;  background-image:url(../../img/design/animacao_pinativo.png); display: block; 
			  overflow: hidden; width: 22px; height: 20px; line-height: 20px; text-align: center; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; color: #333; font-weight: bold; }
			  #animacao .pagination li a:hover { color:#FFF }
			  #animacao .pagination li.active a { background-image:url(../../img/design/animacao_pativo.png); color:#FFF  } 	
		  
	.imoveis { padding: 0 0 4px 0;}
	  .imoveis .imovel { float: left; width: 296px; height: 120px; margin: 0 38px 20px 0; font-size:14px; font-family:Arial, Helvetica, sans-serif }
		.imoveis .imovel .foto { float:left; width: 160px; height: 120px; margin: 0 5px 0 0; }
		  .imoveis .imovel .foto img { width: 160px; height: 120px; }
		.imoveis .imovel p { padding: 2px; }
		.imoveis .imovel .title { color: #666; font-size: 14px; overflow: hidden; font-weight:bold; height:28px }
		.imoveis .imovel .desc { color: #333; font-size: 14px; overflow: hidden; line-height: 130%}
		.imoveis .imovel .fav { color: #666; font-size: 9px; overflow: hidden; height:20px; line-height:20px; padding: 0 0 0 20px; margin: 5px 0 5px 0; background:url(../../img/design/imoveis_fav.png) no-repeat }
		.imoveis .imovel .favdel { color: #666; font-size: 9px; overflow: hidden; height:20px; line-height:20px; padding: 0 0 0 20px; margin: 5px 0 5px 0; background:url(../../img/design/imoveis_favdel.gif) no-repeat }		
		.imoveis .imovel .fav a { color: #666;  }
		.imoveis .imovel .fav a:hover { color:#900;  }
		.imoveis .imovel .favdel a { color: #666;  }
		.imoveis .imovel .favdel a:hover { color:#900;  }
		.imoveis .imovel .mais { float:right; position: absolute; margin: -11px 0 0 270px; *margin: -11px 0 0 100px; }
		
		.paginacao { padding: 8px 0 16px 0; }
		  .paginacao p { text-align: center; color: #999; font-size: 12px; }
			.paginacao p strong { color: #000; }
			.paginacao p a { color:#900; font-weight: bold; padding: 0 2px; }
			.paginacao p a.active { font-weight: bold; color: #666; }
		  .paginacao select { float: right; height: 20px; font-size: 11px; font-weight: bold; color: #666; margin: 0; }	
		  
		.detalhes { clear: both; padding: 2px 0 28px 0; }
		   
		   .ifoto { float: left; width: 400px; height:300px; overflow:hidden }
			.ifoto img { width: 400px; }
			
			.detalhesBox { float:left; width:400px; margin: 0 20px 0 0;  }
			
			.detalhesBox h2 { color:#333; font-size:24px; height:auto; border:none; margin:auto; }
			.detalhesBox .info { margin: 20px 0 0 0; }
			.detalhesBox .preco { color:#900; font-weight:bold }

			#fotos { width:400px; float:left }
			  #fotos .wrapper { background: #EAEAEB; padding: 5px }
				#fotos .wrapper .btn { width: 16px; height: 60px; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-color: #B13D36; }
				#fotos .wrapper .btnLeft { background-image: url(../../img/design/imovel_fotos_left.png); float: left; margin: 0 2px 0 0; }
				#fotos .wrapper .btnRight { background-image: url(../../img/design/imovel_fotos_right.png); float: right; }
				#fotos .wrapper .scrollArea { float: left; height: 60px; width: 354px; }
				  #fotos .wrapper .scrollArea .scrollable { position: relative; width: 354px; height: 88px; }
					#fotos .wrapper .scrollArea .scrollable .items { width: 20000em; position: absolute; }
					  #fotos .wrapper .scrollArea .scrollable .items div { width: 80px; height: 60px; float: left; margin: 0 2px 0 0; }
						#fotos .wrapper .scrollArea .scrollable .items div a { margin: 0; overflow: hidden; float: left; }
						#fotos .wrapper .scrollArea .scrollable .items div a:hover { border: 3px solid #F00; }
						  #fotos .wrapper .scrollArea .scrollable .items div a:hover img { margin: -3px; }
						  #fotos .wrapper .scrollArea .scrollable .items div a img { width: 80px; height: 60px; }
			
			
			#imovel-form { margin: 0 0 22px 0; }
			  #imovel-form h3 { margin-bottom: 12px; }
			  #imovel-form fieldset { float: left; display: block; width: 200px; margin: 0 0 0 0; }
				#imovel-form fieldset .text { padding: 1px; width: 190px; height: 18px; margin: 0 0 3px 0; padding: 1px; border: solid 1px #acacac; border-bottom-color: #e7e7e7; border-right-color: #e7e7e7; }
				#imovel-form fieldset select.text { height: 22px; }
				#imovel-form fieldset label { display: block; font-weight: bold; line-height: 17px; color: #666; }
				#imovel-form fieldset.big { width: 400px; margin: 0; clear: both; }
				  #imovel-form fieldset.big .text { width: 660px; height: 110px; }
				  #imovel-form fieldset.big .submit { float: left; margin: 10px 0 0 0; }
			
			#localizacao { }
			  #localizacao #map { width: 520px; height: 286px; }
			   #localizacao #map * { overflow: visible !important; height: auto; }
			
			#enviar-por-email { }
			  #enviar-por-email form { }
				#enviar-por-email form label { display: block; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 17px; color: #333; }
				#enviar-por-email form .text { width: 280px; margin: 0 0 4px 0; border: solid 1px #666; font-size: 14px; padding: 2px; }
				#enviar-por-email form .submit { margin: 5px 0 0 0; }
			
			#parceiros { width:700px; margin:50px auto 0 auto; }
			 #parceiros .logo { margin:0 30px 30px 0; width:200px; height:80px; float:left }

			#contato { margin: 0 0 22px 0; }
			  #contato h3 { margin-bottom: 12px; }
			  #contato fieldset { float: left; display: block; width: 260px; margin: 0 0 0 0; }
				#contato fieldset .text { padding: 1px; width: 250px; height: 18px; margin: 0 0 3px 0; padding: 1px; border: solid 1px #acacac; border-bottom-color: #e7e7e7; border-right-color: #e7e7e7; }
				#contato fieldset select.text { height: 22px; }
				#contato fieldset label { display: block; font-weight: bold; line-height: 17px; color: #666; }
				#contato fieldset.big { width: 400px; margin: 0; clear: both; }
				  #contato fieldset.big .text { width: 660px; height: 110px; }
				  #contato fieldset.big .submit { float: left; margin: 10px 0 0 0; }
			
			  .onde .addr {  }
				.onde .addr p { float: left; font-size: 11px; }
				  .onde .addr p a { color: #333; }
			  .onde #map { width: 400px; height: 286px; }
			   .onde #map * { overflow: visible !important; height: auto; }			  
			  .onde .ampliar { margin: 10px 0 0 0; font-size: 11px; }
				.onde .ampliar a { font-weight: bold; color: #BB221B; }
			
#footer { background-image:url(../../img/design/footer_bg.png); background-repeat: repeat-x; height:198px; font-size:11px }

#footer #footerContent { width:976px; margin: 0 auto 0 auto; }

  #footer .box { text-align:left; float:left; margin: 15px 20px 0 0; width:160px; }
  #footer .box h4 { font-weight:bold; margin: 0 0 15px 0; }
  .box a { color: #333; white-space: nowrap; }
  .box a:hover { text-decoration:underline; }
  .box .menu li { display: block; }
  .box .menu li a { color: #333; display: block; white-space: nowrap; }
  .box .menu li a:hover { text-decoration:underline; }

#assinaturas { float: right; padding: 10px 0 0 0; margin: 00px 0 0 0; }
  #assinaturas ul { display: block; overflow: hidden; float: right; }
    #assinaturas ul li { display: block; float: right; clear: right; padding: 0 0 9px 0; }
      #assinaturas ul li a { display: block; overflow: hidden; float: right; height: 6px; text-indent: -9999px; background-position: 0 0; background-repeat: no-repeat; }
      #assinaturas ul li #fullbiz { background-image: url(../../img/design/footer_fullbiz.png); width: 35px; }
      #assinaturas ul li #vista { background-image: url(../../img/design/footer_vista2.png); width: 56px; }

#tooltip { padding: 5px; color: #FFF; border: solid 1px #FFF; position: absolute; background: url(../../img/design/tooltip_bg.png) 0 0 repeat; line-height: 110%; text-align: left; z-index: 100; }
* html div#tooltip { _width: expression( document.body.clientWidth > 150 ? "150px" : "auto" ); }
  #tooltip h3 { font-size: 11px; margin: 0; padding: 0; font-weight: bold; color: #FFF; font-family: Arial, Helvetica, sans-serif; line-height: 110%; text-transform: none; border: none; }
  #tooltip div { }
	  
.dialog { }
  .dialog form { }
    .dialog form label { display: block; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 17px; color: #333; }
    .dialog form .text { width: 280px; margin: 0 0 4px 0; border: solid 1px #666; font-size: 14px; padding: 2px; }
    .dialog form .submit { margin: 5px 0 0 0; }

.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 5px #333; background: url(../../img/design/dialog_bg.png) 0 0 repeat; 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 { font-size: 18px; color:#900; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: 0 0 8px 0; line-height: 100%; padding-left: 0 !important; }