@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1300px) {
.boxSobre h2, .boxLogistica h2 {font-size:200%;}	
}

/*Tablet*/
@media only screen and (min-width: 769px) and (max-width: 1110px) {
.content100{width:90%;}
.content90, .envolveAtendimento {width:90%; float:left; margin-left:5%;}
.contentTop {width:95%; float:left; margin-left:2.5%;}
.retifica {	margin-left:10%; width:60%; }
.box p{	font-size:13px; color:#FFF; }
.retifica img{ margin-top:4px; }
.sobreLeft1 {width:45%; padding-left:5%;}
.boxSobre h2, .boxLogistica h2{font-size:150%;}
.boxSobre p, .boxLogistica p {font-size:100%;}
.envolveAtendimento h3 {font-size:190%; margin-top:100px;}
.envolveAtendimento {min-height:inherit; height:260px; }
.boxVendedores {width:47.5%; margin-right:5%; }
.boxVendedores:nth-child(3n){margin-right:5%;}
.boxVendedores:nth-child(2n){margin-right:0%;}
.txtTitulo h2 {font-size:180%;}
.txtTitulo p {font-size:150%;}
.sobreProduto {width:30%;}
}

/*Smartphone*/
@media only screen and (min-width: 480px) and (max-width: 768px) {
.contentTop {width:95%; float:left; margin-left:2.5%;}
.content100{width:100%; }
.content90, .envolveAtendimento {width:90%; float:left; margin-left:5%;}
.logotipo {width:100%; float:left; text-align:center; margin-top:10px;}
.logotipo img {width:200px; float:none;}
.contentRightTop {width:100%; text-align:center; float:left;  margin-left:auto; margin-right:auto; padding-bottom:30px; }
.sobre{ margin-top:0px;}
.sobreLeft1, .sobreRight2{ height:auto;padding:0px; padding-top:50px;  padding-bottom:50px; text-align:center; transform: skewX(0deg); width: 80%; text-align:center; margin-left:10%; background-image:none;}
.sobreRight1:before
{
	top: 0px;	left: 0px;	transform: skewX(0deg);	-webkit-transform: skewX(0deg);	-moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg);
	background-image: url(../imgs/bg_estoque.jpg);	background-repeat: no-repeat;	background-position: center center;
}
.sobreLeft2:before
{	top: 0px; right: 0px; transform: skewX(0deg); -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg);	-o-transform: skewX(0deg);
	background-image: url(../imgs/bg_frota.jpg); background-repeat: no-repeat; background-position: center center;
}
.boxSobre { padding-right:inherit;}
.boxSobre a { float: none; }
.boxLogistica { margin-top:auto;	margin-left: 0px;	width: 100%;}
.sobreRight1, .sobreLeft2  {width:100%; float:left; padding:0px; transform: skewX(0deg);}
.telefones, .funcionamento {float:none; margin-left:auto; margin-right:auto; text-align:center}
.alinhaTels{margin-bottom:25px; }
.logotipoRodape {margin-left:auto; margin-right:auto; float:none; width:147px;}
.telefoneRodape {margin-left:10px; margin-top:15px;}
.redesSociais {margin-right:10px; margin-top:15px; width:170px; margin-bottom:40px;}

/* destaques diagonais */
.container {height:auto; width: 100%; padding:inherit; }
.box{ transform: skewX(0deg); height:auto; padding-bottom:15px; width: 100%; float: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; border-top-style: none; border-right-style: none; border-left-style: none; }
.retifica{transform: skewX(0deg); width:100%;}
 .box:hover { transform: skewX(0deg);}
/* -- */
.envolveAtendimento h3  {width:100%; text-align:center; margin-top:25px;}
.mulherAtendimento {left:0px; width:25%;}
.destaqueAtendimento {right:0px; width:75%}
.envolveAtendimento {min-height:inherit; height:320px; }
.boxProduto{display:none;  height:270px;}
.boxProduto:nth-child(1) {display:block; width:328px; float:none; margin-left:auto; margin-right:auto; border:none;}
.sobreProduto {width:100%; text-align:center;}
.envolveProdutos {width:100%;}
.envolveProdutos a {width:100%; padding-bottom:15px; padding-top:15px; font-size:180%; margin-top:20px;}
.iconeTitulo {float:none; margin-left:auto; margin-right:auto; width:70px;}
.tituloPage {height:auto;}
.txtTitulo {text-align:center; width:100%; margin-top:20px; margin-left:0px;}
.boxVendedores {width:100%; margin-right:0px; }
.boxVendedores:nth-child(3n){margin-right:0%;}
.chamarizBT a {width:80%; float:left; margin-left:10%; padding-left:0px; padding-right:0px;}
.colMotor {width:100%;  }
.catalogos a span {float:left; width:100%; text-align:center; margin-left:0px;}
.cjInputFile{ 	width:100%; }
.colunaMotor{ width: 100%; }
}

