@charset "utf-8";

/* DO TAMNHO MAXIMO ATE 960PX */
@media(min-width:769px){
	
	/***** GLOBAIS *****/
	body{
		margin:0;
		padding:0;
	}
	
	main{
		float:left;
		width:100%;
	}
	
	form{
		margin:0;
		padding:0;
		float:left;
		width:100%;
		border:0px solid blue;
	}
	
	label{
		font-size:1em;
		color:#888;
		font-family: 'Nunito', sans-serif;
		display:block;
		margin-bottom:6px;
	}
	
	fieldset{
		border:1px solid #CCC;
		margin-bottom:25px;
	}
	
	table { 
		border-collapse:collapse;
		width:100%;
	}
	
	tr , td{
		padding:0;
		text-align:left;
		border-collapse:collapse;
	}
	
	th{
		padding:0;
		border:0;
	}
	hr{
		float:left;
		width:100%;
		border-top:1px solid #BBB;
		margin:15px 0;
	}	
	a{
		text-decoration:none;
	}
	p{
		margin:25px 0;
	}
	
	.display{display:none}
	
	.displayObs{display:block;margin-top:30px;}
	
	.displayMarca{display:block;color:#999 !important;}
	
	/***** GRID RESPONSIVA *****/
	.col12{
		width:7.487%;
		float:left;
		margin:0 0.423% ;
	}
	.col11{
		width:9.09%;
		float:left;
	}	
	.col6{
		width:15.820%;
	}
	.col5{
		/*width:19.1%;*/
		width:150px;
		height:100px;
		float:left;
		margin:6px 0.423% ;
		background:#eed;
		align-content:center;
		display:inline-block;
	}	
	.col4{
		width:25%;
		float:left;
		margin:0;
		display:flex;
	}
	.col3{
		width:33.33%;
		height:auto;
		float:left;
		margin:0px;
	}
	.col2{
		width:50%;
		float:left;
		margin:0;
	}
	.col1{
		width:100%;
		float:left;
		margin:0;
	}
	/***** GRID RESPONSIVA *****/
	
	
	
	
	/***** ESTRUTURA BASICA *****/
	#topo{
		width:90%;
		height:68px;	/*altura total 98px*/
		padding:0 5%;
		padding-top:30px;
		float:left;
		background-image:url("../img/topo.jpg");
		background-color:#e6e6e6;
		background-repeat:no-repeat;
		background-size:100%;
	}
	
	#conteudo{
		width:100%;
		float:left;
		background:#fff;	
	}
	
	#conteudoInt{
		width:90%;
		margin:0 5%;
		float:left;
		background:#fff;
		border:0px solid red;
		margin-top:25px;
		min-height:500px;
	}
	
	#rodape{
		width:90%;
		float:left;
		height:auto;
		background-color:#6e6e6e;
		padding:0 5%;
		padding-bottom:50px;
		padding-top:10px;
		text-align:center;
		font-size:0.9em;
		color:#d6d6d6;
		font-family: 'Nunito', sans-serif;
	}
	
	#menu{
		width:100%;
		float:left;
		background:#004098;
		padding:12px 0;
		height:24px; /*altura total 44px*/
	}
	
	.tabelColunas{
		border:0;
	}
	
	.colunaTb{
		border:0;
		width:27%;
		padding:2%;
		background:#e6e6e6;
		border-bottom: 7px solid #D6D6D6;
		vertical-align:top;
	}
	.colunaTbSpace{
		width:3.5%;
		padding:0%;
	}
	
	.bgColunaMapa{
		background-color:#D3DFF2 !important;
		background-image:url('../img/bg-brasil.jpg');
		background-size:cover;
		background-position:left;
		background-repeat:no-repeat;
		border-bottom: 7px solid #C0CDE0 !important;
	}	
	
	
	
	
	
	/***** BLOCOS / BOX *****/	
	.boxMenu{
		width:90%;
		margin:0 5%;
		color:#FFFFFF;
		font-family: 'Nunito', sans-serif;
		font-size:1em;
	}	
	.boxMenuMob{
		display:none;
	}
	
	
	.boxSlideDesk{
		width:100%;
		float:left;
		background:#fff;	
	}		
	.boxSlideMob{
		display:none;	
	}
	
	.boxColunas{
		width:90%;
		margin:0 5%;
		float:left;
		margin-top:50px;
		margin-bottom:50px;
	}
	.blocoLeft{
		display:none;
	}
	.blocoCenter{
		display:none;
	}
	
	.blocoRight{	
		display:none;
	}
	
	.blocoRightInterna{
		border:0px solid red;
		width:68%;
		float:right;
	}
	.boxProdutosDestaque{
		width:86%;
		float:left;
		margin:0 5%;
		padding:40px 2%;
		border-top:0px solid #CCC;
		border-bottom:10px solid #CFDCDE;
		background:#d9e4e6;
		margin-bottom:15px;
	}
	.blocoProdutoLeft{
		width:20%;
		margin-right:6.6%;
		float:left;
		margin-bottom:0px;
	}
	.blocoProdutoRight{
		width:20%;
		float:right;
	}	
	.boxImgProduto{
		width:30%;
		height:85px;
		background-size:100%;
		background:#ddd;
	}
	.boxBuscaProdutos{
		width:86%;
		height:auto;
		margin:0 5%;
		padding:2%;
		background:#5c84c0;
		float:left;
		background-image:url("../img/bg-busca.jpg");
		background-size:100%;
		border-radius:5px;
	}
	.boxBuscaLeft{
		float:left;
		border:0px solid red;
		width:25%;
	}
	.boxBuscaRigth{
		width:70%;
		float:right;
		border:0px solid blue;
	}
	.boxHeadProduto{
		width:86%;
		margin:0 5%;
		padding:20px 2%;
		background:#cfdcde;
		float:left;
		font-family: 'Nunito', sans-serif;
		font-size:1.3em;
		text-align:left;
		color:#75959a;
		margin-top:40px;
		font-weight:bold;
		border-bottom:1px solid #fff;
	}
	
	.boxMarcas{
		width:90%;
		height:auto;
		margin:0 5%;
		padding:0;
		text-align:center;
		float:left;
		background-size:100%;
	}	
	
	.line-full{
		width:100%;
		float:left;
		background-image:url('../img/bg-fio.png');
		color:#5780be !important;
	}
	
	
	.box-busca{
		display:block;
	}
	
	
	.box-produtos-lista{
		width:100%;
		padding:0;
		margin:40px 0 0 0;
		float:left;
	}
	
	.divisao-box-produto{
		width:100%;
		border-top:1px solid #ccc;
		float:left;
		height:2px;
		margin:50px 0;
	}
	
	
	.mapa{
		width:100%;
		float:left;
		height:400px;
	}


	.box-area{
		width:100%;
		float:left;
		margin-top:25px;
		border:0 solid blue;
		}
		
	.box-area-marca-estados{
		width:30%;
		margin-left:10%;
		margin-right:3%;
		margin-top:3%;
		float:left;
		padding:2%;
		border:1px solid #ccc;
		/*background:#e9e9e9;*/
		}	
	
	.box-area-mapa{
		width:40%;
		float:left;
		padding:0 3%;
		margin-top:3%;
		border-left:1px solid #ccc;
		}
	
	.img-area-mapa{
		width:100%;
		float:left;
		background-image:url('../img/bg-circulo.png');
		background-size:cover;
		}
		
	.box-area-contatos{
		width:100%;
		float:left;
		display:none !important;
		}
	
	.box-filtro{
		float:left;
		width:98%;
		background:#e9e9e9;
		display:flex;
		align-items:center;
		padding:1%;
	}	
	.box-produtos-lista{
		width:100%;
		padding:0;
		margin:40px 0 0 0;
		float:left;
	}	

	.box-aviso{
		background:#bfe9a9;
		color:#426e2c;
		padding:12px;
		border-radius:5px;
		font-family: 'Nunito', sans-serif;
		margin-bottom:30px;
		align-items:center;
		}
	
	
	
	/***** IMAGENS *****/
	
	.load{
		width:100px;
		height:100px;
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-50px;
		margin-left:-50px;
	}
	
	.logo{
		width:13.2%;
		left:5%;
		position:absolute;
		z-index:120;
		top:0;
		cursor:pointer;
	}
	img.logo:hover{
		top:-2px;
	}
	
	.logomarca-lista{
		width:170px;
		border:1px solid #CCC;
		margin:0 0 30px  0;
		}	

	.logoMob{
		display:none;
	}
	
	.logo-rep{
		height:28px;
		display:block;
		float:left;
		vertical-align:middle;
		margin-left:19%;
		margin-top:8px;
	}	
	


	.imgSlideDesk{
		width:100%;
		float:left;
		margin:1px 0;
	}	
	.imgSlideMob{
		display:none;
	}
	
	.imgSombraSlide{
		width:100%;
		float:left;
        margin-top:1px;
	}
	.iconColuna{
		width:38px;
		float:right;
	}
	.imgProdutoDestaque{
		float:left;
		width:100%;
		margin-bottom:10px;
		border:1px solid #CCC;
		cursor:pointer;
		transition:0.3s;
	}
	img.imgProdutoDestaque:hover{
		border:1px solid #5c84c1;
		transform: scale(1.1);
	}
	
	.imgProduto{
		float:left;
		width:28%;
		border:1px solid #CCC;
	}	
	
	.logoFooter{
		width:95px;
		margin:0 auto;
		display:block;
	}
	.filete{
		width:125px;
		height:5px;
	}
	.tarja{
		width:100%;
		display:block;
		margin-top:90px;
		float:left;
	}	
	.iconProdutos{
		width:27px;
		display:block;
		float:left;
		margin-right:10px;
	}
	.setaUp{
		width:45px;
		position:fixed;
		z-index:100;
		right:15px;
		bottom:15px;
	}
	.iconMenu{
		display:none;
	}
	.iconBusca{
		display:none;
	}
	.img404{
		margin:0 auto;
		display:block;
		margin-top:15%;
		width:420px;
		cursor:pointer;
	}
	.abaMarcas{
		display:block;
		height:45px;
		float:left;
		margin-right:3px;
		cursor:pointer;
	}
	
	.mapaBR{
		display:block;
		float:right;
		width:45%;
		margin-right:5%;
		margin-left:5%;
	}	
	
	.ass-geg{
		display:block;
		margin:0 auto;
		margin-top:8px;
	}		
	
	.logo-marca{
		width:100%;
		cursor:pointer;
		transition:0.3s;
	}
	img.logo-marca:hover{
		transform: scale(1.1);
		transition:0.3s;
	}
	
	.logo-montadora{
		width:120px;
		border:1px solid #ccc;
		margin-bottom:30px
		}
	
	
	
	
	
	/***** FORMULARIO *****/	
	.campoBusca{
		padding:5px;
		vertical-align:middle;
		float:right;
		width:30%;
		margin-top:2px;
		font-family: 'Nunito', sans-serif;
		font-size:1em;
		border:1px solid #CCC;
		color:#777;
		background-image:url("../img/icon-lupa.jpg");
		background-repeat:no-repeat;
		background-position:4px;
		background-size:22px;
		padding-left:34px;
		border-radius:4px;
	}

	.campo_g{
		width:50%;
		padding:10px;
		border:1px solid #BBB;
		border-radius:4px;
		margin-bottom:20px;
		background:#eee;
		font:normal 1em 'Nunito', sans-serif;
		}

	.campo_m{
		width:50%;
		padding:10px;
		border:1px solid #BBB;
		border-radius:4px;
		margin-bottom:20px;
		background:#eee;
		font:normal 1em 'Nunito', sans-serif;
		}

	.campo_p{
		width:20%;
		padding:10px;
		border:1px solid #BBB;
		border-radius:4px;
		margin-bottom:20px;
		background:#eee;
		font:normal 1em 'Nunito', sans-serif;
		}	
	
	
	.campoPadraoMetade{
		padding:0.5%;
		font-family: 'Nunito', sans-serif;
		font-size:1em;
		color:#777;
		width:auto;
		min-width:155px;
		background:#FFF;
		border:1px solid #BBB;
		border-radius:5px;
		margin-right:15px;
	}
	
	
	.selectPadrao{
		padding:5px;
		font-family: 'Nunito', sans-serif;
		font-size:1em;
		color:#777;
		width:100%;
		background:#eee;
		border:1px solid #BBB;
		border-radius:5px;
		margin-top:5px;
	}
	
	
	.botaoPadrao{
		padding:14px 40px;
		vertical-align:middle;
		margin-top:2px;
		background:#004098;
		color:#FFF;
		font-family: 'Nunito', sans-serif;
		font-size:1em;
		border:1px solid #fff;
		cursor:pointer;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		margin-top:10px;
		clear:left;
		display:block;
	}
	input.botaoPadrao:hover{
		background:#0058d2;
		color:#fff;
	}
	
	.botaoBusca{
		padding:5px 12px;
		vertical-align:middle;
		float:right;
		margin-top:2px;
		background:#eee;
		color:#444;
		font-family: 'Nunito', sans-serif;
		font-size:1em;
		border:1px solid #CCC;
		cursor:pointer;
	}	
	input.botaoBusca:hover{
		background:#004098;
		color:#fff;
		border:1px solid #024fa1;
	}
	
	
	
	
	
	/***** TEXTOS *****/	
	.textoPuro{
		color:#555;
		font-family: 'Nunito', sans-serif;
		font-size:1em;
		display:block;
	}	
	
	.textoPadrao{
		color:#555;
		font-family: 'Nunito', sans-serif;
		font-size:1em;
	}
	
	.textoLegenda{
		color:#555;
		font-family: 'Nunito', sans-serif;
		font-size:0.8em;
		padding-bottom:15px;
		float:left;
		width:100%;
	}	
	
	.tituloPadrao{
		color:#555;
		font-family: 'Nunito', sans-serif;
		font-size:1.5em;
		display:block;
	}
	
	.textoPadraoBranco{
		color:#FFF;
		font-family: 'Nunito', sans-serif;
		font-size:1.2em;
		display:block;
	}
	
	
	.tituloPadraoBranco{
		color:#b1d2ff;
		font-family: 'Nunito', sans-serif;
		font-size:2em;
		display:block;
	}
	
	.textoLegendaProdutos{
		color:#555;
		font-family: 'Nunito', sans-serif;
		font-size:1em;
		margin-bottom:30px;
		display:block;
	}	
	
	.subtituloSlide{
		color:#00F;
		font-family: 'Nunito', sans-serif;
		font-size:2em;
		position:absolute;
		z-index:100;
		margin-top:13.6%;
		left:12%;
		color:#FFF;
		text-shadow: 2px 2px #444;
	}
	
	.ul_menu{
		list-style:none;
		padding:0;
		margin:0;
		float:left;
		margin-left:19%;
	}	
	.li_menu {
		display: inline; 
	}
	
	.a_menu{
		color:#9AB9D1;
		padding:0 40px 0 0;
	}
	a.a_menu:hover{
		color:#FFF;
	}	
	
	.tituloDestaque	{
		font-family: 'Nunito', sans-serif;
		font-size:1.3em;
		color:#555;
		float:left;
	}
	.tituloSpace{
		margin:5px 0;
		display:block;
	}
	
	.labelBloco{
		border-bottom:1px solid #999;
		margin-bottom:2px;
		display:-webkit-inline-box;
		margin:0;
		color:#888;
		font-family: 'Nunito', sans-serif;
		font-size:1em;
	}
	.labelBlocoCor{
		margin-bottom:2px;
		display:-webkit-inline-box;
		margin:0;
		color:#8299a1;
		font-family: 'Nunito', sans-serif;
		font-size:1em;
	}
	
	.labelPage{
		border-bottom:1px solid #d6d6d6;
		display:block;
		color:#888;
		font-family: 'Nunito', sans-serif;
		font-size:1.1em;
		float:right;
		width:auto;
		margin-top:40px; /*15px;*/
		margin-bottom:40px;
		margin-right:5%;
	}	
	
	.tituloCenter{
		font-family: 'Nunito', sans-serif;
		font-size:1.3em;
		text-align:center;
		color:#999;
		display:table;
		margin:0 auto;
		border-top:2px solid #CCC;
		border-bottom:2px solid #CCC;
		padding:7px 0;
	}
	
	
	.textoLinkPadrao{
		color:#555;
		font-family: 'Nunito', sans-serif;
		font-size:1em;
		float:left;
	}
	a.textoLinkPadrao:hover{
		color:#000;
		text-decoration:underline;
	}
	
	
	.textoWpp{
		font-family: 'Nunito', sans-serif;
		font-size:1em;
		color:#FFF;
	}
	
	.btn-whatsapp{
		font-family: 'Nunito', sans-serif;
		font-size:1.1em;
		padding:11px 25px;
		background:#1aab00;
		color:#fff;
		border:0;
		border-radius:4px;
		cursor:pointer;
		margin:10px 0 30px 0;
		box-shadow:1px 3px 11px #AAA;
		}
	button.btn-whatsapp:hover{
		background:#1dbd00;
		}
	
	.iconwpp{
		font-size:1.3em;
		color:#FFF;
	}	

		
	.linkmais{
		margin-left:5%;
		font:normal 1.1em 'Nunito', sans-serif;
		color:#004098;
	}
	
	
	.box-marcas-flex{
		text-align:center;
		float:left;
		margin:30px 0;
		width:100%;
	}
	
	
	.item{
		display:inline-block;
		text-align:center;
		width:11%;
		margin:6px 2% ;
	}
	
}