/* ----------- CORES ----------- */ body, a, #imoveis_titulo h5 { color: #2e2e2e; } /* cor padrao */ img, select, input { color: #2e2e2e; border-color: #2e2e2e; } select[disabled] { color: #959595; border-color: #959595; } #topo_padrao_texto, h2 { color: #2e2e2e; } /* titulos */ select, input, #itens_pedido .radinho { background-color: #FFFFFF; } /* fundo branco */ h5 { color: #b22222; } /* vermelho cor de erro*/ #localizacao_especial a, #botao_detalhe_fechar a { color: #733400; } /* cor personalizada 1*/ #botao_detalhe_fechar a { border: solid 1px #733400; } #caracteristica_especial a, #botao_detalhe_interessado a { color: #004168; } /* cor personalizada 2*/ #botao_detalhe_interessado a { border: solid 1px #004168;} #result_busca_box_g, #busca_box_color { background-color: #e5e5e5; } #botao_detalhe { border: solid 1px #2e2e2e; } #links_inferior_box_ant, #links_inferior_box_prox, #links_inferior_box_ant_des, #links_inferior_box_prox_des, #links_inferior_box_n, #links_inferior_box { color: #adadad; } /* cor padrao + clara */ .campo_erro { background-color: #FCDDDD; border: 1px solid #D10000; } .campo_ok { background-color: #f2f2f2; border: 1px solid #2e2e2e; color: #2e2e2e; } #fundo_botoes, #fundo_botoes_02, #fundo_botoes_detalhe { background-color: #e0e0e0; } /* extensão da cor do menu */ /*--------- BARRA DE IDIOMAS --------*/ .barra_fundo { width:100%; height:26px; margin:0 auto; background: url(../imagens/1/fundo_idiomas.jpg) repeat-x; } .barra_fundo .centro { width:778px; height:26px; position:absolute; left: 50%; margin-left:-390px; background: url(../imagens/1/fundo_bandeiras.jpg) no-repeat top right;} .barra_fundo .centro #div_load { float:right; margin-right:158px; margin-top:2px;} .barra_fundo .centro .fundo_bandeiras { width:182px; height:21px; padding-top:5px; float:right; text-align:center; } .barra_fundo .centro .fundo_bandeiras .bandeira { margin-left:2px; display:inline-block; border-color:#464646; } .barra_fundo .centro .fundo_bandeiras .bandeira:hover { border-color:#FFF; } /* ----------- PRINCIPAIS ----------- */ body, p, ul, h1, h2, h3, h4, h5, h6, h5, input, textarea { margin: 0; padding: 0; list-style-type: none; } * { font-family: Verdana, Arial, Helvetica; font-size: 10px; } img { border: 0; } form, p, h5 { display: inline; } a { text-decoration: none; } div { float: left; } body { text-align: center; height: 100%; background: url(../imagens/1/fundo.png); } html { overflow: -moz-scrollbars-vertical; } img { border-style: solid; border-width: 1px; } select, input { width: 150px; margin-top: 3px; border-style: solid; border-width: 1px; font-size: 10px; } /* ----------- BOXES ----------- */ #area_site, #area_topo { width: 782px; padding-left: 3px; text-align: left; float: none; margin: 0 auto; background: url(../imagens/1/fundo_total.png); clear: both; } #conteudo { width: 778px; } #topo_cima { width: 778px; height: 8px; font-size: 0; background: url(../imagens/1/topo_cima.jpg); } #fundo_botoes { width: 160px; padding: 15px 0 10px 10px; background-image: url(../imagens/1/fundo_botoes.jpg); background-repeat: no-repeat; } #fundo_botoes_02 { width: 160px; padding: 5px 0 10px 10px; margin-top: 15px; background-image: url(../imagens/1/fundo_botoes.jpg); background-repeat: no-repeat; } #coluna_esquerda { width: 170px; } #coluna_centro { width: 438px; } #coluna_direita { width: 170px; } #botao { margin-top: 3px; background: url(../imagens/1/botao.png); } #botao a { width: 147px; height: 20px; padding-top: 5px; font-weight: bold; text-align: center; display: block; background: url(../imagens/1/botao.png); } #botao a:hover { background-position: 0 -25px; } #coluna_centro_top { width: 438px; height: 13px; font-size: 0; background: url(../imagens/1/coluna_centro_top.jpg); } #baixo { width: 785px; float: none; margin: 0 auto; clear: both; } #baixo_box { } #baixo_box #imoveis_titulo_cima { width: 785px; height: 27px; margin: 0px; font-size: 0; background: url(../imagens/1/rodape_cima.png) no-repeat; } #baixo_box #imoveis_titulo { width: 430px; height: auto; padding: 10px 177px 10px 177px; margin:0px; line-height:15px; text-align: center; background: url(../imagens/1/rodape_meio.png) repeat-y; } #baixo_box #imoveis_titulo_baixo { width: 785px; height: 12px; font-size: 0; background: url(../imagens/1/rodape_baixo.png) no-repeat; } .link_baixo { text-decoration: underline; } /* ----------- TOPO ----------- */ #topo_padrao { width: 778px; height: 161px; background: url(../imagens/1/topo_padrao.jpg); } #topo_padrao_texto { width: 215px; height: 111px; padding-top: 50px; font-size: 19px; text-align: center; font-weight: bold; } #topo_padrao_img img, #topo img { border: none; } /* ----------- BUSCA ----------- */ #busca_detalhada { width: 167px; _height: 240px; position: relative; } #busca_fundo { width: 167px; text-align: center; } #busca_fundo select { color: auto; } #buscar { margin: 10px 0 10px 0; background: url(../imagens/1/busca_botao.png); } #buscar a { width: 170px; height: 20px; padding-top: 5px; font-weight: bold; text-align: center; display: block; background: url(../imagens/1/busca_botao.png); } #buscar a:hover { background-position: 0 -25px; } #busca { width: 160px; height: 50px; line-height: 37px; padding-left: 10px; background: url(../imagens/1/titulo_busca.jpg); } #busca_2, #busca_rapida, #busca_ref { width: 130px; height: 43px; line-height: 33px; padding: 0 40px 0 0; text-align: center; background: url(../imagens/1/busca_rapida.png); } #busca_2 { margin-top: 10px; background: url(../imagens/1/busca_2.png); } #busca_ref { background: url(../imagens/1/busca_ref.png); } .campo_t { height: 13px; padding: 2px; } /* ----------- DESTAQUES ----------- */ #destaques { width: 140px; height: 37px; padding-left: 30px; line-height: 24px; margin-top: 10px; text-align: center; background: url(../imagens/1/titulo_destaques.png); } #destaques_imagem { width: 73px; height: 60px; padding: 3px 0 0 10px; background: url(../imagens/1/destaque_imagem.png); } #destaques_imagem img { width: 63px; height: 47px; } #destaques_imagem_vertical { width: 63px; height: 77px; padding: 3px 0 0 15px; background: url(../imagens/1/destaque_imagem_vertical.png); } #destaques_imagem_vertical img { width: 47px; height: 63px; } #destaques_texto { width: 87px; word-wrap: break-word; } #destaques_texto a:hover { text-decoration: underline; } #destaques_texto a { font-size: 10px; word-wrap: break-word; } #destaques_linha { width: 170px; height: 8px; background: url(../imagens/1/destaques_linha.png) no-repeat center; } #destaques_veja_mais, #destaques_sem_foto { width: 155px; padding: 0 5px 0 10px; text-align: left; } #destaques_veja_mais a, #destaques_sem_foto a { font-size: 10px; } #destaques_veja_mais a:hover, #destaques_sem_foto a:hover { text-decoration: underline; } /* ----------- ESTILOS DE TEXTO ----------- */ h2, h4, h5 { font-size: 10px; text-transform: uppercase; font-weight: bold; } h4 { font-size: 12px; } #imobfort { width: 785px; padding: 10px 0px; text-align: center; float: none; margin: 0 auto; clear: both; } #imobfort2 { width: 635px; padding: 10px 150px 10px 0; text-align: center; float: none; margin: 0 auto; clear: both; } /* ----------- EDITOR ----------- */ #dicas, #noticias, #avisos, #utilidades { width: 140px; height: 34px; padding-left: 30px; line-height: 22px; margin-top: 10px; text-align: center; background: url(../imagens/1/dicas.png); } #noticias { background: url(../imagens/1/noticias.png); } #avisos { background: url(../imagens/1/avisos.png); } #utilidades { background: url(../imagens/1/utilidades.jpg); } #editor { width: 160px; padding: 0 5px 0 5px; } #editor a:hover { text-decoration: underline; } /* ----------- IMÓVEIS A VENDA ----------- */ #imoveis_a_venda { width: 130px; height: 39px; padding-right: 40px; line-height: 32px; text-align: center; background: url(../imagens/1/imoveis_a_venda.png); } #localizacao_especial { background: url(../imagens/1/localizacao_especial.png); } #localizacao_especial a { width: 170px; height: 26px; line-height: 24px; display: block; text-align: center; background: url(../imagens/1/localizacao_especial.png) 0 0; } #localizacao_especial a:hover { background-position: 0 -25px; } #caracteristica_especial { background: url(../imagens/1/caracteristica_especial.png); } #caracteristica_especial a { width: 170px; height: 26px; line-height: 24px; background: url(../imagens/1/caracteristica_especial.png) 0 0; display: block; text-align: center; } #caracteristica_especial a:hover { background-position: 0 -25px; } #temporada, #locacao_anual { width: 130px; height: 39px; padding-right: 40px; line-height: 34px; margin-top: 5px; text-align: center; background: url(../imagens/1/temporada.png); } #locacao_anual { background: url(../imagens/1/locacao_anual.png); } /* ----------- IMÓVEIS FOTO MÉDIA ----------- */ #foto_media_flash { margin-bottom: -15px; } #foto_media_sem_flash { top: 0; left: 0; clip: rect(0px 0px 0px 0px); position: absolute; } #foto_media { width: 395px; height: 273px; margin-top: 25px; padding-left: 43px; position:relative; background: url(../imagens/1/foto_media.png) no-repeat 45px 1px; } #foto_media_vertical { width: 352px; height: 356px; margin-top: 25px; padding-left: 86px; position:relative; background: url(../imagens/1/foto_media_vertical.png) no-repeat 86px 0; } .foto_media_principal { width:440px;} #foto_media_vertical .zoom { width: 32px; height: 32px; bottom: 8px; right: 92px;; position: absolute; z-index: 5; background: url('../imagens/zoom.png') no-repeat; } #foto_media .zoom { width: 32px; height: 32px; bottom: 12px; right: 48px;; position: absolute; z-index: 5; background: url('../imagens/zoom.png') no-repeat; } .miniaturas { width: 352px; height: 85px; margin: 10px 0px 20px 12px; padding: 0 30px; position: relative;} .miniaturas .imagens { width:352px; height:85px; overflow:hidden;} .miniaturas .imagens .listagem { width:9999px; height:85px;} .miniaturas .imagens .listagem .foto { width:100px; height:75px; float:left; margin:5px 0px 0px 13px; overflow:hidden; cursor:pointer; } .miniaturas .imagens .listagem .foto img { border:none; } .miniaturas .imagens .listagem .foto.h img { width:100px; height:75px; border:none;} .miniaturas .imagens .listagem .foto.v img { width:100px; height:134px; margin-top: -59px; border:none;} .miniaturas .seta_esq { width:30px; height:85px; float:left; display:block; position: absolute; left: 0px; background:url('../imagens/detalhamento_seta_esq.png') no-repeat;} .miniaturas .seta_esq:hover { opacity: 0.8; filter: alpha(opacity=80);} .miniaturas .seta_dir { width:30px; height:85px; float:left; display:block; position: absolute; right: 0px; background:url('../imagens/detalhamento_seta_dir.png') no-repeat;} .miniaturas .seta_dir:hover { opacity:0.8; filter: alpha(opacity=80);} #foto_media_texto_vertical, #foto_media_texto { width: 400px; padding: 10px 19px 0 19px; text-align: justify; line-height:17px; } #foto_media_texto a:hover { text-decoration: underline; } /* ----------- IMÓVEIS TÍTULOS ----------- */ #imoveis_titulo_cima { width: 427px; height: 7px; margin-top: 15px; font-size: 0; background: url(../imagens/1/imoveis_titulo_cima.png); } #imoveis_titulo_baixo { width: 427px; height: 7px; font-size: 0; background: url(../imagens/1/imoveis_titulo_baixo.png); } #imoveis_titulo { width: 427px; margin: 5px 0 5px 0; text-align: center; } /* ----------- SE FOR 3 IMÓVEIS ----------- */ #foto_pequena_vertical, #foto_pequena { width: 136px; height: 160px; padding: 0 5px 0 5px; text-align: center; background: url(../imagens/1/foto_pequena.png) no-repeat 18px 15px; } #foto_pequena img { margin: 15px 0 19px 0; } #foto_pequena_vertical { background: url(../imagens/1/foto_pequena_vertical.png) no-repeat 32px 5px; } #foto_pequena_vertical img { margin: 5px 0 5px 5px; } #foto_pequena_vertical a:hover, #foto_pequena a:hover { text-decoration: underline; } #foto_pequena_s_imagem { width: 136px; height: 145px; padding: 15px 5px 0 5px; text-align: center; } #foto_pequena_s_imagem a:hover { text-decoration: underline; } #separador_index3 { width: 425px; height: 30px; } /* ----------- SE FOR 2 IMÓVEIS ----------- */ #foto_pequena_vertical2, #foto_pequena2 { width: 203px; height: 160px; padding: 0 5px 0 5px; text-align: center; background: url(../imagens/1/foto_pequena.png) no-repeat 54px 15px; } #foto_pequena2 img { margin: 15px 0 19px 0; } #foto_pequena_vertical2 { background: url(../imagens/1/foto_pequena_vertical.png) no-repeat 68px 5px; } #foto_pequena_vertical2 img { margin: 5px 0 5px 5px; } #foto_pequena_vertical2 a:hover, #foto_pequena2 a:hover { text-decoration: underline; } #foto_pequena_s_imagem2 { width: 207px; padding: 15px 5px 0 5px; text-align: center; } #foto_pequena_s_imagem2 a:hover { text-decoration: underline; } /* ----------- SE FOR 1 IMÓVEL ----------- */ #foto_pequena_texto { width: 263px; margin: 15px 0 0 0; } #foto_pequena_texto a:hover { text-decoration: underline; } #foto_pequena_texto2 { width: 400px; margin: 15px 0 0 0; } #foto_pequena_texto2 a:hover { text-decoration: underline; } #foto_pequena_s_imagem3 { width: 397px; padding: 15px 10px 0 10px; text-align: center; } #foto_pequena_s_imagem3 a:hover { text-decoration: underline; } #foto_pequena_s_imagem3_margem { padding-left: 78px;} #foto_pequena1 { width: 143px; height: 97px; padding: 0 5px 0 0; text-align: center; background: url(../imagens/1/foto_pequena.png) no-repeat 19px 15px; } #foto_pequena1 img { margin: 15px 0 19px 0; } #foto_pequena1_vertical { width: 112px; height: 110px; padding: 10px 5px 0 5px; text-align: center; background: url(../imagens/1/foto_pequena_vertical.png) no-repeat 20px 10px; } #foto_pequena1 img { margin: 15px 0 19px 0; } #veja_mais, #veja_mais a { width: 427px; text-align: center; margin-top: 15px; font-weight: bold; } #veja_mais a:hover { text-decoration: underline; } /* ----------- ITENS CAPA 2 ----------- */ #utilidades_capa_2 { padding: 5px 0 0 50px; } #utilidades_capa_2 a:hover { text-decoration: underline; } #separador_index2 { width: 555px; height: 30px; } #coluna_centro_02 { width: 584px; } #coluna_esquerda_02 { width: 24px; } #imoveis_titulo_cima_02 { width: 584px; height: 7px; margin-top: 15px; font-size: 0; background: url(../imagens/1/imoveis_titulo_cima.png) center no-repeat; } #imoveis_titulo_baixo_02 { width: 584px; height: 7px; font-size: 0; background: url(../imagens/1/imoveis_titulo_baixo.png) center no-repeat; } #imoveis_titulo_ref, #imoveis_titulo_02 { width: 584px; margin: 5px 0 5px 0; text-align: center; } #coluna_centro_top_02 { width: 584px; height: 13px; font-size: 0; background: url(../imagens/1/coluna_centro_top.jpg); } #coluna_esq_top { width: 24px; height: 37px; background: url(../imagens/1/coluna_peq_top.jpg); } #area_site_02 { width: 782px; padding-left: 3px; margin: 0 auto; text-align: left; float: none; clear: both; background: url(../imagens/1/fundo_total_02.png) repeat; } #veja_mais_02, #veja_mais_02 a { width: 582px; text-align: center; margin-top: 15px; font-weight: bold; } #veja_mais_02 a:hover { text-decoration: underline; } #foto_pequena_02 { width: 136px; height: 120px; padding: 0 5px 0 5px; text-align: center; background: url(../imagens/1/foto_pequena.png) no-repeat 18px 15px; } #foto_pequena_02 img { margin: 15px 0 19px 0; } #foto_pequena_vertical_02 { width: 123px; height: 120px; padding: 0 5px 0 5px; text-align: center; background: url(../imagens/1/foto_pequena_vertical.png) no-repeat 32px 5px; } #foto_pequena_vertical_02 img { margin: 5px 0 5px 13px; } #descricao_vertical_02, #descricao_02 { width: 136px; height: 105px; padding: 15px 5px 0 5px; margin-left: 0; text-align: left; } #descricao_vertical_02 a:hover, #descricao_02 a:hover { text-decoration: underline; } #descricao_s_imagem_02 { width: 260px; height:105px; padding: 15px 15px 0 15px; text-align: center; } #descricao_s_imagem_02 a:hover { text-decoration: underline; } #baixo_02 { width: 785px; margin: 0 auto; float: none; clear: both; } #baixo_box_02 { } #baixo_box_02 #imoveis_titulo_cima { width: 785px; height: 27px; margin: 0px; font-size: 0; background: url(../imagens/1/rodape_cima2.png) no-repeat; } #baixo_box_02 #imoveis_titulo { width: 574px; height: auto; padding: 10px 178px 10px 32px; margin:0px; line-height:15px; text-align: center; background: url(../imagens/1/rodape_meio2.png) repeat-y; } #baixo_box_02 #imoveis_titulo_baixo { width: 785px; height: 12px; font-size: 0; background: url(../imagens/1/rodape_baixo2.png) no-repeat; } /* ------------- CORRETOR ON-LINE ------------ */ #corretor_aguarde, #corretor_online a, #corretor_offline { width: 137px; height: 39px; padding: 20px 10px 0 0; margin-top: 10px; font-weight: bold; font-size: 11px; text-align: right; display: block; background: url(../imagens/1/corretor_online.png); } #corretor_online a:hover { background-position: 0 -59px; } #corretor_aguarde, #corretor_offline { background-position: 0 -118px; } #corretor_aguarde { height: 44px; padding: 15px 10px 0 0; font-size: 10px; } #corretor_capa2 { margin-top: -10px; }