/* ------ CORES ------ */ * { color:#000; } #busca_fundo select { background-color:#fff; } #busca_botao a { color:#fff; } select, input, textarea { border:1px solid #afa29a; } img.moldura { background-color:#fff; border:1px solid #000; } /* ------ TAGS PRINCIPAIS ------ */ * { font-family:Verdana, Arial, Helvetica; font-size:10px; margin:0px; padding:0px; outline:none; list-style-type:none; } html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; overflow-x:hidden; } body { background:#990000 url(../images/background.png) repeat-x; } h2 { font-size:14px; } h3 { font-size:12px; } img { border:none; outline:none; } a { font-weight:bold; text-decoration:none; } a { font-size:11px; } div { float:left; } select, input,textarea { font-size:12px; font-weight:normal; } select option { font-size:12px; } select { padding:1px 2px; } input[type="text"], input[type="password"], textarea { padding:2px; } .fleft { margin:-7px 20px 0px 8px; padding:0px 0px 0px 0px; display: inline; float:left; overflow:hidden; height:100%;} .fleft img { margin:0px 0px 0px 0px;} /* ------ ESTRUTURA DO TOPO ------ */ #header { position:relative; width:930px; height:144px; left:50%; margin-left:-465px; padding-bottom:5px; background:url(../images/header.png) no-repeat; } #logotipo { position:absolute; top:14px; left:22px; width:595px; height:116px; background:url(../images/logotipo.png) no-repeat; text-indent:-999em;} /* ------ ESTRUTURA MENU TOPO ------ */ #menu_topo_fundo { width:100%; } #menu_topo_area { position:relative; width:930px; height:40px; left:50%; margin-left:-465px; background:url(../images/menu_topo_fundo.png) no-repeat; } ul#menu_topo { width:554px; padding:10px 0 0 10px; } ul#menu_topo li { float:left; padding:3px 0; background:url(../images/menu_topo_fundo_lista.png) right no-repeat; } ul#menu_topo li a { font-size:14px; color:#fff; padding:0 20px; } ul#menu_topo li a:hover { text-decoration:underline; } /* ------ SLIDE SHOW ------ */ #slide_show { overflow:hidden; position:absolute; top:0; right:0; width:551px; height:144px; z-index:1; } /* ------ ESTRUTURA CORPO ------ */ #corpo_fundo { width:100%; } #corpo { position:relative; width:930px; left:50%; margin-left:-465px; padding-top:15px; background-color:#fff; } /* ------ ESTRUTURA COLUNAS ------ */ #coluna_esquerda { width:210px; padding-left:10px; } #coluna_direita { width:690px; margin-left:15px; } #coluna_direita h1 { word-wrap:break-word; } /* ------ ESTRUTURA MENU LATERAL ------ */ #menu_titulo { width:203px; height:30px; padding:13px 0 0 10px; background:url(../images/menu_titulo.png) no-repeat; } #menu_titulo h2 { color:#fff; padding-bottom:8px; padding-left:5px; } #menu_fundo { width:210px; margin-bottom:20px; padding-top:5px; background:url(../images/menu_fundo.png); } #menu_lista li { float:left; margin:3px 0 2px 6px; display:inline; } #menu_lista li a { font-size:10px; color:#900; width:182px; padding:2px 0 3px 10px; display:block; } #menu_lista li a:hover { text-decoration:underline; } #menu_base { width:210px; padding-bottom:10px; background:url(../images/menu_base.png) bottom no-repeat; } #vendas, #alugueis { float:none; width:208px; border-left:1px solid #900; border-right:1px solid #900; } #vendas div, #alugueis div { float:none; overflow:hidden; width:206px; margin:0; padding:0; } .accordion div { overflow:hidden; float:none; width:208px; margin:0px; padding:0 0px; } ul.lista { padding:0 0 10px 10px; } ul.lista li { padding:3px 0 3px 5px; } ul.lista li a:hover { color:#900; } /* ------ DESTAQUES SLIDE ------ */ #destaques_slide_fundo { position:relative; width:680px; height:337px; margin-bottom:20px; background:url(../images/destaques_slide_fundo.png) no-repeat; } #destaques_slide_fundo .container { position:relative; overflow:hidden; width:660px; height:317px; margin:10px; cursor:pointer; } #destaques_slide_fundo h3 { font-size:14px; color:#fff; padding:6px 15px; text-transform:uppercase; } #destaques_slide_fundo p { padding:12px 15px; } .previous { position:absolute; top:114px; left:0px; width:18px; height:42px; background:url(../images/destaques_slide_prev.png) no-repeat; text-indent:-999em; z-index:999; } .next { position:absolute; top:114px; right:0px; width:18px; height:42px; background:url(../images/destaques_slide_next.png) no-repeat; text-indent:-999em; z-index:999; } /* ------ ESTRUTURA RODAPÉ ------ */ #rodape_fundo { width:100%; background: url(../images/rodape_fundo_1.png); } #rodape_area { position:relative; width:930px; left:50%; margin-left:-465px; padding-bottom:6px; background: url(../images/rodape_fundo.png) top no-repeat; } #rodape_area #copy { margin:25px 0 0 15px; } #rodape_area #copy p { color:#fff; padding-bottom:3px; } #rodape_area #apanel { position:absolute; top:34px; right:15px; width:120px; height:28px; background:url(../images/logotipo_apanel.png) no-repeat; text-indent:-999em; } /* ------ PLACAS ------ */ #aviso_fundo { float:right; width:142px; height:79px; padding:5px 18px 0 58px; background:url(../images/aviso_fundo.png) no-repeat; } #aviso_fundo p { color:#fff; } img.moldura { padding:3px; } /* ------ FALE CONOSCO TOPO ------ */ #fale_con { position:absolute; top:30px; right:22px; } #fale_con h3 { font-size:26px; font-weight:normal; color:#AA7F00; margin-bottom:10px; padding:0 0 4px 50px; background:url(../images/phone_icon.png) left center no-repeat; text-transform:lowercase; } #fale_con h4 a { font-size:18px; font-weight:normal; color:#AA7F00; padding:2px 0 0 50px; background:url(../images/mail_icon.png) 11px center no-repeat; text-transform:lowercase; } #fale_con h4 a:hover { text-decoration:underline; } /* ------ NEWSLETTER ------ */ #newsletter { position:absolute; width:300px; height:247px; margin:10px; padding:25px 15px 0 15px; background:url(../images/newsletter_fundo.png) repeat-x } #newsletter > .titulo { font-size:20px; color:#000; margin-bottom:23px; } #newsletter p { font-size:12px; } #frm_newsletter { position:relative; z-index:11; } #frm_newsletter div { width:300px; margin-bottom:8px; } #frm_newsletter label, #frm_newsletter input { font-size:12px; } #frm_newsletter input[type="text"] { width:285px; padding:3px 0; } #frm_newsletter .btn_envia_news { float:right; width:110px; height:24px; color:#AA7F00; margin:5px 15px 0 0; background:url(../images/botao_1_fundo.png); border:none; cursor:pointer; } /* ------ BUSCA ------ */ #busca_titulo, #categoria_titulo { float:right; width:203px; height:41px; padding:13px 0 0 15px; background:url(../images/menu_titulo_f1.png) no-repeat; } /*#busca_titulo h2, #categoria_titulo h2 { font-size:14px; color:#AA7F00; text-transform:uppercase; }*/ #categoria_fundo { width:210px; margin-bottom:20px; /*background:url(../images/menu_fundo.png);*/ } #categoria_lista li { float:left; margin:3px 0 2px 6px; display:inline;/* background:url(../images/categoria_lista_fundo.png) bottom no-repeat;*/ } #categoria_lista li a { width:182px; line-height:27px; padding-left:15px; display:block; font-size:10px; /*background:url(../images/categoria_lista_fundo.png) bottom no-repeat;*/ } #categoria_base { width:210px; padding-bottom:10px; /*background:url(../images/categoria_base.png) bottom no-repeat;*/ } #categoria_fim { width:0; height:0; font-size:0; } #busca_fundo { float:right; width:210px; } #busca_fundo select { width:185px; padding:1px 2px; margin:2px 0px 3px 11px; } #busca_fundo input { width:179px; padding:2px; margin:2px 0px 3px 11px; } #busca_botao { float:right; padding:10px 0 20px 0; text-align:center; } #busca_botao a { width:218px; height:21px; display:block; padding-top:9px; padding-bottom:8px; text-align:center; background:url(../images/busca_botoes.png) no-repeat; } #busca_botao a:hover { } /* ------ CAPA ------ */ #imovel_capa_area { width:230px; margin-bottom:20px; } #imovel_capa_titulo h2 { width:200px; height:41px; font-size:14px; color:#fff; padding:13px 0 0 20px; background:url(../images/imovel_capa_titulo.png); text-transform:uppercase; } #imovel_capa_fundo { width:220px; height:238px; background:url(../images/imovel_capa_fundo.png); } #imovel_capa_texto { width:210px; padding:0 10px; text-align:center;} #imovel_capa_texto p, #imovel_capa_texto strong { font-size:11px; padding-bottom: 8px } #imovel_capa_botao { background:url(../images/imovel_capa_botoes.png); } #imovel_capa_botao a { width:220px; height:25px; color:#fff; padding-top:14px; text-align:center; display:block; background:url(../images/imovel_capa_botoes.png); text-transform:uppercase; } #imovel_capa_botao a:hover { background-position:0 39px; } #imovel_capa_contorno { position:absolute; width:164px; height:150px; z-index:100; background:url(../images/imovel_capa_contorno.png) no-repeat; } #imovel_capa_contorno a { width:150px; height:150px; display:block; } #imovel_capa_foto { position:relative; width:164px; height:150px; margin:0 0 10px 28px; background:center top no-repeat; } #imovel_capa_foto .foto { position: absolute; top:0px;left:7px; width:150px; height:150px; z-index:0 } /* ------ EMPRESA ------ */ #empresa_titulo { width:880px; height:41px; padding:13px 0 0 30px; background:url(../images/imovel_foto_titulo.png); } #empresa_titulo h4 { font-size:14px; color:#fff; } #empresa_fundo { width:890px; padding:0 10px; text-align:justify; background:url(../images/imovel_texto_fundo.png); } #empresa_base { width:910px; height:17px; font-size:0px; margin-bottom:20px; background:url(../images/imovel_texto_base.png); } /*---- MAPA ----*/ #mapa_corpo { width:381px; padding-bottom:20px; } #mapa_topo { width:381px; height:15px; font-size:0px; background:url(../images/mapa_topo.png); } #mapa_fundo { width:361px; padding:0 10px; background:url(../images/mapa_fundo.png); } #mapa_base { width:381px; height:10px; font-size:0; background:url(../images/mapa_base.png); } /*---- CONTATOS ---*/ #contatos_corpo { float:left; width:286px; margin-left:13px; margin-bottom:10px; } #contatos_corpo .contato_caixa { width:286px; overflow:hidden; margin-bottom:10px; } #contatos_topo { width:286px; height:15px; background:url(../images/contatos_topo.png) no-repeat; } #contatos_fundo { width:281px; padding:0 0 0 5px; background:url(../images/contatos_fundo.png); } #contatos_fundo .fleft { margin:0 1px 0 0; padding:0px; } #contatos_fundo .fleft img { margin:0px; } #contatos_fundo p { padding:0px 0px 4px 0px; } #contatos_fundo p strong { display:block; text-transform:uppercase; padding:10px 0px 0px 1px; } #contatos_base { width:286px; height:10px; background:url(../images/contatos_base.png); } /* ------ RESULTADOS DA BUSCA ------ */ #resultado_encontrado_topo, #resultado_encontrado_base { width:680px; height:15px; margin-bottom:20px; font-size:1px; background:url(../images/resultado_encontrado_base.png); } #resultado_encontrado_topo { margin-bottom:0; background:url(../images/resultado_encontrado_topo.png); } #resultado_encontrado_fundo { width:660px; padding-left:20px; background:url(../images/resultado_encontrado_fundo.png); } #resultado_foto { position:relative; float:left; width:183px; height:156px; background:10px 3px no-repeat; } #resultado_foto .foto { position: absolute; top:4px;left:11px; width:150px; height:150px; z-index:0 } #resultado_contorno { position:absolute; width:183px; height:228px; background:url(../images/resultado_contorno.png);z-index:100 } #resultado_contorno a { width: 183px; height:156px; display: block; } #resultado_texto { width:497px; height:218px; padding-top:10px; position:relative; background:url(../images/resultado_texto.png); } #resultado_texto a { display:block; } #resultado_texto p { width:0; display:block; float:left; overflow:hidden; } #resultado_texto h1 { padding-bottom:15px; line-height:14px; font-size:11px; } #resultado_texto_area { width:476px; height:150px; overflow:hidden; text-align:justify; } #resultado_texto_area h1 { color:#fff; padding:10px 0 23px 0; } #resultado_dados { width:680px; height:54px; margin-bottom:20px; background:url(../images/resultado_dados.png); } #resultado_dados_area { width:162px; height:49px; padding:6px 0 0 6px; text-align:center; } #resultado_dados_area p { padding-top:12px; display:block; font-family:Arial, Helvetica; } /*---- DETALHES DO IMÓVEL ----*/ #imovel_foto_titulo, #imovel_dados_titulo { width:655px; height:44px; padding:10px 0 0 25px; position:relative; background:url(../images/imovel_foto_titulo.png); } #imovel_foto_titulo h2, #imovel_dados_titulo h1 { font-size:14px; color:#fff; margin-top:3px; text-transform:uppercase; } #imovel_texto_fundo { width:680px; background:url(../images/imovel_texto_fundo.png); } #imovel_texto_fundo h3, #imovel_texto_fundo p { word-wrap:break-word; } #imovel_foto_fundo { width:679px; position:relative; overflow:hidden; background:url(../images/imovel-foto-fundo.png) no-repeat; } #imovel_texto_base, #imovel_dados_base { width:680px; height:17px; margin-bottom:20px; font-size:0; background:url(../images/imovel_texto_base.png); } #imovel_foto_v { top:0; left:12px; z-index:2; position:absolute; } #imovel_foto_contorno_v { width:341px; height:305px; z-index:10; position:relative; background:url(../images/imovel_foto_contorno.png) 1px 0 no-repeat; } #imovel_foto_texto_v { width:356px; padding-top:15px; margin-left:-20px; } #imovel_foto_texto_topo_v, #imovel_foto_texto_base_v { height:0; font-size:0; } #imovel_foto_texto_fundo_v { float:left; width:346px; position:relative; z-index:99; text-align:center; } #imovel_texto_area { float:left; width:499px; padding:15px 10px 5px 10px; } #imovel_dados_fundo { width:650px; padding:5px 15px 5px 15px; background:url(../images/imovel_texto_fundo.png); } #imovel_dados_fundo p { font-size:11px; } #imovel_sub_linha { font-size:11px; } #imovel_sub_dado { float:left; width:290px; } #imovel_sub_dado h5 { display:inline; } #imovel_sub_dado p { display:inline; } #imovel_sub_dado input, #imovel_sub_dado select, #imovel_sub_dado textarea { margin:3px 0 3px 0; } #imovel_sub_dado select { width:160px; } #imovel_sub_dado textarea { width:285px; height:100px; } /*---- DETALHES DO IMÓVEL - IMAGENS ----*/ #lista_imagens { overflow:auto; margin-left:12px; text-align:center; } #lista_imagens li { float:left; height:auto; padding:5px 5px 5px 5px; } #lista_imagens li img { width:100px; height:100px; } /*---- DETALHES DO IMÓVEL - INTERESSADO ----*/ #imovel_interessado_titulo { width:655px; height:35px; padding:10px 0 8px 25px; margin-top:0px; background:url(../images/imovel_foto_titulo.png); } #imovel_interessado_titulo h1 { font-size:14px; color:#fff; margin-top:3px; text-transform:uppercase; } #imovel_interessado_subtit1 { width:660px; height:24px; padding:6px 0 0 20px; background:url(../images/imovel_interessado_subtit1.png); } #imovel_interessado_subtit1 h2 { font-size:11px; color:#fff; text-transform:uppercase; } #imovel_interessado_linha { width: 460px; margin-bottom:5px; } #imovel_interessado_linha_ref { float:left; width: 460px; margin-bottom: 5px; } #imovel_interessado_linha_obrigatorio { float:left; width: 460px; padding-top: 5px; } #imovel_interessado_subtit2 { width: 660px; height:23px; padding:21px 0 0 20px; background:url(../images/imovel_interessado_subtit2.png); } #imovel_interessado_subtit2 h2 { font-size:11px; color:#fff; text-transform:uppercase; } #imovel_interessado_fundo { width:650px; padding:5px 15px 5px 15px; background:url(../images/imovel_interessado_fundo.png); } #imovel_interessado_base { float:left; width: 680px; height: 10px; font-size: 0; background:url(../images/imovel_interessado_base.png); } #imovel_interessado_enviar input { color:#fff; width:680px; height:39px; padding:5px 0 0 0; border:0; font-weight:bold; cursor:pointer; text-align:center; background:url(../images/imovel_interessado_enviar.png); } #imovel_interessado_enviar input:hover { background-position:0 39px; } #imovel_interessado_item { float:left; width:160px; padding-top:5px; } #imovel_interessado_item p { display:inline; } #imovel_interessado_item h5 { display:inline; } div.slides { position:absolute; top:0; left:0; } ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; } div.slides > div,ul.slides li { position:absolute; top:0; width:660px; display:none; padding:0; margin:0; } /* ------ ESTRUTURA DIVERSOS ------ */ label.error { display:block; float:none; color:#C00; margin: 0 .5em 0 0; vertical-align: top; font-size: 10px } #status_msg { width:910px; padding-top:10px; } #status_msg p { color:#000; padding:10px; background-color:#F30; border:1px solid #900; } /* ------ ESTRUTURA LOGIN CLIENTE ------ */ #login_area { padding-top:17px; padding-left:20px; } #login_area p, #login_area b { font-size:11px; color:#fff; } #frm_login label { font-size:11px; color:#fff; } #frm_login div { padding-right:10px; } #frm_login #enviar { font-size:11px; color:#009; width:80px; padding:3px 0 4px 0; background:url(../images/login_botao.png) no-repeat; text-align:center; border:0; }