/************************************************************************/
/* Desenvolvido por Flex Soluções - Soluções em Web e Software          */
/* www.flexsolucoes.com.br										        									*/
/* contato@flexsolucoes.com.br																					*/
/* (48)3632-3178												       												 	*/
/************************************************************************/

/* Geral
-------------------------------------------------------------------------- */
html { overflow:-moz-scrollbars-vertical; } /* coloca barra de rolagem no ff */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
html { height:100%; }
body { width:100%;  height:100%; background:#fff; font: normal 12px/1.6em arial, sans-serif; text-align: left; color: #666666; font-family:Tahoma, Geneva, sans-serif; }

ul, li, ol { list-style:none; }

h1, h2, h3, h4, h5, h6 { font-weight:bold; color: #243e4c; font-family: Helvetica, Arial, Verdana, sans-serif; }
h1 { font-weight:normal; color: #383838; font-size:1.8em; margin:6px 0 6px 0; padding-bottom:4px; font-family: Helvetica, Arial, Verdana, sans-serif; }
h2 { font-weight:normal; color: #767676; font-size:1.6em; margin-bottom: 6px; font-family: Helvetica, Arial, Verdana, sans-serif; }
h3 { font-weight:normal; color: #000; font-size:1.4em; margin-bottom: 8px; font-family: Helvetica, Arial, Verdana, sans-serif; }
h4 { color: #e7ff61; font-weight:bold; font-size:1.2em; margin-bottom: 5px; font-family:Verdana, Geneva, sans-serif; }
h5 { font-family: "Arial", Trebuchet MS, sans-serif; }
h6 { font-family: "Arial", Trebuchet MS, sans-serif; }

img { border:0px; }


/* Padrão
-------------------------------------------------------------------------- */
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }

.floatL { float:left; width:100%; }
.floatR { float:right; width:100%; }

.pad10 { padding:10px; }
.borda { border:1px solid #e3e3e3; }


/* Clearfix
-------------------------------------------------------------------------- */
.clearfix {display: inline-block;} /* isso serve para IE/Mac */
.clearfix:after {content: " ";display: block;height: 0;clear: both;font-size: 0;visibility: hidden;}
* html .clearfix { zoom: 1; }
.clearfix { display: block; }


/* Links
-------------------------------------------------------------------------- */
a { text-decoration:none; color:#4e4e4e; }
a:hover { color:#888; }

.mais{margin:17px 0 0 0; }
div a.linkMais {cursor:pointer; background:#f2f2f2 !important; width:155px;padding:5px 0 5px 0;  display:block; line-height:14px; text-align:center; color:#3b3b3b; font-size:12px; text-decoration:none;border:none;float:left;font-family:Arial, Helvetica, sans-serif;margin:7px 0 0 0;}
div a.linkMais span { line-height:11px;}
div a.linkMais:hover { color:#6c6c6c; background:#CCC; }

a.bt-mais{background:#686868 url(../png/seta.png) 93% 50% no-repeat;color:#fff;padding:6px 25px 8px 12px;text-decoration:none;-webkit-border-radius:3px;-moz-border-radius:3px;position:relative;}
a.bt-mais:hover{background:#5c5c5c url(../png/seta.png) 93% 50% no-repeat;}


/* Serviços
-------------------------------------------------------------------------- */
#abas-mais ul {list-style-type: none;margin: 0;margin-left: 0px;padding: 0;}
#abas-mais .menu-abas {background:url('../gif/bgAbas.gif') repeat-x left bottom;height:2.25em;margin-bottom:1.17em;padding-left:10px;}
#abas-mais .menu-abas ul {list-style-type: none;margin: 0;margin-left: 10px;padding: 0;}
#abas-mais .menu-abas li {background-color:#F7F7F7;border:1px solid #DDD;float:left;height:2.085em;line-height:2.085em;margin-right:0.67em;padding:0 1.5em;}
#abas-mais .menu-abas li.selecionado {background-color:#FFF;border-bottom:0;font-weight:bold;height:2.25em;_height:2.165em;}
#abas-mais .menu-abas li a {color:#333;font-size:1.0em;text-decoration:none;font-size:12px;font-weight:bold;}
#abas-mais .menu-abas li a:hover {color:#333;font-size:1.0em;text-decoration:underline;font-size:12px;}
#abas-mais .menu-abas li.selecionado a {cursor:default;text-decoration:none;}


/* Divs (Geral)
-------------------------------------------------------------------------- */
#inicio { width:100%; }
#layout { width:978px; margin:auto; }
#topo { height:129px; }
#topo .logo-topo { position:absolute; float:left; margin:8px 0 0 60px; width:206px; height:116px; background:url(../png/bg-logo.png) no-repeat; }

	/* conteudo */
	#meio { float:left; width:100%;background:url(../png/meio.png) center repeat-y; }
	#top { float:left; width:100%; height:23px; background:url(../png/top.png) center no-repeat; }
	#end { float:left; width:100%; height:23px; background:url(../png/end.png) center no-repeat; }
	.conteudo { padding:0 15px; }


/* Imóveis - Página Inicial
-------------------------------------------------------------------------- */
.boxImovel { width:202px; height:223px; background:url(../png/bg-imovel.png) center top no-repeat; margin:17px; float:left; }
.boxImovel em { color:#8a8a8a; font-size:11px; }
.boxImovel .foto { text-align:center; }
.boxImovel .valor { color:#093b7d; font-weight:bold; }

.areaPesquisa { width:950px; height:227px; background:url(../png/bg-pesquisa.png) }
.areaPesquisa .areaConteudo { width:900px; margin:auto; padding-top:25px; }
.areaPesquisa h2 { font-size:1.3em; }

.seta { float:left; width:45px; padding-top:40px; cursor:pointer; }
.seta a { cursor:pointer; }


/* Pesquisa Preferencia
-------------------------------------------------------------------------- */
.pesquisaPreferencia {width: 97%;height: 100%;overflow: scroll;overflow-x: hidden;background: #fff url(../gif/bg-input.gif) top repeat-x;border: 1px solid #D5D5D5; font-size:11px; line-height:16px;}
.pesquisaPreferencia {height: 85px;*height: 85px; margin-bottom:5px;}


/* Pesquisa de Bairros
-------------------------------------------------------------------------- */
.pesquisaBairro {width: 87%;height: 100%;overflow: scroll;overflow-x: hidden;background: #fff url(../gif/bg-input.gif) top repeat-x;border: 1px solid #D5D5D5;}
.pesquisaBairro {height: 55px;*height: 55px;}


.pesquisaPaginasComboItemTxt {float: left;margin-left: 3px;*margin-top: 0px;}
.pesquisaPaginasComboItemInput{float: left;margin: 2px 0px 0px 2px;*margin: -2px 0px 0px 0px;}
.pesquisaPaginasComboItem {width: 200%;display: block;height: 17px;line-height: 17px;vertical-align: text-top;margin-top: 1px;background-color: none;color: #000000;cursor: pointer;overflow: hidden;}
.pesquisaPaginasComboItemOn {width: 200%;display: block;height: 17px;line-height: 17px;vertical-align: text-top;margin-top: 1px;background-color: #CCCCCC;color: #000000;cursor: pointer;font-weight: bold;overflow: hidden;}

.tempSelecaoCheck {border:1px solid #98BA23;}
.tempSelecaoTexto {padding-left: 5px;}


/* Detalhes do imóvel
-------------------------------------------------------------------------- */
.tituloDetalhes-m h3.tituloDetalhes-h3 { line-height:47px; color:#343434; font-weight:normal; text-shadow:1px 1px #ffffff; padding-left:6px; }
.tituloDetalhes-l { margin-bottom:10px; background: url(../png/titulo/l.png) no-repeat; }
.tituloDetalhes-r { padding:0 7px; background: url(../png/titulo/r.png) no-repeat scroll right; }
.tituloDetalhes-m { height:43px; background: url(../png/titulo/m.png) repeat-x; }

.infoImoveis { padding: 5px 10px; margin-bottom: 0px; }
.infoImoveis ul li { padding:0 5px; border-bottom: 1px dashed #E6E6E6; display: block; padding-bottom: 3px; padding-top: 2px; color: #8C8C8C; width: 100%; }
.infoImoveis ul li:hover { width: 100%; border-bottom: 1px dashed #E6E6E6; display: block; padding-bottom: 3px; padding-top: 2px; color: #8C8C8C; background-color: #F7FBFD; }

.fotosImovel img { float: left; border: 5px solid #ebebeb; display: inline; margin:0 5px; }
.ico-caixa { background:url(../png/ico-caixa.png) left no-repeat; padding:0 20px 0 20px; }

/* Pesquisa de imóvel
-------------------------------------------------------------------------- */
div.imgResultado {position: relative; background-color: #f0f0f0; border: 4px solid #f0f0f0; border-bottom: 1px solid #d0d0d0; margin-bottom: 15px; cursor:pointer; }
div.imgResultado img.thumb.alignleft {padding-bottom: 3px;}
div.imgResultado span.overlay {background: url(../png/bg-img.png) no-repeat; display:block; position: absolute; height: 122px; width: 238px; top: 0px; left: 0px;}
p.maisInfo {font-style: italic; font-size: 11px; color: #949494; text-shadow: 1px 1px 1px #ffffff; padding-left: 10px; padding-bottom:3px; }
p.maisInfo a {font-weight: bold; color: #757575; }


/* Rodapé
-------------------------------------------------------------------------- */
#rodape { width:100%; float:left; text-align:center; height:30px; padding-top:10px; font-size:11px; }
#rodape .conteudoRodape { width:96%; margin:auto; }
#rodape .enderecoRodape, #rodape .foneRodape { float:left; text-align:left; margin-right:15px; line-height:14px; color:#747474; }
#rodape #copy { font-size:11px; color:#bdbdbd; float:left; }
#rodape #fleximob a { background:transparent url('../png/logo-fleximob.png') no-repeat left bottom; float:right; height:52px; width:157px; margin:0 0 10px 0; }
#rodape #fleximob a:hover { background:transparent url('../png/logo-fleximob.png') no-repeat left top; float:right; }


/* Formulário
-------------------------------------------------------------------------- */
select, textarea, input { font-family:verdana; font-size:11px; color:#818181; border:1px solid #D5D5D5; background:#fff url(../gif/bg-input.gif) top repeat-x; }
select { background:#fff; }
input[type="radio"] { border:0px; background:none; }
option { font-family:verdana; font-size:11px; color:#000000; }
.inputSemBorda { border:0px solid #D5D5D5; background:#fff url(../gif/bg-input.gif) top repeat-x; }

  /* requerido */
  .requerido { color:#D01A1A; }

  /* button */
  .botao { color:#fff; border:1px solid #EFF9FF; *border:0px; background:#fff url(../png/bg-botao.png) repeat-x 0 0; padding:3px; *padding:2px; }
  .botao:hover { color:#999999!important; border:1px solid #EFF9FF; *border:0px; background:#fff url(../png/bg-botao.png) repeat-x 0 bottom; 	}
  .button { margin-top:4px; font-size:11px; font-family:Tahoma, Verdana, Arial, Sans-Serif; font-weight:bold; background-color:#181818; padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom:3px; color:#ffffff; border:1px solid #4E4E4E; background-image:url('../jpg/bg-button.jpg'); }
  .button:hover { background-color:#000000; border:1px solid #2c719d; background-image:url(../jpg/bg-button-over.jpg); cursor:pointer; }

  /* label */
  label.w100 { width:98%; float:left; text-align:left; margin:0; display:block; height:4px; }

  /* select  */
  .select { font-family:verdana; font-size:11px; }

  /* fale-conosco */
  #fale-conosco p { margin-left: 20px; }
  #fale-conosco .erro-contato { padding: 0px 20px 0px 20px; }
  #fale-conosco input, select, textarea { border: 1px solid #D6E0E7; padding:3px; }
  #fale-conosco span.telefone { margin-left:2px; }
  #fale-conosco ul li { list-style: none; margin-bottom: 8px; }
  #fale-conosco .texto-contato { margin-left: 20px; }
  #fale-conosco span { margin:0px; padding:0px; }

  /* erro */
  .erro { border:1px solid #D01A1A; margin-bottom:10px; }
  .erro h6 { background:#D01A1A; font-size:1em; padding:5px 3px; color:#FFF; }
  .erro ul { list-style-type:none; padding:5px 5px 5px 10px; }
  .erro span { font-weight:bold; }
  .erro li { margin:3px 0; }