@font-face {
	font-family: 'Source Sans Pro400';
	font-style: normal;
	font-weight: 400;
	src: url(pro400.eot);
	src: url(pro400.woff) format('woff');
}
@font-face {
	font-family: 'icons';
	font-style: normal;
	src: url(icons.eot);
	src: url(icons.woff) format('woff');
}

body {
	width: 100%;
	height: 100%;
	padding: 0px; 
	margin: 0px;
	background-image: url(pp02.gif);
	/*overflow:hidden;*/
}
* {
	padding: 0px; 
	margin: 0px; 
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}

.anims {
	//transition: all 1s ease;
}
.shadow {
	-webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,1);
	box-shadow: 0 0 5px 1px rgba(0,0,0,1);
	width:48px;
	height:67px;
}

.mover {
	display:block;
	width:48px;
	height:67px;
	position:absolute;
}

.lap {
	display:block;
	width:48px;
	height:67px;
	background-image: url(paklikicsi.png);
	position:absolute;
	left:0px;
	top:160px;
	transform-origin: 50% 50%;
	transition: all 0.25s ease;
	//transition: left 0s;
	//transition: top 0s;
}

.group {
	width:48px;
	height:460px;
	background-color:rgba(0,0,0,0.0);
	top:0px;
	left:476px;
	position:absolute;
	transform-origin: 50% 100%;
	overflow:hidden;
}
.group-back {
	width:48px;
	height:67px;
	position:absolute;
	left:0px;
	top:160px;
	background-image: url(groupbackkicsi.png);
}
.targetsdiv {
	position:absolute;
	left:384px;
	top:302px;
	width:232px;
	height:182px;
	position:absolute;
	background-color:rgba(0,0,0,0);
}

.rot0 { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.rot1 { transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }
.rot2 { transform: rotate(-78deg); -ms-transform: rotate(-78deg); -webkit-transform: rotate(-78deg); }
.rot3 { transform: rotate(-66deg); -ms-transform: rotate(-66deg); -webkit-transform: rotate(-66deg); }
.rot4 { transform: rotate(-54deg); -ms-transform: rotate(-54deg); -webkit-transform: rotate(-54deg); }
.rot5 { transform: rotate(-42deg); -ms-transform: rotate(-42deg); -webkit-transform: rotate(-42deg); }
.rot6 { transform: rotate(-30deg); -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30degg); }
.rot7 { transform: rotate(-18deg); -ms-transform: rotate(-18deg); -webkit-transform: rotate(-18deg); }
.rot8 { transform: rotate(-6deg); -ms-transform: rotate(-6deg); -webkit-transform: rotate(-6deg); }

.rot9 { transform: rotate(6deg); -ms-transform: rotate(6deg); -webkit-transform: rotate(6deg); }
.rot10 { transform: rotate(18deg); -ms-transform: rotate(18deg); -webkit-transform: rotate(18deg); }
.rot11 { transform: rotate(30deg); -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); }
.rot12 { transform: rotate(42deg); -ms-transform: rotate(42deg); -webkit-transform: rotate(42deg); }
.rot13 { transform: rotate(54deg); -ms-transform: rotate(54deg); -webkit-transform: rotate(54deg); }
.rot14 { transform: rotate(66deg); -ms-transform: rotate(66deg); -webkit-transform: rotate(66deg); }
.rot15 { transform: rotate(78deg); -ms-transform: rotate(78deg); -webkit-transform: rotate(78deg); }
.rot16 { transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); }


.lap.hovered {
	/*
	cursor:pointer;
	background-position:-90px 0px;
	margin-left:-1px;
	margin-top:-1px;
	*/
}

.pikk._1 { background-position:-48px 0px; }
.pikk._2 { background-position:-96px 0px; }
.pikk._3 { background-position:-144px 0px; }
.pikk._4 { background-position:-192px 0px; }
.pikk._5 { background-position:-240px 0px; }
.pikk._6 { background-position:-288px 0px; }
.pikk._7 { background-position:-336px 0px; }
.pikk._8 { background-position:-384px 0px; }
.pikk._9 { background-position:-432px 0px; }
.pikk._10 { background-position:-480px 0px; }
.pikk._11 { background-position:-528px 0px; }
.pikk._12 { background-position:-576px 0px; }
.pikk._13 { background-position:-624px 0px; }

.kor._1 { background-position:-48px -67px; }
.kor._2 { background-position:-96px -67px; }
.kor._3 { background-position:-144px -67px; }
.kor._4 { background-position:-192px -67px; }
.kor._5 { background-position:-240px -67px; }
.kor._6 { background-position:-288px -67px; }
.kor._7 { background-position:-336px -67px; }
.kor._8 { background-position:-384px -67px; }
.kor._9 { background-position:-432px -67px; }
.kor._10 { background-position:-480px -67px; }
.kor._11 { background-position:-528px -67px; }
.kor._12 { background-position:-576px -67px; }
.kor._13 { background-position:-624px -67px; }

