.kropka {
    position: absolute
}

.kropka div, .kropka div:hover, .kropka .av {
    position: absolute;
    width: 12px;
    height: 12px;
    background: url("https://e-nadawca.poczta-polska.pl/download/kropki.png") no-repeat;
    overflow: hidden;
    cursor: pointer
}

.kropka div {
    background-position: -9px -9px
}

.kropka div:hover, .kropka .av:hover {
    background-position: -39px -9px
}

.kropka .av {
    background-position: -69px -9px
}

.kropka .dn, .kropka .dn:hover {
    background-position: -99px -9px
}

.w_lewo, .w_prawo {
    display: block;
    position: absolute;
    width: 40px;
    height: 58px;
    cursor: pointer;
    background: url("https://e-nadawca.poczta-polska.pl/download/strzalka.png") center center no-repeat;
    overflow: hidden
}

.w_lewo {
    background-position: -10px -31px
}

.w_prawo {
    background-position: -70px -31px
}

.w_lewo:hover {
    background-position: -130px -31px
}

.w_prawo:hover {
    background-position: -190px -31px
}

.w_lewo.w_lewodn {
    background-position: -250px -31px
}

.w_prawo.w_prawodn {
    background-position: -310px -31px
}

.w_lewo.w_lewods {
    background-position: -10px -31px;
    opacity: .3;
    pointer-events: none
}

.w_prawo.w_prawods {
    background-position: -70px -31px;
    opacity: .3;
    pointer-events: none
}