.pracownik {
	display: none;
}
.pracownik.active {
	display: block;
}
.contact_map g > path  {
	cursor: pointer;
}
.contact_map g:hover > path  {
	fill: #cecece !important;
    fill-opacity: 0.3;
    animation-iteration-count: 1;
    animation: backgroundblink 0.5s normal forwards ease-in-out;
}
.contact_map g.active > path  {
	fill: #cecece !important;
    fill-opacity: 0.6;
}


div#mapa {
    position: relative;
    width: 40%;
}

.map_container {
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 150%;
    padding: 50px;
}

div#mapa_wojewodztwa {
    margin: 0 0 20px;
}

.pracownik {
    margin: 0 0 10px;
    background: #f6f6f6;
    padding: 20px;
}

.pracownik a {
    color: #555!important;
    line-height: 25px;
    font-size: 15px;
    padding: 0 20px;
}

@keyframes backgroundblink {
	0% {
		 fill-opacity: 0;
	}
	10% {
		 fill-opacity: 0.1;
	}
	49% {
		 fill-opacity: 0.3;
	}
    50% {
       fill-opacity: 0;
    }

 }
 .wojewodztwo {
	 display: none;
 }
 .wojewodztwo.active {
	 display: block;
 }

@media only screen and (max-width: 1080px) {
	.map_container {
		padding: 0 50px;
	}
	
	div#mapa_wojewodztwa {
		margin: 0 0 10px;
	}
}

@media only screen and (max-width: 768px) {
	div#mapa {
		position: relative;
		width: 100%;
	}
	
	.map_container {
		padding: 20px 0;
		position: static;
		width: 100%;
	}
}