.slupek rect {
  -webkit-transition: fill .3s ease;
  transition: fill .3s ease;
  cursor: pointer;
}

.slupek:hover,
.slupek:focus {
}
.slupek:hover text,
.slupek:focus text {
}

.wykres-slupkowy .etykieta-serii {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	font-size: 18px;
	fill: rgb(56, 106, 116);
}
.wykres-slupkowy .wynik {
	font-family: 'Roboto Slab', sans-serif;
	font-weight: bold;
	font-size: 23px;
	fill: rgb(56, 106, 116);
}
.wykres-slupkowy .etykieta-grupy,
.wykres-slupkowy .etykieta-grupy div
{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	font-size: 14px;
	fill: #000;
}

.seria-z rect, .seria-Z rect, .seria-Z\|P\|W rect { fill: rgb(56, 106, 116); }
.seria-p rect, .seria-P rect { fill: #F5554C }
.seria-w rect, .seria-W rect, .seria-zgodnosc rect { fill: #F0C803 }
.seria-a rect, .seria-A rect { fill: #69C8CD }
.seria-n rect, .seria-N rect { fill: #919191 }

.wykres-slupkowy .tlo {
/*	fill: url('/images/kropki-6-z-bialym-po-prawej.png');*/
}


.wykres-kolumnowy .etykieta-serii div {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	font-size: 14px;
	fill: rgb(56, 106, 116);
}
.wykres-kolumnowy .wynik {
	text-align: center;
	color: rgb(56, 106, 116);
}