/** FONTE **/ * { font-family:Verdana, Arial, "Trebuchet MS", sans-serif; } /** TAGS **/ html { background:url(../img/bkg_body.jpg) repeat left top; } body { font-size:0.75em; background:url(../img/bkg_cabecalho.jpg) repeat-x left -22px; } strong { font-weight:bold; } h3 { clear:both; } /** ESTRUTURA **/ #cabecalho { width:960px; height:122px; margin:0 auto 10px; position:relative; } #conteudo { width:961px; margin:0 auto 4px; background:url(../img/bkg_conteudo.gif) repeat-y center top; } #rodape { width:961px; margin:0 auto 10px; height:30px; } #mapaPrintCom { margin-bottom:5px; padding-top:30px; } /** CABECALHO **/ #logotipo_printcom { position:absolute; top:18px; left:0; width:170px; height:101px; background:transparent url(../img/logotipo_printcom.gif) no-repeat left top; text-indent:-9000px; } /** formulario busca **/ #cabecalho form { position:absolute; top:0; left:810px; width:150px; height:28px; background:url(../img/bkg_form_busca.gif) no-repeat left top; padding-top:6px; } #cabecalho form input { width:120px; display:block; margin:0 auto; border:none; background:transparent url(../img/icone_lupa.gif) no-repeat left top; padding-left:20px; } /** menu **/ #cabecalho ul { position:absolute; top:60px; left:290px; width:660px; height:30px; } #cabecalho ul li { float:left; } #cabecalho ul li a { display:block; height:30px; text-indent:-9000px; } #botao01 { width:65px; background:transparent url(../img/menu.gif) no-repeat 0 0; } #botao01:hover, #botao01.ativo { background:transparent url(../img/menu.gif) no-repeat 0 bottom; } #botao02 { width:91px; background:transparent url(../img/menu.gif) no-repeat -64px 0; } #botao02:hover, #botao02.ativo { background:transparent url(../img/menu.gif) no-repeat -64px bottom; } #botao03 { width:93px; background:transparent url(../img/menu.gif) no-repeat -154px 0; } #botao03:hover, #botao03.ativo { background:transparent url(../img/menu.gif) no-repeat -154px bottom; } #botao04 { width:72px; background:transparent url(../img/menu.gif) no-repeat -248px 0; } #botao04:hover, #botao04.ativo { background:transparent url(../img/menu.gif) no-repeat -248px bottom; } #botao05 { width:144px; background:transparent url(../img/menu.gif) no-repeat -322px 0; } #botao05:hover, #botao05.ativo { background:transparent url(../img/menu.gif) no-repeat -322px bottom; } #botao06 { width:94px; background:transparent url(../img/menu.gif) no-repeat -468px 0; } #botao06:hover, #botao06.ativo { background:transparent url(../img/menu.gif) no-repeat -468px bottom; } #botao07 { width:83px; background:transparent url(../img/menu.gif) no-repeat -564px 0; } #botao07:hover, #botao07.ativo { background:transparent url(../img/menu.gif) no-repeat -564px bottom; } /** CONTEUDO **/ #conteudo-a { float:left; width:580px; margin-top:20px; padding-left:30px; min-height:400px; } #conteudo-b { margin:65px 0 0 650px; width:300px; } #banner_rotativo { width:940px; height:360px; margin:0 auto; } #banner_estatico { width:940px; height:250px; margin:0 auto; } #conteudo_top { display:block; background:url(../img/bkg_conteudo_top.gif) no-repeat center top; width:961px; height:9px; } #conteudo_bottom { clear:both; display:block; background:url(../img/bkg_conteudo_bottom.gif) no-repeat center bottom; width:961px; height:9px; } #conteudo-a p { margin-bottom:15px; line-height:18px; text-align:justify; color:#5d5d5d; } #conteudo-a ul { margin-bottom:15px; line-height:18px; text-align:justify; color:#5d5d5d; } #conteudo-a ul li { list-style-type:disc; list-style-position:outside; margin:0 0 0 15px; } .img_noticia { float:left; margin-right:10px; padding:2px; border:1px solid #d1d1d1; } #conteudo-a #titulo_noticia { font-size:18px; margin-bottom:20px; color:#5d5d5d; } #conteudo-a #titulo_noticia span { display:block; font-size:12px; color:#9ccb3b; font-weight:bold; } /** lista serviços **/ #conteudo-a ul.lista_servicos { text-align:justify; color:#5d5d5d; } #conteudo-a ul.lista_servicos li { float:left; margin:0 5px 0 0; width:75px; height:60px; list-style-type:none; } #conteudo-a ul.lista_servicos li img { display:block; margin:0 auto; padding:2px; border:1px solid #d1d1d1; } /** flash content **/ #flashcontent { text-align:center; } #flashcontent a { color:#000; text-decoration:none; } #flashcontent p { padding-top:100px; margin-bottom:10px; font-size:12px; color:#000000; } #flashcontent2 { width:280px; margin:0 auto; } /** boxes index **/ #boxes { width:940px; margin:10px auto; height:190px; } #boxes li { float:left; width:300px; height:190px; background:url(../img/bkg_box.jpg) no-repeat center bottom; margin-right:20px; } #boxes li.ultimo { margin-right:0; } #boxes h2 { width:300px; height:57px; text-indent:-9000px; } #boxes #tit_servicos { background:url(../img/tit_box_servicos.gif) no-repeat left top; } #boxes #tit_empresa { background:url(../img/tit_box_empresa.gif) no-repeat left top; } #boxes #tit_clientes { background:url(../img/tit_box_clientes.gif) no-repeat left top; } #boxes #tit_ftp { background:url(../img/tit_box_ftp.gif) no-repeat left top; } #boxes #tit_video { background:url(../img/tit_box_video.gif) no-repeat left top; } #boxes p { width:260px; margin:5px auto 20px; color:#5d5d5d; line-height:18px; } #boxes select { width:174px; height:27px; margin-left:105px; } #boxes #conhecer_empresa { display:block; width:174px; height:27px; background:url(../img/btn_conhecer_empresa.gif) no-repeat left top; text-indent:-9000px; margin-left:105px; } #boxes #acessar_ftp { display:block; width:174px; height:27px; background:url(../img/btn_acesso_ftp.gif) no-repeat left top; text-indent:-9000px; margin-left:105px; } /** boxes internos **/ #conteudo-b #boxes { width:300px; margin:0 auto 10px; } #conteudo-b #boxes li { width:300px; height:190px; background:url(../img/bkg_box.jpg) no-repeat center bottom; margin:0 0 20px 0; } #conteudo-b #boxes li#box_video { width:300px; height:515px; background:url(../img/bkg_box2.jpg) no-repeat center bottom; margin:0 0 20px 0; } #conteudo-b #boxes li.ultimo { margin:0; } #conteudo-b #boxes h2 { width:300px; height:57px; text-indent:-9000px; } #conteudo-b #boxes #tit_servicos { background:url(../img/tit_box_servicos.gif) no-repeat left top; } #conteudo-b #boxes #tit_empresa { background:url(../img/tit_box_empresa.gif) no-repeat left top; } #conteudo-b #boxes #tit_clientes { background:url(../img/tit_box_clientes.gif) no-repeat left top; } #conteudo-b #boxes p { width:260px; margin:5px auto 20px; color:#5d5d5d; line-height:18px; } #conteudo-b #boxes select { width:174px; height:27px; margin-left:105px; } /** lista de noticias index **/ #lista_noticias { float:left; width:580px; padding-left:10px; } #lista_noticias #tit_noticias { width:580px; height:42px; text-indent:-9000px; background:url(../img/tit_index_noticias.gif) no-repeat left top; } #lista_noticias ul li { margin-bottom:5px; } #lista_noticias ul li span.data { font-weight:bold; color:#9ccb3b; } #lista_noticias ul li a { color:#5d5d5d; text-decoration:none; } #lista_noticias ul li a:hover { color:#5d5d5d; text-decoration:underline; } #lista_noticias ul li a:visited { color:#5d5d5d; text-decoration:none; } #lista_noticias ul li a:visited:hover { color:#5d5d5d; text-decoration:underline; } /** noticia destaque **/ #noticia_destaque span { color:#9ccb3b; font-weight:bold; } #noticia_destaque a { color:#5d5d5d; text-decoration:none; } #noticia_destaque a:hover { color:#5d5d5d; text-decoration:underline; } #noticia_destaque a:visited { color:#5d5d5d; text-decoration:none; } #noticia_destaque a:visited:hover { color:#5d5d5d; text-decoration:underline; } /** lista noticia interna **/ ul#lista_noticias_interno li { list-style:none; } /* especificar o ul antes do seletor para sobrescrever a regra geral */ #lista_noticias_interno li span { color:#9ccb3b; font-weight:bold; } #lista_noticias_interno li a { color:#5d5d5d; text-decoration:none; } #lista_noticias_interno li a:hover { color:#5d5d5d; text-decoration:underline; } #lista_noticias_interno li a:visited { color:#5d5d5d; text-decoration:none; } #lista_noticias_interno li a:visited:hover { color:#5d5d5d; text-decoration:underline; } /** icones acoes empresa **/ #acoes_empresa { margin:0 0 0 650px; height:120px; width:300px; } #acoes_empresa h2 { width:297px; height:42px; background:url(../img/tit_informativo.gif) no-repeat left bottom; text-indent:-9000px; } #envioNewsletter { margin-top:5px; } #envioNewsletter input.campo { width:130px; margin:0 3px 5px 0; padding:2px; background:url(../img/bkg_input.gif) repeat-x left top; border: 1px solid #5d5d5d; } #envioNewsletter input { margin:0 3px 0 0; } #envioNewsletter #btnEnviar { width:90px; } /** titulos internos **/ #tit_empresa { margin-bottom:15px; width:580px; height:49px; background:url(../img/tit_empresa.gif) no-repeat left top; text-indent:-9000px; } #tit_servicos { margin-bottom:15px; width:580px; height:49px; background:url(../img/tit_servicos.gif) no-repeat left top; text-indent:-9000px; } #tit_cases { margin-bottom:15px; width:580px; height:49px; background:url(../img/tit_cases.gif) no-repeat left top; text-indent:-9000px; } #tit_envio { margin-bottom:15px; width:580px; height:49px; background:url(../img/tit_envio_arquivos.gif) no-repeat left top; text-indent:-9000px; } #tit_noticias_interno { margin-bottom:15px; width:580px; height:49px; background:url(../img/tit_noticias.gif) no-repeat left top; text-indent:-9000px; } #tit_contato { margin-bottom:15px; width:580px; height:49px; background:url(../img/tit_contato.gif) no-repeat left top; text-indent:-9000px; } #tit_busca { margin-bottom:15px; width:578px; height:49px; background:url(../img/tit_resultado_busca.gif) no-repeat left top; text-indent:-9000px; } #tit_localizacao { margin-bottom:15px; width:580px; height:49px; background:url(../img/tit_localizacao.gif) no-repeat left top; text-indent:-9000px; } #tit_estrutura { width:270px; height:47px; background:url(../img/tit_estrutura.gif) no-repeat left top; text-indent:-9000px; } #tit_equipe { width:192px; height:47px; background:url(../img/tit_equipe.gif) no-repeat left top; text-indent:-9000px; } #tit_ambiental { width:270px; height:47px; background:url(../img/tit_consc_ambiental.gif) no-repeat left top; text-indent:-9000px; } #tit_trabalhe_conosco { width:270px; height:47px; background:url(../img/tit_trabalhe_conosco.gif) no-repeat left top; text-indent:-9000px; } #tit_eventos { width:293px; height:47px; background:url(../img/tit_sinal_eventos.gif) no-repeat left top; text-indent:-9000px; } #tit_arquitetonica { width:293px; height:47px; background:url(../img/tit_sinal_arquitetonica.gif) no-repeat left top; text-indent:-9000px; } #tit_imobiliario { width:320px; height:47px; background:url(../img/tit_imobiliario.gif) no-repeat left top; text-indent:-9000px; } #tit_promocional { width:293px; height:47px; background:url(../img/tit_sinal_promocional.gif) no-repeat left top; text-indent:-9000px; } #tit_veiculos { width:293px; height:47px; background:url(../img/tit_sinal_veiculos.gif) no-repeat left top; text-indent:-9000px; } #tit_especiais { width:293px; height:47px; background:url(../img/tit_sinal_especial.gif) no-repeat left top; text-indent:-9000px; } #tit_galeria_imagens { width:293px; height:47px; background:url(../img/tit_galeria_imagens.gif) no-repeat left bottom; text-indent:-9000px; } #tit_pc { width:293px; height:47px; background:url(../img/tit_pc.gif) no-repeat left top; text-indent:-9000px; } #tit_mac { width:293px; height:47px; background:url(../img/tit_mac.gif) no-repeat left top; text-indent:-9000px; } #tit_cores { width:293px; height:47px; background:url(../img/tit_cores.gif) no-repeat left top; text-indent:-9000px; } #tit_layout { width:293px; height:47px; background:url(../img/tit_layout.gif) no-repeat left top; text-indent:-9000px; } #tit_envio2 { width:293px; height:47px; background:url(../img/tit_envio_arquivos2.gif) no-repeat left top; text-indent:-9000px; } #tit_destaque { width:293px; height:47px; background:url(../img/tit_destaque.gif) no-repeat left top; text-indent:-9000px; } #tit_noticias2 { width:293px; height:60px; background:url(../img/tit_noticias2.gif) no-repeat left bottom; text-indent:-9000px; clear:both; } #titulo_interno_cases { font-size:24px; } /** formulario de contato **/ #form_contato { width:460px; margin:0 auto; } #form_contato label { display:inline-block; width:90px; height:30px; float:left; color:#5d5d5d; } #form_contato .campos { width:340px; height:20px; margin-bottom:5px; padding:2px; background:url(../img/bkg_input.gif) repeat-x left top; border: 1px solid #5d5d5d; } #form_contato .campos_pequeno { width:150px; height:20px; margin-bottom:5px; padding:2px; background:url(../img/bkg_input.gif) repeat-x left top; border: 1px solid #5d5d5d; } #form_contato textarea { width:340px; margin-bottom:5px; font-size:1em; padding:5px; background:url(../img/bkg_input.gif) repeat-x left top; border: 1px solid #5d5d5d; } #form_contato #btn_enviar { margin-left:368px; background:url(../img/btn_enviar.gif) no-repeat left top; width:77px; height:32px; font-size:0; line-height:0; cursor:pointer; border:none; } /** lista cases **/ ul#lista_cases { width:520px; margin:0 auto; } ul#lista_cases li { float:left; list-style-type:none; width:250px; height:250px; margin:0 15px 0 0; } ul#lista_cases li.direita { margin:0; } ul#lista_cases li img { display:block; margin:0 auto; padding:2px; border:1px solid #d1d1d1; } ul#lista_cases li h3 { text-align:center; } /** Quadro de imagens no case **/ #quadro-imagens-case { overflow:hidden; margin:0 auto; padding:0; width:510px; height:385px; } #quadro-imagens-case div { width:510px; height:385px; } #quadro-imagens-case img { padding:2px; border:1px solid #d1d1d1; display:block; margin:0 auto; } #quadro-imagens-navegacao { margin-top:10px; text-align:center; } #quadro-imagens-navegacao a { margin-right:10px; border:1px solid #d1d1d1; padding:2px 5px; text-decoration:none; color:#5d5d5d; } #quadro-imagens-navegacao a:hover, #quadro-imagens-navegacao a.activeSlide { font-weight: bold; border: 1px solid #006633; color:#000000; background:#9ccb3b; } /** ancoras servicos **/ #conteudo-a ul#ancora_servicos { border-bottom:1px solid #c6c6c6; height:70px; } #conteudo-a ul#ancora_servicos li { float:left; background:url(../img/bkg_list1.gif) no-repeat left 3px; padding-left:11px; list-style:none; margin:0 10px 0 0; } #conteudo-a ul#ancora_servicos li a { display:block; width:260px; height:20px; color:#5d5d5d; text-decoration:none; } #conteudo-a ul#ancora_servicos li a:hover { color:#5d5d5d; text-decoration:underline; } /** paginacao **/ #paginacao { clear:both; text-align:center; padding:5px; margin:20px 0 10px; } #paginacao span a { border:1px solid #d1d1d1; padding:2px 5px; text-decoration:none; color:#5d5d5d; } #paginacao span a:hover { border:1px solid #006633; padding:2px 5px; text-decoration:none; color:#000000; background:#9ccb3b; } /** botoes voltar e topo **/ .btn_voltar { display:block; width:75px; height:32px; background:url(../img/btn_voltar.jpg) no-repeat left top; text-indent:-9000px; margin:-5px 0 0 505px; } .btn_topo { clear:both; display:block; width:75px; height:32px; background:url(../img/btn_topo.jpg) no-repeat left top; text-indent:-9000px; margin:10px 0 5px 510px; } /** ajuste layout **/ #ajuste { display:block; clear:both; } #caixa_mensagem_usuario { text-align: center; } .erro { border-color: #FF0000; color: #FF0000; } /** RODAPE **/ #rodape address { float:left; } #rodape p { float:right; width:33px; height:30px; } #rodape p a { display:block; background:url(../img/logotipo_balaio.gif) no-repeat left top; width:100%; height:100%; text-indent:-9000px; }