body{
  margin: 0;
  padding: 0;
  font-family: Verdana;
}
.game{
  background: #009900;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.gbl{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
/*.debug{
	position: fixed;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: rgba(0,0,0,0.5);
	color: #fff;
}*/

.PanelPers{
	position: fixed;
	bottom: 0px;
	left: 10px;
	width: 100px;
	height: 50px;
	font-size: 24px;
	font-weight: bold;
	color: #fff70a;
	z-index: 5000;
}

.player{
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px;
  
  z-index: 500;

}
.player div{
	background: url(texture/pers.png) center;
	background-size: cover;
	width: 80px;
	height: 112px;
	position: relative;
	top: -32px;
}
.player img{
  width: 100%;
  height: 100%;
}

.field{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 5000px;
  height: 5000px;
  background:url(texture/grass.jpg);
}
.field p{
  margin: 0px;
  padding: 0px;
  position: absolute;

}

.field div{
	position: absolute;
}

.field .box{
  background: url(texture/box.png);
  background-size: contain;
  width: 100px;
  height: 100px;
  z-index: 10;
}

.field .tree{
  background: url(texture/tree.png);
  background-size: contain;
  width: 200px;
  height: 200px;
  z-index: 500;
}

.field .m16{
  background: url(texture/m16.png) no-repeat;

  width: 100px;
  height: 100px;
}

.field .campfire{
  background: url(texture/campfire.png) no-repeat;
  width: 60px;
  height: 60px;
  z-index: 10;

}

.bullet{
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: red;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2000;
}

.field .barrel{
  background: url(texture/barrel.png);
  background-size: contain;
  width: 60px;
  height: 60px;
  z-index: 10;
}

.field .wall{
	background: url(texture/concrete.jpg);
	z-index: 10;
}

/********BOTS*********/
.bot{
	width: 80px;
	height: 80px;
	background: url(texture/bot.png)no-repeat;
	background-size: contain;
	z-index: 1000;
}
.bot1{
	width: 80px;
	height: 80px;
	background: url(texture/bot1.png)no-repeat;
	background-size: contain;
	z-index: 1000;
}

.test{
	width: 80px;
	height: 80px;
	background: url(texture/bot1.png)no-repeat;
	background-size: contain;
}


.zombi{
	width: 80px;
	height: 80px;
	background: url(texture/zombi.png)no-repeat;
	background-size: contain;
	z-index: 200;
}

.button{
	width: 60px;
	height: 60px;
	background: url(texture/button.png)no-repeat;
	background-size: contain;
}

.lamp{
	width: 60px;
	height: 60px;
	background: url(texture/lamp.png)no-repeat;
	z-index: 10;

}

.door{
	width: 100px;
	height: 100px;
	background: url(texture/door.png) -100px 0px no-repeat;
}