@charset "utf-8"; /* CSS Document */ @import url('reset.css'); @import url('../font/stylesheet.css'); .clear { clear:both;} body { width:100%; height:auto; background:url(../img/principal/bg_principal.jpg) center top no-repeat;} body.background { width:100%; height:auto; background:url(../img/empresa/bg_paginas.jpg) center top no-repeat;} #wrap {width:995px; height:auto; margin:0 auto;} #topo {width:995px; height:135px;} #topo .logo {width:283px; height:93px; margin-top:28px; float:left; margin-left:38px;} #topo .telefone-topo {width:240px; height:39px; float:right; margin-right:19px;} #topo .telefone-topo p {width:240px; height:39px; background:url(../img/principal/tel_contato.png) no-repeat; text-indent:-99999px;} #topo .menu {width:473px; height:27px; clear:right; float:right; margin-top:27px; margin-right:19px;} #topo .menu ul li { display:inline;} #topo .menu ul li { font-family:'YanoneKaffeesatzRegular', Arial, Helvetica, sans-serif; font-size:21px; display:inline;} #topo .menu ul li a { text-decoration:none; color:#000; background:url(../img/principal/menu_sprite.png) no-repeat; width:470px; height:27px; float:left;} #topo .menu ul li a.home { background-position:0px -27px; width:44px; text-align:center; margin-right:49px; } #topo .menu ul li a.home:hover { background-position:0px 0px; } #topo .menu ul li a.empresa { background-position:-95px -27px; width:64px; text-align:center; margin-right:43px; } #topo .menu ul li a.empresa:hover { background-position:-95px 0px; } #topo .menu ul li a.servicos { background-position:-202px -27px; width:62px; text-align:center; margin-right:41px; } #topo .menu ul li a.servicos:hover { background-position:-202px 0px; } #topo .menu ul li a.clientes { background-position:-305px -27px; width:61px; text-align:center; margin-right:49px; } #topo .menu ul li a.clientes:hover { background-position:-305px 0px; } #topo .menu ul li a.contato { background-position:-415px -27px; width:55px; text-align:center;} #topo .menu ul li a.contato:hover { background-position:-415px 0px; } /**************** ATIVO ***********************/ #topo .menu ul li.ativo a { cursor:default; } #topo .menu ul li.ativo a.home { background-position:0px 0px; } #topo .menu ul li.ativo a.empresa { background-position:-95px 0px; } #topo .menu ul li.ativo a.servicos { background-position:-202px 0px; } #topo .menu ul li.ativo a.clientes { background-position:-305px 0px; } #topo .menu ul li.ativo a.contato { background-position:-415px 0px; } /***************************************************************************/ #placa {width:995px; height:auto; margin:0 auto; margin-top:147px;} #placa #transporte {width:202px; height:112px; margin-left:130px;} #placa #transporte h1 {width:202px; height:112px; background:url(../img/principal/transporte_de_cargas.png) no-repeat; text-indent:-99999px; float:left;} /***************************************************************************/ #quadro { width:995px; height:auto; margin:0 auto; margin-top:103px;} #quadro #atendimento { width:420px; height:167px; background:url(../img/principal/bg_quadro.png) top right no-repeat; float:right;} #quadro #atendimento p.primeira { font-family:'YanoneKaffeesatzLight', Arial, Helvetica, sans-serif; font-size:20px; color:#fff; text-align:right; margin-right:30px; margin-top:23px;} #quadro #atendimento p.segunda { font-family:'YanoneKaffeesatzLight', Arial, Helvetica, sans-serif; font-size:20px; color:#fff; text-align:right; margin-right:30px; margin-top:25px;} #quadro #atendimento p.laranja { font-family:'YanoneKaffeesatzBold', Arial, Helvetica, sans-serif; font-size:30px; color:#f7941e; text-align:right; margin-right:30px;} /*************************************************************************/ #conteudo { width:995px; height:auto; margin:0 auto; margin-top:10px;} #conteudo .empresa { width:403px; height:190px; background:url(../img/principal/bg_empresa.png) top left no-repeat; margin-top:60px; float:left;} #conteudo .empresa h2 { font-family:'YanoneKaffeesatzRegular', Arial, Helvetica, sans-serif; font-size:35px; color:#fff; margin-top:12px; margin-left:60px;} #conteudo .empresa p { font-family:'YanoneKaffeesatzLight', Arial, Helvetica, sans-serif; font-size:20px; color:#000; margin-top:25px; margin-left:93px; line-height:20px;} #conteudo .empresa p span { font-family:'YanoneKaffeesatzRegular', Arial, Helvetica, sans-serif; font-size:20px; color:#000;} #conteudo .empresa a { font-family:'YanoneKaffeesatzRegular', Arial, Helvetica, sans-serif; font-size:20px; color:#004365; float:right; text-decoration:none;} #conteudo .empresa a:hover { text-decoration:underline;} #conteudo .servicos { width:506px; height:285px; background:url(../img/principal/bg_servicos.png) top right no-repeat; float:right; margin-top:17px;} #conteudo .servicos h3 { font-family:'YanoneKaffeesatzRegular', Arial, Helvetica, sans-serif; font-size:35px; color:#fff; margin-top:23px; margin-left:175px;} #conteudo .servicos p{ margin-top:10px; padding-right:75px;} #conteudo .servicos p span { font-family:'YanoneKaffeesatzRegular', Arial, Helvetica, sans-serif; font-size:20px; color:#000; margin-top:50px;} #conteudo .servicos p.transporte { font-family:'YanoneKaffeesatzLight', Arial, Helvetica, sans-serif; font-size:20px; color:#000; margin-top:5px; line-height:20px;} #conteudo .servicos p.frota1{ text-align:right;} #conteudo .servicos p.frota2 { font-family:'YanoneKaffeesatzLight', Arial, Helvetica, sans-serif; font-size:20px; color:#000; margin-top:5px; line-height:20px; text-align:right;} #conteudo .servicos p.frota3 { font-family:'YanoneKaffeesatzLight', Arial, Helvetica, sans-serif; font-size:20px; color:#000; text-align:right; line-height:5px;} #conteudo .servicos a { font-family:'YanoneKaffeesatzRegular', Arial, Helvetica, sans-serif; font-size:20px; color:#01671e; float:right; text-decoration:none; margin-right:80px; margin-top:15px;} #conteudo .servicos a:hover { text-decoration:underline;} /***********************************************************/ #attachment-rodape {width:100%; height:137px; background:url(../img/principal/rodape_attachment.png) center no-repeat;} #attachment-rodape #rodape {width:995px; height:137px; margin:0 auto; background:url(../img/principal/bg_rodape.png) no-repeat;} #attachment-rodape #rodape .endereco {width:auto; height:auto; float:left; margin-top:75px; margin-left:220px; } #attachment-rodape #rodape .endereco p { font-family:'YanoneKaffeesatzLight', Arial, Helvetica, sans-serif; font-size:20px; color:#fff;} #attachment-rodape #rodape .endereco p span { padding:0px 6px;} #attachment-rodape #rodape .assinatura {width:auto; height:auto; float:right; margin-top:82px; margin-right:15px;} #attachment-rodape #rodape .assinatura p.padrao { text-align:right;} #attachment-rodape #rodape .assinatura p.desenvolvido { font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#fff; margin-top:10px;} #attachment-rodape #rodape .assinatura p a { font-family:'ComfortaaRegular', Arial, Helvetica, sans-serif; font-size:13px; color:#f7941e; text-decoration:none;} #attachment-rodape #rodape .assinatura p a:hover { text-decoration:underline;} /**************************************************************************************/ /******************** EMPRESA ******************************/ #topo2 {width:995px; height:135px; background:url(../img/empresa/bg_servicos.png) no-repeat top center;} #topo2 .logo {width:283px; height:93px; margin-top:28px; float:left; margin-left:38px;} #topo2 .telefone-topo {width:240px; height:39px; float:right; margin-right:19px;} #topo2 .telefone-topo p {width:240px; height:39px; background:url(../img/principal/tel_contato.png) no-repeat; text-indent:-99999px;} #topo2 .menu {width:473px; height:27px; clear:right; float:right; margin-top:27px; margin-right:19px;} #topo2 .menu ul li { display:inline;} #topo2 .menu ul li { font-family:'YanoneKaffeesatzRegular', Arial, Helvetica, sans-serif; font-size:21px; display:inline;} #topo2 .menu ul li a { text-decoration:none; color:#000; background:url(../img/principal/menu_sprite.png) no-repeat; width:470px; height:27px; float:left;} #topo2 .menu ul li a.home { background-position:0px -27px; width:44px; text-align:center; margin-right:49px; } #topo2 .menu ul li a.home:hover { background-position:0px 0px; } #topo2 .menu ul li a.empresa { background-position:-95px -27px; width:64px; text-align:center; margin-right:43px; } #topo2 .menu ul li a.empresa:hover { background-position:-95px 0px; } #topo2 .menu ul li a.servicos { background-position:-202px -27px; width:62px; text-align:center; margin-right:41px; } #topo2 .menu ul li a.servicos:hover { background-position:-202px 0px; } #topo2 .menu ul li a.clientes { background-position:-305px -27px; width:61px; text-align:center; margin-right:49px; } #topo2 .menu ul li a.clientes:hover { background-position:-305px 0px; } #topo2 .menu ul li a.contato { background-position:-415px -27px; width:55px; text-align:center;} #topo2 .menu ul li a.contato:hover { background-position:-415px 0px; } /**************** ATIVO ***********************/ #topo2 .menu ul li.ativo a { cursor:default; } #topo2 .menu ul li.ativo a.home { background-position:0px 0px; } #topo2 .menu ul li.ativo a.empresa { background-position:-95px 0px; } #topo2 .menu ul li.ativo a.servicos { background-position:-202px 0px; } #topo2 .menu ul li.ativo a.clientes { background-position:-305px 0px; } #topo2 .menu ul li.ativo a.contato { background-position:-415px 0px; } /***************************************************************************/ #wrap .caminhao { width:488px; height:333px; float:left; margin-left:13px; margin-top:72px;} #wrap .cont-empresa { width:478px; height:407px; float:right; margin-top:30px; background:url(../img/empresa/bg_placa_empresa.png) top right no-repeat;} #wrap .cont-empresa h1 { font-family:'YanoneKaffeesatzRegular', Arial, Helvetica, sans-serif; font-size:35px; color:#fff; margin-top:23px; margin-left:67px;} #wrap .cont-empresa p { font-family:'YanoneKaffeesatzLight', Arial, Helvetica, sans-serif; font-size:20px; color:#000; margin-top:45px; margin-left:17px; line-height:20px;} #wrap .cont-empresa p span { font-family:'YanoneKaffeesatzRegular', Arial, Helvetica, sans-serif; font-size:20px; color:#000;} #wrap .cont-empresa p.linha2 { margin-top:0px;} #visao {width:995px; height:349px; margin-top:20px; background:url(../img/empresa/bg_visao.png) top center no-repeat;} #visao .missao {width:490px; height:auto; float:left;} #visao .missao h2 { font-family:'YanoneKaffeesatzRegular', Arial, Helvetica, sans-serif; font-size:35px; color:#fff; margin-top:14px; margin-left:237px; margin-bottom:35px;} #visao .missao p { font-family:'YanoneKaffeesatzLight', Arial, Helvetica, sans-serif; font-size:20px; color:#000; margin-top:0px; margin-left:130px; line-height:20px;} #visao .valores {width:490px; height:auto; float:right;} #visao .valores h3 { font-family:'YanoneKaffeesatzRegular', Arial, Helvetica, sans-serif; font-size:35px; color:#fff; margin-top:14px; margin-left:165px; margin-bottom:35px;} #visao .valores p { font-family:'YanoneKaffeesatzLight', Arial, Helvetica, sans-serif; font-size:20px; color:#000; margin-top:0px; margin-left:60px; line-height:20px;} /**********************************************************************/ /******************** SERVICOS *********************************/ #servicos {width:995px; height:auto;} #servicos .cont-servicos {width:600px; height:333px; background:url(../img/servicos/bg_placa_servicos.png) top left no-repeat; float:left; margin-top:38px;} #servicos .cont-servicos h1 { font-family:'YanoneKaffeesatzRegular', Arial, Helvetica, sans-serif; font-size:35px; color:#fff; margin-top:22px; margin-left:245px; margin-bottom:40px;} #servicos .cont-servicos p.titulo { font-family:'YanoneKaffeesatzRegular', Arial, Helvetica, sans-serif; font-size:20px; color:#000; margin-top:25px; margin-left:100px; margin-bottom:10px;} #servicos .cont-servicos p { font-family:'YanoneKaffeesatzLight', Arial, Helvetica, sans-serif; font-size:20px; color:#000; margin-top:0px; margin-left:100px; margin-bottom:0px;} #servicos .cont-servicos p span { font-family:'YanoneKaffeesatzBold', Arial, Helvetica, sans-serif; font-size:20px; color:#000;} #servicos .area {width:376px; height:286px; background:url(../img/servicos/mapa_territorio_nacional.png) top left no-repeat; float:right; margin-top:38px;} #servicos .area p.titulo { font-family:'YanoneKaffeesatzLight', Arial, Helvetica, sans-serif; font-size:20px; color:#000; margin-top:0px; margin-bottom:10px; text-align:right; padding-right:25px;} #servicos .area p.titulo2 { font-family:'YanoneKaffeesatzLight', Arial, Helvetica, sans-serif; font-size:20px; color:#000; margin-top:115px; margin-bottom:10px; text-align:right; padding-right:25px;} #servicos .area p { text-align:right; padding-right:25px;} #servicos .area p span { font-family:'YanoneKaffeesatzBold', Arial, Helvetica, sans-serif; font-size:20px; color:#000; text-align:right;} #frota { width:995px; height:440px; background:url(../img/servicos/frota.png) center bottom no-repeat;} #frota .seguranca { width:400px; height:auto; float:left;} #frota .seguranca p.titulo { font-family:'YanoneKaffeesatzRegular', Arial, Helvetica, sans-serif; font-size:20px; color:#000; margin-top:20px; margin-left:30px; margin-bottom:10px;} #frota .seguranca p { font-family:'YanoneKaffeesatzLight', Arial, Helvetica, sans-serif; font-size:20px; color:#000; margin-top:0px; margin-left:30px; margin-bottom:0px;} #frota .frota { width:590px; height:auto; float:right;} #frota .frota p.titulo { font-family:'YanoneKaffeesatzRegular', Arial, Helvetica, sans-serif; font-size:20px; color:#000; text-align:right; margin-top:20px; margin-right:30px; margin-bottom:10px;} #frota .frota p { font-family:'YanoneKaffeesatzLight', Arial, Helvetica, sans-serif; font-size:20px; color:#000; text-align:right; margin-top:0px; margin-right:30px; margin-bottom:0px; } #frota .frota p span { font-family:'YanoneKaffeesatzBold', Arial, Helvetica, sans-serif; } /*********************************************************************/ /******************** CLIENTES *********************************/ #clientes {width:995px; height:auto; background:url(../img/clientes/bg_placa_clientes.png) top left no-repeat; margin-top:38px; margin-bottom:30px;} #clientes #topo-cliente {width:995px; height:auto;} #clientes #topo-cliente h1 { font-family:'YanoneKaffeesatzRegular', Arial, Helvetica, sans-serif; font-size:35px; color:#fff; padding-top:24px; margin-left:247px; margin-bottom:40px;} #clientes .cliente1 {width:255px; height:210px; float:left; background:url(../img/clientes/bg_clientes.png) no-repeat center bottom; margin-left:115px;} #clientes .cliente1 a {width:215px; height:154px; margin-left:30px;} #clientes .cliente2 {width:255px; height:210px; float:left; background:url(../img/clientes/bg_clientes.png) no-repeat center bottom; margin-left:30px;} #clientes .cliente2 a {width:215px; height:154px; margin-left:30px;} #clientes .cliente3 {width:255px; height:210px; float:right; background:url(../img/clientes/bg_clientes.png) no-repeat center bottom; margin-right:55px; margin-bottom:30px;} #clientes .cliente3 a {width:215px; height:154px; margin-left:30px;} #clientes .cliente4 {width:255px; height:210px; float:left; background:url(../img/clientes/bg_clientes.png) no-repeat center bottom; margin-left:115px;} #clientes .cliente4 a {width:215px; height:154px; margin-left:30px;} #clientes .cliente5 {width:255px; height:210px; float:left; background:url(../img/clientes/bg_clientes.png) no-repeat center bottom; margin-left:30px;} #clientes .cliente5 a {width:215px; height:154px; margin-left:30px;} /********************************************************************************/ /********************** CONTATO **********************************/ #contato {width:995px; height:auto;} #contato .cont-contato {width:500px; height:333px; background:url(../img/contato/bg_placa_contato.png) top left no-repeat; float:left; margin-top:38px;} #contato .cont-contato h1 { font-family:'YanoneKaffeesatzRegular', Arial, Helvetica, sans-serif; font-size:35px; color:#fff; margin-top:22px; margin-left:245px; margin-bottom:40px;} #contato .cont-contato p.titulo { font-family:'YanoneKaffeesatzRegular', Arial, Helvetica, sans-serif; font-size:20px; color:#000; margin-top:25px; margin-left:100px; margin-bottom:10px;} #contato .cont-contato p { font-family:'YanoneKaffeesatzLight', Arial, Helvetica, sans-serif; font-size:20px; color:#000; margin-top:0px; margin-left:100px; margin-bottom:0px;} #contato .cont-contato p.numero { font-family: Arial, Helvetica, sans-serif; font-size:22px; color:#000;} #contato .cont-contato p.numero span { font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#000;} #contato .area {width:376px; height:286px; background:url(../img/servicos/mapa_territorio_nacional.png) top left no-repeat; float:right; margin-top:38px;} #contato .area p.titulo { font-family:'YanoneKaffeesatzLight', Arial, Helvetica, sans-serif; font-size:20px; color:#000; margin-top:0px; margin-bottom:10px; text-align:right; padding-right:25px;} #contato .area p.titulo2 { font-family:'YanoneKaffeesatzLight', Arial, Helvetica, sans-serif; font-size:20px; color:#000; margin-top:115px; margin-bottom:10px; text-align:right; padding-right:25px;} #contato .area p { text-align:right; padding-right:25px;} #contato .area p span { font-family:'YanoneKaffeesatzBold', Arial, Helvetica, sans-serif; font-size:20px; color:#000; text-align:right;} #contato .campo-contato {width:370px; height:auto; float:right; margin-top:38px;} #contato .campo-contato p.titulo { font-family:'YanoneKaffeesatzLight', Arial, Helvetica, sans-serif; font-size:22px; color:#000; text-align:right; padding-right:8px; margin-bottom:17px;} #contato .campo-contato form { width:auto; height:auto;} #contato .campo-contato form label { display:inline-block; font-family:'YanoneKaffeesatzThin', Arial, Helvetica, sans-serif; font-size:20px; color:#000; padding-right:8px; line-height:25px; text-align:right; width:80px;} #contato .campo-contato form input { width:258px; height:24px; background:none; border:solid 1px #000; border-radius:6px; float:right; margin-top:3px; outline:none; padding:0 6px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; display:inline;} #contato .campo-contato form textarea { width:258px; height:82px; background:none; border:solid 1px #000; border-radius:6px; float:right; display:inline; margin-top:3px; overflow:auto; resize:none; outline:none; padding:6px 6px 0 6px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000;} #contato .campo-contato form input.botao { width:63px; height:25px; background:url(../img/contato/botao_enviar.png) no-repeat; border:none; float:right; } #contato .campo-contato form input.botao:hover { background-position:0px -25px; cursor:pointer;} #local {width:995px; height:413px; margin-top:20px; background:url(../img/contato/bg_mapa.png) bottom center no-repeat;} #local .mapa {width:456px; height:auto; margin:0 auto;} #local .mapa iframe { border:solid 3px #575757;} #local .mapa a {float:right; font-family:'YanoneKaffeesatzThin', Arial, Helvetica, sans-serif; font-size:18px; color:#fff; margin-top:5px; text-decoration:none;} #local .mapa a:hover { text-decoration:underline;} /*********************************************************************/ /*****************************************************************************************/ .msg-contato{margin:7px auto; border:#000 1px dashed; font-size:14px; height:auto; text-align:left; color: #000; padding:7px 7px 7px 7px;font-family:"YanoneKaffeesatzRegular", Arial, Helvetica, sans-serif; font-size:18px; width:370px;} .msg-ok-contato{margin:7px auto; border:#000 1px dashed; font-size:14px; height:auto; text-align:left; color: #000; padding:7px 7px 7px 7px;font-family:"YanoneKaffeesatzRegular", Arial, Helvetica, sans-serif; font-size:18px; width:370px;} /**************************** FIM ********************************************/