/* ----------- CONFIGURAÇÃO DAS TAGS PRINCIPAIS ----------- */ body { background: #FFFFFF url(../imagens/fundo_interno.png) repeat-x; } h1 { width: 310px; height: 102px; top: 0px; background-position: 0 20px; } h1 a { width: 310px; height: 127px; _height: 102px; top: -25px; display: block; position: relative; } h2 { float: left; text-indent: -2150px; } h3 { width: 729px; height: 90px; float: left; } h4 { padding: 10px 0 20px 0; font-size: 13px; } /* ----------- DEFINIÇÕES DA ESTRUTURA ----------- */ #base_site { margin-top: -140px; } #conteudo_interno { width: 707px; min-height: 350px; _height: 350px; padding: 0 11px; background: url(../imagens/conteudo_interno.png) no-repeat; } #conteudo_interno * { color: #434343; } #botao_pagina_anterior, #botao_pagina_inicial { margin: 12px 12px 0 0; _margin-right: 6px; float: right; background: url(../imagens/botao_pagina_inicial.png); } #botao_pagina_anterior a, #botao_pagina_inicial a { width: 113px; line-height: 28px; text-align: center; color: #434343; display: block; background: url(../imagens/botao_pagina_inicial.png); } #botao_pagina_anterior a, #botao_pagina_anterior { width: 130px; background: url(../imagens/botao_pagina_anterior.png); } #botao_pagina_anterior a:hover, #botao_pagina_inicial a:hover { color: #2f3b61; background-position: 0 28px; } #botao_ficou_interessado { margin: 20px 0 0 50px; _margin-left: 25px; background: url(../imagens/botao_ficou_interessado.png); } #botao_ficou_interessado a { width: 270px; height: 79px; padding: 10px 133px 0 200px; line-height: 13px; color: #434343; display: block; background: url(../imagens/botao_ficou_interessado.png); } #botao_ficou_interessado a:hover { color: #243772; background-position: 0 89px; } #botao_ficou_interessado strong { margin-bottom: 3px; font-size: 12px; color: #8f0404; display: block; } #sem_video { width: 330px; height: 80px; background: url(../imagens/sem_video.png); } /* ----------- FILMES DAS FUNCIONALIDADES DO SISTEMA ----------- */ #filme_area { width: 780px; margin: 0 auto; float: none; position: relative; } #filme_fundo { background: #FFFFFF url(../imagens/filme_fundo.png) repeat-x; } /* ----------- SITE DA IMOBILIÁRIA ----------- */ #empresa_titulo, #portais_titulo, #redes_titulo, #contato_titulo, #site_titulo_interno, #site_titulo { width: 729px; height: 62px; margin-top: 11px; background: url(../imagens/site_titulo.png); } #site_titulo_interno { background: url(../imagens/site_titulo_interno.png); } #site_recursos { width: 512px; } #site_recursos li { width: 500px; padding-bottom: 15px; background: url(../imagens/site_recursos_area.png) bottom no-repeat; } #site_recursos li a { color: #434343; font-weight: normal; } #site_recursos li a strong { padding-top: 15px; display: block; color: #8f0404; } #site_recursos li a img { width: 80px; height: 85px; float: left; } #site_recursos li #site_recursos_video, #site_recursos li #site_recursos_saiba { width: 108px; line-height: 24px; margin-top: 10px; padding-left: 22px; display: block; float: left; font-weight: bold; background: url(../imagens/site_recursos_links.png) no-repeat; } #site_recursos li #site_recursos_saiba:hover { color: #243772; background-position: 0 -24px; } #site_recursos li #site_recursos_video { width: 150px; background-position: -130px 0; } #site_recursos li #site_recursos_video:hover { color: #243772; background-position: -130px -24px; } #site_destaques { width: 195px; } #site_destaques a { width: 173px; color: #374e6a; padding: 9px 11px; font-weight: normal; display: block; } #site_destaques strong { padding-bottom: 16px; color: #374e6a; display: block; } #site_destaques b { color: #374e6a; } #site_destaque_depoimentos { background: url(../imagens/site_destaque_depoimentos.png); } #site_destaque_depoimentos a { height: 185px; background: url(../imagens/site_destaque_depoimentos.png); } #site_destaque_depoimentos a:hover { color: #243772; background-position: 0 203px; } #site_destaque_portais { margin-top: 10px; background: url(../imagens/site_destaque_portais.png); } #site_destaque_portais a { height: 265px; background: url(../imagens/site_destaque_portais.png); } #site_destaque_portais a:hover { color: #243772; background-position: 0 283px; } #site_destaque_redes { margin-top: 10px; background: url(../imagens/site_destaque_redes.png); } #site_destaque_redes a { height: 215px; background: url(../imagens/site_destaque_redes.png); } #site_destaque_redes a:hover { color: #243772; background-position: 0 233px; } #site_sem_video { width: 330px; height: 104px; background: url(../imagens/site_sem_video.png); } #site_botao_video { background: url(../imagens/site_botao_video.png); } #site_botao_video_separado a, #site_botao_video a { width: 210px; height: 92px; padding: 12px 40px 0 80px; display: block; line-height: 13px; background: url(../imagens/site_botao_video.png); } #site_botao_video_separado a, #site_botao_video_separado { background: url(../imagens/site_botao_video_separado.png); } #site_botao_video_separado a:hover, #site_botao_video a:hover { color: #243772; background-position: 0 -104px; } #site_descricao_coluna { width: 512px; } #site_descricao_coluna_dupla { width: 353px; } #site_descricao_coluna_dupla li, #site_descricao_coluna li { width: 475px; padding: 10px 0 10px 25px; background: url(../imagens/site_item.png) no-repeat top left; } #site_descricao_coluna_dupla li { width: 315px; } #site_descricao_coluna_suporte { width: 475px; } #site_descricao_coluna_suporte li { width: 460px; padding: 8px 0 0 15px; background: url(../imagens/site_subitem.png) no-repeat top left; } #site_depoimento_interno { width: 195px; } #site_depoimento_interno img { float: left; } #site_depoimento_interno * { font-size: 10px; line-height: 14px; color: #374e6a; } #site_depoimento_interno_titulo { width: 177px; line-height: 28px; padding-left: 18px; font-weight: bold; font-size: 11px; background: url(../imagens/site_depoimento_interno_titulo.png); } #site_depoimento_interno_nome_fundo { width: 195px; background: url(../imagens/site_depoimento_interno_nome_fundo.png); } #site_depoimento_interno_semfoto, #site_depoimento_interno_nome { width: 175px; padding: 10px; font-size: 10px; line-height: 12px; background: url(../imagens/site_depoimento_interno_nome.png) no-repeat; } #site_depoimento_interno_semfoto strong, #site_depoimento_interno_nome strong { font-size: 11px; } #site_depoimento_interno_semfoto a:hover, #site_depoimento_interno_nome a:hover { text-decoration: underline; } #site_depoimento_interno_semfoto { background-image: url(../imagens/site_depoimento_interno_semfoto.png); } #site_depoimento_interno_fundo { width: 195px; background: url(../imagens/site_depoimento_interno_fundo.png); } #site_depoimento_interno_degrade { width: 175px; padding: 15px 10px 5px 10px; background: url(../imagens/site_depoimento_interno_degrade.png) no-repeat top; } #site_depoimento_interno_base { width: 195px; height: 6px; font-size: 1px; background: url(../imagens/site_depoimento_interno_base.png) no-repeat top; } #site_voltar { margin: 20px 0 -20px 0; background: url(../imagens/site_voltar.png); } #site_voltar a { width: 707px; height: 72px; line-height: 36px; position: relative; z-index: 99; font-size: 13px; text-align: center; display: block; background: url(../imagens/site_voltar.png); } #site_voltar a:hover { color: #374e6a; background-position: 0 72px; } /* ----------- SITE DA IMOBILIÁRIA - SUPER SITE ----------- */ #site_supersite_modelos_titulo { width: 697px; height: 32px; padding: 8px 0 0 10px; color: #374e6a; font-weight: bold; background: url(../imagens/site_supersite_modelos_titulo.png); } #site_supersite_modelos_fundo { width: 707px; background: url(../imagens/site_supersite_modelos_fundo.png); } #site_supersite_modelos_fundo * { color: #374e6a; } #site_supersite_modelos_fundo a:hover { text-decoration: underline; } #site_supersite_modelos_abrir { margin-bottom: 20px; display: none; background: url(../imagens/site_supersite_modelos_abrir.png); } #site_supersite_modelos_abrir a { width: 707px; height: 21px; display: block; background: url(../imagens/site_supersite_modelos_abrir.png); } #site_supersite_modelos_fechar { margin-bottom: 20px; background: url(../imagens/site_supersite_modelos_fechar.png); } #site_supersite_modelos_fechar a { width: 707px; height: 21px; display: block; background: url(../imagens/site_supersite_modelos_fechar.png); } #site_supersite_modelos_fechar a:hover, #site_supersite_modelos_abrir a:hover { background-position: 0 21px; } #site_supersite_modelos a, #site_supersite_modelos strong, #site_supersite_modelos p { width: 70px; padding-bottom: 3px; display: block; float: left; } #site_supersite_modelos strong { width: 580px; } #site_supersite_modelos a { width: 500px; } #site_supersite_modelos_st3, #site_supersite_modelos_st2, #site_supersite_modelos_st1 { width: 580px; height: 113px; padding: 15px 0 0 127px; margin-bottom: 5px; background: url(../imagens/site_supersite_modelos_st1.png); } #site_supersite_modelos_st2 { background: url(../imagens/site_supersite_modelos_st2.png); } #site_supersite_modelos_st3 { background: url(../imagens/site_supersite_modelos_st3.png); } #site_supersite_modelos_imagens { width: 0; height: 0; top: 0; left: 0; clip: rect(0px 0px 0px 0px); position: absolute; } #site_supersite_modelos_fundo { width: 707px; background: url(../imagens/site_supersite_modelos_fundo.png); } #site_supersite_hospedagem { width: 175px; height: 260px; padding: 10px; margin-bottom: 20px; background: url(../imagens/site_supersite_hospedagem.png); } #site_supersite_hospedagem * { font-size: 11px; line-height: 16px; } /* ----------- SITE DA IMOBILIÁRIA - TEMPORADA PRO ----------- */ #site_temporada_imagem { width: 707px; height: 343px; background: url(../imagens/site_temporada_imagem.jpg) no-repeat bottom; } #site_temporada_imagem p { width: 330px; padding-left: 10px; display: block; } #site_temporada_botao_video { background: url(../imagens/site_temporada_botao_video.png); } #site_temporada_botao_video a { width: 210px; height: 68px; padding: 12px 40px 0 80px; display: block; line-height: 13px; background: url(../imagens/site_temporada_botao_video.png); } #site_temporada_botao_video a:hover { color: #243772; background-position: 0 -80px; } #site_temporada_portal { margin-bottom: 20px; background: url(../imagens/site_temporada_portal.png); } #site_temporada_portal a { width: 195px; height: 91px; padding-top: 20px; font-size: 11px; text-align: center; color: #83522b; display: block; background: url(../imagens/site_temporada_portal.png); } #site_temporada_portal a:hover { background-position: 0 111px; } /* ----------- REDE DE IMOBILIÁRIAS ----------- */ #redes_titulo { background: url(../imagens/redes_titulo.png); } #redes_coluna { width: 330px; } #redes_coluna li { width: 305px; padding: 10px 0 10px 25px; background: url(../imagens/site_item.png) no-repeat top left; } #redes_modelos_titulo { width: 697px; height: 32px; padding: 8px 0 0 10px; margin-top: -10px; color: #374e6a; font-weight: bold; background: url(../imagens/redes_modelos_titulo.png); } #redes_modelos_fundo { width: 707px; background: url(../imagens/redes_modelos_fundo.png); } #redes_modelos_fundo p { color: #374e6a; } #redes_modelos_lista_fundo { width: 707px; background: url(../imagens/redes_modelos_lista_fundo.png); } #redes_modelos_lista_topo { width: 677px; padding: 10px 10px 0 20px; background: url(../imagens/redes_modelos_lista_topo.png) no-repeat top; } #redes_modelos_lista_topo a { width: 677px; color: #374e6a; display: block; } #redes_modelos_lista_topo a:hover { text-decoration: underline; } #redes_modelos_lista_base { width: 707px; height: 12px; margin-bottom: 20px; font-size: 1px; background: url(../imagens/redes_modelos_lista_base.png); } /* ----------- PORTAIS DE IMÓVEIS ----------- */ #portais_titulo { background: url(../imagens/portais_titulo.png); } #portais_portaldeimoveis_titulo { width: 707px; height: 100px; text-indent: -2150px; background: url(../imagens/portais_portaldeimoveis_titulo.png); } #portais_portaldeimoveis_texto { width: 403px; height: 275px; padding-right: 300px; background: url(../imagens/portais_portaldeimoveis_imagem.png) no-repeat right; } #portais_portaldeimoveis_link { background: url(../imagens/portais_portaldeimoveis_link.png); } #portais_portaldeimoveis_link a { width: 173px; height: 119px; padding: 11px 145px 0 85px; line-height: 14px; display: block; background: url(../imagens/portais_portaldeimoveis_link.png); } #portais_portaldeimoveis_link a:hover { color: #243772; background-position: 0 130px; } #portais_descricao_coluna { width: 450px; } #portais_descricao_coluna li { width: 410px; padding: 10px 0 10px 25px; background: url(../imagens/site_item.png) no-repeat top left; } #portais_descricao_coluna li a:hover { text-decoration: underline; } #portais_destaques { width: 251px; } #portais_portaldeimoveis_depoimentos { width: 707px; margin-top: 10px; } #portais_portaldeimoveis_depoimentos h3 { width: 690px; height: 37px; padding: 8px 0 0 17px; color: #374e6a; display: block; float: left; background: url(../imagens/portais_portaldeimoveis_dep_titulo.png); } #portais_portaldeimoveis_dep_fundo { width: 707px; background: url(../imagens/portais_portaldeimoveis_dep_fundo.png); } #portais_portaldeimoveis_dep_base { width: 707px; height: 12px; background: url(../imagens/portais_portaldeimoveis_dep_base.png); } #portais_portaldeimoveis_dep_clientes { width: 220px; } #portais_portaldeimoveis_dep_clientes * { color: #374e6a; } #portais_portaldeimoveis_dep_clientes a { width: 195px; line-height: 24px; padding-left: 25px; display: block; background: url(../imagens/portais_portaldeimoveis_dep_opcoes.png) 0 -24px; } #portais_portaldeimoveis_dep_clientes a:hover { color: #243772; background-position: 0 24px; } #portais_portaldeimoveis_dep_conteudo { width: 460px; padding: 5px; } #portais_portaldeimoveis_dep_conteudo div { width: 470px; display: none; } #portais_portaldeimoveis_dep_conteudo div * { color: #374e6a; font-size: 10px; line-height: 14px; } #portais_portaldeimoveis_dep_conteudo div strong { font-size: 11px; } #portais_portaldeimoveis_dep_conteudo div a:hover { text-decoration: underline; } /* ----------- NOSSA EMPRESA ----------- */ #empresa_titulo { background: url(../imagens/empresa_titulo.png); } #empresa_coluna { width: 707px; margin: 5px 0 20px 0; } #empresa_coluna li { width: 310px; padding: 10px 0 10px 25px; background: url(../imagens/site_item.png) no-repeat top left; } /* ----------- CONTATO ----------- */ #contato_titulo { background: url(../imagens/contato_titulo.png); } #contato_form { margin-left: 74px; _margin-left: 37px; width: 550px; } #contato_form b { color: #eb0000; } #contato_form p { width: 20px; padding-top: 3px; display: block; float: left; } #contato_form h3 { width: 550px; height: 20px; margin: 10px 0; float: left; background: url(../imagens/contato_linha.png) no-repeat bottom; } #contato_form label { width: 550px; padding-top: 5px; display: block; float: left; outline: hidden; font-weight: bold; } #contato_form label input { height: auto; margin-top: 0; border: 0; background: none; } #contato_form textarea { width: 550px; height: 60px; float: left; background-image: url(../imagens/contato_campo_textarea.png); } #contato_form textarea.campo_ok { border: 1px solid #c2c2c2; background: #f1f1f1 url(../imagens/contato_campo_textarea.png) repeat-x top; } #contato_form textarea.campo_erro { border: 1px solid #c90101; background: #ffcbc2 url(../imagens/contato_campo_textarea_erro.png) repeat-x top; } #contato_interesses { width: 530px; padding-bottom: 10px; } #contato_interesses label { width: 170px; font-weight: normal; } #contato_estou_interessado { padding-top: 10px; } #contato_sou_cliente { padding-top: 10px; display: none; } #contato_campos li { width: 550px; padding-bottom: 5px; } #contato_campos select { width: 240px; height: auto; } #contato_campos label { width: 140px; padding-top: 2px; font-weight: normal; } #contato_campos #contato_possui_site { width: 60px; } #obs_obrigatorio { padding: 10px 0 20px 0; } #obs_obrigatorio_inicio { padding: 30px 0 30px 74px; } #obs_obrigatorio_inicio b { color: #eb0000; } #contato_site_endereco { visibility: hidden; margin-bottom: -40px; } #contato_site_endereco div { width: 130px; padding: 2px 0 15px 5px; } #contato_enviar input { width: 550px; height: 72px; line-height: 36px; padding: 0 0 35px 60px; border: 0; cursor: pointer; text-align: left; font-weight: bold; font-size: 13px; background: url(../imagens/contato_enviar.png); } #contato_enviar input:hover { color: #243772; background-position: 0 72px; } #contato_rodape { width: 707px; height: 39px; margin-bottom: 10px; padding-top: 5px; text-align: center; background: url(../imagens/contato_rodape.png); } #contato_rodape a:hover { text-decoration: underline; } #contato_mensagem_erro { width: 500px; height: 44px; padding-left: 50px; margin: 10px 0; font-weight: bold; background: url(../imagens/contato_mensagem_erro.png); } #contato_mensagem_erro table tr td { width: 500px; height: 44px; color: #b90000; line-height: 12px; } #checkbox_outra_cidade { border: 0; background: none; margin: 0; } #input_outra_cidade { visibility: hidden; margin-bottom: -40px; } #lista_outra_cidade { width: 330px; margin-left: 140px; _margin-left: 70px; position: relative; display: none; z-index: 99; } #lista_outra_cidade span { padding: 0 2px 2px 0; margin-top: 5px; display: block; position: absolute; background: #cfd8de; } #lista_outra_cidade ul { width: 300px; max-height: 160px; _height: 160px; float: none; border: 1px solid #c2c2c2; overflow: -moz-scrollbars-vertical; overflow-y: auto; overflow-x: hidden; background: #f1f1f1; } #lista_outra_cidade ul li { padding: 0; } #lista_outra_cidade ul li a { width: 290px; padding: 5px; border-bottom: 1px solid #c2c2c2; font-size: 10px; background: #f1f1f1 url(../imagens/contato_campo_ok.png) repeat-x top; display: block; } #lista_outra_cidade ul li .outra_cidade_selecionada, #lista_outra_cidade ul li a:hover { color: #193796; background: #d9e8f4 url(../imagens/contato_outra_cidade_hover.png) repeat-x top; } #lista_outra_cidade ul li a b { color: #193796; font-size: 10px; } #contato_enviado_icone { width: 400px; height: 115px; padding: 10px 0 0 150px; margin-top: 20px; background: url(../imagens/contato_enviado_icone.png) no-repeat; } #contato_enviado_icone h3 { width: 400px; font-size: 13px; background: none; } #contato_enviado_voltar { background: url(../imagens/contato_enviado_voltar.png); } #contato_enviado_voltar a { width: 417px; height: 62px; padding: 10px 0 0 290px; display: block; font-size: 13px; background: url(../imagens/contato_enviado_voltar.png); } #contato_enviado_voltar a:hover { color: #243772; background-position: 0 72px; } /* ----------- ATENDIMENTO ON-LINE ----------- */ #atendimento_fundo { background: url(../imagens/atendimento_fundo.png) repeat-x; } #atendimento_area { width: 500px; margin: 0 auto; float: none; } #atendimento_topo { width: 500px; height: 70px; } #atendimento_topo h1 { width: 224px; height: 68px; float: left; background: url(../imagens/atendimento_logo.png); } #atendimento_fechar { margin-top: 18px; float: right; background: url(../imagens/atendimento_fechar.png); } #atendimento_fechar a { width: 114px; line-height: 32px; padding-left: 50px; display: block; color: #434343; background: url(../imagens/atendimento_fechar.png); } #atendimento_fechar a:hover { color: #243772; background-position: 164px 0; } #atendimento_aviso { width: 268px; height: 255px; padding: 60px 10px 0 200px; margin: 12px 0 0 12px; _margin-left: 6px; color: #434343; background: url(../imagens/atendimento_aviso.png) no-repeat; } #atendimento_aviso strong { font-size: 13px; } #atendimento_aviso a { color: #434343; } #atendimento_aviso a:hover { text-decoration: underline; } /* ----------- DEPOIMENTOS ----------- */ #site_depoimentos { width: 512px; } #site_depoimentos li { width: 500px; padding: 10px 0 20px 0; } #site_depoimentos .logo { width: 70px; height: 70px; padding: 10px; background: url(../imagens/site_depoimentos_logo.png) left top no-repeat; } #site_depoimentos .conteudoDepoimento { width: 400px; padding: 20px 0 0 10px; background: url(../imagens/site_depoimentos_conteudo.png) left top no-repeat; } #site_depoimentos a, #site_depoimentos b, #site_depoimentos span, #site_depoimentos strong { color: #374e6a; } #site_depoimentos a:hover { text-decoration: underline; } #site_depoimentos .cabecalho { width: 400px; } #site_depoimentos .cabecalho * { display: inline; } #site_depoimentos .link { width: 400px; margin: 10px 0; clear: both; background: url(../imagens/site_depoimentos_link.png) no-repeat; } #site_depoimentos .link a { width: 380px; line-height: 22px; padding-left: 16px; color: #374e6a; display: block; background: url(../imagens/site_depoimentos_link.png); } #site_depoimentos .link a:hover { color: #243772; text-decoration: none; background-position: 0 22px; } #site_depoimentos .link a { width: 195px; }