/* Document :content.css Created on :14/12/2009, 17:38:51 Author :@vagnermix - NacionalVOX Description:CSS - Cidade | Pedra Branca TODO customize this sample style Syntax recommendation http://www.w3.org/TR/REC-CSS2/ */ body { font:11px Tahoma, Arial, Verdana; margin:0; padding:0; color:#000; background:url(background-body.jpg) repeat-x top center #E9E9E9; } img { border:none; } h1, h2, h3, h4, h5, h6, ul { margin:0; padding:0; } h1 { font-size:18px; } h2 { font-size:16px; color:#5A7373; margin-bottom:15px; } h2.titles_bg { font-size:16px; height:23px; line-height:23px; color:#5A7373; margin-bottom:15px; } h2.upper { text-transform:uppercase; } h2.title_pjto_view { height:50px; line-height:50px; text-indent:10px; text-transform:uppercase; background:url(background-title-projetos-arquitetonicos-view.png) repeat-x; margin-bottom:0; } h2.noticias { font-size:16px; height:23px; line-height:23px; color:#5A7373; margin-bottom:15px; background:url(background-h2-noticias.png) no-repeat; text-indent:35px; font-size:14px; } h3 { color:#5A7373; font-size:14px; margin-bottom:15px; } h3.links a { font-size:12px; background:url(btn-mais.png) no-repeat center right; padding:4px 25px 4px 0; width:auto; color:#5A7373; } h3.links a:hover { text-decoration:none; } h3.links_right { float:right; margin-top:27px; } h3 span.grd_shadow_right { line-height:30px; text-transform:uppercase; font-size:14px; text-indent:10px; } h2.agenda { background:url(background-h2-agenda.png) no-repeat; text-indent:35px; font-size:14px; text-transform:none; height:23px; line-height:23px; } .clear { clear:both; } .space { height:15px; } span.conteudo { line-height:18px; } span.conteudo_first { line-height:18px; width:550px; display:block; float:left; } span.conteudo_last { line-height:25px; width:250px; display:block; float:left; color:#999; font-size:16px; margin-left:50px; } span.conteudo_margin { margin:5px 0; } span.span_none { display:none !important; } span.gradiante { height:30px; display:block; background:url(background-titulos-gradiente.jpg) repeat-x; margin-bottom:10px; } span.grd_shadow_right { width:764px; height:30px; background:url(background-gradiente-shadow-right.png) no-repeat; display:block; } span.color_666 { color:#666; } span.color_666 a { color:#666; text-decoration:none; } span.color_666 a:hover { color:#666; } .none { display:none; } ul li { list-style:none; } div.text_right { text-align:right; } a.mais_pjto { position:absolute; bottom:12px; right:17px; width:13px; height:13px; background:url(btn-a-projetos-arquitetonicos.png) no-repeat; display:block; } .all_links_333 { color:#333; text-decoration:none; } .all_links_333:hover { text-decoration:underline; } .space_topo { height:30px; } /* estrutura */ div.container { width:934px; margin:auto; } div.wrapper { width:970px; margin-left:17px; margin-top:-2px; } div.sobe_wrapper { margin-top:-40px; } div.bg_shadow { background:url(background-shadow-home.png) no-repeat top left; } div.bg_fff { padding-bottom:17px; padding-top:20px; background:#FFF; } div.bg_fff_no_padding { padding-top:0; } div.bg_fff_tour_virtual { background:url(background-bg-fff-tour-virtual.png) no-repeat top left #FFF; padding-top:10px; } div.bg_fff_cv { background:url(background-conceitos-view-top.png) no-repeat top left #FFF; padding-top:10px; } div.bg_fff_sobe { margin-top:-44px; } div.bg_carta_investidor { width:860px; background:url(background-carta-do-investidor.png) repeat-y; margin:auto; padding:5px 20px; padding-bottom:10px; } div.content { width:934px; margin:auto; } div.conteudo_menor { width:900px; margin:auto; } div.container_carta_investidor { width:850px; margin:auto; } div.bg_urb_sus_tour { width:934px; background:url(background-urbanismo-sustentavel-tour-virtual.png) repeat-y; } div.sobe_news { margin-top:0 !important; } .bg_top_empdits_view_bottom { margin-bottom:30px; } span.span_categoria { color:#999; font-size:12px; display:block; margin-top:10px; margin-bottom:5px; } span.span_desc { line-height:18px; display:block; margin-bottom:5px; } div.bg_urb_sus_tour_other_bg { background:url(background-bg-right-f0f0f0.png) repeat-y; } /* header */ div.header { width:934px; position:relative; z-index:11; } div.header h1 a.logo_none { display:none; } .other_header { height:384px; } .flash_object { width:1000px; height:115px; position:absolute; top:0; left:0; z-index:2; } .menu_fotos_3d { width:164px; height:261px; position:absolute; bottom:0px; left:35px; padding-top:50px; background:#F9F8F6; z-index:1; } .btn_fotos_3d { width:164px; height:20px; display:block; line-height:20px; background:url(background-btn-fotos-3d.png) no-repeat 10px center; text-indent:30px; font-size:12px; color:#666; text-decoration:none; margin-bottom:5px; } .btn_fotos_3d:hover { text-decoration:underline; } .fotos_3d { position:absolute; bottom:-2px; right:31px; } /* menu empreendimentos */ div.menu_empdits { position:absolute; bottom:17px; left:0; z-index:10; width:934px; height:39px; background:url(background-menu-empreendimentos.png) no-repeat; } div.menu_empdits a { font-size:14px; text-decoration:none; font-weight:bold; color:#FFF; text-align:center; display:block; float:left; height:35px; } div.menu_empdits div.seta_left { width:23px; height:24px; display:block; background:url(seta-destaques-left.png) no-repeat top left; margin-left:510px; margin-top:8px; position:relative; z-index:100; } div.menu_empdits div.seta_right { width:23px; height:24px; display:block; background:url(seta-destaques-right.png) no-repeat top right; margin-left:700px; margin-top:-23px; position:relative; z-index:101; } div.menu_empdits a span { display:block; color:#FFF; margin-top:-33px; padding-left:2px; } div.menu_empdits a span:hover { color:#78F8C5; } div.menu_empdits a strong { display:block; } div.menu_empdits a.color { color:#262936; margin-top:2px; } div.menu_empdits a.um { width:118px; } div.menu_empdits a.dois { width:106px; } div.menu_empdits a.tres { width:135px; } div.menu_empdits a.quatro { width:142px; } div.menu_empdits a.cinco { width:233px; } div.menu_empdits a.seis { width:108px; } div.menu_empdits a.sete { width:91px; } /* urbanismo noticias, agenda e comunidade */ div.urb_not_age_com { height:435px; background:url(background-urb-not-age-com.png) no-repeat; } div.urbanismo { width:270px; height:370px; padding:10px 10px 0 10px; float:left; } div.urbanismo h2 { background:url(background-h2-urbanismo-sustentavel.png) no-repeat; text-indent:40px; font-size:14px; } div.urbanismo h3.links { margin:10px 0 0 17px; } /* banner climate */ a.climate { width:266px; height:138px; display:block; background:url(banner-climate.png) no-repeat; margin-top:10px; } a.climate span { display:none; } div.noticias { width:334px; height:370px; padding:10px 10px 0 10px; float:left; } div.noticias h3.links a { margin-top:10px; float:right; } span.data_not { display:block; margin-bottom:5px; color:#999; font-weight:bold; } a.desc_not { color:#333; text-decoration:none; } a.desc_not:hover { text-decoration:underline; } div.not_destaque { height:80px; margin-bottom:10px; } div.not_destaque a { font-weight:bold; } div.not_destaque a img { float:left; margin-right:10px; } div.agenda_comunidade { width:270px; height:370px; padding:10px 10px 0 10px; float:left; } div.agenda { margin-bottom:30px; } div.mes_dia { width:80px; height:82px; background:url(background-agenda-dia-mes.png) no-repeat; float:left; } div.mes_dia span.mes { height:25px; display:block; text-align:center; line-height:25px; color:#FFF; } div.mes_dia span.dia { height:55px; margin-top:2px; font-size:35px; line-height:55px; display:block; text-align:center; color:#FFF; } div.desc_agenda { width:168px; height:72px; background:url(background-agenda-descricao.png) no-repeat; float:left; margin-left:2px; padding:5px; } div.desc_agenda a { display:block; color:#333; text-decoration:none; line-height:14.5px; } div.desc_agenda a:hover { text-decoration:underline; } div.desc_agenda a.btn_mais { float:right; margin-right:-15px; margin-top:-7px; } /* comunidade */ div.comunidade h2 { background:url(background-h2-comunidade.png) no-repeat; text-indent:30px; font-size:14px; text-transform:none; height:23px; line-height:23px; } /* banners */ div.banners { text-align:center; margin-top:20px; } div.banners img { margin-bottom:20px; } /* newsletter */ .news { width:914px; height:35px; margin:10px auto; margin-bottom:0; background:url(background-cadastro-newsletter.png) no-repeat; color:#3B4D4D; } .news_text { width:150px; padding:5px; border:1px solid #999; background:#F0F0F0; font-size:12px; color:#666; margin-right:5px; } .news_submit { width:33px; height:25px; background:url(btn-ok.png) no-repeat; border:none; margin-left:30px; margin-top:1.5px; cursor:pointer; } /* empreendimento view */ div.bg_empdits_view { width:934px; background:url(background-empreendimento-view.png) repeat-y; padding-bottom:10px; } div.empdits_view { width:724px; margin-left:22px; float:left; } span.bg_top_empdits_view { width:934px; height:15px; background:url(background-top-empreendimento-view.png) no-repeat; display:block; } img.logo_empdits { float:left; margin-right:15px; } div.menu_shadow { width:724px; height:37px; background:url(background-menu-empreendimento-view.png) no-repeat; margin-top:20px; } div.menu_shadow a { font-size:14px; text-decoration:none; font-weight:bold; color:#213D76; text-align:center; display:block; float:left; height:37px; line-height:37px; } div.menu_shadow a span { display:block; color:#FFF; padding-left:2px; margin-top:-36px; } div.menu_shadow a span:hover { color:#78F8C5; } div.menu_shadow a.um { width:137px; } div.menu_shadow a.dois { width:145px; } div.menu_shadow a.dois { width:145px; } div.menu_shadow a.tres { width:175px; } div.menu_shadow a.quatro { width:267px; } div.fotos_empdits { width:724px; height:195px; background:url(background-fotos-empreendimentos.png) no-repeat; margin:15px 0; } div.foto_desc { width:120px; height:195px; float:left; margin:15px 0 0 15px; } div.foto_desc span.desc { width:110px; height:45px; display:block; background:#FFF; text-align:center; padding:5px 5px 0 5px; letter-spacing:1px; } div.fotos_empdits span.sombra { width:120px; height:5px; display:block; background:url(background-sombra-foto-desc.png) no-repeat; } .sombra2 { width:180px; height:5px; display:block; background:url(background-sombra-foto-desc2.png) no-repeat; } div.banners_empdits { width:724px; height:110px; background:url(background-banners-descriacao-empreendimentos.png) no-repeat; margin-top:10px; margin-bottom:15px; } div.banners_empdits img { float:left; } div.banners_empdits img.img_txt { margin:20px 0 0 40px; } div.banners_empdits a.seta_left { width:44px; height:42px; display:block; background:url(btn-setas-shadow.png) no-repeat top left; text-indent:-9999px; float:left; margin:-73px 0 0 -10px; } div.banners_empdits a.seta_right { width:44px; height:42px; display:block; background:url(btn-setas-shadow.png) no-repeat top right; text-indent:-9999px; float:right; margin:-73px -10px 0 0; } div.nav_right { width:170px; float:right; height:500px; } div.btns_nav { width:170px; background:url(background-btns-nav-right.png) no-repeat; text-align:center; padding:18px 0; } div.btns_nav a { font-size:14px; color:#5A7373; text-decoration:none; } div.btns_nav a span { display:block; } div.nav_right img.banner { margin-left:15px; } div.btn_first a { color:#333; } div.btn_last a { color:#999; } /* historico */ div.empdits_historico { width:900px; height:153px; background:url(background-nossos-empreendimentos-historico.png) no-repeat; margin-bottom:10px; padding-top:12px; } div.last { margin-bottom:0; } div.empdits_historico img { margin:3px 15px 0 15px; float:left; } /* empresas install */ div.empresas_install { width:884px; min-height:153px; background:#DFE8E4; padding-top:22px; margin-left:4px; } div.empresas_install_rodape { width:900px; min-height:47px; background:url(background-empresas-instaladas_rodape.png) no-repeat; padding-top:22px; } div.empresas_install_topo { width:900px; min-height:32px; background:url(background-empresas-instaladas_topo.png) no-repeat; } div.empresas_install div.logo { width:240px; height:120px; float:left; margin:4px 15px 0 33px; background:#fff } /* como chegar */ div.como_chegar h2 { float:left; margin-right:40px; } div.como_chegar a { font-size:14px; color:#5A7373; text-decoration:none; margin-right:30px; } div.como_chegar a:hover { text-decoration:underline; } /* img txt */ div.img_txt { width:900px; height:195px; background:url(background-imagem-texto.png) no-repeat; margin-bottom:15px; } div.img_txt img { margin-right:15px; float:left; } div.img_txt span.conteudo { float:left; margin-top:60px; width:450px; display:block; } div.img_txt_right { width:900px; height:195px; background:url(background-imagem-texto.png) no-repeat; margin:15px auto; margin-top:0; } div.img_txt_right img { float:right; } div.img_txt_right h3 { padding-top:20px; text-indent:20px; } div.img_txt_right span.conteudo { float:left; width:485px; display:block; margin-left:20px; } /* setas */ a.seta_left { width:44px; height:42px; display:block; background:url(btn_sdireita.gif) no-repeat top left; float:left; margin:-130px 0 0 -10px; } a.seta_right { width:44px; height:42px; display:block; background:url(btn-setas-shadow.gif) no-repeat top right; float:right; margin:-130px -10px 0 0; } /* paginacao */ div.paginacao { font-size:17px; font-weight:bold; margin:auto; margin-top:15px; text-align:center; } div.paginacao a { font-size:18px; font-weight:bold; color:#999; margin:0px 5px 0px 5px; text-decoration:none; } div.paginacao a:hover { color:#333; text-decoration:underline; } /* btns */ h2.veja_tbm { width:170px; height:36px; background:url(btn-conheca-tambem.jpg) no-repeat; margin-bottom:10px; } h2.veja_tbm span { display:none; } a.btn_mais { width:22px; height:21px; background:url(btn-mais.png) no-repeat; display:block; margin:auto; } a.btn_mais span { display:none; } /* pagina projetos arquitetonicos */ div.txt_projetos { width:467px; margin-left:10px; float:left; margin-right:20px; } div.lista_projetos { position:relative; width:233px; height:233px; background:url(background-lista-projetos-arquitetonicos.png) no-repeat; float:left; display:inline; margin-bottom:20px; } div.first_projetos { margin-left:1px; } div.lista_projetos img.foto { position:absolute; top:17px; left:24px; } div.lista_projetos span.nome { position:absolute; top:123px; left:30px; width:175px; color:#666; display:block; } div.lista_projetos img.logo { position:absolute; bottom:24px; right:24px; } /* projeto view */ div.conteudo_projeto { width:764px; float:left; } div.conteudo_projeto .contedudo { padding-right:10px; } div.pjto_view_margin { margin-left:10px; } div.col_pjto_view { width:170px; height:200px; float:left; } span.btn_all_pjto { width:170px; height:50px; background:url(background-todos-os-projetos.jpg) no-repeat; display:block; text-align:center; line-height:50px; font-size:14px; } div.content_col_pjto_view { background:url(background-content-coluna-projeto-arquitetonico-view.png) no-repeat top left; padding:5px; } div.content_col_pjto_view a { display:block; color:#333; text-decoration:none; } div.content_col_pjto_view a.first { margin-top:10px; } div.content_col_pjto_view a:hover { text-decoration:underline; } /* mapa localizacao */ div.mapa_localizacao { width:724px; height:195px; background:url(background-fotos-empreendimentos.png) no-repeat; } div.mapa_localizacao img { float:right; } /* menu shadow icons */ div.menu_shadow_icons { width:914px; height:50px; background:url(background-menu-icons.png) no-repeat; margin:auto; margin-bottom:20px; } div.msi_nomargin { margin-bottom:0; } div.menu_shadow_icons a { line-height:17px; font-size:16px; color:#63707A; text-decoration:none; font-weight:bold; display:block; float:left; text-indent:20px; margin-top:18px; text-transform:uppercase; } div.menu_shadow_icons a span { display:block; color:#FFF; margin-top:-16px; padding-left:1px; } div.menu_shadow_icons a span:hover { color:#9FFFC9; } div.menu_shadow_icons a.um { width:150px; height:17px; background:url(background-a-tour-virtual.png) no-repeat top left; margin-left:40px; } div.menu_shadow_icons a.um:hover { background:url(background-a-tour-virtual.png) no-repeat bottom left; } div.menu_shadow_icons a.dois { width:75px; height:17px; background:url(background-a-viver.png) no-repeat top left; margin-left:60px; } div.menu_shadow_icons a.dois:hover { background:url(background-a-viver.png) no-repeat bottom left; } div.menu_shadow_icons a.tres { width:105px; height:17px; background:url(background-a-estudar.png) no-repeat top left; margin-left:60px; } div.menu_shadow_icons a.tres:hover { background:url(background-a-estudar.png) no-repeat bottom left; } div.menu_shadow_icons a.quatro { width:130px; height:17px; background:url(background-a-trabalhar.png) no-repeat top left; margin-left:60px; } div.menu_shadow_icons a.quatro:hover { background:url(background-a-trabalhar.png) no-repeat bottom left; } div.menu_shadow_icons a.cinco { width:135px; height:17px; background:url(background-a-se-divertir.png) no-repeat top left; margin-left:60px; } div.menu_shadow_icons a.cinco:hover { background:url(background-a-se-divertir.png) no-repeat bottom left; } /* content left maior */ div.content_left_maior { width:634px; padding-left:10px; float:left; padding-bottom:20px; } /* caracteristicas tour virtual */ div.bg_caract_tour_virtual { position:relative; width:604px; height:173px; background:url(background-caracteristicas-tour-virtual.png) no-repeat; } div.bg_caract_tour_virtual img { position:absolute; top:25px; left:25px; } div.bg_caract_tour_virtual h3 { position:absolute; top:21px; left:155px; padding-right:30px; } div.bg_caract_tour_virtual span.conteudo { position:absolute; top:65px; left:155px; padding-right:30px; } div.bg_caract_tour_virtual .mais_pjto { position:absolute; bottom:20px; right:20px; } /* nav right maior */ div.nav_right_maior { width:280px; float:left; margin-left:10px; margin-top:-10px; } div.nav_right_maior h2 { margin:15px 0 15px 22px; } div.nav_right_maior div.not_destaque { width:260px; padding-bottom:20px; border-bottom:1px solid #999; margin:auto; } div.nav_right_maior div.lista_noticias { width:260px; margin:auto; background:none; border-bottom:1px solid #999; margin-top:5px; } div.nav_right_maior div.lista_noticias a { font-weight:bold; } div.nav_right_maior h3 a { float:right; clear:both; margin:10px 10px 0 0; } div.foto_not { width:300px; height:200px; background:#CCC; float:right; margin:10px; padding:5px; } /* clima positivo */ div.clima_positivo { width:914px; margin:auto; } div.clima_positivo div.lista_empdits { margin:0; margin-bottom:35px; } div.clima_positivo div.lista_empdits h3 a { position:absolute; bottom:-22px; right:-10px; width:106px; height:44px; background:url(background-btn-saiba-mais.png) no-repeat; display:block; } div.clima_positivo div.lista_empdits h3 a span { display:none; } div.clima_positivo div.lista_empdits a.linka { color:#333; font-size:12px; font-weight:bold; text-decoration:none; } div.foto_clima { width:310px; height:150px; float:left; } .repeat_accordion { width:884px; background:url(background-repeat-accordion.png) repeat-y; margin-top:-40px; padding:40px 15px 10px 15px; margin-bottom:10px; } /* listas conceitos */ span.lista_conceitos { width:290px; background:url(background-lista-conceitos.png) no-repeat; display:block; padding:7px 0; font-size:12px; font-weight:bold; color:#333; padding-left:5px; } span.lista_conceitos a { color:#333; text-decoration:none; } span.lista_conceitos a:hover { text-decoration:underline; } span.lista_conceitos strong { margin-left:11px; display:block; } /* container conceitos */ div.container_conceitos { height:480px; } div.c_left { width:287px; float:left; padding:10px 0 0 10px; } div.c_left a.climate { margin-left:12px; margin-bottom:20px; } div.c_left a.projetos_arq { width:282px; height:44px; background:url(background-btn-projetos-arquitetonicos.png) no-repeat; display:block; margin-top:20px; } div.c_center { width:300px; float:left; margin-left:20px; } div.c_center h3 { margin:10px 0 30px 10px; } div.c_center h3 a { float:right; clear:both; margin-top:15px; margin-right:10px; } div.c_right { width:290px; margin-left:8px; float:left; } /* conceito view */ div.bg_content_view { background:url(background-conceito-view.png) repeat-y; } div.cv_left { width:335px; padding-top:0.1px; margin-right:15px; float:left; } div.cv_left h2 { text-align:center; margin-top:20px; } div.cv_left span.lista_conceitos_view { width:315px; margin-left:10px; background:url(background-lista-conceitos-view.png) no-repeat; text-indent:0; } div.cv_left span.lista_conceitos_view a { font-size:12px; font-weight:bold; color:#333; text-indent:10px; text-decoration:none; } div.cv_left span.lista_conceitos_view a:hover { text-decoration:underline; } div.cv_right { width:570px; float:left; } div.content_cv_right { width:575px; background:#EDF6E1; } div.content_cv_right div.cv_top { position:relative; width:575px; height:100px; background:url(background-content-conceitos-view-top.jpg) no-repeat; text-transform:uppercase; } div.content_cv_right div.cv_top span { font-size:18px; text-transform:uppercase; } div.content_cv_right div.cv_top span.verde { position:absolute; top:32px; left:100px; color:#009245; } div.content_cv_right div.cv_top span.cinza { position:absolute; top:55px; left:110px; display:block; color:#4D4D4D; } div.content_cv_right span.conteudo { width:555px; display:block; margin:0 10px; } /* bg shadow branco */ div.bg_shadow_branco { position:relative; width:525px; height:180px; background:url(background-shadow-branco.png) no-repeat; margin:auto; margin-top:20px; } div.bg_shadow_branco img { position:absolute; top:15px; left:15px; } div.bg_shadow_branco h3 { position:absolute; top:15px; left:230px; } div.bg_shadow_branco span.conteudo { position:absolute; top:40px; left:230px; width:290px; display:inline; margin:0; } /* imgagens center */ div.imgs_center { text-align:center; } div.imgs_center img { margin-bottom:20px; } /* slide de fotos menor */ div.slide_fotos_menor { overflow:hidden; width:530px; height:158px; background:url(background-slide-fotos-menor.png) no-repeat; margin:20px auto; } /* acervo */ div.menu_acervo_icons a { font-size:16px; text-indent:25px; } div.menu_acervo_icons a.um { width:140px; background:url(background-a-biblioteca.png) no-repeat top left; margin-left:60px; } div.menu_acervo_icons a.um:hover { background:url(background-a-biblioteca.png) no-repeat bottom left; } div.menu_acervo_icons a.dois { width:130px; background:url(background-a-videoteca.png) no-repeat top left; margin-left:80px; } div.menu_acervo_icons a.dois:hover { background:url(background-a-videoteca.png) no-repeat bottom left; } div.menu_acervo_icons a.tres { width:190px; background:url(background-a-galeria-de-fotos.png) no-repeat top left; margin-left:80px; } div.menu_acervo_icons a.tres:hover { background:url(background-a-galeria-de-fotos.png) no-repeat bottom left; } div.menu_acervo_icons a.quatro { width:80px; background:url(background-a-links.png) no-repeat top left; margin-left:80px; } div.menu_acervo_icons a.quatro:hover { background:url(background-a-links.png) no-repeat bottom left; } div.container_acervo { width:910px; margin:auto; } div.colunas_acervo { position:relative; width:200px; height:415px; background:url(background-divs-acervo.png) no-repeat; float:left; margin-left:10px; padding:0 10px; } div.ca_first { margin-left:0; } div.colunas_acervo span.contedudo { width:200px; height:78px; display:block; padding-top:20px; } div.colunas_acervo h3.links a { position:absolute; bottom:8px; right:10px; } div.colunas_acervo .video_pequeno { margin:20px 0; } div.colunas_acervo img.img_thumb { margin:20px 0; margin-left:20px; } div.ca_links a.links { font-size:12px; color:#003F27; text-decoration:none; } div.ca_links a.links:hover { text-decoration:underline; } .img_thumb_other { margin-left:0 !important; } /* view conceito */ div.view_conceito { width:910px; background:url(background-enter-page-acervo.png) no-repeat top left; margin:auto; } div.vc_left { width:195px; padding:0 10px; float:left; } div.vc_left span.title_cat { height:30px; line-height:30px; display:block; color:#FFF; font-size:14px; } div.vc_left a { color:#333; text-decoration:none; display:block; margin-bottom:10px; font-size:12px; } div.vc_left a:hover { text-decoration:underline; } div.vc_right { width:640px; float:left; margin-left:30px; } div.vc_right span.span_desc { color:#5A7373; } div.vc_right .video_grande { margin-bottom:20px; } /* listas galeiras */ div.lista_galerias { padding-top:20px; } div.lista_galerias img { float:left; margin-right:10px; } div.lista_galerias span { margin-top:0; } div.lista_fotos img { margin-right:10px; margin-bottom:10px; } /* linha link */ div.linha_link { width:635px; height:23px; background:url(background-bottom-lista-acervo.png) no-repeat center left; margin:20px 0; } div.linha_link a.open_arquivo { width:94px; height:23px; background:url(background-a-abrir-arquivo.png) no-repeat; display:block; margin:auto; } div.linha_link a.open_link { width:95px; height:23px; background:url(background-a-abrir-link.png) no-repeat; display:block; margin:auto; } div.linha_link a.open_galeria { width:94px; height:23px; background:url(background-a-abrir-galeria.png) no-repeat; display:block; margin:auto; } div.linha_link a.voltar_indice { width:113px; height:23px; background:url(background-a-voltar-indice.png) no-repeat; display:block; margin:auto; } /* forms */ .forms { margin-bottom:20px; font-size:12px; } .form_select { width:200px; } .labels { width:80px; height:22px; line-height:22px; display:block; float:left; } .labels_center { text-align:center; margin-right:2px; } .labels_large { width:120px; } .textarea { width:300px; float:left; height:130px; background:#F0F0F0; border:1px solid #999; padding:3px; margin-bottom:3px; } .input_text { width:300px; float:left; background:#F0F0F0; border:1px solid #999; padding:3px; margin-bottom:3px; } .textarea_indique { width:510px; } .input_text_xxx_small { width:60px; margin-right:4px; } .input_text_x_small { width:228px; } .input_text_xx_small { width:150px; } .input_text_indique { width:510px; } .btn_forms { width:190px; float:right; clear:both; } /* pontos de venda */ .pontos_de_venda { padding:20px; background:#DCDECF; border-top:2px solid #999; } .txt_box { width:250px; height:80px; display:block; float:left; font-size:14px; border-right:1px solid #999; } .txt_box_last { margin-left:50px; border:none; } /* botoes */ .botoes_a { float:right; margin-top:20px; } .btn_a_box { padding:7px; background:#839797; color:#333; text-decoration:none; color:#FFF; font-weight:bold; display:block; float:left; margin-left:5px; } .btn_a_box:hover { background:#FFF; color:#333; } /* box assessoria de imprensa */ .box_assessoria_imprensa { width:250px; margin:auto; background:#F0F0F0; text-align:center; font-size:14px; padding:10px; line-height:25px; } /* encontre seu imovel */ .encontre_seu_imovel { width:700px; float:left; } .linha_separa { margin:20px 0; height:1px; background:#CCC; } .radio_boxs { margin-right:20px; } .others_destaques_last { width:170px; float:right; } .others_destaques_last ul { margin-bottom:15px; } .others_destaques_last ul li { margin-bottom:5px; text-align:center; } .submit_right { float:right; background:#748395; color:#FFF; border:1px solid #000; padding:3px; font-size:11px; letter-spacing:1px; } .esi_logo { width:150px; height:80px; background:#CCC; text-align:center; float:left; } .esi_btn_hotsite { width:150px; height:80px; vertical-align:middle; display:table-cell; } .esi_descriacao { width:560px; height:70px; background:#F0F0F0; float:left; margin:0 10px; padding:10px 10px 0 10px; } /* accordion dois */ .container_accordion_dois { width:604px; position:relative; } .top_left_ad { float:left; width:12px; height:69px; background:url(background-top-left-accordion-2.jpg) no-repeat; display:block; } .top_center_ad { margin-left:12px; width:580px; height:10px; background:url(background-top-center-accordion-2.jpg) no-repeat; display:block; } .top_right_ad { float:right; width:12px; height:69px; background:url(background-top-right-accordion-2.jpg) no-repeat; display:block; } .bottom_left_ad { margin-top:-59px; float:left; width:12px; height:69px; background:url(background-bottom-left-accordion-2.jpg) no-repeat; display:block; } .bottom_center_ad { margin-left:12px; width:580px; height:10px; background:url(background-bottom-center-accordion-2.jpg) no-repeat; display:block; } .bottom_right_ad { margin-top:-69px; float:right; width:12px; height:69px; background:url(background-bottom-right-accordion-2.jpg) no-repeat; display:block; } .content_accordion_dois { width:560px; background:#DFE8E4; margin:0 12px; padding:10px; } /* topo clima positivo */ .topo_clima_postivo { height:311px; margin-top:-112px; background:url(background-header-clima.jpg) repeat-x; } .img_header_localizacao { margin:30px 30px 0 20px; float:left; } .video_header_clima { float:left; width:387px; height:235px; margin-top:30px; } .CKTFORM { border:1px solid #FFF; background:#EE1111; padding:2px; position:absolute; font-weight:bold; color:#FFF; top:-12px; height:18px; left:25px; display:none; cursor:pointer; } /* layout_chat */ .container_chat { width:640px; height:480px; background:url(chat/background-container.png) repeat-x top left #CFD9CC; border-bottom:5px solid #829696; } .header_chat { position:relative; width:600px; height:176px; background:url(chat/background-header.png) repeat-x; margin:auto; } .logo_chat { position:absolute; top:15px; left:20px; } .h2_position { position:absolute; top:50px; left:100px; font-size:20px; } .chat_atendente { position:absolute; bottom:27px; right:10px; color:#333; font-size:12px; } .content_chat { width:598px; height:210px; margin:auto; background:#F0F0F0; border:1px solid #666; margin:auto; overflow:auto; } .title_content_chat { width:100%; height:30px; display:block; text-align:center; line-height:30px; background:#F7F7F7; font-size:12px; } .envia_msg_chat { position:relative; width:600px; height:80px; margin:auto; background:#B5BFB2; margin-top:6px; } .txt_digite { position:absolute; top:10px; left:10px; font-size:12px; color:#4D4D4D; } .input_txt_chat { position:absolute; bottom:15px; left:10px; width:450px; border:1px solid #666; padding:5px; } .input_img_chat { position:absolute; bottom:7px; right:10px; } /* resposta_form */ .resposta_forms { width:914px; height:100px; background:url(background-respostas-forms.jpg) no-repeat; overflow:auto; margin:30px auto; margin-bottom:0; } .txt_respostas_forms { width:500px; display:block; margin:25px 0 0 350px; text-align:center; font-size:20px; color:#FFF; } .a_btn_voltar { padding:5px 10px; background:#666; float:right; margin-right:10px; color:#FFF; text-decoration:none; margin-top:5px; } .a_btn_voltar:hover { background:#FFF; color:#666; } /* bg chat */ .bg_chat { width:914px; height:90px; background:url(background-chat.png) no-repeat; margin-left:10px; padding-top:10px; } .frase_chat { margin-left:120px; font-size:16px; } .links_chat_acessar { margin-left:0; } .links_chat { font-size:16px; margin-left:120px; color:#5C7070; text-decoration:none; } .links_chat:hover { text-decoration:underline; } /********************************************************************************************************************************************/ /********************************************************************************************************************************************/ /********************************************************************************************************************************************/ /* div wrapper */ .div_wrapper { width:934px; margin:10px 0 20px 0; padding:1px 0; } /* colors */ .color_azul { font-size:12px; color:#192460; } /* titles */ .title_azul { color:#000033; font-size:16px; } /* links */ .link_azul { color:#192460; text-decoration:none; font-size:12px; line-height:20px; } .link_azul:hover { text-decoration:underline; } .link_cinza { color:#666; text-decoration:none; font-size:11px; line-height:20px; } .link_cinza:hover { text-decoration:underline; } .links_branco { font-size:11px; color:#FFF; text-decoration:none; } .links_branco:hover { text-decoration:underline; } .link_seta_left { background:url(new/ico-seta-left.png) no-repeat center left; padding:5px 0 5px 15px; color:#333; text-decoration:none; } .link_seta_left:hover { text-decoration:underline; } /* slide destaque empreendimentos */ .slide_destaque_empreendimentos { position:relative; width:710px; height:316px; background:url(new/background-destaque-empreendimentos-home.png) no-repeat; } .slide_destaque_empreendimentos img { width:700px; height:306px; margin:5px 0 0 5px; } .view_destaque_home { margin:5px; margin-bottom:0; } .menu_empreendimentos_home { position:relative; width:698px; height:53px; } /* empreendimentos home */ .empreendimentos_home { position:relative; width:220px; height:110px; padding-top:8px; background:url(new/background-empreendimentos-home.png) no-repeat; text-align:center; margin-bottom:10px; } /* titles imgs */ .titles_imgs { text-align:center; margin-bottom:15px; } /* botoes */ .btn_mais_verde { width:90px; height:21px; display:block; display:block; background:url(new/btn-mais-verde.png) no-repeat top left; line-height:21px; text-indent:25px; color:#666; float:right; text-decoration:none; } .btn_mais_verde:hover { text-decoration:underline; } /* ultimas noticias home */ .bg_not_destaque { width:137px; height:103px; background:url(new/background-noticia-destaque.png) no-repeat; float:left; margin-right:10px; margin-bottom:20px; } .lista_noticias { width:326px; height:42px; background:url(new/background-lista-noticias.png) no-repeat; line-height:38px; text-indent:10px; margin-bottom:5px; } /* agenda */ .bg_agenda_destaque { width:78px; height:74px; background:url(new/background-agenda-destaque.png) no-repeat; text-align:center; float:left; margin:0 10px 20px 0; padding-top:15px; } /* footer */ .container_footer { width:100%; height:210px; background:url(new/background-footer.png) repeat-x; clear:both; overflow:auto; } .footer { width:934px; height:210px; margin:auto; } /* pagina empreendimentos */ .forms_empreendimentos { position:relative; z-index:13; float:left; margin-left:250px; margin-top:10px; } .frase_empreendimentos { position:relative; z-index:12; display:block; text-align:right; margin-right:10px; color:#3B4D4D; padding:15px 0; } .container_empreendimentos { width:300px; background:url(new/background-empreendimentos.png) no-repeat top left; float:left; margin-left:7px; } /* localizacao */ .bg_mapa_localizacao { width:385px; height:210px; background:url(new/background-mapa-localizacao.png) no-repeat; float:left; margin-right:20px; } .bg_foto_oentorno { width:934px; background:url(new/background-foto-o-entorno.png) no-repeat top left; overflow:auto; padding-top:5px; margin-bottom:20px; } /* historico */ .bg_fotos_historico { width:175px; height:145px; background:url(new/background-fotos-historico.png) no-repeat; padding:5px 5px 0 5px; float:left; margin-right:10px; } /* noticias */ .bg_foto_not_destaque { width:120px; height:85px; background:url(new/background-foto-not-destaque-page.png) no-repeat; padding:5px 5px 0 5px; float:left; margin-right:10px; margin-bottom:20px; } /* empreendimentos */ .bg_logo_empresas { width:220px; height:118px; background:url(new/background-empreendimentos-home.png) no-repeat; float:left; margin-right:10px; margin-bottom:30px; } /* headers */ .header_urb_tour { position:relative; width:934px; height:380px; } .header_frame_small { margin-bottom:20px; } /* urbanismo sustentavel index */ .bg_foto_projetos { width:270px; height:155px; background:url(new/background-foto-destaque-projetos.png) no-repeat; padding:5px; padding-bottom:0; margin-bottom:15px; } .list_conceitos { width:270px; display:block; background:url(new/ico-seta-left.png) no-repeat center left; padding-left:20px; } /* uma cidade */ .destaque_uma_cidade { width:584px; min-height:160px; padding-right:350px; background:url(new/img-destaque-uma-cidade.gif) no-repeat top right; margin-bottom:20px; } /* projetos arquitetonicos */ .lista_projetos_arquitetonicos { width:195px; height:230px; position:relative; background:url(new/background-projetos-arquitetonicos.png) no-repeat; float:left; margin:0 20px 20px 0; } /* slide conceitos */ .slide_fotos_conceitos { overflow:hidden; width:530px; height:158px; margin:20px 0; background:url(new/background-slide-fotos-conceitos.png) no-repeat; } /* bg projetos fundadores */ .bg_projetos_fundadores { width:310px; height:145px; padding:5px; padding-bottom:0; background:url(new/background-projetos-fundadores.png) no-repeat; float:left; margin-right:10px; margin-bottom:20px; } /* idioma */ .btn_portugues { position:absolute; top:90px; left:-140px; z-index:30; } .btn_portugues:hover { left:0; } .btn_ingles { position:absolute; top:121px; left:-140px; z-index:30; } .btn_ingles:hover { left:0; } .logo_novo { background:url(logo-novo.png); width:107px; height:157px; display:block; position:absolute; top:0; left:0; } .logo_novo2 { background:url(logo-novo2.png); width:125px; height:183px; display:block; position:absolute; top:0; left:20px; }