#representantes .representantes-container{padding: 0 100px !important;}
#representantes .mapa{ width: 100%;  float:left; margin-bottom: 100px;}
#representantes path { fill:#bbbdc0; stroke: #ffffff;}
#representantes #path2754, #representantes #path2782, #representantes #path2792, #representantes #path2794, #representantes #path2802{ fill: #ba2030; }
#representantes text.txt-br{ fill: #ffffff !important; }
#representantes .mapa-brasil text { fill: #000; font-size: 13px; cursor: pointer; }
#representantes a{ text-decoration:none; }
#representantes a:hover { cursor:pointer; text-decoration:none; }
#representantes a:hover path{ fill:#E46E23!important; }
#representantes .circle { fill:none; stroke: none;}
#representantes a:hover .circle { fill:#E46E23!important; cursor:pointer;}
#representantes  .mapa-brasil a:hover text{fill: #fff;}
#representantes .select-localidade{ width: 100%; margin-top: 30px; margin-bottom: 40px; background: none; border: 1px solid #000; padding: 4px 0; font-size: 14px; font-weight: 500; color: #000000; text-transform: uppercase; }
#representantes #resultados{ margin-top: 120px; }
#representantes .um-resultado{ position: relative; display: none; }
#representantes .um-local{ margin-bottom: 30px; }
#representantes .um-local span.nome{ margin-bottom: 30px; font-size: 17px; font-weight: bold; color: #000000; text-transform: uppercase; }
#representantes .um-local .um-representante h2{ margin: 22px 0 4px 0; padding: 0; font-size: 15px; text-transform: uppercase; font-weight: bold; color: #000000; }
#representantes .um-local .um-representante .area-texto{ text-indent: 0; text-align: left;}
#representantes .um-local .um-representante .area-texto a{ color: #000; }
#representantes .um-local .um-representante .area-texto a:hover{ text-decoration: underline !important; }
#res-selecione{ display: block; font-size: 22px;  color: #000000; }

@media all and (max-width: 1199px){
	#res-selecione{ display: none; }
	#representantes .representantes-container{padding: 30px 30px !important;}
	#representantes .mapa{ width: 100%; position: relative; float: left; }
	#representantes #resultados{ float: left; width: 100%; margin-top: 0; }
}
@media all and (max-width: 767px){
	#representantes .representantes-container{padding: 0 15px !important;}	
    #representantes .um-resultado{  position: relative; }
}
