/* Classes MAPA BRASIL */

div.mapa-brasil-selecao {
	height: 400px;
	width: 400px;
}

div.mapa-brasil-svg.clicavel polygon:hover {
	fill:#888;
}
div.mapa-brasil-selecao.clicavel polygon:hover {
	fill:#888;
}

div.mapa-brasil-svg {	
	height: 265px;
}

.busca-estado div.mapa-brasil-svg {	
	height: 300px;
	width: 300px;
	display: inline-block;
}

div.mapa-brasil-svg .active polygon, div.mapa-brasil-svg polygon.active {
	fill:#888 !important;
}

div.mapa-brasil-selecao .active polygon, div.mapa-brasil-selecao polygon.active {
	fill:#888 !important;
}

@media (min-width: 980px) {
	div.mapa-brasil-selecao {
		float: right;
	}
}

@media (min-width: 700px) and (max-width: 979px) {
	.busca-estado div.mapa-brasil-svg {	
		height: 400px;
		width: 400px;
	}
	.conteudo aside div.mapa-brasil-svg  {
		height: 420px;
		width: 420px;
		display: inline-block;
	}
	.conteudo .busca-estado aside div.mapa-brasil-svg  {
		height: 430px;
		width: 430px;
		margin-top: 40px;
	}
}
@media (min-width: 480px) and (max-width: 699px) {
	.conteudo aside div.mapa-brasil-svg  {
		height: 350px;
		width: 350px;
		display: inline-block;
	}
	.conteudo .busca-estado aside div.mapa-brasil-svg  {
		height: 430px;
		width: 430px;
		margin-top: 40px;
	}
}

@media (min-width: 321px) and (max-width: 479px) {
	.conteudo aside div.mapa-brasil-svg  {
		height: 300px;
		width: 300px;
		display: inline-block;
	}
	.conteudo .busca-estado aside div.mapa-brasil-svg  {
		height: 430px;
		width: 430px;
		margin-top: 40px;
		display: inline-block;
	}
}

@media (max-width: 320px) { 
	.conteudo .busca-estado aside div.mapa-brasil-svg  {
		height: 265px;
		width: 265px;
		display: inline-block;
	}
}