
.some-css-selector {font-size:13px;}

.overlay-top {
    display: block;
    width: 100%;
    height: 537px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9989;
    background: url(/images/pkl1.jpg) left top ;
}

.toc_produkty {
    background: url(../images/ct_produkty1.png);
}

    .toc_produkty:hover {
        background: url(../images/ct_produkty_h1.png);
    }

.toc_grafika {
    background: url(../images/ct_grafika1.png);
}

    .toc_grafika:hover {
        background: url(../images/ct_grafika_h1.png);
    }

.toc_poptavka {
    background: url(../images/ct_poptavka1.png);
}

    .toc_poptavka:hover {
        background: url(../images/ct_poptavka_h1.png);
    }

.toc_reklama {
    background: url(../images/ct_reklama1.png);
}

    .toc_reklama:hover {
        background: url(../images/ct_reklama_h1.png);
    }


.toc_tisk {
    background: url(../images/ct_tisk1.png);
}

    .toc_tisk:hover {
        background: url(../images/ct_tisk_h1.png);
    }

.toc_kontakt {
    background: url(../images/ct_kontakt1.png );
}

    .toc_kontakt:hover {
        background: url(../images/ct_kontakt_h1.png );
    }



@media only screen and (min-width : 1921px) {
}

@media only screen and (max-width : 1440px){

}

@media only screen and (min-width : 1200px) and (max-width : 1440px){

}

@media only screen and (min-width : 1200px){

}

@media only screen and (max-width: 1199px){


}

@media only screen and (min-width: 992px) and (max-width: 1199px){

}

@media only screen and (min-width: 992px){


}

@media only screen and (max-width: 991px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px){

}

@media only screen and (min-width: 768px) {

}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width : 480px) {

}

@media only screen and (max-width : 320px) {

}


.copyright {
    height: 200px;
}
