/* ----------- CONFIGURAÇÃO DAS TAGS PRINCIPAIS ----------- */ body { text-align: center; background: url(../imagens/cidade_fundo_topo.png) repeat-x; } h1 { width: 448px; height: 104px; margin: -20px auto; padding: 0px; clip: auto; left: auto; position: static; background: url(../imagens/logo_cidade.png); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagens/logo_cidade.png); } h2 { color: #265775; } h4 { font-weight: normal; color: #265775; } /* ----------- DEFINIÇÕES DA ESTRUTURA ----------- */ #topo { width: 777px; height: 131px; margin: 0 auto; float: none; } #topo a { cursor: pointer; } #topo h2 { width: 777px; margin-top: -25px; text-align: center; font-size: 11px; color: #005fb0; } #topo_cidade { width: 777px; } #barra_fundo { width: 100%; background:url(../imagens/barra_fundo.png); } #cidade_barra { width: 726px; height: 152px; padding: 13px 0px 0px 51px; margin: 0 auto; text-align: left; float: none; background:url(../imagens/cidade_barra.png); } #cidade_fundo { width: 755px; min-height: 130px; _height: 130px; padding: 10px 11px 0px 11px; position: relative; background: #FFFFFF url(../imagens/cidade_fundo.png) no-repeat; } #cidade_conteudo { width: 613px; } #cidade_banner { width: 142px; position: absolute; left: 624px; background:url(../imagens/cidade_banner.png) no-repeat; } #cidade_banner_area { width: 120px; padding: 10px 0px 0px 11px; } #fundo_base { width: 100%; background:url(../imagens/fundo_base.png) repeat-x top; } #copyright { width: 755px; margin: 34px 0px 0px 0px; text-align: center; } /* ----------- DESTAQUES PRINCIPAIS ----------- */ #cidade_destaque_principal { width: 153px; height: 230px; } #cidade_destaque_principal_titulo { width: 137px; height: 38px; padding: 5px 3px 0px 3px; position: relative; text-align: left; background:url(../imagens/cidade_destaque_principal_titulo.png); } #cidade_destaque_principal_titulo h2 { width: 137px; clip: rect(0px 137px 26px 0px); position: absolute; text-transform: uppercase; text-align: center; } #cidade_destaque_principal_fundo { width: 143px; height: 167px; background:url(../imagens/cidade_destaque_principal_fundo.png); } #cidade_destaque_principal_foto_h { width: 143px; height: 87px; background-position: 22px 3px; } #cidade_destaque_principal_foto_v { width: 143px; height: 112px; background-position: 33px 3px; } #cidade_destaque_principal_texto_v, #cidade_destaque_principal_texto_h { width: 123px; height: 75px; padding: 0px 10px 0px 10px; position: relative; } #cidade_destaque_principal_texto_v { width: 123px; height: 50px; padding: 0px 10px 0px 10px; position: relative; } #cidade_destaque_principal_texto_v a, #cidade_destaque_principal_texto_h a { color: #265775; font-weight: normal; } #cidade_destaque_principal_texto_v a:hover, #cidade_destaque_principal_texto_h a:hover { text-decoration: underline; } #cidade_destaque_principal_texto_v div, #cidade_destaque_principal_texto_h div { width: 123px; height: 75px; position: absolute; left: 10px; clip: rect(0px 123px 74px 0px); } #cidade_destaque_principal_texto_v div { height: 50px; clip: rect(0px 123px 50px 0px); } /* ----------- DESTAQUES SECUNDÁRIOS ----------- */ #cidade_destaque_secundario { width: 600px; height: 95px; padding-left: 3px; margin-bottom: 20px; text-align: left; background:url(../imagens/cidade_destaque_secundario.png) no-repeat; } #cidade_destaque_secundario h2 { height: 21px; margin: 5px 0px 0px 7px; } #cidade_destaque_secundario_area { width: 200px; height: 66px; position: relative; } #cidade_destaque_secundario_foto { width: 66px; height: 66px; } #cidade_destaque_secundario_foto_v, #cidade_destaque_secundario_foto_h { width: 66px; height: 66px; z-index: 2; top: 0px; left: 0px; position: absolute; background:url(../imagens/cidade_destaque_secundario_foto_h.png); } #cidade_destaque_secundario_foto_h_f { margin: 10px 0px 0px 3px; z-index: 1; } #cidade_destaque_secundario_foto_v { background:url(../imagens/cidade_destaque_secundario_foto_v.png); } #cidade_destaque_secundario_foto_v_f { margin: 3px 0px 0px 10px; z-index: 1; } #cidade_destaque_secundario_texto { width: 116px; height: 61px; padding: 5px 5px 0px 10px; line-height: 11px; position: relative; background:url(../imagens/cidade_destaque_secundario_texto.png); } #cidade_destaque_secundario_texto a { color: #265775; font-weight: normal; } #cidade_destaque_secundario_texto a:hover { text-decoration: underline; } #cidade_destaque_secundario_texto div { width: 116px; height: 59px; position: absolute; clip: rect(0px 116px 56px 0px); } /* ----------- DESTAQUE PARA OS PORTAIS ----------- */ #cidade_botao_fazendas { margin-bottom: 20px; background:url(../imagens/cidade_portais.png); } #cidade_botao_fazendas a { width: 306px; height: 52px; display: block; background:url(../imagens/cidade_portais.png); } #cidade_botao_fazendas a:hover { background-position: 0 52px; } #cidade_botao_temporada { margin-bottom: 20px; background:url(../imagens/cidade_portais.png) -306px 0; } #cidade_botao_temporada a { width: 296px; height: 52px; display: block; background:url(../imagens/cidade_portais.png) -306px 0; } #cidade_botao_temporada a:hover { background-position: -306px 52px; } #cidade_botao_temporada strong, #cidade_botao_fazendas strong { width: 110px; height: 39px; padding-top: 13px; display: block; float: left; text-align: right; } /* ----------- DESCRIÇÃO DO PORTAL E LINKS EXTRAS ----------- */ #cidade_descricao_fundo { width: 500px; background:url(../imagens/cidade_descricao_fundo.png); } #cidade_descricao_topo { width: 480px; padding: 13px 10px 5px 10px; color: #265775; text-align: left; background:url(../imagens/cidade_descricao_topo.png) no-repeat; } #cidade_descricao_topo a:hover { text-decoration: underline; } #cidade_descricao_fale { background:url(../imagens/cidade_descricao_botoes.png); } #cidade_descricao_fale a { width: 359px; height: 16px; padding-top: 11px; display: block; background:url(../imagens/cidade_descricao_botoes.png); } #cidade_descricao_fale a:hover { background-position: 0px 27px; } #cidade_descricao_termos { background:url(../imagens/cidade_descricao_botoes.png) -359px 0px; } #cidade_descricao_termos a { width: 141px; height: 16px; padding-top: 11px; display: block; background:url(../imagens/cidade_descricao_botoes.png) -359px 0px; } #cidade_descricao_termos a:hover { background-position: -359px 27px; } #cidade_buscar_mapa { margin-left: 10px; margin-top: -3px; background:url(../imagens/cidade_buscar_mapa.png); } #cidade_buscar_mapa a { width: 92px; height: 36px; padding-top: 68px; display: block; background:url(../imagens/cidade_buscar_mapa.png); } #cidade_buscar_mapa a:hover { background-position: 92px 0px; } /* ----------- BASE DA PÁGINA, AS MESMAS DIVS DO RESULTADOS DA BUSCA, MAS COM ALGUMAS ALTERAÇÕES ----------- */ #resultado_base_fundo_cidade { width: 100%; background: url(../imagens/resultado_base_fundo_cidade.png); } #resultado_base_cidade { width: 755px; height: 120px; padding: 0px 11px 0px 11px; margin: 0 auto; text-align: left; float: none; background:url(../imagens/resultado_base_cidade.png); } #resultado_associadas { margin: 15px 25px 0px 0px; background:url(../imagens/resultado_associadas.png); } #resultado_associadas a { width: 269px; height: 36px; display: block; padding: 15px 0px 0px 50px; background:url(../imagens/resultado_associadas.png); } #resultado_associadas a:hover { background-position: 0px 51px; } #resultado_sem_associadas { width: 240px; } #resultado_participar { margin: 15px 25px 0px 0px; background:url(../imagens/resultado_participar.png); } #resultado_participar a { width: 135px; height: 36px; display: block; padding: 15px 0px 0px 50px; background:url(../imagens/resultado_participar.png); } #resultado_participar a:hover { background-position: 0px 51px; } #resultado_anunciante { margin-top: 15px; background:url(../imagens/resultado_anunciante.png); } #resultado_anunciante a { width: 145px; height: 36px; display: block; padding: 15px 0px 0px 50px; background:url(../imagens/resultado_anunciante.png); } #resultado_anunciante a:hover { background-position: 0px 51px; }