.wrapper {background:url(images/bg.jpg);}
    main {position:relative;width:956px;height:612px;background:url(../../../styles/images/sprite-overall.png) -10px -967px;margin:15px auto 0;overflow:hidden;}

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


.sprite { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; }
.picture, .textbox, .target_t, .target_p{position:absolute;}
.picture{cursor: pointer;}
.textbox{cursor: pointer;font-family: Roboto; font-size: 21px; text-align: center; background-color: #2DCA09; color: #FFFFFF;padding-top: 6px;}
.bg { width: 915px; height: 274px; background-position: -10px -188px; margin: 39px auto auto 20px;}
.bocian { width: 107px; height: 163px; background-position: -117px -10px; top: 330px; left: 210px;}
.pies { width: 97px; height: 168px; background-position: -10px -10px; top: 330px; left: 40px;}
.jajko { width: 110px; height: 142px; background-position: -234px -10px; top: 340px; left: 380px;}
.trawa { width: 153px; height: 86px; background-position: -354px -10px; top: 350px; left: 500px;}
.textbox {width: 113px; height: 40px;background-color: #7db74d; border-radius: 7px;}

.t2{top: 342px; left: 800px;}
.t4{top: 387px; left: 800px;}
.t1{top: 432px; left: 800px;}
.t3{top: 477px; left: 800px;}
.ui-draggable-dragging{opacity: 0.4;}

.target_t{width: 119px; height: 47px;}
.target_p{width: 215px; height: 215px;}
#t1{top: 267px; left: 71px;}
#t2{top: 266px; left: 302px;}
#t3{top: 267px; left: 533px;}
#t4{top: 267px; left: 773px;}
#p1{top: 40px; left: 22px;}
#p2{top: 39px; left: 250px;}
#p3{top: 39px; left: 485px;}
#p4{top: 40px; left: 719px;}