@charset "utf-8";
/* CSS Document */
@media only screen and (min-width: 769px) and (max-width: 1350px) {
.content1300 {width:90%; margin-left:5%; float:left;  }
.btveiculos{ width:33%; margin-bottom:50px;}
}
/*Tablet*/
@media only screen and (min-width: 769px) and (max-width: 1100px) {
.content100{width:100%;}
.content90 {width:90%; float:left; margin-left:5%;}
.content100 {width:100%; float:left; }
.diferenciais p {display:block; float:left; font-size:100%;}
.iconeDiferenciais {width:35px; height:35px;}
.linkCentral {width: 35%; margin-right: 7.5%; margin-left:7.5%; margin-bottom: 50px; }
.boxImgInternaCar a, .boxImgInternaCaminhao a, .boxImgInternaCaminhonete a, .boxImgInternaVan a, .boxImgInternaMoto a {width:60%; margin-right:5%;}
.contentRight{ float:right; margin-right:auto; width:auto;}
/*Veiculos Animados Home*/
.btveiculos{ width:50%;}
.moveVeiculos{ width:100%;}
.relBox{width:50%; float:left; margin-left:auto;}
.iconeCenter{position:static; margin-top:20px;}
.txtCenter {margin-top:10px;}
.envolveMenu {
	background-color: #000000;
}
.formPainel { position:static; padding-left:7%; padding-right:7%; float:left; width:100%; height:auto; background-color: rgba(255, 114, 0, 0.7);}
.formPainel .tituloAzl{ color:#FFF;}
.linkRastrear, .linkRastrearMoto{display:none;}
.linkBoleto {display:none;}
.linkRastrearMobile {
	background-color: #0a5aff;
	color: #FFF;
	font-size: 90%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 5px;
	text-align: center;
	width: 151px;
	float: right;
	margin-bottom: 25px;
	display:block;
	margin-top:20px;
	margin-right:35px;
}
.linkRastrearMotoMobile {
	background-color: #FFCC00;
	color: #000000;
	font-size: 90%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 5px;
	text-align: center;
	width: 151px;
	float: right;
	margin-bottom: 25px;
	display:block;
	margin-top:20px;
	margin-right:35px;

}
.linkBoletoMobile {
	background-color: #67da00;
	color: #FFF;
	font-size: 90%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 5px;
	text-align: center;
	width: 151px;
	float: right;
	display:block;
	margin-top:20px;
}
.envolveLinks{ width:auto; float:right; margin-right:10px;}
.susep{ text-align:center;}
.susepImg{ float:none; }
.susepTxt{ float:left; width:100%; clear:left; text-align:justify;}
}


/*Smartphone*/
@media only screen and (min-width: 480px) and (max-width: 768px) {
.content100{width:100%;}
.content1300 {width:90%; margin-left:5%; float:left;}
.content90 {width:90%; float:left; margin-left:5%;}
.content100 {width:100%; float:left; }
.logotipo{float:none; margin:auto; width:215px;}
.contentRight {float:none; margin-top:0px; margin-left:auto; margin-right:auto; height:60px; width:265px; clear:left; }
.chat{display:none;}
.formPainel { position:static; padding-left:7%; padding-right:7%; float:left; width:100%; height:auto;background-color: rgba(255, 114, 0, 0.7);}
.formPainel .tituloAzl{ color:#FFF;}
.relBox{width:100%; float:left; margin-left:auto;}
.iconeCenter{position:static; margin-top:20px;}
.txtCenter {margin-top:10px;}
.comoFunciona, .boxTxtFunciona, .boxDiferenciais {width:100%;}
.iconeDiferenciais {margin-left:25px;}
.boxTecnologia{width:75%; margin-left:12.5%; min-height:auto;}
.contentRightRodape {width:100%; line-height:30px;}
.boxTxtInterna {width:100%; float:left;}
.boxImgInternaCar, .boxImgInternaCaminhao, .boxImgInternaCaminhonete, .boxImgInternaVan, .boxImgInternaMoto {width:100%; float:left;}
.imgFaq{background-image:none;}
.ajusta_input45 {width:100%; }
.m_esquerda5per {margin-left: 0px;}
.input_75 {width:76.8%; }
.imgcomoFunciona{ width:100%;}
.linkCentral {width: 40%; margin-right: 5%; margin-left:5%; margin-bottom: 50px; font-size:120%; }

.faixaIconesVeiculo{ text-align:center;}
.iconeInternaVeiculo{float:none; display:inline-block;}
.posrel{ height:auto;}
.moveCarro, .moveCaminhonete, .moveVan, .moveCaminhao{display:none;}
.parceiros{width:32%; margin-right:1%;}
.parceiros:nth-child(3n) {margin-right: 0px;	margin-left: 0px;}
.menuPoliticas { float:left; margin-left:4%;}
.menuRodape a {font-size:100%; float:none; display:inline-block;}


.envolveMenu {
	background-color: #000000;
}
.linkRastrear, .linkRastrearMoto{display:none;}
.linkBoleto {display:none;}
.linkRastrearMobile {
	background-color: #0a5aff;
	color: #FFF;
	font-size: 90%;
	border-radius: 5px;
	text-align: center;
	width: 151px;
	float: right;
	display:block;
	border-radius: 50px;
	width: 65px;
	height: 65px;
	padding-top:19px;
	margin-left:5px;
	margin-right:15px;
}
.linkRastrearMotoMobile {
	background-color: #FFCC00;
	color: #000000;
	font-size: 90%;
	border-radius: 5px;
	text-align: center;
	width: 151px;
	float: right;
	display:block;
	border-radius: 50px;
	width: 65px;
	height: 65px;
	padding-top:19px;
	margin-left:5px;
	margin-right:15px;
}
.linkBoletoMobile {
	background-color: #67da00;
	color: #FFF;
	font-size: 90%;
	text-align: center;
	width: 151px;
	float: right;
	display:block;
	border-radius: 50px;
	width: 65px;
	height: 65px;
	padding-top:19px;
	margin-left:5px;
	margin-right:5px;
}
.envolveLinks{ width:auto; float:right; margin-right:10px; font-size:92.5%;}
.susep{ text-align:center;}
.susepImg{ float:none; }
.susepTxt{ float:left; width:100%; clear:left; text-align:justify;}

.telefoneRodape{ text-align:center; width:100%;}
.telefoneRodape .floatEsquerda{float:none;}
.telsrodape{float:left; width:100%; text-align:center; margin:auto; line-height:25px;}
.telefoneTop a { font-size: 145%; }
.envolveTelTop {clear:both;}
}

/*Celular*/
@media only screen and (min-width: 180px) and (max-width: 479px) {
.content100{width:100%;}
.content1300 {width:90%; margin-left:5%; float:left;}
.content90 {width:90%; float:left; margin-left:5%;}
.content100 {width:100%; float:left; }
.logotipo{float:none; margin:auto; width:200px;}
.contentRight {float:none; margin-top:0px; margin-left:auto; margin-right:auto; height:60px; width:265px; clear:left; }
.chat{display:none;}
.formPainel { position:static; padding-left:7%; padding-right:7%; float:left; width:100%; height:auto; background-color: rgba(255, 114, 0, 0.7);}
.formPainel .tituloAzl{ color:#FFF;}
.ajustaInput {width:100%;}
.relBox{width:100%; float:left; margin-left:auto;}
.iconeCenter{position:static; margin-top:20px;}
.txtCenter {margin-top:10px;}
.comoFunciona, .boxTxtFunciona, .boxDiferenciais {width:100%;}
.diferenciais p {display:block; float:left; font-size:100%;}
.iconeDiferenciais {margin-left:25px;}
.iconeDiferenciais {width:30px; height:30px;}
.boxTecnologia{width:100%; margin-right:0px; min-height:auto;}
.contentRightRodape {width:100%;  line-height:30px; text-align:center;}
.boxTxtInterna {width:100%; float:left;}
.boxImgInternaCar, .boxImgInternaCaminhao, .boxImgInternaCaminhonete, .boxImgInternaVan, .boxImgInternaMoto {width:100%; float:left;}
.boxImgInternaCar a, .boxImgInternaCaminhao a, .boxImgInternaCaminhonete a, .boxImgInternaVan a, .boxImgInternaMoto a {width:90%; margin-right:5%;}
.chamadaFaq{ height:auto; padding-bottom:20px;}
.imgFaq{background-image:none; height:auto;}
.menuRodape a { border:none; font-size:100%; float:none; display:inline-block;}
.ajusta_input45 {width:100%; }
.m_esquerda5per {margin-left: 0px;}
.input_75 {width:75%; }
.imgcomoFunciona{ width:100%;}
.linkCentral {width: 100%; margin-right: 0px; margin-left:0px; margin-bottom: 40px; }

.faixaIconesVeiculo{ text-align:center;}
.iconeInternaVeiculo{float:none; display:inline-block;}
.posrel{ height:auto;}
.moveCarro, .moveCaminhonete, .moveVan, .moveCaminhao{display:none;}
.parceiros{width:45%; margin-right:2.5%; margin-left:2.5%;}
.parceiros:nth-child(2n) {margin-right: 0px;	margin-left: 0px;}
.bgTopCaminhonete h1 {font-size: 130%;}
.bgTopCaminhao h1 {font-size: 130%;}
.menuPoliticas { float:left; margin-left:auto; display:inline-block;}
.menuPoliticas a{ float:none; margin:auto; display:block; }
.envolveTelTop {clear:both;}
.envolveMenu {
	background-color: #000000;
}
.linkRastrear, .linkRastrearMoto {display:none;}
.linkBoleto {display:none;}
.linkRastrearMobile {
	background-color: #0a5aff;
	color: #FFF;
	font-size: 80%;
	border-radius: 5px;
	text-align: center;
	width: 151px;
	float: right;
	display:block;
	border-radius: 50px;
	width: 60px;
	height: 60px;
	padding-top:19px;
	margin-left:0px;
	margin-right:5px;
}

.linkRastrearMotoMobile {
	background-color: #FFCC00;
	color: #000000;
	font-size: 80%;
	border-radius: 5px;
	text-align: center;
	width: 151px;
	float: right;
	display:block;
	border-radius: 50px;
	width: 60px;
	height: 60px;
	padding-top:19px;
	margin-left:0px;
	margin-right:5px;
}

.linkBoletoMobile {
	background-color: #67da00;
	color: #FFF;
	font-size: 80%;
	text-align: center;
	width: 151px;
	float: right;
	display:block;
	border-radius: 50px;
	width: 60px;
	height: 60px;
	padding-top:19px;
	margin-left:0px;
	margin-right:5px;
}
.envolveLinks{ width:195px; float:right; margin-right:5px; font-size:92.5%;}

.susep{ text-align:center;}
.susepImg{ float:none; }
.susepTxt{ float:left; width:100%; clear:left; text-align:justify;}
.telefoneRodape{ width:100%;}

.telefoneRodape{ text-align:center; width:100%;}
.telefoneRodape .floatEsquerda{float:none;}
.telsrodape{float:left; width:100%; text-align:center; margin:auto; line-height:25px;}
.telefoneTop a { font-size: 145%; }
}

/*Veiculos Animados Home*/
@media only screen and (min-width: 595px) and (max-width: 768px) {
.btveiculos{ width:50%;}
.moveVeiculos{ width:100%;}
}
@media only screen and (min-width: 180px) and (max-width: 594px) {
.btveiculos{ width:100%;}
.moveVeiculos{ width:100%;}
}


/*Grafico Pizza*/
@media only screen and (min-width: 180px) and (max-width: 780px) {
.ajustaGrafico{
	text-align:left;
	width:100%;
	margin-top:auto;
	float:left;
	}

.graficoCompleto{
	display:none;
}

.faixaUm{
	background-color: #3C3;
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-right: 2%;
	padding-bottom: 20px;
	padding-left: 2%;
	display: block;
}
.faixaDois{
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-right: 2%;
	padding-bottom: 20px;
	padding-left: 2%;
	background-color: #F60;
	display: block;
	}
.faixaTres{
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-right: 2%;
	padding-bottom: 20px;
	padding-left: 2%;
	background-color: #69F;
	display: block;
	}
.faixaQuatro{
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-right: 2%;
	padding-bottom: 20px;
	padding-left: 2%;
	background-color: #F0F;
	display: block;
	}
.faixaCinco{
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-right: 2%;
	padding-bottom: 20px;
	padding-left: 2%;
	background-color: #BFBFBF;
	display: block;
	}

}
/*Fecha Grafico Pizza*/