/*Celular*/
@media only screen and (min-width: 180px) and (max-width: 479px) {
.contentTop {width:95%; float:left; margin-left:2.5%;}
.content100{width:100%;}
.content90, .envolveAtendimento {width:90%; float:left; margin-left:5%;}
.logotipo {width:100%; float:left; text-align:center; margin-top:10px;}
.logotipo img {width:180px; float:none;}
.contentRightTop {width:100%; text-align:center; float:left; margin-left:auto; margin-right:auto; padding-bottom:30px; }

.sobre{ margin-top:0px;}
.sobreLeft1, .sobreRight2{ height:auto;padding:0px; padding-top:50px;  padding-bottom:50px; text-align:center; transform: skewX(0deg); width: 80%; text-align:center; margin-left:10%; background-image:none;}
.sobreRight1:before
{
	top: 0px;	left: 0px;	transform: skewX(0deg);	-webkit-transform: skewX(0deg);	-moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg);
	background-image: url(../imgs/bg_estoque.jpg);	background-repeat: no-repeat;	background-position: center center;
}
.sobreLeft2:before
{	top: 0px; right: 0px; transform: skewX(0deg); -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg);	-o-transform: skewX(0deg);
	background-image: url(../imgs/bg_frota.jpg); background-repeat: no-repeat; background-position: center center;
}
.boxSobre { padding-right:inherit;}
.boxSobre a { float: none; }
.boxLogistica { margin-top:auto;	margin-left: 0px;	width: 100%;}
.sobreRight1, .sobreLeft2  {width:100%; float:left; padding:0px; transform: skewX(0deg);}


.logotipoRodape {margin-left:auto; margin-right:auto; float:none; width:147px;}
.telefoneRodape {width:100%; text-align:center; margin-left:0px; margin-top:15px}
.redesSociais {margin-right:10px; margin-top:15px; width:170px; margin-bottom:40px;}
/* destaques diagonais */
.container {height:auto; width: 100%; padding:inherit; }
.box{ transform: skewX(0deg); height:auto; padding-bottom:15px; width: 100%; float: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; border-top-style: none; border-right-style: none; border-left-style: none; }
.retifica{transform: skewX(0deg); width:100%;}
 .box:hover { transform: skewX(0deg);}
/* -- */
.envolveAtendimento h3  {width:100%; text-align:center; margin-top:25px;}
.mulherAtendimento {left:0px; width:25%;}
.destaqueAtendimento {right:0px; width:75%}
.envolveAtendimento {min-height:inherit; height:320px; }

.chamadaVendedores span{
	padding-left:10px;
	padding-right:10px;
	width: 80%;
}
.boxProduto{display:none;}
.boxProduto:nth-child(1) {display:block; margin-top:auto; height: auto; width:100%; float:none; margin-left:auto; margin-right:auto; border:none;}
.boxProduto img { float:left; width:80%; margin-left:10%;}
.sobreProduto {width:100%; text-align:center;}
.envolveProdutos {width:100%;}
.envolveProdutos a {width:100%; padding-bottom:15px; padding-top:15px; font-size:180%; margin-top:20px;}
.listaProdutos {width:100%; margin-left:0px;}
.listaProdutos:last-child {margin-left:0px;}
.iconeTitulo {float:none; margin-left:auto; margin-right:auto; width:70px;}
.tituloPage {height:auto;}
.txtTitulo {text-align:center; width:100%; margin-top:20px; margin-left:0px;}
.painel{ display:none;}
.faixaTelefones a {	font-size: 100%; }
.endereco, .alinhaTels{float:left; width:100%; text-align:center; margin-left:auto; margin-right:auto;}
.boxVendedores {width:100%; margin-right:0px; }
.boxVendedores:nth-child(3n){margin-right:0%;}
.chamarizBT a {width:80%; float:left; margin-left:10%; padding-left:0px; padding-right:0px;}
.txtTitulo h2 {font-size:160%;}
.txtTitulo p {font-size:120%;}
.colMotor {width:100%;  }
.catalogos a span {float:left; width:100%; text-align:center; margin-left:0px;}
.cjInputFile{ 	width:100%; }
.colunaMotor{ width: 100%; }
.telefones, .funcionamento {float:none; margin-left:auto; margin-right:auto; text-align:center; width:100%;}
.alinhaTels{margin-bottom:25px; }
}