/* Mens Infodesign // e-Commerce e Marketing Interativo SAUS Q. 01, Bloco M, Edifício Libertas, Sala 812 | CEP 70.070-010 | Brasília, D.F. - Fone: +55 (61) 3323-7094 Site: www.mens.com.br - E-mail: mens@mens.com.br Projeto: Antares Engenharia Data: Outubro de 2006 Autor: Valter Rodrigues */ /* Config html */ body, h1, h2, h3, h4, h5, h6, img, ul, li, p, div, form, table, td, tr, a { margin: 0px; padding:0px; border:0px; } body { font-family: Arial, Tahoma, Verdana; font-size: 11px; color: #959494; background:url(../_imgs/util/bg_site.jpg) repeat-x; } a:link { color: #9D0A0E; text-decoration: none; } a:visited { text-decoration: none; color: #9D0A0E; } a:hover { text-decoration: underline; color: #9D0A0E; } a:active { text-decoration: none; color: #9D0A0E; } p { line-height:18px; color: #959494} /* slide banners */ #mommyLayer { position: absolute; width: 100%; height: 120px; z-index: 1; left: 0px; top: 0px; overflow: hidden;} #babyLayer { position: absolute; width: 300%; height: 118px; z-index: 0; top: 0px; left: 15px;} #slide_cont{position:relative; height:200px;background:url(../_imgs/home/bg_dest.gif) bottom repeat-x;} #daddyLayer{ position:relative; width:100%; height:130px; z-index:1; left: 0; top: 0; overflow: hidden;} #seta_esq{ float:left; z-index:88; position:relative;} #seta_dir{z-index:88; position: absolute; top:0; right:-1px;} #dh_bloco{float:left; width:10%; margin-right:20px; margin-left:5px; background:url(../_imgs/home/bg_combos.gif) repeat-x; max-width:296px;} /* Config Site */ h1.logo { width:175px; height:100px; float:left; background:url(../_imgs/util/logo_antares.gif) no-repeat; text-indent: -99999px;} h1.logo a { width:175px; height:100px; display:block; } #geral { width:98%; min-width:746px; padding-left:1%; padding-right:1%; margin:0px auto; background:url(../_imgs/util/bg_rodape.jpg) repeat-x left bottom; } #topo { height:120px; } .imgHome { margin-top:55px; margin-right:5px; float:left; } #menu { width:640px; height:85px; float:right; } #menu ul { list-style:none; float:right; } #menu li { float:left; height:85px; } #menu li span { display:none; } #menu li a { display:block; } #menu li.imoveis a { width:66px; height:85px; } #menu li.imoveis { background:url(../_imgs/util/menu/mn_imoveis.gif) no-repeat; } #menu li.imoveis a:hover { background:url(../_imgs/util/menu/mn_imoveis.gif) no-repeat; background-position:0px -85px; } #menu li.imoveis_ativo a { width:66px; height:85px; } #menu li.imoveis_ativo { background:url(../_imgs/util/menu/mn_imoveis.gif) no-repeat; background-position:0px -170px; } #menu li.sobre a { width:126px; height:85px;} #menu li.sobre {background:url(../_imgs/util/menu/mn_sobre.gif) no-repeat; } #menu li.sobre a:hover { background:url(../_imgs/util/menu/mn_sobre.gif) no-repeat; background-position:0px -85px; } #menu li.sobre_ativo a {width:126px; height:85px;} #menu li.sobre_ativo {background:url(../_imgs/util/menu/mn_sobre.gif) no-repeat; background-position:0px -170px; } #menu li.vendas a { width:65px; height:85px; } #menu li.vendas { background:url(../_imgs/util/menu/mn_vendas.gif) no-repeat; } #menu li.vendas a:hover { background:url(../_imgs/util/menu/mn_vendas.gif) no-repeat; background-position:0px -85px; } #menu li.vendas_ativo a {width:65px; height:85px; } #menu li.vendas_ativo { background:url(../_imgs/util/menu/mn_vendas.gif) no-repeat; background-position:0px -170px; } #menu li.cadastro a { width:95px; height:85px; } #menu li.cadastro { background:url(../_imgs/util/menu/mn_cadastro.gif) no-repeat; } #menu li.cadastro a:hover { background:url(../_imgs/util/menu/mn_cadastro.gif) no-repeat; background-position:0px -85px; } #menu li.cadastro_ativo a {width:95px; height:85px; } #menu li.cadastro_ativo { background:url(../_imgs/util/menu/mn_cadastro.gif) no-repeat; background-position:0px -170px; } #menu li.fale a { width:96px; height:85px; } #menu li.fale { background:url(../_imgs/util/menu/mn_fale.gif) no-repeat; } #menu li.fale a:hover { background:url(../_imgs/util/menu/mn_fale.gif) no-repeat; background-position:0px -85px; } #menu li.fale_ativo a {width:96px; height:85px; } #menu li.fale_ativo { background:url(../_imgs/util/menu/mn_fale.gif) no-repeat; background-position:0px -170px; } #menu li.chat a { width:100px; height:85px; } #menu li.chat { background:url(../_imgs/empreendimentos/img_chatonlinehome2.jpg) no-repeat ; margin-top:45px; margin-left:5px; } #rodape { height:60px; padding-top:10px; clear:both; background:url(../_imgs/util/rodape_detalhe.jpg) no-repeat 0px 8px; } #rodape p { float:left; padding-left:3px; line-height:22px; } .rodape_mens { float: left; margin-top:5px;} .rodape_iso { float:right; position:relative; } .clear { clear: both; } #meio { position: relative; height:280px; } .mgbotom { margin-bottom:40px;} .apagar { display:none; } .alinhaCentro { text-align:center; } .margemtop { margin-top:20px;} .borda_rodape { height:27px; background:url(../_imgs/util/bg_rodape.jpg) repeat-x left bottom; } .float { float: left;} .img_informacoes {margin-top:-20px; _margin-top:0px; } /* destaques Home */ #dest_home{padding:10px 0 5px 10px; height:170px; background:url(../_imgs/home/bg_dest.gif) repeat-x bottom; position:relative;} #dh_bloco{position:relative;} #dhb_info{width:124px; height:116px; border:1px solid #dfdfdf; border-left:none; float:right; position:absolute; top:0; right:0; background-color:#FFFFFF; text-align:center; } /* Config Home */ .mg { margin-left:10px; } .form { border:#F2DDD5 solid 1px; color:#DFA996; font-size:11px; } .box1 { width:200px; height:280px; } .box2 { width: 47%; float:left; padding-right:2%; } .box3 { width: 47%; float:left; padding-left:2%; } .unidades { margin-top:10px; } #box_txt { width:170px; float: left; } #col_1 { width: 460px; position:absolute; left: 0px; background:url(../_imgs/home/img_mulher.jpg) no-repeat right top; } #col_2 { padding-left: 460px; position: relative; } h3.dest_cadastre { width:140px; height:50px; background:url(../_imgs/home/dest_cadastre.jpg) no-repeat; text-indent:-99999px; } h3.dest_sobre { width:190px; height:50px; background:url(../_imgs/home/dest_sobre.jpg) no-repeat; text-indent:-99999px; } h3.dest_vendas { width:90px; height:50px; background:url(../_imgs/home/dest_vendas.jpg) no-repeat; text-indent:-99999px; } #destaque { height:247px; background-position: center; position: relative; } #bg { width:100%; height:27px; position:absolute; background:url(../_imgs/util/bg_rodape.jpg) repeat-x bottom; } ul.mnsub_list { width:205px; margin-top:10px; list-style:none; text-transform:uppercase; color:#d3a08e; } ul.mnsub_list li a { width:190px; padding-top:3px; padding-left: 10px; height:18px; display:block; color:#D3A08E; } ul.mnsub_list li.sub1 { background:url(../_imgs/home/sb_lista1.jpg) no-repeat; } ul.mnsub_list li.sub1 a:hover { background:url(../_imgs/home/sb_lista1.jpg) no-repeat; background-position:0 -21px; color:#D3A08E; text-decoration:underline; } ul.mnsub_list li.sub2 { background:url(../_imgs/home/sb_lista1.jpg) no-repeat; } ul.mnsub_list li.sub2 a:hover { background:url(../_imgs/home/sb_lista1.jpg) no-repeat; background-position:0 -21px; color:#D3A08E; text-decoration:underline;} ul.mnsub_list li.sub3 { background:url(../_imgs/home/sb_lista1.jpg) no-repeat; } ul.mnsub_list li.sub3 a:hover { background:url(../_imgs/home/sb_lista1.jpg) no-repeat; background-position:0 -21px; color:#D3A08E; text-decoration:underline;} ul.mnsub_list li.sub4 { height:22px !important; background:url(../_imgs/home/sb_lista4.jpg) no-repeat; } ul.mnsub_list li.sub4 a:hover { height:22px !important; background:url(../_imgs/home/sb_lista4.jpg) no-repeat; background-position:0 -20px; color:#D3A08E; text-decoration:underline;} ul.mnsub_list li a:visited { color:#D3A08E; } #direita_imov { padding-left:220px; margin-right:10px; } #direita { margin-left:210px; padding-left:10px; } #esquerda { width:178px; margin-right:10px; float:left;} /* Config Imóveis */ .tit_vendas { font-size:18px; margin-bottom:10px; } .conteudo { background:url(../_imgs/util/bg_internas.gif) repeat-y; } h4.titulos { font-size:18px; font-weight:bold; color:#d7d7d7; padding:10px 0px; text-transform:uppercase; } .titulos_novacor { color:#b7b7b7; } #vendas { width:180px; border-top: 1px solid #DFDFDF; float:left; padding:10px 10px 0px 10px; } #box_empre { height:210px; margin-bottom:10px; background:url(../_imgs/empreendimentos/box_empre.jpg) repeat-x bottom; background-color:#f7f7f7; } #obras{width:335px; height:62px; background:url(../_imgs/empreendimentos/bg_obra.gif); position:relative;margin-left: -10px;} #obras_c{width:177px; height:9px; background-color:#e9e9e9; margin-top:30px; margin-left:20px; position:relative;} #obras_pc{position:absolute; top:0; left:0;} #obras_num{position:absolute; top:27px; right:97px; width:33px; height:18px;} #obras_txt{position:absolute; top:15px; right:15px; width:74px; height:31px;} .obras_b{padding-bottom:10px; float:left;} .medicoes_ie_home { position:absolute; top:0; left:0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_imgs/empreendimentos/bg_medicoes.png',sizingMethod='scale'); z-index:50; } /* Para o IE*/ ul.listas01 { padding-left:40px; padding-top:10px; list-style:disc; } ul.listas01 li { line-height:18px; padding:2px 0; } ul.listas02 { padding-left:40px; padding-top:10px; margin:0; list-style:disc; } ul.listas02 li { line-height:18px; } ul.listas02 li a { color:#959494; } ul.listas02 li a:hover { color:#959494; } .medicoes { width:136px; height:25px; position:absolute; background: url(../_imgs/empreendimentos/bg_medicoes.png) no-repeat; _background: none; font-weight:bold; padding:2px 0px 0px 5px; z-index:50; } .medicoes_ie { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_imgs/empreendimentos/bg_medicoes.png',sizingMethod='scale'); } /* Para o IE*/ #detalhes { position:relative; width:180px; float:left;} #logos { background:url(../_imgs/empreendimentos/bg_logos.jpg) repeat-y; text-align:center; height:82px; } #logos p { padding-top:5px;} #txt { margin-left:180px; padding:0px 20px 0px 18px; background-color:#f7f7f7; } h5.txt_empre { font-size:14px; margin-top:10px; margin-bottom:0px; text-transform:uppercase; } #bg_rodape_internas { height:50px; background:url(../_imgs/util/bg_internas_rodape.jpg) left bottom no-repeat ;} /* Config Sobre */ .novaCorSobre {color:#f2ddd5; } .txtBg { position:absolute; left: 380px; top:70px; text-transform:uppercase; color:#FAEFEA; font-weight:bold; } .txtBg2 { position:absolute; left: 380px; top:70px; text-transform:uppercase; color:#FAEFEA; font-weight:bold; } div.txtBg h5 { font-size:20px; } div.txtBg2 h5 { font-size:20px; } .txtBg h5{ font-size:20px; color:#faefea; font-weight:bold; } h5.subTit { font-size:14px; color:#B7B7B7; padding:10px 0px;} .confP p, br { padding:6px 0px; } #bg_destaque { background: url(../_imgs/util/bg_destaque.gif) repeat-x; height:220px;} #bg_destaque_small { background: url(../_imgs/util/bg_destaque_small.gif) repeat-x; } .bgSobre { position:relative; height:220px; margin-left:-10px; margin-right:-10px; margin-bottom:20px; background:url(../_imgs/sobre/bg_destaque1.jpg) left no-repeat;} .bgSobre2 { position:relative; height:220px; margin-left:-10px; margin-right:-10px; margin-bottom:20px; background:url(../_imgs/sobre/bg_destaque2.jpg) left no-repeat;} .bgSobre3 { position:relative; height:220px; margin-left:-10px; margin-right:-10px; margin-bottom:20px; background:url(../_imgs/sobre/bg_destaque3.jpg) left no-repeat;} .bgSobre4 { position:relative; height:220px; margin-left:-10px; margin-right:-10px; margin-bottom:20px; background:url(../_imgs/sobre/bg_destaque4.jpg) left no-repeat;} .bgSobre5 { position:relative; height:220px; margin-left:-10px; margin-right:-10px; margin-bottom:20px; background:url(../_imgs/sobre/bg_destaque5.jpg) left no-repeat;} .bgContato{ position:relative; height:220px; margin-left:-10px; margin-right:-10px; margin-bottom:20px; background:url(../_imgs/util/bg_contato.jpg) left no-repeat;} .bgCadastro{ position:relative; height:220px; margin-left:-10px; margin-right:-10px; margin-bottom:20px; background:url(../_imgs/util/bg_cadastro.jpg) left no-repeat;} .imgDet { margin-bottom:-10px;} .margemTit { margin-left:10px; } .margemDetalhes { margin-left:10px; _margin-left:5px; margin-bottom:10px; } .bordaBranca { border:1px solid #FFFFFF; } .margmenos { _margin-left:-40px;} #subMn_sobre { height:30px; } #informacoes { padding-bottom:10px; background:url(../_imgs/util/bg_informacoes.jpg) repeat-y; float:left; } ul.informacoes { margin:10px; width:160px; } ul.informacoes li {background:url(../_imgs/util/bullet.jpg) no-repeat; list-style:none; padding-left:10px; } ul.mnsub_sobre li a { display:block; } ul.mnsub_sobre li { float:left; list-style:none; } ul.mnsub_sobre li.anos { background:url(../_imgs/sobre/smn_20anos.gif) no-repeat;} ul.mnsub_sobre li.anos a { width:155px; height:30px; } ul.mnsub_sobre li.anos a:hover { background:url(../_imgs/sobre/smn_20anos.gif) no-repeat; background-position: 0px -32px; } ul.mnsub_sobre li.anos_ativo a { width:155px; height:30px; background:url(../_imgs/sobre/smn_20anos.gif) no-repeat; background-position: 0px -32px; } ul.mnsub_sobre li.diferenciais a:hover { background:url(../_imgs/sobre/smn_diferenciais.gif) no-repeat; background-position: 0px -32px; } ul.mnsub_sobre li.diferenciais a { width:91px; height:30px; } ul.mnsub_sobre li.diferenciais { background:url(../_imgs/sobre/smn_diferenciais.gif) no-repeat; } ul.mnsub_sobre li.diferenciais_ativo a { width:91px; height:30px; background:url(../_imgs/sobre/smn_diferenciais.gif) no-repeat; background-position: 0px -32px;} ul.mnsub_sobre li.realizacoes a , ul.mnsub_sobre li.realizacoes_ativo a { width:90px; height:30px; } ul.mnsub_sobre li.realizacoes { background:url(../_imgs/sobre/smn_realizacoes.gif) no-repeat;} ul.mnsub_sobre li.realizacoes a:hover { background:url(../_imgs/sobre/smn_realizacoes.gif) no-repeat; background-position: 0px -32px; } ul.mnsub_sobre li.realizacoes_ativo { background:url(../_imgs/sobre/smn_realizacoes.gif) no-repeat; background-position: 0px -32px;} ul.mnsub_sobre li.areas_atuacoes a:hover { background:url(../_imgs/sobre/smn_realizacoes.gif) no-repeat; background-position: 0px -32px; } ul.mnsub_sobre li.areas_atuacoes a , ul.mnsub_sobre li.areas_atuacoes_ativo a { width:90px; height:30px; } ul.mnsub_sobre li.areas_atuacoes { background:url(../_imgs/sobre/smn_realizacoes.gif) no-repeat;} ul.mnsub_sobre li.areas_atuacoes_ativo { background:url(../_imgs/sobre/smn_realizacoes.gif) no-repeat; background-position: 0px -32px;} ul.mnsub_sobre li.valores a:hover { background:url(../_imgs/sobre/smn_valores.gif) no-repeat; background-position: 0px -32px; } ul.mnsub_sobre li.valores a , ul.mnsub_sobre li.valores_ativo a { width:124px; height:30px; } ul.mnsub_sobre li.valores { background:url(../_imgs/sobre/smn_valores.gif) no-repeat;} ul.mnsub_sobre li.valores_ativo { background:url(../_imgs/sobre/smn_valores.gif) no-repeat; background-position: 0px -32px;} ul.mnsub_sobre li.atuacao a , ul.mnsub_sobre li.atuacao_ativo { width:72px; height:30px; } ul.mnsub_sobre li.atuacao { background:url(../_imgs/sobre/smn_atuacao.gif) no-repeat;} ul.mnsub_sobre li.atuacao a:hover { background:url(../_imgs/sobre/smn_atuacao.gif) no-repeat; background-position: 0px -32px;} ul.mnsub_sobre li.atuacao_ativo { background:url(../_imgs/sobre/smn_atuacao.gif) no-repeat; background-position: 0px -32px;} /* Config Vendas */ .margem20 { margin-top:20px; } .box_vendas { width:140px; height:490px; float:left; margin:5px 5px; background:#F7F7F7 url(../_imgs/vendas/bg_box_vendas.gif) bottom repeat-x; padding:10px; } *HT ML .box_ vendas { width:215px; } .logo_vendas { float:left; padding-right:20px; } .texto_vendas { float:left; padding-right:10px; } h3.tit_sub_vendas { font-size:12px; font-weight:old; color:#767676; text-transform:uppercase; } /* Config Valores */ #esq_valores { width:47%; padding-top:20px; float:left; margin-right:2%;} #dir_valores { width:50%; padding-top:20px; float:left; } #boxRedondo { background:url(../_imgs/sobre/bg_ar_2.jpg) repeat-x right; height:131px; margin-bottom:10px; } .boxRedondo_txt { padding:12px 15px 10px 20px; float:left; height:109px; background:url(../_imgs/sobre/bg_ar_1.jpg) no-repeat left top; } .boxTit { padding:5px; text-transform:uppercase; color:#9d0a0e; font-weight:bold; font-size:12px; } .marg { margin-right:2%; } .boxTexto { padding-left:120px; } .linhaClear { clear:both; } #box_tum { width:48%; float:left; background:url(../_imgs/sobre/bg_empre.jpg) left bottom repeat-x;} #box_tum2 { width:50%; _width:48%; float:left; background:url(../_imgs/sobre/bg_empre.jpg) left bottom repeat-x;} #imagem { width:113px; margin-right:10px; float:left; padding-left:1px; padding-top:1px; } #empreendimentos { padding-top:10px; } #txtEmpreendimentos { width:80px; float:left; height:50px; padding-top:20px; padding-right:10px; } #bg_lupa { width:25px; height:23px; background:url(../_imgs/sobre/bg_lupa.png) no-repeat; _background:none; } .bglupa_ie { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_imgs/sobre/bg_lupa.png',sizingMethod='scale'); } .cid { margin: -3px 3px 3px 5px; _margin-top:-6px; } /* Config cadastro */ #representacao { background:url(../_imgs/util/representacao.jpg) no-repeat center; height:102px; padding-left:30%; padding-top:5px; } #representacao p { margin-left:20px;} .form2 { margin-right:10px; border:#F2DDD5 solid 1px; color:#DFA996; font-size:11px; background:url(../_imgs/util/bg_form.jpg) repeat-x; } .form_caixa { font-family: Arial, Tahoma, Verdana; margin-right:10px; border:#F2DDD5 solid 1px; color:#DFA996; font-size:11px; padding:2px; } .formLista { color:#DFA996; font-size:11px; font-family: Arial, Tahoma, Verdana; width:300px; border:#F2DDD5 solid 1px; } /* Estilo para rodape */ * { margin:0; padding:0px; border:0px; } .rodape { height:90px; padding-left:40px; padding-top:10px; background:url(../_imgs/util/rodape_detalhe.jpg) left 10px no-repeat; } .texto { width:600px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999;} .texto a { color:#9d0a0e; text-decoration:none; } .texto a:hover { color:#9d0a0e; text-decoration:underline; } .logomens { margin-top:15px; float:left; } .logoiso { width:157px; height:74px; float:right; margin-right:10px;} /* slide home */ #dhtmlgoodies_slideshow{ width:600px; /* Total width of slideshow */ } #previewPane{ border:1px solid #CCCCCC; margin-bottom:10px; text-align:center; vertical-align:middle; padding-top:10px; position:relative; /* CSS HACK */ height: 432px; /* IE 5.x */ height/* */:/**/420px; /* Other browsers */ height: /**/420px; } #previewPane img{ line-height:400px; } #previewPane #largeImageCaption{ /* CSS styling of image caption below large image */ font-style:italic; text-align:center; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; /* Font to use */ font-size:0.9em; } #galleryContainer{ height:102px; /* Height of the images + 2 */ border:1px solid #CCCCCC; position:relative; overflow:hidden; padding:1px; /* CSS HACK */ height: 104px; /* IE 5.x - Added 2 pixels for border left and right */ height/* */:/**/102px; /* Other browsers */ height: /**/102px; } #arrow_left{ position:absolute; left:0px; z-index:10; background-color: #FFF; padding:1px; } #arrow_right{ position:absolute; right:0px; z-index:10; background-color: #FFF; padding:1px; } #theImages{ position:absolute; height:100px; left:40px; width:110px; } #theImages #slideEnd{ float:left; } #theImages img{ float:left; padding:1px; filter: alpha(opacity=50); opacity: 0.5; cursor:pointer; border:0px; } #waitMessage{ display:none; position:absolute; left:200px; top:150px; background-color:#FFF; border:3px double #000; padding:4px; color:#555; font-size:0.9em; font-family:arial; } #theImages .imageCaption{ display:none; } /* novo imoveis */ .flt{ float:left;} .rgt{ float:right;}