.blue-img {
    position: absolute;
    right: -20px;
    bottom: 18px;
}

.blue-img img {
    width:60%;
}

.blue-img.porcelana.serce_podwojne {
    width:26%;
    right: -100px;
}

.blue-img.porcelana.serce_potrojne {
    width:26%;
    right: -80px;
}

.blue-img.ddd.o {
    width:16%;
    bottom: 8px;
}

.blue-img.ddd.p {
    width:16%;
    bottom: 8px;
}

.blue-img.krysztal.o {
    width:35%;
    bottom: 18px;
    right: -100px;
}

.blue-img.krysztal.p {
    width:35%;
    bottom: 18px;
    right: -100px;
}

.blue-img.krysztal.osmiokat_fazowany {
    width:24%;
    bottom: 8px;
    right: -50px;
}

.blue-img.krysztal.p_fazowany {
    width:24%;
    bottom: 8px;
    right: -50px;
}

.blue-img.krysztal.kwadrat_fazowany {
    width:24%;
    bottom: 8px;
    right: -50px;
}

.blue-img.krysztal.serce {
    width:24%;
    bottom: 8px;
    right: -50px;
}

.blue-img.krysztal.p_zaokr {
    width:20%;
}

.blue-img.krysztal.panorama {
    width:30%;
    bottom: 40px;
}

.blue-img.krysztal.ksiazka {
    width:24%;
    bottom: 8px;
    right: -50px;
}

.blue-img.krysztal.pergamin_notes {
    width:24%;
    bottom: 8px;
    right: -50px;
}

.blue-img.kontur.wlasny {
    width:20%;
    bottom: 8px;
    right: -50px;
}

.blue-img.laser img {
    width:80%;
}

.buttons
{
    border: 1px solid #30A7CC;
}

.buttons .active {
    background-color:#30A7CC;
    border-radius: 2px;
    color: #ffffff;
}

.buttons .brutto.active {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.buttons .netto.active {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.buttons .netto:hover, .buttons .brutto:hover {
    transition: all 0.5s;
    text-shadow: 0px 0px 17px rgba(48, 167, 204, 1);
    font-weight: 900;
}