@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

* {border:0; padding: 0; margin: 0;}
.clear {clear: both;}

body {
	font-family: 'Open Sans', sans-serif;
	color: #828282;
	overflow-x: hidden;
}

.cont {width: 1040px; margin: 0 auto;}

h1 {font-size: 20px; padding: 5px 0}
h2 {font-size: 16px; padding: 5px 0}
h3 {}
h4 {}
p {font-size: 12px; padding: 2.5px 0 15px 0;}
.bt {font-size: 12px; color: #FFF; padding: 5px 10px; background: #4169E1; border-radius: 5px; margin: 5px 0 5px 0}
.link {font-size: 12px; color: #4169E1; font-weight: 700}
a {text-decoration: none}

.barra-branca {background:#f7f7f7; width: 1000px; padding: 20px; margin: 40px 0 0 0; position: absolute; z-index: 9999}
	.barra-branca img {float: left;}
	.barra-branca ul {text-transform: uppercase; float: right; font-size: 14px; margin: 50px 0 0 0;}
	.barra-branca ul li {list-style: none; float: left; padding: 0 5px;}
	.barra-branca ul li a {text-decoration: none; color: #828282; transition: 0.5s}
	.barra-branca ul li a:hover {text-decoration: none; color: #363636; transition: 0.5s;}

.topo .setas {position: absolute; z-index: 9999; margin: 0; width: 100%; top: 200px;}	
	.topo .setas .seta-e {
		background: url(../images/seta.png);
		width: 50px;
		height: 50px;
		background-size: 100%;
		float: left;
		margin: 0 0 0 20px;
		transform: rotate(180deg);
		transition: 0.5s;
		cursor: pointer;
	}	
	.topo .setas .seta-d {
		background: url(../images/seta.png);
		width: 50px;
		height: 50px;
		background-size: 100%;
		float: right;
		margin: 0 20px 0 0;
		transition: 0.5s;
		cursor: pointer
	}
	.topo .setas .seta-d:hover {margin: 0 30px 0 0; transition: 0.5s}
	.topo .setas .seta-e:hover {margin: 0 0px 0 30px; transition: 0.5s}

.banner {}
	.banner div {width: 100%; height: 420px; }
	.banner .u {background: url(../images/bn-6.jpg); background-size: cover; background-repeat: no-repeat;}
	.banner .d {background: url(../images/bn-5.jpg); background-size: cover; background-repeat: no-repeat;}
	.banner .t {background: url(../images/bn-4.jpg); background-size: cover; background-repeat: no-repeat;}
	.banner .q {background: url(../images/bn-1.jpg); background-size: cover; background-repeat: no-repeat;}
	.banner .c {background: url(../images/bn-2.jpg); background-size: cover; background-repeat: no-repeat;}
	.banner .s {background: url(../images/bn-3.jpg); background-size: cover; background-repeat: no-repeat;}

.divisao {width: 100%; height: 20px; background: url(../images/divisao.png) no-repeat; background-size: 100%; margin: 25px 0}

/* HOME */

.home {}
	.home .bloco1 {width: 20%; padding: 0px 2.5% 0 0; border-right: 1px solid #828282; margin: 20px 2.5% 0 0; float: left;}
	.home .bloco2 {width: 72.5%; padding: 0px 0px 0 0; margin: 20px 0 0 0; float: left;}
		.home .bloco2 .c {margin: 0 5%}
		.home .bloco2 .itens {width: 30%; float: left;}
			.home .bloco2 .itens img {width: 100%; height: 150px;}
			.home .bloco2 .itens h2 {}
			.home .bloco2 .itens p {height: 70px}
			.home .bloco2 .itens a {}
		

/* EMPRESA */

.empresa {padding: 20px 0 0 0}
	.empresa .bloco1 {}

	.empresa .divisao {}	
		.empresa .divisao div {float: left; width: 30%}	
		.empresa .divisao .missao {margin: 0 2.3%; padding: 0 2.5%; border-left: 1px solid #363636;; border-right: 1px solid #363636}	


/* transporte */ 

.transporte-pneumatico {padding: 20px 0 0 0}
	.transporte-pneumatico .bloco1 {float: left; width: 45%}
	.transporte-pneumatico .foto {float: right; width: 50%; background: #999;}
		.transporte-pneumatico .foto img {width: 100%; height: 350px}

	.transporte-pneumatico .item {float: left; width: 50%}
	.transporte-pneumatico .item ul {}
	.transporte-pneumatico .item ul li {list-style: none}

/* CONTATO */

.contato {font-size: 12px;}
		.contato label {width: 47.5%; float: left; padding: 5px 0;}
		.contato .f {width: 100%!important}
		.contato .r {margin: 0 0 0 2.5%}
		.contato .l {margin: 0 2.5% 0 0}
		.contato label input {border-radius: 5px; border: 1px solid #363636; background: #EEE9E9; padding: 1% 5%; font-size: 12px; font-family: 'Open Sans', sans-serif; width: 90%}
		.contato label textarea {border-radius: 5px; border: 1px solid #363636; background: #EEE9E9; padding: 2.5px 5%; font-size: 12px; font-family: 'Open Sans', sans-serif; width: 90%; height: 90px}

	.mapa {padding: 20px 0}
		.mapa iframe {width: 100%; height: 250px;}

/* RODAPE */

.rodape {width: 100%; padding: 10px 0; background: #828282;}
	.rodape p {color: #FFF; margin: 0; padding: 0}


	/* Ajustes 10/06/2020 */
	.barra-branca {
		width: 1040px !important;
	}