/*------------------------------------------------------------------------------- PROJETO Data: 30/06/2010 Descricao: Arquivo com regras e componentes globais do projeto Autor: Everton Strack E-mail: everton@gadbrivia.com.br observacoes: Nenhuma observação -------------------------------------------------------------------------------*/ @import url("_basico.css"); @import url("_template.css"); @import url("_formulario.css"); @font-face{ font-family: "cordia"; /*- FF, Safari, Chrome, etc.. -*/ src: url("../fonte/cordia.ttf"); /*- IE 8 -*/ src /*\**/: url('../fonte/cordia.eot')\9; /*- IE 6 e 7 -*/ *src: url('../fonte/cordia.eot'); } img{ border:5px solid #F0F2F4; } a img:hover{ border:5px solid #FB2709; } img.no-border{border:none} .mail{color:#E52006;} /*------------------------------- ESTILOS PADRÕES DE FONTES ---------------------------------*/ .txt-comum{ font:12px/120% Arial; color:#6D7A83; } .txt-apoio{ font:11px/120% Arial; color:#B7B7B7; } .txt-subtitulos-comum{ font:bold 11px/120% Arial; color:#606E77; } .txt-layers{ font:12px/120% Arial; color:#FFFFFF; } .txt-apoio-secundario{ font:10px/120% Arial; color:#8A8A8A; } a{text-decoration:none} a.txt-subtitulos-comum:hover, a.txt-comum:hover{color:#FB2709; text-decoration:underline} .tt-produto,.tt-produto-p{ font:normal 35px cordia,sans-serif; color:#5F6C77; text-transform:uppercase; font-weight/*\**/: normal\9; } .tt-produto-p{font-size:26px} .tt-subtitulo{font:bold 11px ArialMT,sans-serif; color:#5F6C77} .tt-desativado{color:#6D7A83} /*------------------------------- REPLACES ---------------------------------*/ .ico-casa{background: url(../img/ico-casa.gif) no-repeat; width:12px; height:12px;} .ico-imprimir{background:url(../img/ico-imprimir.jpg) no-repeat; height:13px; } /*--TITULOS--*/ .tt-rodoviarios{background: url(../img/tt-rodoviarios.gif) no-repeat; width:71px; height:11px;} .tt-urbanos{background: url(../img/tt-urbanos.gif) no-repeat; width:49px; height:9px;} .tt-micros{background: url(../img/tt-micros.gif) no-repeat; width:40px; height:9px;} .tt-qualidade{background: url(../img/tt-qualidade-home.gif) no-repeat; width:130px; height:18px;} .tt-novidades{background: url(../img/tt-novidades.gif) no-repeat; width:130px; height:18px;} .tt-gestao-pessoas{background: url(../img/tt-gestao-pessoas.gif) no-repeat; width:236px; height:21px;} .tt-comil-assist-home{background: url(../img/tt-comil-assist.jpg) no-repeat; width:194px; height:54px;} .tt-comil-assist-interna{background: url(../img/tt-comil-assist-interna.png) no-repeat; width:227px; height:66px;} .tt-dicas-manutencao{background: url(../img/tt-dicas-manutencao.gif) no-repeat; width:146px; height:16px;} .tt-reposicao-pecas{background: url(../img/tt-reposicao-pecas.gif) no-repeat; width:138px; height:16px;} .tt-treinamentos{background: url(../img/tt-treinamentos.gif) no-repeat; width:88px; height:16px;} .tt-veja-mais{background: url(../img/tt-veja-mais.gif) no-repeat; width:56px; height:13px;} .tt-conheca-programas{background: url(../img/tt-conheca-programas.gif) no-repeat; width:157px; height:16px;} .tt-confira-vagas{background: url(../img/tt-confira-vagas.gif) no-repeat; width:113px; height:16px;} .tt-cadastre-curriculo{background: url(../img/tt-cadastre-curriculo.gif) no-repeat; width:151px; height:16px;} .tt-qualidade-total{background: url(../img/img-logo-qualidade-total.jpg) no-repeat; width:162px; height:186px;} .tt-onde-encontrar{background: url(../img/tt-onde-encontrar.gif) no-repeat; width:309px; height:26px;} .tt-transporte{background: url(../img/tt-transporte.gif) no-repeat; width:336px; height:45px;} .tt-representantes{background: url(../img/tt-representantes.png) no-repeat; width:122px; height:19px;} .tt-revenda-pecas{background: url(../img/tt-revenda-pecas.png) no-repeat; width:122px; height:24px;} .tt-assistencia-tecnica{background: url(../img/tt-assistencia-tecnica.png) no-repeat; width:123px; height:24px;} .tt-entrar-contato{background: url(../img/tt-entrar-contato.gif) no-repeat; width:103px; height:11px;} .tt-comil-onibus{background: url(../img/tt-comil-onibus.gif) no-repeat; width:210px; height:28px;} .tt-a-comil{background: url(../img/tt-a-comil.gif) no-repeat; width:93px; height:18px;} .tt-interna-comil-onibus{background: url(../img/tt-interna-comil-onibus.jpg) no-repeat; width:175px; height:28px;} .tt-onibus-na-medida-certa{background: url(../img/tt-onibus-na-medida-certa.jpg) no-repeat; width:307px; height:26px;} .tt-missao{background: url(../img/tt-missao.gif) no-repeat; width:61px; height:15px;} .tt-valores{background: url(../img/tt-valores.gif) no-repeat; width:74px; height:13px;} .tt-codigo-conduta{background: url(../img/tt-codigo-conduta.gif) no-repeat; width:255px; height:16px;} .tt-historico{background: url(../img/tt-historico.gif) no-repeat; width:156px; height:28px;} .tt-cultura-comil{background: url(../img/tt-cultura-comil.gif) no-repeat; width:237px; height:23px;} .tt-25anos{background: url(../img/tt-25anos.gif) no-repeat; width:531px; height:25px;} .tt-26anos{background: url(../img/tt-26anos.jpg) no-repeat; width:531px; height:25px;} .tt-linha-tempo{background: url(../img/tt-linha-tempo.gif) no-repeat; width:190px; height:18px;} .tt-estrutura{background: url(../img/tt-estrutura.gif) no-repeat; width:170px; height:23px;} .tt-fabrica-paixao{background: url(../img/tt-fabrica-paixao.gif) no-repeat; width:385px; height:16px;} .tt-estrutura-organizacional{background: url(../img/tt-estrutura-organizacional.gif) no-repeat; width:289px; height:34px;} .tt-sempre-representante{background: url(../img/tt-sempre-representante.gif) no-repeat; width:374px; height:16px;} .tt-melhoria-qualidade{background: url(../img/tt-melhoria-qualidade.gif) no-repeat; width:463px; height:24px;} .tt-politica-qualidade{background: url(../img/tt-politica-qualidade.gif) no-repeat; width:259px; height:16px;} .tt-qualidade-negocio{background: url(../img/tt-qualidade-negocio.gif) no-repeat; width:130px; height:18px;} .tt-responsabilidade-social{background: url(../img/tt-responsabilidade-social.gif) no-repeat; width:310px; height:18px;} .tt-compromisso-ambiente{background: url(../img/tt-compromisso-ambiente.gif) no-repeat; width:456px; height:48px;} .tt-preservacao-ambiental{background: url(../img/tt-preservacao-ambiental.gif) no-repeat; width:304px; height:20px;} .tt-qualidade-vida{background: url(../img/tt-qualidade-vida.gif) no-repeat; width:295px; height:14px;} .tt-visite-comil{background: url(../img/tt-visite-comil.gif) no-repeat; width:131px; height:14px;} .tt-rodoviarios-banner{background: url(../img/tt-rodoviarios-banner.gif) no-repeat; width:309px; height:32px;} .tt-contato{background: url(../img/tt-contato.gif) no-repeat; width:138px; height:23px;} .tt-fotos-produtos{background: url(../img/tt-fotos.png) no-repeat; width:144px; height:29px;} .tt-design-produtos{background: url(../img/tt-design-produtos.png) no-repeat; width:144px; height:29px;} .tt-atributos-produtos{background: url(../img/tt-atributos-produtos.png) no-repeat; width:144px; height:29px;} .tt-video-produtos{background: url(../img/tt-video-produtos.png) no-repeat; width:144px; height:29px;} .tt-descricao-produtos{background: url(../img/tt-descricao-produtos.png) no-repeat; width:144px; height:29px;} .tt-dados-tecnicos-produtos{background: url(../img/tt-dados-tecnicos-produtos.png) no-repeat; width:144px; height:29px;} .tt-poltronas-produtos{background: url(../img/tt-poltronas-produtos.png) no-repeat; width:144px; height:44px;} .tt-downloads-produtos{background: url(../img/tt-downloads-produtos.png) no-repeat; width:144px; height:29px;} .tt-adicionais-produtos{background: url(../img/tt-adicionais-produtos.png) no-repeat; width:144px; height:29px;} .tt-galeria-produtos{background: url(../img/tt-galeria-produtos.png) no-repeat; width:101px; height:8px;} .tt-comil-assist{background: url(../img/tt-comil-assist.gif) no-repeat; width:308px; height:36px;} .tt-pagina-nao-encontrada{background: url(../img/tt-pagina-nao-encontrada.gif) no-repeat; width:304px; height:22px;} .tt-veiculos-banner{background: url(../img/tt-veiculos-banner.gif) no-repeat; width:142px; height:28px;} .tt-aprender{background: url(../img/tt-aprender.gif) no-repeat; width:492px; height:22px;} .tt-trabalhe{background: url(../img/tt-trabalhe.gif) no-repeat; width:149px; height:25px;} .tt-desenvolvimento-humano{background: url(../img/tt-desenvolvimento-humano.gif) no-repeat; width:136px; height:29px;} .tt-vagas{background: url(../img/tt-vagas.gif) no-repeat; width:53px; height:25px;} .tt-curriculos{background: url(../img/tt-curriculos.gif) no-repeat; width:89px; height:14px;} .tt-desenvolvimento-humano-gestao{background: url(../img/tt-desenvolvimento-humano-gestao.gif) no-repeat; width:342px; height:19px;} .tt-capacitacao-desenvolvimento{background: url(../img/tt-capacitacao-desenvolvimento.gif) no-repeat; width:434px; height:20px;} .tt-qualificacao-gestao{background: url(../img/tt-qualificacao-gestao.gif) no-repeat; width:238px; height:20px;} .tt-seguranca-saude{background: url(../img/tt-seguranca-saude.gif) no-repeat; width:191px; height:20px;} .tt-vagas-gestao{ background:url(../img/tt-vagas-gestao.gif) no-repeat; width:78px; height:22px; } .tt-curriculos-gestao{ background:url(../img/tt-curriculos-gestao.gif) no-repeat; width:151px; height:22px; } .tt-gestao-pessoas-rh{ background:url(../img/tt-gestao-pessoas-rh.gif) no-repeat; width:236px; height:21px; } .tt-trabalhe-gestao{ background: url(../img/tt-trabalhe-comil.gif) no-repeat; width:233px; height:17px; } .tt-novidades-interna{background:url(../img/tt-novidades-interna.gif) no-repeat; width:129px; height:18px} /*--TEXTOS--*/ .txt-interna-comil-onibus{background: url(../img/txt-interna-comil-onibus.jpg) no-repeat; width:284px; height:25px;} .txt-onibus-na-medida-certa{background: url(../img/txt-onibus-na-medida-certa.jpg) no-repeat; width:260px; height:33px;} .txt-pagina-de-erro{background: url(../img/txt-pagina-de-erro.gif) no-repeat; width:682px; height:58px;} .txt-pagina-nao-encontrada{background: url(../img/txt-pagina-nao-encontrada.gif) no-repeat; width:536px; height:62px;} .txt-bem-estar{background: url(../img/txt-bem-estar.gif) no-repeat; width:169px; height:34px;} .txt-valor{background: url(../img/txt-valor.gif) no-repeat; width:177px; height:37px;} .txt-valor{background: url(../img/txt-valor.gif) no-repeat; width:177px; height:37px;} .txt-oportunidades{background: url(../img/txt-oportunidades.gif) no-repeat; width:194px; height:37px;} .txt-venha{background: url(../img/txt-venha-fazer.gif) no-repeat; width:161px; height:34px;} .txt-desenvolvimento-humano{background: url(../img/txt-desenvolvimento-humano.jpg) no-repeat; width:342px; height:20px;} .txt-vagas{ background:url(../img/txt-vagas.gif) no-repeat; width:425px; height:22px; } .txt-curriculos{ background:url(../img/txt-curriculos.gif) no-repeat; width:368px; height:23px; } .txt-trabalhe{ background: url(../img/txt-trabalhe-comil.gif) no-repeat; width:285px; height:23px; } /*--BOTOES--*/ .bt-enviar-contato{ background:url(../img/bt-enviar.gif) no-repeat; width:152px !important; height:28px !important;} .lk-next{ background:url(../img/lk-next.gif) no-repeat; width:36px; height:51px;} .lk-prev{ background:url(../img/lk-prev.gif) no-repeat; width:36px; height:51px;} .bt-confira{ background:url(../img/bt-confira-fotos.jpg) no-repeat; width:152; height:28px;} /*--LINKS--*/ .lk-apresentacao{background: url(../img/lk-apresentacao.png) no-repeat; width:198px; height:35px;} .lk-historico{background: url(../img/lk-historico.png) no-repeat; width:198px; height:35px;} .lk-cultura-comil{background: url(../img/lk-cultura-comil.png) no-repeat; width:198px; height:35px;} .lk-estrutura{background: url(../img/lk-estrutura.png) no-repeat; width:198px; height:35px;} .lk-qualidade{background: url(../img/lk-qualidade.png) no-repeat; width:198px; height:35px;} .lk-responsabilidade-social{background: url(../img/lk-responsabilidade-social.png) no-repeat; width:198px; height:35px;} .lk-download{background: url(../img/lk-download.gif) no-repeat; width:152px; height:28px;} .lk-conheca-codigo{background: url(../img/lk-conheca-codigo.jpg) no-repeat; width:152px; height:28px;} .lk-mapa-brasil{ background:url(../img/lk-mapa-brasil.jpg) no-repeat; width:116px; height:28px; } .lk-mapa-internacional{background:url(../img/lk-mapa-internacional.jpg) no-repeat; width:138px; height:28px; } .lk-agende-visita{background:url(../img/lk-agende-visita.gif) no-repeat; width:182px; height:28px; } .lk-conheca-veiculo{background:url(../img/lk-conheca-veiculo.jpg) no-repeat; width:152px; height:28px; } .lk-fotos-veiculo{background:url(../img/lk-fotos-veiculo.jpg) no-repeat; width:152px; height:28px; } .lk-fechar{background:url(../img/lk-fechar.gif) no-repeat; width:40px; height:11px; } .lk-representantes{background:url(../img/lk-representantes.jpg) no-repeat; width:152px; height:28px; } .lk-saiba-mais{background:url(../img/lk-saiba-mais.gif) no-repeat; width:65px; height:11px; } .lk-baixar{ background:url(../img/lk-baixar.gif) no-repeat; width:40px; height:16px; } .lk-comil-assist{ background:url(../img/lk-comil-assist.png) no-repeat; width:186px; height:35px; } .lk-assistencia-tecnica{ background:url(../img/lk-assistencia-tecnica.png) no-repeat; width:186px; height:35px; } .lk-dicas-manutencao{ background:url(../img/lk-dicas-manutencao.png) no-repeat; width:186px; height:35px; } .lk-reposicao-pecas{ background:url(../img/lk-reposicao-pecas.png) no-repeat; width:186px; height:35px; } .lk-treinamentos{ background:url(../img/lk-treinamentos.png) no-repeat; width:186px; height:35px; } .lk-envie-pedido{ background:url(../img/lk-envie-pedido.jpg) no-repeat; width:198px; height:28px; } .lk-encontre-pecas{ background:url(../img/lk-encontre-pecas.jpg) no-repeat; width:152px; height:28px; } .lk-download-catalogo{ background:url(../img/lk-download-catalogo.gif) no-repeat; width:152px; height:28px; } .lk-informacao-carroceria{ background:url(../img/bg-lk-informacao-carroceria.png) no-repeat; width:42px; height:29px;} .lk-mais{ background:url(../img/lk-mais.jpg) no-repeat; width:20px; height:20px; } .lk-entre-contato-comil{background:url(../img/lk-entre-contato-comil.jpg) no-repeat; width:210px; height:28px; } .lk-encontre-representante{background:url(../img/lk-encontre-representante.jpg) no-repeat; width:184px; height:28px; } .lk-rodoviarios-pos-venda{background:url(../img/lk-rodoviarios-pos-venda.png) no-repeat; width:210px; height:73px; } .lk-urbanos-pos-venda{background:url(../img/lk-urbanos-pos-venda.png) no-repeat; width:211px; height:73px; } .lk-micros-pos-venda{background:url(../img/lk-micros-pos-venda.png) no-repeat; width:211px; height:73px; } .lk-confira-catalogo{background:url(../img/lk-confira-catalogo.jpg) no-repeat; width:152px; height:28px;} .lk-faca-cotacao{background:url(../img/lk-faca-cotacao.jpg) no-repeat; width:152px; height:28px;} .lk-veja-beneficios{background:url(../img/lk-veja-beneficios.gif) no-repeat; width:114px; height:24px;} .lk-conheca-programas{background:url(../img/lk-conheca-programas.gif) no-repeat; width:136px; height:13px;} .lk-confira-oportunidades{background:url(../img/lk-confira-oportunidades.gif) no-repeat; width:154px; height:24px;} .lk-cadastre-curriculo{background:url(../img/lk-cadastre-curriculo.gif) no-repeat; width:132px; height:11px;} .lk-trabalhe-comil{background:url(../img/lk-trabalhe-comil.png) no-repeat; width:175px; height:19px;} .lk-vagas{background:url(../img/lk-vagas.png) no-repeat; width:175px; height:19px;} .lk-curriculos{background:url(../img/lk-curriculos.png) no-repeat; width:175px; height:19px;} .lk-desenvolvimento{background:url(../img/lk-desenvolvimento-humano.png) no-repeat; width:176px; height:23px;} .lk-cadastre-se{background:url(../img/lk-cadastre-se.jpg) no-repeat; width:152px; height:28px;} .lk-cadastre-curriculo{background:url(../img/lk-cadastre-curriculo.jpg) no-repeat; width:159px; height:28px;} .lk-txt-cadastre-curriculo{background:url(../img/lk-txt-cadastre-curriculo.gif) no-repeat; width:159px; height:28px;} .lk-encontre-assistencia{background:url(../img/lk-encontre-assistencia.gif) no-repeat; width:344px; height:28px;} .lk-encontrar-pecas{background:url(../img/lk-encontrar-pecas.gif) no-repeat; width:372px; height:28px;} .lk-voltar{ background:url(../img/lk-voltar.gif) no-repeat; width:34px; height:11px;} .lk-sem-click{ cursor: default; } #conteudo { margin-bottom:275px; top:270px; } /*-------------------------------- BOX PADRÃO ---------------------------------*/ .radius{ -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px; } .sub-menu-radius{ /*-moz-border-radius:0px 3px 3px 3px; -webkit-border-radius:0px 3px 3px 3px; border-radius:0px 3px 3px 3px;*/ } .sombra-padrao{ background:url(../img/sombra-padrao.png) no-repeat right bottom; padding:3px 5px 5px 3px; position:relative; } .span-sombra-top{ background:url(../img/span-sombra-top.png) repeat-x right top; display:block; position:absolute; top:0; left:0; right:0; height:3px; } .span-sombra{ background:url(../img/span-sombra.png) repeat-y right top; display:block; position:absolute; top:3px; left:0; right:0; bottom:5px; } .span-sombra-right{ background:url(../img/bg-sombra-right.png) repeat-y right 0; display:block; position:absolute; top:6px; right:-5px; /*height:98%;*/ bottom:0px; width:5px; } .span-sombra-bottom{ background:url(../img/bg-sombra-bottom.png) repeat-y right top; display:block; position:absolute; height:5px; bottom:-5px; width:100%; left:10px; } .bg-sombra-topo{ background:url(../img/bg-sombra-topo.png) no-repeat; width:5px; height:6px; position:absolute; top:0px; right:-5px; } .bg-sombra-left{ background:url(../img/bg-sombra-left.png) no-repeat; width:5px; height:6px; position:absolute; bottom:-6px; left:0px; width:10px; height:6px; } .box-padrao.pequeno{ background:url(../img/bg-sombra-box-padrao-p.png) no-repeat; height:58px; padding:3px 5px 5px 3px; margin-top:27px; } #rodape .box-padrao.pequeno{margin-top:8px;} #topo .box-padrao{position:relative} /*-------------------------------- PRICIPAL ---------------------------------*/ #principal{position:relative; margin:8px 0 0 3px;} .sombra-principal .sombra-top, .sombra-principal .span-sombra{display:none !important} #principal span.bg-linha{ background:url(../img/linha-separacao-principal-home.gif) no-repeat; width:934px; height:2px; margin:95px 11px 15px 11px; float:left; display:block; } #principal .bg-azul{ background:#F1F3F5 url(../img/bg-box-azul-principal.jpg) repeat-x scroll ; width:956px; min-height:250px; margin:0; padding:0 0 10px 0; float:left; border:2px solid white; position:relative; } #principal .bg-branco{width:934px; background:white; margin:0 11px; padding:25px 0 12px 0; float:left;} /*-------------------------------- MIGALHA ---------------------------------*/ #conteudo .pr{z-index:20; position:relative;} #conteudo #box-migalha{height:38px; position:relative; background:url(../img/bg-box-migalha.png) no-repeat !important; margin-top:0;} #box-migalha ul.migalha-padrao{ position:absolute; top:-3px; height:48px; } #box-migalha ul li{ float:left; position:relative; background:url(../img/bg-borda-migalha.jpg) no-repeat right 7px; } #box-migalha a{text-decoration: none; padding:20px 30px 15px 20px; float:left; min-height:12px; } #box-migalha .li-pai{ height:48px; padding:0 14px 0 4px; margin-left:12px; } #box-migalha .li-pai .clearfix{ cursor:pointer; } #box-migalha .li-pai a{ text-decoration:underline; } #box-migalha li.ativo { background:url(../img/bl-migalha-ativo.gif) no-repeat scroll right 20px; } #box-migalha .ico-casa{ padding:0 !important; margin:20px 20px 15px; } #box-migalha .bl-migalha-ativo{ background:url(../img/bl-migalha-ativo.png) no-repeat top; display:block; height:7px; width:10px; position:absolute; bottom:18px; right:26px; } #box-migalha .bl-migalha-ativo.ativo{ background-position:0 bottom; } /*-------------------------------- BANNER PADRAO ---------------------------------*/ .banner{ position:absolute; top:85px; left:0; width:1000px; height:443px; padding-top:10px; background:url(../img/bg-banner-internas.jpg) no-repeat 4px top; overflow:hidden; } .banner img{ border:none; margin-left:119px; float:left;} .banner img:hover{ border:none; } .banner .box-texto{padding:45px 0 0 50px; float:left;} .banner .box-texto h2{padding-bottom:22px} /*----------------------------------- BOX ENVIAR PARA AMIGO -----------------------------------*/ .span-sombra-bottom, #rodape{ z-index:1 !important;} #conteudo, #principal .bg-azul, #principal{ z-index:10; } #frmIndiqueAmigo{ padding:20px 0 0; background:url(../img/corner-indique-esquerda.jpg) no-repeat top left; } #enviar-amigo{ width:170px; float:right; margin-right:10px; position:relative; z-index:20; } #enviar-amigo .lk-envie-amigo { background:url(../img/ico-envie-amigo.png) no-repeat top left; height:10px; line-height:10px; margin:22px 18px 16px 0; padding:0 0 0 20px; float:right; text-decoration:underline } #enviar-amigo a.ativo{ color:#FFFFFF; background-position:0 bottom; } #enviar-amigo.aberto{ background:url(../img/bg-lk-enviar-amigo.png) no-repeat top right } #enviar-amigo .frm-indique{ background:#CA1D04 url(../img/bg-indique-amigo.jpg) repeat-x top left; position:absolute; top:48px; right:0; display:none; width:550px; } #enviar-amigo .frm-indique ul{ overflow:hidden; clear:both; margin-bottom:15px; } #enviar-amigo .frm-indique li{ width:245px; float:left; margin:0 15px 20px; padding:0;} #enviar-amigo .frm-indique label{ font:10px Arial, Helvetica, sans-serif; color:#F7F8F8; display:block; } #enviar-amigo .frm-indique ul input{ width:243px; } #enviar-amigo .frm-indique .w-522{ width:522px; margin:0 15px; } #enviar-amigo .frm-indique .w-522 label{ display:block; } #enviar-amigo .frm-indique .w-522 textarea{ width:520px; height:69px; } .bt-msg{ background:url(../img/bg-msg-btn.jpg) repeat-x; height:53px; position:relative; } .bt-msg input{ margin:7px 10px 0 0; float:right; } .bt-msg .span-sombra-bottom{ bottom:-5px; left:5px; } .bt-msg .span-sombra-right{ bottom:2px; } .msg-enviada, .msg-erro{ float:left; margin:7px 0 0 10px; font:italic 18px cordia,sans-serif; padding-left:40px; min-height:23px; width:265px; } .msg-enviada{ background:url(../img/bg-msg-sucesso.gif) no-repeat left top; color:#2F5F07; } .msg-erro{ background:url(../img/bg-msg-erro.gif) no-repeat; color:#AB1800; line-height:80%; } /*---bg menu e migalha ---*/ .border-radius-right-migalha, .border-radius-right{ position:absolute; top:3px; right:-2px; bottom:0; width:3px; display:block; } .border-radius-right{ background:url(../img/bg-border-radius-menu.jpg) no-repeat left top #CA1D04; } .border-radius-right-migalha{ background:url(../img/bg-ul-sub-migalha.jpg) repeat-x left top #CA1D04; } .border-radius-right .top-right, .border-radius-right-migalha .top-right{ width:3px; height:3px; position:absolute; top:-3px; right:0; } .border-radius-right .top-right{ background:url(../img/border-top-right-menu.png) no-repeat; } .border-radius-right-migalha .top-right{ background:url(../img/border-top-right-migalha.png) no-repeat; } .border-radius-right-migalha .bottom-right, .border-radius-right .bottom-right{ background:url(../img/border-bottom-right-menu.png) no-repeat; width:3px; height:3px; position:absolute; bottom:-3px; right:0; } .border-radius-bottom-migalha, .border-radius-bottom{ position:absolute; bottom:-3px; left:4px; right:0; height:3px; background-color:#CA1D04; display:block; } .border-radius-bottom .bottom-left{ background:url(../img/border-bottom-left-menu.png) no-repeat; width:3px; height:3px; position:absolute; bottom:0; left:-3px; } .border-radius-bottom-migalha .top-right-migalha{ background:url(../img/border-top-right-migalha.png) no-repeat; width:3px; height:3px; position:absolute; top:-3px; right:0; }