
.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;}


			.textbox {position:absolute; cursor: pointer; width: 36px; height: 36px; font-family: Roboto; font-size: 25px; text-align: center; background-color: #2DCA09; color: #FFFFFF; border: solid 2px #2DCA09; border-radius:4px}

			.targetBig {position:absolute;width:190px;height:340px;border-radius:5px;text-align: center;border-radius: 5px;font-family: Roboto;padding-top: 280px;}
				.targetBig.monika {left:140px;top:40px;background-color:#B1FA97;border:1px solid #B1FA97;}
				.targetBig.janek {left:360px;top:40px;background-color:#FAC28C;border:1px solid #FAC28C;}
			.monika {color:#197603;font-size: 26px;}
			.janek {color:#76400B;font-size: 26px}

			.target {width:54px;height:59px;border-radius: 5px;position:absolute;}
				.target.monika {left:210px;top:400px;background-color:#B1FA97;border:1px solid #B1FA97;}
				.target.janek {left:430px;top:400px;background-color:#FAC28C;border:1px solid #FAC28C;}
				.target.mark {left:320px;top:400px;background-color:#FFF;border:2px solid #0D98D1;}
			.mark {position: absolute;left:328px;top:385px;font-size:60px;color:#000;font-family: Roboto;}


			.wieza {background:url(images/sprite.png);position:absolute;}

			.wieza-19 { left: 746px; top: 297px; width: 145px; height: 238px; background-position: -10px -118px; }
			.wieza-11 { width: 106px; height: 191px; background-position: -165px -204px; }
			.wieza-13 { left: 843px; top: 4px; width: 107px; height: 168px; background-position: -281px -188px; }
			.wieza-12 { left: 645px; top: 227px; width: 107px; height: 168px; background-position: -246px -10px; }
			.wieza-10 { left:592px;top:80px; width: 145px; height: 98px; background-position: -10px -10px; }
			.wieza-7 { left: 782px; top: 167px; width: 70px; height: 123px; background-position: -165px -71px; }
			.wieza-8 { left:752px; top:8px; width: 33px; height: 185px; background-position: -398px -179px; }
			.wieza-6 { left: 892px; top: 214px; width: 32px; height: 137px; background-position: -363px -10px; }
			.wieza-5 { width: 32px; height: 117px; background-position: -405px -10px; }
			.wieza-3 { width: 71px; height: 51px; background-position: -165px -10px; }


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