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

@font-face {
    font-family: 'exoblack';
    src: url('font/exo-black-webfont.woff2') format('woff2'),
         url('font/exo-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'exobold';
    src: url('font/exo-bold-webfont.woff2') format('woff2'),
         url('font/exo-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'exoextrabold';
    src: url('font/exo-extrabold-webfont.woff2') format('woff2'),
         url('font/exo-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'exoextralight';
    src: url('font/exo-extralight-webfont.woff2') format('woff2'),
         url('font/exo-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'exolight';
    src: url('font/exo-light-webfont.woff2') format('woff2'),
         url('font/exo-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'exomedium';
    src: url('font/exo-medium-webfont.woff2') format('woff2'),
         url('font/exo-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'exoregular';
    src: url('font/exo-regular-webfont.woff2') format('woff2'),
         url('font/exo-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'exodemibold';
    src: url('font/exo-semibold-webfont.woff2') format('woff2'),
         url('font/exo-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'exothin';
    src: url('font/exo-thin-webfont.woff2') format('woff2'),
         url('font/exo-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.sprite {
    background: url('../imagens/sprite.png') no-repeat 0 0;
    display: inline-block;
    margin: 0 auto;
}

.popup { position:absolute;left:150px;top:93px; visibility:visible; z-index:999999 } 


body { background:#F8F8F8; color:#999999 } 

h1 { margin:0; padding:0 } 
.logo_resolucoes_pequenas { display:none } 

header { padding-top:10px; background:#FFFFFF; }

.bt_1 { float:left; margin:20px 9px 0 9px; } 

.icon_pneu { background-position:0 0;
	width: 41px;
	height: 41px; } 

.icon_reca { background-position:-60px 0;
	width: 41px;
	height: 41px; } 	

.icon_recicla { background-position:-120px 0;
	width: 41px;
	height: 41px; }
	
.icon_face_topo { background-position:-210px 0;
	width: 41px;
	height: 41px; margin-left:15px; }
	
.icon_face_topo:hover { background-position:-268px 0;
	width: 41px;
	height: 41px; margin-left:15px;	 
}


#menu { background:#E67817; margin-top:30px; padding:10px;  } 

.sub_sub_menu { margin-left:5rem!important } 

	.icon_setinha_menu { background-position:-355px -10px;
	width: 7px;
	height: 5px; margin-top:-10px; margin-left:8px; } 
.icon_1 { background-position:-397px -9px;
	width: 93px;
	height: 58px;
	margin:10px 0 5px 0;} 
.icon_2 { background-position:-523px -1px;
	width: 93px;
	height: 58px;
	margin:10px 0 5px 0; } 
	
.icon_3 { background-position:-652px -12px;
	width: 100px;
	height: 58px;
	margin:10px 0 5px 0;}
.icon_4 { background-position:-800px -6px;
	width: 80px;
	height: 58px;
	margin:10px 0 5px 0; } 
.icon_5 { background-position:-909px -7px;
	width: 83px;
	height: 58px;
	margin:10px 0 5px 0; } 
.icon_6 {background-position: -1033px -19px;
	width: 68px;
	height: 58px;
	margin:10px 0 5px 0; }

.icon_7 { background-position:-1127px -20px;
	width: 116px;
	height: 58px; 
	margin:10px 0 5px 0; } 
	
.icon_12 { background-position:-413px -204px;
	width: 82px;
	height: 45px;
	margin:10px 0 5px 0; }
	
.icon_13 { background-position: -543px -200px;
	width: 66px;
	height: 49px;
	margin:10px 0 5px 0; }	 

.div_atencao	 { width:60%!important } 
	
.setinha_sub { margin-top:-9px; } 

.seg_buscar { margin-top:18px } 
.campo_busca { border:1px solid #999999; padding:9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  } 
.bt_buscar { background:#fff;   border:1px solid #999999; padding:9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#007A36; font-family: 'exomedium';} 
	
#slide_resolucoes_grandes { display:block;margin:0; padding:0; background:#B0B09D } 
#slide_resolucoes_pequenas { display:none}


footer { background:#027534; padding:2em 0; color:#fff;   font-family: 'exoextralight'; line-height:2.0em;}
footer strong { font-size:1.2em; } 
footer p { font-size:1.3em; color:#E57817; font-weight:bold} 

.bt_filiais { border:#E67817 1px solid; padding:15px; font-family: 'exomedium'; color:#fff; text-align:center; width:50%; margin-top:1em; -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; } 
.bt_filiais:hover { background:rgba(255,255,255,0.25) }

.arte_roda { font-family: 'exolight'; font-size:0.943em; color:#fff; } 


/****** HOME *******/

.cada_produto_home { background:#fff; padding:10px; text-align:center; margin-bottom:30px; } 
.cada_produto_home h2 { color:#E57817; text-transform:uppercase; font-family: 'exodemibold'; font-size:1.357em; text-align:center  }
.texto_descricao {font-family: 'exolight'; font-size:1.143em; color:#999; height:45px; white-space: nowrap; overflow: hidden; text-overflow:    ellipsis;	}  

.cada_produto_home img{max-height: 400px;width:auto;}

.cada_produto_home:hover { box-shadow:0px 0px 10px #ccc} 

#revendedor { background:#027534; padding:3em 0}
	.texto_revend_1 { color:#E67817; text-transform:uppercase; font-family: 'exodemibold'; font-size:1.429em } 
	.texto_revend_2 { color:#fff;   font-family: 'exoextralight'; font-size:1.429em } 
	.texto_revend_3 {color:#fff;   font-family: 'exolight'; font-size:1.286em } 
	.texto_revend_4 {color:#E67817;   font-family: 'exomedium'; font-size:1.786em;  } 
	
#mapa_home {background:#FFBB3C } 

	#mapa{
  width: 100%; 
  height:500px; 
  border: 0px solid #ccc;
  margin: 0 auto;
  color:#4B4B4C;
}


#mapa_fale{width:100%;height:500px;border:none}
#mapa_fale{width:50%}.pontos_atendimento{margin-top:-500px}


.pontos_atendimento { padding:8em 0;  }
.pontos_atendimento h5 { text-transform:uppercase; font-family: 'exodemibold'; font-size:1.280em; color:#fff; margin:20px 0} 
.pontos_atendimento p { font-size:1.163em; color:#fff; font-family: 'exolight'; }
	.estados_assistencia{ border:2px solid #027534; border-radius: 5px; padding:15px; background:#FFBB3C; color:#fff; font-family: 'exolight'; width:80%; text-align:left  } 	
	#dropdown-menu-filiais { padding:15px; font-family: 'exolight'; width:80%; border-radius:0;  } 
	
	
	
.pontos_atendimento	 h6 { color:#027534; font-size:1.263em; font-family: 'exomedium'; margin:20px 0 } 
.pontos_atendimento strong { font-size:1.263em; color:#fff; font-family: 'exolight'; margin:0; font-weight:normal } 

/****** EMPRESA *******/
#migalhas {text-align:center; margin:0; padding:1.5em 0 1.5em 0; line-height:2.0em; background: rgb(187,171,155); /* Old browsers */
background: -moz-linear-gradient(top, rgba(187,171,155,1) 0%, rgba(221,207,198,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(187,171,155,1) 0%,rgba(221,207,198,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(187,171,155,1) 0%,rgba(221,207,198,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } 

#migalhas h2 { text-transform:uppercase; color:#FFF; font-family: 'exodemibold';   } 
#migalhas p { color:#FFF;  font-family: 'exolight'; font-size:1.357em} 

.texto_empresa {  font-family: 'exolight'; font-size:1.143em; line-height:1.8em; } 
.seg_missao { padding:15px; background:#017B39; text-align:center } 
.seg_missao strong { text-transform:uppercase; font-family: 'exodemibold'; font-size:1.686em; color:#fff; } 
.seg_missao span { color:#FFF;  font-family: 'exolight'; font-size:1.071em} 

.seg_visao { padding:15px; background:#E67817; text-align:center } 
.seg_visao strong { text-transform:uppercase; font-family: 'exodemibold'; font-size:1.686em; color:#fff; } 
.seg_visao span { color:#FFF;  font-family: 'exolight'; font-size:1.071em} 


.cada_filial { margin-bottom:30px; height:180px;} 
.cada_filial h4 { font-family: 'exolight'; font-size:0.9em; text-align:center !important } 


/****** PRODUTOS *******/
#tit_produto { background:#098041; padding:5px; } 
.setinha_voltar { background-position:-5px -95px;
	width: 5px;
	height: 7px;
	margin-right:8px; } 
.voltar_pr { width:25%; float:right; color:#FFF; font-family: 'exoregular'; text-transform:uppercase; font-size:0.929em; padding-top:28px; } 
.voltar_pr:hover { } 

#tit_produto h3 { float:left; color:#FFF; font-family: 'exodemibold'; text-transform:uppercase; font-size:1.643em; margin-left:1em; padding-top:8px; } 

.bt_orcamento { border:#E67817 1px solid; padding:15px; font-family: 'exomedium'; color:#098041; text-align:center; width:50%; margin-top:4em; 	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;  }
.bt_orcamento:hover { background:rgba(230,120,23,0.2)  } 

.setinha_div { background-position: -131px -227px;
	width: 5px;
	height: 7px; margin:-5px 8px 0 8px	}

/****** FLIIAIS *******/
.cada_filial { font-family: 'exolight'; font-size:1.143em; line-height:1.8em;}
.cada_filial h3 {  font-family: 'exomedium'; color:#E67817} 



/****** DICAS *******/
.dicas { margin-bottom:30px; min-height:300px;  } 

.texto_dicas {  font-family: 'exolight'; font-size:1.143em; line-height:2.0em;  } 
.texto_dicas p { text-align:justify; } 

.saiba_mais { width:13%; float:right; text-align:center;  border:#E67817 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:8px 10px 8px 10px;  } 
.dicas h5 { font-family: 'exomedium'; color:#E67817; text-align:center; font-size:1.357em } 

.voltar_dica { background:#098041; padding:10px; color:#fff;  font-family: 'exomedium'; text-align:center; font-size:1.057em; float:right  }
.titulo_dica_ver {font-family: 'exomedium'; color:#E67817;  font-size:1.357em } 
.galeria_dicas { margin-bottom:30px; } 

/****** CONTATO *******/
.campo { border:1px solid #ccc; padding:15px; font-family: 'exomedium'; width:100%; margin-top:10px;  } 
.campo-telefone {  border:1px solid #ccc; padding:15px; font-family: 'exomedium'; width:33%; margin-top:10px;}
.campo-estado   { float:right;  border:1px solid #ccc; padding:15px; font-family: 'exomedium'; width:32%; margin-top:10px;}
.bt_enviar { background:#E67817; padding:15px; text-transform:uppercase; font-family: 'exodemibold'; font-size:1.186em; color:#fff; border:0;  } 
.g-recaptcha { margin:10px 0 10px 0 } 

.form.form_contato label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color:#FF5050;
	font-size:0.90em;
	font-weight:normal;
	font-family: 'exolight'; 
}

.icon_telefone { background-position:-6px -193px;
	width: 57px;
	height: 56px;} 
	
.texto_contato { font-size:0.99em;	font-weight:normal;	font-family: 'exolight';  } 	
	
/****** CARRINHO *******/
.tabela_carrinho	 { font-family: 'exomedium'; } 
.campo_qtde { border:1px solid #ccc; padding:15px; font-family: 'exomedium'; width:10%; text-align:center} 
.img_carrinho {float:left; margin-right:10px; margin-bottom:10px; margin-top:5px; }

.seg_botao_continuar_orcando { background:#ccc; padding:15px; font-family: 'exomedium'; color:#666; width:40%; float:left; margin:2em 2em; text-align:center;  } 
.seg_botao_finalizar_orcando  {width:40%; float:left; margin:2em 2em; border:#E67817 1px solid; padding:15px; font-family: 'exomedium'; color:#098041; text-align:center; 	 } 
.seg_botao_finalizar_orcando:hover { background:rgba(230,120,23,0.2)  } 
	
.campo-50 {  border:1px solid #ccc; padding:15px; font-family: 'exomedium'; width:50%; margin-top:10px;}
.tabela_espacamento { line-height:1.9em; }

.seg_botao_finalizar_orcando_send  {width:100%; float:left; margin:2em 2em; border:#E67817 1px solid; padding:15px; font-family: 'exomedium'; color:#098041; text-align:center; 	 } 
.seg_botao_finalizar_orcando_send:hover { background:rgba(230,120,23,0.2)  } 
 

@media (max-width: 1034px) {

/****** CARRINHO *******/
.campo_qtde { border:1px solid #ccc; padding:10px; font-family: 'exomedium'; width:15%; text-align:center} 



@media (max-width: 982px) {
	
	.bt_filiais { border:#E67817 1px solid; padding:15px; font-family: 'exomedium'; color:#fff; text-align:center; width:80%; margin-top:1em; -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; } 

	
/****** HOME *******/

.texto_revend_4 {color:#E67817;   font-family: 'exomedium'; font-size:1.386em;  } 

 /****** PRODUTOS *******/

.bt_orcamento { border:#E67817 1px solid; padding:15px; font-family: 'exomedium'; color:#098041; text-align:center; width:80%; margin-top:2em; margin-bottom:2em; 	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;  }


}
@media (max-width: 762px) {

 .sub_sub_menu { margin-left:2rem!important } 
	
	.popup { position:absolute;left:50px;top:93px; visibility:visible; z-index:999999 } 

	
	#mapa{
  width: 100%; 
  height:300px; 
  border: 0px solid #ccc;
  margin: 0 auto;
  color:#4B4B4C;
}
	
#mapa_fale{width:100%;height:300px !important;border:none}	
#mapa_fale{width:100%}.pontos_atendimento{margin-top:00px}


 /****** EMPRESA *******/
.cada_filial { margin-bottom:30px; height:100%;} 
.cada_filial h4 { font-family: 'exolight'; font-size:0.9em; text-align:center !important } 

/****** DICAS *******/
.dicas { margin-bottom:30px; height:100%; } 

 /****** PRODUTOS *******/

.voltar_pr { width:100%; float:right; color:#FFF; font-family: 'exoregular'; text-transform:uppercase; font-size:0.809em; padding-top:28px; } 
.setinha_voltar { display:none } 
}

@media (max-width: 480px) {
    
.sub_sub_menu { margin-left:10rem!important }     
	
.div_atencao	 { width:90%!important } 	
	
#slide_resolucoes_grandes { display:none; }
#slide_resolucoes_pequenas { display:block}


h1 { display:none } 
.logo_resolucoes_pequenas { display:block ; text-align:center}
.pontos_atendimento { padding:4em 0;  }

.bt_filiais { border:#E67817 1px solid; padding:15px; font-family: 'exomedium'; color:#fff; text-align:center; width:100%; margin-top:1em; -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; } 


/****** HOME *******/

.texto_revend_1 { color:#E67817; text-transform:uppercase; font-family: 'exodemibold'; font-size:1.229em } 
.texto_revend_2 { color:#fff;   font-family: 'exoextralight'; font-size:1.229em } 
.texto_revend_3 {color:#fff;   font-family: 'exolight'; font-size:1.086em } 
.texto_revend_4 {color:#E67817;   font-family: 'exomedium'; font-size:1.186em;  } 


/****** EMPRESA *******/

#migalhas h2 { text-transform:uppercase; color:#FFF; font-family: 'exodemibold';   } 
#migalhas p { color:#FFF;  font-family: 'exolight'; font-size:1.157em} 


 /****** PRODUTOS *******/

#tit_produto h3 { float:left; color:#FFF; font-family: 'exodemibold'; text-transform:uppercase; font-size:1.343em; margin-left:0em; padding-top:8px; } 

.bt_orcamento { border:#E67817 1px solid; padding:15px; font-family: 'exomedium'; color:#098041; text-align:center; width:100%; margin-top:2em; margin-bottom:2em; 	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;  }
	
/****** DICAS *******/

.texto_dicas {  font-family: 'exolight'; font-size:1.003em;  } 
	
	
/****** CARRINHO *******/
.img_carrinho  {display:none;}
.campo_qtde { border:1px solid #ccc; padding:5px; font-family: 'exomedium'; width:20%; text-align:center} 
.seg_botao_continuar_orcando { background:#ccc; padding:15px; font-family: 'exomedium'; color:#666; width:100%; float:none; margin:1em 1em; text-align:center;  } 

.seg_botao_finalizar_orcando_send  {width:80%; float:none; margin:2em 2em; border:#E67817 1px solid; padding:15px; font-family: 'exomedium'; color:#098041; text-align:center; 	 } 
.seg_botao_finalizar_orcando_send:hover { background:rgba(230,120,23,0.2)  } 


.campo { width:90% } 
.campo-telefone {  width:42% } 
.tabela_campos { width:100%; }
}

.tabela-cabecalho {
    background: #f3efe2;       /* tom suave, mais moderno que #FEF9E9 */
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #444;
    padding: 8px;
    border-bottom: 2px solid #d4ceb9;
}

.tabela-cabecalho img {
    margin-left: 6px;
    vertical-align: middle;
    opacity: 0.6;
}

.tabela-cabecalho div {
    display: flex;
    align-items: center;
}

.texto-acao {
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #555;
    font-weight: bold;
}