.wrapper {background:url(images/bg.png);}
main {position:relative;width: 1024px;height:612px;margin: 0px auto 0;overflow:hidden;padding-top: 10px;}
.bg1{background: url(images/screen-1.png);background-repeat: no-repeat;background-position: 0px -8px;}
.bg2{background: url(images/screen-2.png);background-repeat: no-repeat;background-position: 0px -8px;}
.bg3{background: url(images/screen-3.png);background-repeat: no-repeat;background-position: 0px -8px;}
.bg4{background: url(images/screen-4.png);background-repeat: no-repeat;background-position: 0px -8px;}
.bg5{background: url(images/screen-5.png);background-repeat: no-repeat;background-position: 0px -8px;}
.bg6{background: url(images/screen-6.png);background-repeat: no-repeat;background-position: 0px -8px;}
.textbox {position:absolute; cursor: pointer; width: 45px; height: 45px; font-family: Roboto; text-shadow: 3px 3px 3px #3370B1;font-size: 31px; text-align: center;  color: #F1F6FD; }
.textbox[data-dropped='1']{/* color: #000; */font-weight: bold;}
.target {border-bottom: 5px solid #FFFEFC;width: 65px;height: 65px;color: #FFF;font-size: 33px;padding-top: 13px;text-align: center;font-weight: bold;float: left;margin: 0px 0px 0px 8px;}

@font-face { font-family: 'Roboto'; src: url(./fonts/Roboto-Regular.ttf); }

.zadanie {
    padding-left: 7px;
    float: left;
}

#z1 {
    height: 95px;
    width: 122px;
    margin: 507px 0px 0px 75px;
    padding: 7px 12px;
}

#z2 {
    height: 69px;
    width: 248px;
    margin: 514px 0px 0px 193px;
}

#z3 {
    height: 67px;
    width: 237px;
    margin: -88px 0px 0px 706px;
}

.dragg{
    position:absolute;
    cursor: pointer;
}

.footer_player {
    left: 97px;
}

.footer_pages {
    left: 394px;
    width: 438px;
}

.footer_info {
    left: 3%;
}
.btn {position:absolute;/* left: 522px; *//* top: 468px; */}
.sprite { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; }
.more { width: 38px; height: 50px; background-position: -58px -10px; left: 577px;  top: 468px;}
.more[data-dropped='1'] { width: 38px; height: 50px; background-position: -10px -10px; }
.less { width: 36px; height: 48px; background-position: -56px -70px; left: 522px;  top: 468px;}
.less[data-dropped='1'] { width: 36px; height: 48px; background-position: -10px -70px; }
.equal { width: 41px; height: 30px; background-position: -106px -10px; }
.equal[data-dropped='1'] { width: 41px; height: 30px; background-position: -106px -50px; }