.treff._1 { background-position:-48px -134px; }
.treff._2 { background-position:-96px -134px; }
.treff._3 { background-position:-144px -134px; }
.treff._4 { background-position:-192px -134px; }
.treff._5 { background-position:-240px -134px; }
.treff._6 { background-position:-288px -134px; }
.treff._7 { background-position:-336px -134px; }
.treff._8 { background-position:-384px -134px; }
.treff._9 { background-position:-432px -134px; }
.treff._10 { background-position:-480px -134px; }
.treff._11 { background-position:-528px -134px; }
.treff._12 { background-position:-576px -134px; }
.treff._13 { background-position:-624px -134px; }

.karo._1 { background-position:-48px -201px; }
.karo._2 { background-position:-96px -201px; }
.karo._3 { background-position:-144px -201px; }
.karo._4 { background-position:-192px -201px; }
.karo._5 { background-position:-240px -201px; }
.karo._6 { background-position:-288px -201px; }
.karo._7 { background-position:-336px -201px; }
.karo._8 { background-position:-384px -201px; }
.karo._9 { background-position:-432px -201px; }
.karo._10 { background-position:-480px -201px; }
.karo._11 { background-position:-528px -201px; }
.karo._12 { background-position:-576px -201px; }
.karo._13 { background-position:-624px -201px; }

._0 { background-position: 0px 0px; }
._14 { background-position: 0px -113px; }

.stage {
	width:1000px; 
	height:600px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-500px;
	overflow:hidden;
	min-width:1000px;
	min-height:600px;
}
.mStage {
	width:1000px; 
	height:600px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-500px;
	background-color:rgba(0,0,0,0);
}

	
.target {
	top:310px;
	width:48px;
	height:67px;
	position:absolute;
	/*background-image:url(groupbackkicsi.png);*/
}

.target-border {
	position:absolute;
	left:-4px;
	top:-4px;
	width:98px;
	height:129px;
	/*background-image: url(targetback.png);*/
}
.target-back {
	width:90px;
	height:121px;
	/*background-image: url(groupback.png);*/
}
.button {
	display:block;
	cursor:pointer;
	width:30px;
	height:30px;
	top:5px;
	/*background-image: url(gombok.png);*/
	position:absolute;
}

.withdraw {
	left:5px;
	top:5px;
}

.button.next {
	right:260px;
	background-position:0px -30px;
}
.button.next:hover {
	background-position:-30px -30px;
}

.quit {
	right:5px;
	top:5px;
}
.reload {
	right:40px;
	top:5px;
}
.help {
	right:75px;
	top:5px;
}

.helpdiv {
	line-height:15px;
	text-align:left;
	font-family: 'Source Sans Pro400';
	width:300px;
	font-size:12px;
	position:absolute;
	top:35px;
	left:-290px;
	background-color:#040;
	color:#ccc;
	padding:16px;
	z-index:1000;
	display:none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 3px 3px 9px 0 rgba(0,0,0,.5);
	box-shadow: 3px 3px 9px 0 rgba(0,0,0,.5);
	border:1px solid #030;
}
.helpdiv li {
	margin-left:16px;
	margin-top:8px;
}
.helpdiv span {
	font-weight:bold;
}

.help:hover .helpdiv {
	display:block;
}
.button.off {
	background:none;
	cursor:default;
}

.row {
	display:table;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}
.cell {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:100%;
	height:100%;
	background-image:url(pp02.gif);
}
.nyertspan {
	display:inline-block;
	font-size:36px;
	color:#66ff66;
}

.tbutton {
	display:inline-block;
	margin:5px;
	cursor:pointer;
	
	font-family: 'Source Sans Pro400';
	font-size:13px;
	
	color:#030;
	width:80px;
	height:25px;
	line-height:25px;
	text-align:center;
	background-image: url(buttonbck2.png);
	position:relative;
}
.tbutton:hover {
	color:#040;
	background-position:-80px;
}

.reloadmenu {
	width:120px;
	height:120px;
	position:absolute;
	left:-45px;
	top:30px;
	text-align:center;
	display:none;
	color:#0c0;
}
.reload:hover .reloadmenu{
	display:block;
}

.tbc {
	position:absolute;
	//left:20px;
	//top:20px;
	width:30px;
	height:30px;
	background-image: url(circlebuttonback.png);
	color:#030;
	font-family: 'icons';
	font-size:17px;
	text-align:center;
	line-height:32px;
	cursor:pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.tbc:hover {
	background-position: -30px 0px;
	color:#040;
}