@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; font-size:12px; color:#fff; overflow-x:hidden;}
img{border:0;}
a{text-decoration:none;}
textarea:focus, input:focus{
    outline: 0;
}
.clear{clear:both; margin:0; padding:0;}
.meio{width:980px; height:auto; position:relative; margin:0 auto;}
.topo{width:100%; min-width:980px; height: 80px; float:left; position:relative; z-index:1; background:#fff;}


.topo_logo{width:173px; height:59px; float:left; margin-top:14px; margin-left:0px;}

.menu{width:auto; height:20px; float:right; position:relative; margin-top:27px;}
.menu ul{width:auto; height:20px; margin:0px; padding:0px;}
.menu ul li { list-style:none; float:left; height:100%;}
.menu ul li a { height:100%; color:#000; line-height:20px; font:"Trebuchet MS"; font-size:16px; cursor:pointer; display:block; padding-left:13px; padding-right:13px;}
.menu ul li a:hover{color:#525252;}

.iconemenu{width:31px; height:23px; float:right; margin-top:31px; display:none; cursor:pointer;}

.ativo{color:#67686A; background:#fff;}
.inativo{color:#fff; background:none;}

.rodape{width:100%; height:371px; float:left; position:relative; background:#0055b9; z-index:0;}
.rodape .rodape1{width:100%; height:82px; border-bottom:1px solid #005fd4; float:left; position:relative;}
.rodape .rodape2{ width:100%; height:226px; float:left; position:relative;}
.rodape .rodape3{ width:100%; height:62px; float:left; position:relative; background:#fff;}


.rodape1-ul{width:auto; height:19px; margin:0px; padding:0px; margin-top:33px; float:left; position:relative;}
.rodape1-ul li { list-style:none; float:left; height:100%;}
.rodape1-ul li a { height:100%; line-height:19px; font:"Trebuchet MS"; font-size:18px; color:#fff; cursor:pointer; display:block; padding-left:23px; padding-right:23px;}
.rodape1-ul li a:hover{color:#ff9900;}
.rodape1-ul .barra{border-left:1px solid #67686A;}

.rodape1-ul2{width:auto; height:19px; margin:0px; padding:0px; margin-top:33px; float:right; position:relative;}
.rodape1-ul2 li { list-style:none; float:left; height:100%;}
.rodape1-ul2 li a { height:100%; line-height:19px; font:"Trebuchet MS"; font-size:18px; color:#fff; cursor:pointer; display:block; padding-left:23px; padding-right:23px;}
.rodape1-ul2 li a:last-child{padding-right:0px;}
.rodape1-ul2 li a:hover{color:#ff9900;}

.rodape2-div{width:33%; float:left; position:relative; height:239px; margin-top:42px;}
.rodape2-div h1{font:"Trebuchet MS";font-weight:bold; font-size:13px;color:#35a4ff; text-transform:uppercase; font-style:italic;}
.rodape2-div p{font:"Trebuchet MS";font-weight:bold; font-size:13px;color:#fff; text-decoration:none; width:100%; height:auto; margin:0; padding:0px; margin-top:5px;}
.rodape2-div p a{font:"Trebuchet MS";font-weight:bold; font-size:13px;color:#fff; text-decoration:none;}
.rodape2-div p a:hover{text-decoration:underline;}
.rodape2-div p span {margin-left:10px;}
.rodape2-div p span a{font:"Trebuchet MS";font-weight:bold; font-size:15px;color:#67686A; text-decoration:none;}
.rodape2-div span{font:"Trebuchet MS";font-weight:bold; font-size:15px;color:#67686A; text-decoration:none; text-align:right;}
.rodape2-div span p{font:"Trebuchet MS";font-weight:bold; font-size:15px;color:#67686A; text-decoration:none; text-align:right;}


.conteudo{width:100%; height:auto; float:left; position:relative; background:#fff;z-index:0; margin-top:0px;}
.hometopo{width:100%; height:553px; float:left; position:relative; background:url(../img/homecaminhao.png) no-repeat center top; background-size:100% auto;}
.homeicones{width:100%; height:291px; float:left; position:relative; background:url(../img/home_meio.png) no-repeat center top; background-size:100% auto;}
.margem{margin-left:57px;}
.homeclientes{width:100%; height:224px; float:left; position:relative; background:#fff;}

.divenviarmensagem{position:relative; float:right; width:220px; max-height:232px; height:auto; background:#ff9900;border-top-left-radius:20px; border-top-right-radius:20px; margin-top:503px;}
.btnabamensagem{width:100%; color:#fff; font-size:14px; text-align:center; margin-top:15px; margin-bottom:15px; cursor:pointer;}
.divcorpomensagem, .divmensagemtexto{width:200px; height:198px; background:#fff; padding:10px;text-align:center; color:#636363; font-size:11px; }
.divcorpomensagem p{ text-align:center; color:#636363; font-size:11px; }
.divcorpomensagem input{ text-align:left; color:#636363; font-size:11px; border-radius:25px; border:1px solid #636363; width:90%; height:22px; padding-left:10px; padding-right:10px; margin-top:5px; margin-bottom:5px;}
.divcorpomensagem .btnescrevermensagem{width:auto; color:#ff9900; text-align:center; cursor:pointer;}
.btnenviarmensagem{width:auto; color:#ff9900; text-align:center; cursor:pointer;}
.linhalaranja{width:100%; height:4px; background:#ff9900;}


.homeiconesitem{width:289px; height:142px; position:relative; margin-top:74px;float:left;}
.homeiconesitem a p{width:100%; color:#333333; font-size:15px; text-align:center;}
.homeitemdireito{float:right;}

.homeul{width:auto; height:50px; margin:45px auto; padding:0px;}
.homeul li { list-style:none; float:left; height:100%;}
.homeul li a { height:100%; color:#ff9900; line-height:40px; font:"Trebuchet MS"; font-size:28px; cursor:pointer; display:block; padding-left:20px; padding-right:20px;}
.homeul li a:hover{color:#525252;}

.homeclientestitulo{width:100%; text-align:center; font-size:28px; color:#333333; margin-top:40px;}


.barranomepagina{width:100%; height:54px; background:#949595; float:left;}

.aempresa_metade{width:47%; height:100%; margin-top:30px; margin-bottom:30px;}
.aempresa_metade p{width:100%; color:#333333; font-size:14px; text-align:justify;}
.aempresa_metade h1{width:100%; color:#333333;}

.frota_item{width:100%; float:left; margin-top:15px; margin-bottom:15px;}
.frota_item .frotacaminhao{float:left;}
.frota_item .frotatraco{float:left; margin-left:10px; margin-right:10px; background:url(../img/tracolaranja.png) repeat-x; width:auto; height:5px;}
.frota_item .frotatexto{float:right; max-width:231px;}
.frota_item .frotatexto p{text-align:left; color:#949595; font-size:15px;}


.frotaesquerda{width:65%; height:100%; margin-top:30px; margin-bottom:30px;float:left; height:226px;}
.frotadireita{width:35%; height:100%; margin-top:30px; margin-bottom:30px; float:right; height:226px;}

.frotaesquerda p{text-align:left; color:#949595; font-size:15px;}
.frotaesquerda p .frotatraco{float:right; margin-left:10px; margin-right:10px; background:url(../img/tracolaranja.png) repeat-x; width:auto; height:5px; margin-top:6px;}
.frotadireita p{text-align:left; color:#949595; font-size:15px;}

.contato{background:url(../img/contato_fundo.png) center; background-size:100% auto; width:100%; height:608px;}
.contatobox{width:100%; margin-top:50px; height:222px; background:#fff; border-bottom:4px solid #ff9900; float:left;}
.contatoesquerdo{width:220px; height:182px; float:left; border-right:1px solid #e6e6e6; padding-left:40px; padding-right:40px; padding-bottom:20px; padding-top:20px; }
.contatodireito{width:679px; height:100%; float:left;}
.contatobotao{float:left; margin-top:40px; margin-left:450px; line-height:32px; cursor:pointer; height:32px; width:142px; background:#fff; color:#ff9900; border-bottom:4px solid #ff9900;}

.contatofiliais{width:100%; float:left; background:#fff; margin-top:50px; margin-bottom:50px;}
.contatofiliaisitem{width:30%; margin-left:1%; margin-right:2%; float:left; margin-top:30px;}
.contatofiliaisitem h1{width:100%; color:#333333; text-align:left; font-size:15px;}
.contatofiliaisitem p{width:100%; text-align:left; color:#333333; font-size:15px;}
.clear {
    clear: both;
}



/******************** SMARTPHONE *****************************/

@media only screen and (max-device-width: 480px){
 	html{min-width:320px; max-width:414px;}
	body{min-width:320px; max-width:414px;}	
 	.meio{min-width:300px; max-width:394px; width:auto; margin-left:10px; margin-right:10px; position:relative; }
	.iconemenu{display:block;}
	.menu{display:none; float:left; width:100%; background:#eceff4; height:156px; margin-bottom:20px; padding-top:15px;}
	.menu ul{width:100%; height:156px; margin:0px; padding:0px;}
	.menu ul li { list-style:none; float:left; height:30px; width:100%;}
	.menu ul li a { height:100%; width:100%; color:#000; line-height:20px; font:"Trebuchet MS"; font-size:16px; cursor:pointer; display:block; padding-left:13px; padding-right:13px;}
	
	.topo{min-height:80px; height:auto;}
	.hometopo{height:156px; background-size:100%; background-position:center;}
	.divenviarmensagem{display:none;}
	.homeicones{height:688px; background-size:auto 100%; background-position:center; background-image:url(../img/homeresponsivo.png);}
	.margem{margin-left:0px;}
	.homeiconesitem{margin: 57px auto;float: none; position: relative;}
	.homeitemdireito{float:none;}
	
	.homeclientestitulo{font-size:17px;}
	.homeul{margin:20px auto;}
	.homeul li a{font-size:16px;}
	
	.aempresacaminhao{display:none;}
	.aempresa_metade{width:96%; padding-left:2%; padding-right:2%; }
	.aempresaresposivo{background:url(../img/sobreresponsivo.png) top no-repeat; background-size:auto 630px;}
	.aempresa_metade p{font-size:12px;}
	.aempresa_metade p img{max-width:90%; height:auto;}
	
	.rotasresponsivo{background:url(../img/rotasresponsivo.png) top no-repeat; background-size:auto 100%;}
	
	.frotatraco{display:none;}
	
	.frotaesquerda{width:100%;}
	.frotadireita{width:100%; float:left;}
	
	.contato{background:url(../img/contatoresponsivo.png) center; background-size:auto 100%; width:100%; height:608px;}
	.contatobox{width:90%; margin: auto; height:400px; background:#fff; border-bottom:none; float:left; margin-left:5%; position:relative;}
	.contatoesquerdo{width:90%; height:182px; float:left; border-right:none;border-bottom:4px solid #ff9900; padding-left:10px; padding-right:10px; padding-bottom:5px; padding-top:5px; }
	.contatodireito{width:80%; height:182px; float:left; background:#fff;}
	.contatobotao{float:left; margin-top:24px; margin-left:0px; line-height:32px; cursor:pointer; height:32px; width:100%; background:#fff; color:#ff9900; border-bottom:4px solid #ff9900;}
	
	.contatofiliaisitem{width:100%; margin-left:0px; margin-right:0px; float:left; margin-top:15px;}
	
	.rodape{height:445px;}
	.rodape .rodape2{height:300px;}
	.rodape1-ul{margin: 33px auto; position: relative; width: 200px; float: none;}
	.rodape1-ul2{display:none;}
	.rodape2-div{width:100%; float:left; height:auto; margin-top:13px;}
	.rodape2-div h1{text-align:center;}
	.rodape2-div p{text-align:center;}
	
}

 @media only screen and (max-height: 480px and max-device-width: 320px){
	 html{max-width:320px;}
	body{max-width:320px;}	
	.meio{min-width:300px; max-width:300px; width:auto; margin-left:10px; margin-right:10px; position:relative; }
	.hometopo{height:156px; background-size:auto 100%; background-position:center;}
}

 @media only screen and (max-device-width: 320px){
	 html{max-width:320px;}
	body{max-width:320px;}	
	.meio{min-width:300px; max-width:300px; width:auto; margin-left:10px; margin-right:10px; position:relative; }
	.hometopo{height:156px; background-size:auto 100%; background-position:center;}
 }