@charset "UTF-8";
* {margin:0; padding:0; font-weight:normal;}
html {width:100%; height:100%;}
body:after {content:url(../image/load.png) url(../image/next.gif) url(../image/prev.gif); display:none;}
body {width:100%; height:100%; font-size:62.5%; font-family:regular; background-color:#FFFFFF;}
a {text-decoration:none;}
img {border:hidden;}
strong {font-weight:bold;}
:focus {outline:none;}
.tempo {-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.tempo3 {-webkit-transition:all 2s ease; -moz-transition:all 2s ease; -ms-transition:all 2s ease; -o-transition:all 2s ease; transition:all 2s ease;}
.clear {clear:both; height:0;}
.oculto {display:none !important;}
.margem {width:800px; margin:0 auto; box-sizing:border-box;}

div#boxFixo {position:fixed; z-index:9999; bottom:0; right:0; padding:0 20px 20px 0; text-align:center;}
div#boxFixo p.tel {display:block; font-size:1.8em; background-color:#710608; color:#FFFFFF; padding:6px 15px 4px 15px;}
div#boxFixo p.end {display:block; font-size:1.4em; line-height:16px; background-color:#FFFFFF; color:#1A1A1A; padding:6px 15px 6px 15px;}
div#boxFixo span {display:block; width:100%; font-size:1.2em; background-color:#FFFFFF; color:#1A1A1A; padding:6px 0 3px 0; cursor:pointer;}
div#boxFixo a {display:block; width:100%; font-size:1.4em; background-color:#CA5800; color:#FFFFFF; padding:9px 0 6px 0;}
div#boxFixo a:hover {background-color:#9F4500;}

@-webkit-keyframes clScale {
0% {-moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
50% {-moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
100% {-moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.4); transform:scale(1.2);}
}
@-moz-keyframes clScale {
0% {-moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
50% {-moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
100% {-moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.4); transform:scale(1.2);}
}
@-o-keyframes clScale {
0% {-moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
50% {-moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
100% {-moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.4); transform:scale(1.2);}
}
@keyframes clScale {
0% {-moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
50% {-moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
100% {-moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.4); transform:scale(1.2);}
}
.scale {
  -webkit-animation: clScale 30s infinite;
  -moz-animation:    clScale 30s infinite;
  -o-animation:      clScale 30s infinite;
  animation:         clScale 30s infinite;
}

@-webkit-keyframes ePular { 0% {top:40px;} 20% {top:20px;} 80% {top:30px;} 100% {top:10px;} }
@-moz-keyframes ePular { 0% {top:40px;} 20% {top:20px;} 80% {top:30px;} 100% {top:10px;} }
@-o-keyframes ePular { 0% {top:40px;} 20% {top:20px;} 80% {top:30px;} 100% {top:10px;} }
@keyframes ePular { 0% {top:40px;} 20% {top:20px;} 80% {top:30px;} 100% {top:10px;} }
.ePular {
  -webkit-animation: ePular 1.2s infinite;
  -moz-animation:    ePular 1.2s infinite;
  -o-animation:      ePular 1.2s infinite;
  animation:         ePular 1.2s infinite;
}

header#topo {width:100%; background-color:#FFFFFF; position:fixed; z-index:9999; top:0; left:0;}
header#topo nav.navin {padding:0 150px; position:relative; display:block; box-sizing:border-box;}
header#topo nav a.logo {display:block; width:200px; height:70px; float:left; background:url(../image/rodocapCargas.png) left center no-repeat;}
header#topo nav ul {display:block; float:right; width:auto; height:70px; line-height:70px; overflow:hidden;}
header#topo nav ul li {display:inline-block; font-size:1.7em; color:#1A1A1A; padding:0 10px;}
header#topo nav ul li:hover {color:#c0392b; cursor:pointer;}
a.atendimento {display:none; width:100%; height:40px; line-height:40px; font-size:1.8em; text-align:center; background-color:#9B1103; color:#FFFFFF;}

.textoCentral {text-align:center;}
.pagTitulos {display:block; font-size:4em; font-family:lato; color:#1C2431;}
.pagTexto {display:block; font-size:2em; margin:10px 0 30px 0; color:#1C2431;}

p.msgenviada {display:block; width:100%; background-color:#2EB014; color:#FFFFFF; padding:10px 0 8px 0; text-align:center; font-size:2em; margin-top:100px;}

#boxNoticia .textoCentral {padding-bottom:30px;}
#boxNoticia .margem {padding:0 20px; box-sizing:border-box;}
#boxNoticia .pagTexto {margin-top:25px;}
#boxNoticia figure, #boxNoticia div#boxVideo {display:block; width:100%; margin:25px 0;}
#boxNoticia figure img {display:block; width:100%;}
#boxNoticia a.maisNoticias {display:inline-block; padding:8px 18px 4px 18px; background-color:#c0392b; color:#FFFFFF; font-size:1.6em;}
#boxNoticia a.maisNoticias:hover {cursor:pointer; background-color:#9B1103;}

a#boxHome {width:210px; height:177px; display:block; background:url(../image/solicitarColeta.png) no-repeat bottom right; position:fixed; z-index:9000; right:0; bottom:0;}

section#inicio {width:100%; height:100%; position:relative; z-index:1; overflow:hidden;}
section#sobre {width:100%; background-color:#FFFFFF; position:relative; z-index:5; overflow:hidden; -webkit-box-shadow:0px 0px 40px 0px rgba(0,0,0,0.9); -moz-box-shadow:0px 0px 40px 0px rgba(0,0,0,0.9); box-shadow:0px 0px 40px 0px rgba(0,0,0,0.9);}
section#localidades {width:100%; background-color:#F9F9F9; position:relative; z-index:5; overflow:hidden; -webkit-box-shadow:0px 0px 40px 0px rgba(0,0,0,0.9); -moz-box-shadow:0px 0px 40px 0px rgba(0,0,0,0.9); box-shadow:0px 0px 40px 0px rgba(0,0,0,0.9); padding:130px 0; box-sizing:border-box;}
section#noticias {width:100%; min-height:100%; background-color:#FFFFFF; position:relative; z-index:5; overflow:hidden; -webkit-box-shadow:0px 0px 40px 0px rgba(0,0,0,0.9); -moz-box-shadow:0px 0px 40px 0px rgba(0,0,0,0.9); box-shadow:0px 0px 40px 0px rgba(0,0,0,0.9); padding:100px 150px; box-sizing:border-box;}
section#noticias .pagTitulos {padding-top:30px;}


section#boxGeral {width:100%; min-height:100%; background-color:#F9F9F9; position:relative; z-index:5; padding:110px 0 60px 0; box-sizing:border-box;}
section#boxGeral .pagTitulos {margin:50px 0 20px 0;}


div.fachada {width:100%; height:400px; background-color:#151515; background-attachment:fixed; background-repeat:no-repeat; background-position:bottom center; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover; background-image:url(../image/bgDetalhe.jpg);}
div.sunrise {width:100%; height:400px; background-color:#151515; background-attachment:fixed; background-repeat:no-repeat; background-position:bottom center; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover; background-image:url(../image/sunrise.jpg);}



section#inicio figure.bgBanner {display:block; width:100%; height:100%; position:absolute; z-index:0; top:0; left:0; background:#151515 url(../image/bannerScaniaRodocap.jpg) no-repeat center; background-attachment:fixed; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover;}
section#inicio div.bgTexto {width:100%; padding:0 0 100px 150px; box-sizing:border-box; position:absolute; z-index:1; bottom:0; left:0;}
section#inicio div.bgTexto .txt {display:block; font-family:lato; text-transform:uppercase; text-shadow:#000 1px -1px 2px, #000 -1px 1px 2px, #000 1px 1px 2px, #000 -1px -1px 2px;}
section#inicio div.bgTexto .txt1 {color:#FDB04B; font-size:2.4em;}
section#inicio div.bgTexto .txt2 {color:#FFFFFF; font-size:4em; line-height:40px;}

section#sobre div.sBloco img.simg {display:none;}
section#sobre div.sBloco {width:100%; height:398px; box-sizing:border-box; overflow:hidden; position:relative;}

section#sobre div.cliente {padding:100px 150px 0 700px;}
section#sobre div.funcionario {padding:100px 700px 0 150px;}

section#sobre div.sBloco figure {display:block; width:680px; height:100%; position:absolute; top:0; background-color:#151515; overflow:hidden;}
section#sobre div.cliente figure {left:0;}
section#sobre div.funcionario figure {right:0;}

section#sobre div.cliente figure span.sbquina {width:0; height:0; border-top:500px solid transparent; border-bottom:500px solid transparent; border-right:120px solid #FFFFFF; position:absolute; right:0; z-index:10; margin:-500px 0 0 0;}
section#sobre div.funcionario figure span.sbquina {width:0; height:0; border-top:500px solid transparent; border-bottom:500px solid transparent; border-left:120px solid #FFFFFF; position:absolute; left:0; z-index:10; margin:-500px 0 0 0;}

section#sobre div.sBloco figure div.sbImg {width:100%; height:100%; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover; position:absolute; z-index:1;}
section#sobre div.cliente figure div.sbImg {background:url(../image/sbCliente.jpg) no-repeat center;}
section#sobre div.funcionario figure div.sbImg {background:url(../image/sbFuncionario.jpg) no-repeat center;}
section#sobre div.cliente:hover figure div.sbImg, section#sobre div.funcionario:hover figure div.sbImg {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

section#sobre div.sBloco p.sbTitulo {display:block; font-family:boldIt; font-size:2.4em; color:#1C2431;}
section#sobre div.sBloco p.sbTexto {display:block; padding-top:20px; font-size:1.7em; line-height:20px; color:#333333;}

section#sobre div.sBloco div.sbLine {width:20px; height:2px; background-color:#c40000; margin-top:30px;}
section#sobre div.sBloco:hover div.sbLine {width:70%;}
section#sobre div.sBloco:hover p.sbTitulo {color:#c40000;}
section#sobre div.sBloco:hover p.sbTexto {color:#1A1A1A;}


section#sobre div.sOrcamento {width:100%; padding:80px 150px; box-sizing:border-box; background-color:#1C2431; position:relative;}
section#sobre div.sOrcamento h2 {display:block; font-size:3.2em; font-family:boldCondIt; color:#FFFFFF;}
section#sobre div.sOrcamento h2 span {display:none;}

a.aBotao {display:block; width:240px; height:40px; background-color:#10151D; position:absolute; top:50%; right:150px; margin:-18px 0 0 0; z-index:8000;}
a.aBotao span {display:block; width:100%; height:100%; position:absolute; left:-5px; top:-5px; background-color:#c0392b; letter-spacing:1px; font-size:2em; text-align:center; line-height:40px; font-family:boldCondIt; color:#FFFFFF;}
a.aBotao:hover span {left:0; top:0; cursor:pointer; background-color:#B72819 !important;}
section#sobre div.sOrcamento:hover a.aBotao span {background-color:#e74c3c;}



h3 {padding:0 0 15px 0;}
section#localidades div.rotas {width:100%; text-align:center; padding:25px 0 0 0;}
section#localidades div.rotas p {display:block; width:100%; padding:6px 0 3px 0; font-size:2.2em; background-color:#c0392b; color:#FFFFFF; margin-bottom:10px;}
section#localidades div.rotas a {display:inline-block; padding:8px 25px 5px 25px; font-size:1.8em; color:#636363;}
section#localidades div.rotas a:hover {background-color:#E9E9E9; color:#1A1A1A; cursor:pointer;}


.infoCidadeBottom {bottom:0 !important;}
div#infoCidades {width:100%; padding-bottom:35px; background-color:#F9F9F9; overflow:hidden; position:fixed; z-index:9999; bottom:-200px; left:0;}
div#infoCidades div {width:100%; height:24px; margin-bottom:24px; border-bottom:1px solid #c0392b; position:relative;}
div#infoCidades div span {display:block; width:8px; height:8px; background-color:#c0392b; border:22px solid #F9F9F9; position: absolute; bottom:-26px; left:50%; margin-left:-30px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}
div#infoCidades input {display:block; width:100%; border:hidden; background-color:#F9F9F9; text-align:center;}
div#infoCidades input#ctMail {height:20px; line-height:20px; font-size:1.8em; color:#353535;}
div#infoCidades input#ctTel {height:40px; line-height:40px; font-size:2.8em; color:#900;}
div#infoCidades input#ctEnd {height:20px; line-height:20px; font-size:1.6em; color:#353535; text-transform:uppercase;}

section#localidades div.lineRotas {width:100%; border-top:2px solid #E9E9E9;}
section#localidades div.lineRotas div {height:50px; background-color: #900;}
section#localidades div.lineRotas span {width:8px; height:8px; background-color:#c0392b; margin:-25px auto 0 auto; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; border:20px solid #F9F9F9;}
section#localidades div.lineRotas input {display:block; width:100%; color:#1C2431; overflow:hidden; text-align:center; border:hidden; box-sizing:border-box; background-color:#F9F9F9;}
section#localidades div.lineRotas input#ctTel {margin-top:40px; margin-bottom:1px; color:#c0392b; font-family:lato; font-size:3em;}
section#localidades div.lineRotas input#ctMail {font-size:1.8em; color:#636363; margin-top:6px;}



p.navInfo {display:block; width:100%; margin-top:28px; text-align:center;}
p.navInfo span {display:inline-block; background-color:#EDEDED; color:#949494; letter-spacing:1px; padding:4px 22px 2px 22px; font-size:1.3em; line-height:17px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}

a.bgnNews {display:block; box-sizing:border-box;}
a.bgnNews figure {display:block; overflow:hidden;}
a.bgnNews figure div {width:100%; height:100%; background-repeat:no-repeat; background-position:center; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover;}
a.bgnNews p.bgnTit {display:block; font-size:2em; color:#c0392b; padding:14px 0 0 0; font-family:lato;}
a.bgnNews p.bgnTxt {display:block; font-size:1.8em; line-height:20px; height:60px; overflow:hidden; color:#333333; padding:10px 0 0 0;}
a.bgnNews div.bgnLine {width:0; height:2px; margin:10px 0 30px 0; background-color:#c0392b;}
a.bgnNews:hover figure div {-moz-transform:scale(1.2); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
a.bgnNews:hover p.bgnTit {color:#941002;}
a.bgnNews:hover p.bgnTxt {color:#000000;}
a.bgnNews:hover div.bgnLine {width:100%;}

div#bgNoticias {padding-top:60px;}
div#bgNoticias a.bgnNews {width:33.33333333%; float:left; padding:0 6px;}
div#bgNoticias a.bgnNews figure {width:100%; height:250px;}

div#boxNoticia .pagTitulos {margin:50px 0 20px 0;}
div#boxNoticia a.bgnNews {width:100%; height:120px; margin-top:20px;}
div#boxNoticia a.bgnNews figure {width:200px; height:118px; float:left; margin:0 20px 0 0;}



form#formail {display:block; width:500px; margin:0 auto;}
form#formail label.lbMail {display:block; font-size:1.4em; color:#555; padding:10px 0 2px 0;}
form#formail input.mailInput {display:block; width:100%; font-family:regular; font-size:1.8em; color:#0226D9; padding:7px 10px 5px 10px; box-sizing:border-box;}
form#formail textarea.mailArea {display:block; width:100%; height:90px; resize:none; font-family:regular; font-size:1.8em; color:#0226D9; padding:7px 10px; box-sizing:border-box;}
form#formail label.btSend {display:inline-block; margin-top:12px; padding:10px 25px 8px 25px; background-color:#9B1103; color:#FFFFFF; font-size:1.7em;}
form#formail label.btSend:hover {cursor:pointer; background-color:#9B1103;}

p.solColeta {display:block; text-align:center;}
p.solColeta a {display:inline-block; font-size:1.8em; color:#9B1103; padding:10px 25px 8px 25px;}
p.solColeta a:hover {background-color:#9B1103; color:#FFFFFF;}
p.infoColeta {display:block; width:100%; text-align:center; font-size:1.5em; background-color:#F5F1D7; color:#D51C1F; border:1px solid #D51C1F; box-sizing:border-box; padding:10px;}

form#forcoleta {display:block; width:800px; margin:0 auto;}
form#forcoleta p {display:block; font-size:1.8em; background-color:#555555; color:#FFFFFF; text-align:center; margin-bottom:10px; padding:10px 0 8px 0; margin-top:40px;}
form#forcoleta div {padding:0 8px; box-sizing:border-box;}
form#forcoleta div.um {width:100%;}
form#forcoleta div.dois {width:50%; float:left;}
form#forcoleta div.tres {width:33.33333333%; float:left;}
form#forcoleta div.quatro {width:25%; float:left;}
form#forcoleta label.label {display:block; font-size:1.4em; color:#555; padding:10px 0 2px 0;}
form#forcoleta input.input {display:block; width:100%; font-family:regular; font-size:1.8em; color:#0226D9; padding:7px 10px 5px 10px; box-sizing:border-box;}
form#forcoleta select.select {display:block; width:100%; font-family:regular; font-size:1.8em; color:#0226D9; padding:7px 10px 5px 10px; box-sizing:border-box;}

form#forcoleta label.radioBotao {display:block; width:100%; height:40px; line-height:43px; text-align:center; background-color:#DEDEDE; color:#2F2F2F; font-size:1.8em;}
form#forcoleta label.radioBotao:hover {background-color:#B9B9B9; cursor:pointer;}
form#forcoleta input[type="radio"]:checked + label.radioBotao {background-color:#B61012 !important; color:#FFFFFF !important; cursor:pointer;}

form#forcoleta div.botoescarga {width:100%; margin-top:35px; text-align:center;}
form#forcoleta div.botoescarga label.btCarga {text-align:center; background-color:#CCCCCC; padding:10px 30px 8px 30px; font-size:1.5em; color:#FFFFFF; margin:0 8px;}
form#forcoleta div.botoescarga label.btCarga:hover {background-color:#555555; cursor:pointer;}
form#forcoleta label.solicitar {display:block; width:300px; text-align:center; font-size:1.8em; background-color:#555555; color:#FFFFFF; padding:20px 0 18px 0; margin:50px auto;}
form#forcoleta label.solicitar:hover {background-color:#9B1103; cursor:pointer;}



footer#rodape {width:100%; padding:40px 0; text-align:center; color:#FCFCFC; position:relative; z-index:3; box-sizing:border-box; background-color:#1C2431;}
footer#rodape p {font-size:1.4em;}
footer#rodape p a {color:#FCFCFC; margin-left:40px;}
footer#rodape p a:hover {color:#FFD348; cursor:pointer;}

.menutop {}

@media only screen and (max-width: 1200px) {
	
	header#topo nav.navin {padding:0;}
	header#topo nav a.logo {float:none; margin:0 auto;}
	header#topo nav ul {float:none; width:100%; height:50px; line-height:50px; text-align:center;}
	
	section#sobre div.cliente {padding:80px 150px 0 600px;}
	section#sobre div.funcionario {padding:80px 600px 0 150px;}
	section#sobre div.sBloco figure {width:580px;}
	section#sobre div.sBloco div.sbLine {display:none;}
	
	div#bgNoticias a.bgnNews {width:50%;}
	a.aBotao {right:50px;}

}
@media only screen and (max-width: 1120px) {
	
	section#inicio div.bgTexto {padding:0 0 60px 50px;}
	section#inicio div.bgTexto .txt span {display:block;}
	
	section#sobre div.cliente {padding:50px 50px 0 500px;}
	section#sobre div.funcionario {padding:50px 500px 0 50px;}
	section#sobre div.sBloco figure {width:480px;}
	
	section#sobre div.sOrcamento {padding:80px 50px;}
	
	section#noticias {padding:100px 50px;}
}
@media only screen and (max-width:900px) {
	a#boxHome {display:none;}
	
	section#sobre div.sOrcamento {text-align:center;}
	a.aBotao {display:inline-block; position:relative; right:0; margin:30px auto 0 auto;}
	
}
@media only screen and (max-width: 850px) {
	.margem {width:100%; padding:0 50px; box-sizing:border-box;}
	form#forcoleta {width:100%;}
	
	section#sobre div.sBloco {height:auto; text-align:center;}
	section#sobre div.cliente, section#sobre div.funcionario {padding:20px 50px;}
	section#sobre div.sBloco figure {display:none;}
	section#sobre div.sBloco img.simg {display:block !important; width:100%; height:auto;}
	section#sobre div.sBloco p.sbTitulo {font-size:2em; padding-top:15px;}
	section#sobre div.sBloco p.sbTexto {padding-top:5px;}
	
	div#bgNoticias a.bgnNews {width:100%; text-align:center;}
	
	form#formail {width:100%;}
	
}
@media only screen and (max-width: 700px) {
	
	.margem {padding:0 10px;}
	section#inicio div.bgTexto {padding:0 0 50px 0; text-align:center;}
	
	section#sobre div.cliente, section#sobre div.funcionario {padding:20px 10px;}
	section#sobre div.sBloco figure {width:200px;}
	
	section#sobre div.sOrcamento {padding:80px 10px;}
	
	section#noticias {padding:100px 10px;}
}
@media only screen and (max-width: 600px) {
	section#localidades div.rotas a {display:block; width:100%; padding:8px 0 6px 0; text-align:center;}
	header#topo nav ul {display:none;}
	a.atendimento {display:block;}
	section#inicio div.bgTexto .txt1 {font-size:1.5em;}
	section#inicio div.bgTexto .txt2 {font-size:2.8em; line-height:28px;}
	.pagTitulos {font-size:2.8em;}
	form#forcoleta label.label {font-size:1.2em;}
	div.unidCarga {border-bottom:1px solid #9B1103; margin-bottom:5px;}
	form#forcoleta div.quatro {width:50%;}
	footer#rodape p a {display:block; margin:3px 0 0 0;}
	div#infoCidades input#ctMail {height:15px; line-height:15px; font-size:1.4em;}
	div#infoCidades input#ctTel {height:20px; line-height:20px; font-size:1.8em;}
	div#infoCidades input#ctEnd {height:15px; line-height:15px; font-size:1.4em;}
}