.wrapper {background:url(images/ziemia.png)}
	main {width:1024px;height:605px;margin:15px auto 0;overflow:hidden;position:relative;}

		.elements {position:absolute;top:32px;right:0;bottom:0;left:480px;width:473px;height:473px;}
		.boxes {position:absolute;top:30px;right:0;bottom:0;left:240px;width:473px;height:473px;border:1px solid #91A2A6;}

		.elements > *, .boxes > * {float:left;width:117px;height:117px;}
		.boxes > * {box-sizing:content-box;outline:1px solid #D5D5D5;}
		.boxes {background:white;left:4px;border:1px solid #91A2A6;}
		.boxes:after {position:absolute;top:50%;left:50%;content:attr(data-info);width:150px;color:#D5D5D5;font-size:15px;text-align:center;margin:-10px 0 0 -75px;z-index:5;}
			.boxes .ok {position:relative;z-index:10;}

		.elements {right:10px;}

			.element_1 {background:url(images/puzzle1.png);z-index:200;}
                        .element_2 {background:url(images/puzzle2.png);z-index:200;}
                        .element_3 {background:url(images/puzzle3.png);z-index:200;}
                        .element_4 {background:url(images/puzzle4.png);z-index:200;}
                        .element_5 {background:url(images/puzzle5.png);z-index:200;}
                        .element_6 {background:url(images/puzzle6.png);z-index:200;}
                        .element_7 {background:url(images/puzzle7.png);z-index:200;}
                        .element_8 {background:url(images/puzzle8.png);z-index:200;}
                        .element_9 {background:url(images/puzzle9.png);z-index:200;}
                        .element_10 {background:url(images/puzzle10.png);z-index:200;}
                        .element_11 {background:url(images/puzzle11.png);z-index:200;}
                        .element_12 {background:url(images/puzzle12.png);z-index:200;}
                        .element_13 {background:url(images/puzzle13.png);z-index:200;}
                        .element_14 {background:url(images/puzzle14.png);z-index:200;}
                        .element_15 {background:url(images/puzzle15.png);z-index:200;}
                        .element_16 {background:url(images/puzzle16.png);z-index:200;}


		a.hint {position:absolute;bottom:75px;left:24%;display:block;width:185px;color:#0D7AFC;font-weight:bold;font-size:15px;text-align:center;margin-left:-75px;z-index:250;}
		a.hint:hover {text-decoration:none;}
		div.hint {display:none;position:fixed;top:50%;left:50%;content:"";width:250px;height:250px;background:#FFF url(images/hint.png);border:1px solid #888;margin:-230px 0 0 -127px;z-index:300;}
		.description {width:auto;height:auto;position:absolute;left:440px;top:50px;cursor:pointer;font-size:25px;color:#0D7AFC;}
		@font-face {font-family:'RobotoRegular';src:url(./fonts/Roboto-Regular.ttf);}
		.image-icon {margin-left:10px;float:left;width:23px;height:18px;background:url('images/sprite2.png') -10px -37px;}

		.coloring {display:none;background:#96c7eb;width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:500}

		.drop {position:absolute;}
		.burak {width:171px;height:244px;background:url('images/sprite.png') -10px -268px;}
		.burak.fix {margin:-1px 0 0 -1px}
		.burak.obrys {left:141px;top:40px;width:174px;height:248px;background:url('images/sprite.png') -10px -10px;}
		.marchew {margin:-2px 0 -2px 0;width:76px;height:320px;background:url('images/sprite.png') -447px -181px;}
		.marchew.fix {margin:-4px 0 0 -2px}
		.marchew.obrys {left:330px;top:135px;width:79px;height:323px;background:url('images/sprite.png') -360px -97px;}
		.pietruszka {width:79px;height:314px;background:url('images/sprite.png') -622px -181px;}
		.pietruszka.fix {margin:-3px 0 0 -2px}
		.pietruszka.obrys {left:33px;top:130px;width:81px;height:318px;background:url('images/sprite.png') -533px -184px;}
		.seler {width:153px;height:268px;background:url('images/sprite.png') -191px -290px;}
		.seler.fix {margin:-1px 0 0 -1px}
		.seler.obrys {left:130px;top:220px;width:156px;height:270px;background:url('images/sprite.png') -194px -10px;}
		.colors {position:absolute;height:414px;width:176px;left:600px;top:60px;background:#fbedcb;}
			.colors > * {margin:20px auto 0;cursor:pointer;z-index:1000}
			.czerwony {width:118px;height:77px;background:url('images/sprite.png') -449px -97px;}
			.zielony {width:118px;height:77px;background:url('images/sprite.png') -360px -10px;}
			.bezowy {width:118px;height:77px;background:url('images/sprite.png') -488px -10px;}
			.pomaranczowy {width:118px;height:77px;background:url('images/sprite.png') -577px -97px;}