/* .st1 g{ */
	/*fill: #c3c3c3;
	stroke: #fff;
	stroke-linecap: round;
	stroke-width:2px;*/
/* } */


.st1 g:hover{
	opacity: 0.6!important;
}


.no-margin{
	margin:0;
}

.text-info{
	margin:2px;
}

.map{
	position: relative;
	width: 100%;
}

.city-name{
	position: absolute;
	width: 210px;
	display: none;
	background-color: grey;	
}

.cliked{
	animation: colorCliked 444ms linear infinite alternate!important;
	-webkit-animation: colorCliked 444ms linear infinite alternate!important;
	
}

.serie{
	text-decoration: none;
}

.ano-selected{
	background-color: #ff5722!important;
}

.zh-block{
	display: block!important;
}

.red{
	fill: #fa1530!important;
	color:#fa1530!important;
}

.red-strong{
	fill: #880312!important;
	color:#880312!important;
	
}

.grey{
	fill: #c6c6c6!important;
	color:#c6c6c6!important;
	
}

.green{
	fill: #387a48!important;
	color:#387a48!important;
	
}




.cinza{
	fill: #c3c3c3!important;
	color:#c3c3c3!important;
}

@keyframes colorCliked {
    from {fill: #EF7A59;}
    to {}
}

@-webkit-keyframes colorCliked {
    from {fill: #EF7A59;}
    to {}
}

@media(min-width: 601px){
	.zh-intro:after{
 
	}
}


@media (max-width: 610px){
	.w3-display-topleft{
		position: relative!important;
	}
	
	.cor1{
		fill: #447242!important;
		color:#447242!important;
		
		transition: inherit;
		-webkit-transition: inherit;
		
	}

	.cor2{
		fill: #7fa876!important;
		color:#7fa876!important;
		
		transition: inherit;
		-webkit-transition: inherit;
	}

	.cor3{
		fill: #c7665c!important;
		color:#c7665c!important;
		
		transition: inherit;
		-webkit-transition: inherit;
	}

	.cor4{
		fill: #be1e2d!important;
		color:#be1e2d!important;
		
		transition: inherit;
		-webkit-transition: inherit;
	}
	
	
}


