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


		.stragan {position:absolute;left:50px;top:248px; width: 257px; height: 259px; background:url(images/sprite.png) -10px -10px; }
		.banan-pomarancza {position:absolute;left:160px;top:130px;width: 56px; height: 61px; background:url(images/sprite.png) -277px -66px;}
		.ananas-kiwi {position:absolute;left:160px;top:130px;width: 46px; height: 75px; background:url(images/sprite.png) -277px -137px;}
		.mandarynka {position:absolute;left:160px;top:130px;width: 54px; height: 46px; background:url(images/sprite.png) -277px -10px;}

		.center {width: 50%;height:50%;margin: auto;margin-top:230px;position: absolute;top: 0; left: 0; bottom: 0; right: 0;}
		.warp {position:absolute;left:350px;top:230px;width:490px;height:100px}
		.warp > * {float:left}
		.elements {position:absolute;left:311px;top:133px;}
		.elements > *:nth-child(odd) {margin-top:20px}
		.elements > * {margin-left:20px;font-size:40px;font-weight:bold;color:#F06A11;float:left;cursor:pointer;z-index:20;}



		.box1 {width:90px;height:100px;border:3px dotted #F6A670;margin-right: 15px}
		.box2 {width:90px;height:100px;border:3px dotted #F6A670;margin-left: 15px;margin-right: 15px}
		.box3 {width:90px;height:100px;border:3px dotted #F6A670;margin-left: 15px}

		.mark1 {width:80px;height:70px;border:3px dotted #00814A;margin-top:15px}
		.mark2 {width:80px;height:70px;border:3px dotted #00814A;margin-top:15px}


		.marks {position:absolute;left:523px;top:355px;color:#278A00;font-size:26px;font-weight:bold;}
		.marks > * {float:left;margin-left:12px;cursor:pointer;font-size:40px;font-weight:bold;color:#00814A;z-index:20;}