body { max-width: 480px; display: block; text-shadow: 2px 2px 1px black; padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px; }
input { border: none; }
._main { background: url(/style/images/main.jpg) no-repeat; background-size: 100% 75%; padding: 10px; box-shadow: 0 0 50px black inset; }
._main_line150 { height: 150px; }
._black_background { background: #00000099; border-radius: 7px; color: whitesmoke; padding: 7px; }
._form { text-align: center; padding: 5px; margin: 1px; width: 200px; background: #222222; color: gray; }
._btn_form { background: #222222; padding: 5px 11px; margin: 3px; color: gray; }
._forest { background: url(/style/images/forest.jpg) no-repeat; background-size: 100% 75%; padding: 10px; box-shadow: 0 0 50px black inset; }
._main_line300 { height: 300px; }
.select { border: none; border-radius: 0; }
._btn { background: #222222; padding: 5px 11px; margin: 3px; color: gray; text-decoration: none; }
._user { margin: 7px; background: #151515; padding: 9px; border: 1px solid #444444; border-radius: 5px; box-shadow: 0 0 5px black; color: gray; }
._foot_nav { display: block; border: 1px solid #333333; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 0 5px black; }
._foot_nav_brd { border-right: 2px dashed #444444; }
.head { border: 1px solid #444444; border-radius: 5px; box-shadow: 0 0 5px black; color: gray; margin: 7px; }
.notif { border: 1px solid #444444; border-radius: 5px; box-shadow: 0 0 5px black; color: gray; margin: 7px; }
._brd_exp { height: 5px; background: #333333; display: block; }
._exp { height: 5px; background: #28a428; }
._health { height: 5px; background: tomato; }
._head_brd { border-right: 1px solid #444444; }
._helper { margin-bottom: 7px; margin-top: 7px; border-top: 2px solid #006ad1; border-bottom: 2px solid #006ad1; border-left: 1px dashed #00509e; border-right: 1px dashed #00509e; padding: 2px; border-radius: 5px; box-shadow: 0 0 5px #00509e; background: linear-gradient(to left, #00366b, #006ad1); }
._helper_text { color: white; text-decoration: none; }
.list{
  list-style: none;
  color: darkgray;
  text-decoration: none;
  display: block;
  padding: 6px;
  color: #fff;
  border: 1px dashed #333333; 
  box-shadow: 0 0 3px black; 
  margin: 1px;
}
.menulist a { list-style: none; color: darkgray; text-decoration: none; display: block; padding: 6px; display: block; }
.menulist li { color: #fff; list-style: none; margin:0; border: 1px dashed #333333; box-shadow: 0 0 3px black; margin: 1px; }
.menulist li:hover { background-color: #252525; }
.user_info { display: block; padding: 5px; background: #151515; color: gray; border: 1px solid #444444; border-radius: 5px; margin: 7px; box-shadow: 0 0 5px black; }
.error_list { color: tomato; margin: 7px; padding: 5px; background: #800000; box-shadow: 0 0 5px red; border: 1px solid #4d0000; border-radius: 6px; text-align: center; }
.error_list2 {
    color: #5a4e4e;
    margin: 7px;
    padding: 5px;
    background: #1b1b1b;
    box-shadow: 0 0 5px #3f3232;
    border: 1px solid #120d0d;
    border-radius: 6px;
    text-align: center;
}
.error { color: tomato; margin: 7px; padding: 5px; background: #800000; box-shadow: 0 0 5px red; border: 1px solid #4d0000; border-radius: 6px; text-align: center; }
.body_sel { background: #222222; padding: 5px 11px; margin: 3px; color: gray; text-decoration: none; }
.menulitl li { list-style: none; margin: 5px; background: #151515; padding: 3px 0; border: 1px solid #444444; border-radius: 5px; box-shadow: 0 0 5px black; color: gray; }
.menulitl li:hover { background-color: #252525; }
.menulitl_img{ border: 1px solid #202125; border-image: url("/style/images/body/ramka_users.png") 1; position:relative; margin: 3px; }
.menulitl_img_no{ position:relative; margin: 4px; }
.menulitl_block{ position: relative; min-height: 33px; padding-left: 40px; margin-top: -39px; color: #d1d1d1; }
.menulitl_name{ font-weight: bold; }
.menulitl_param{ font-size:13px; }
.block_hunting { margin: 7px; background: #151515; padding: 9px; border: 1px solid #444444; border-radius: 5px; box-shadow: 0 0 5px black; color: gray; }
.line1 { height: 1px; background: #444444; }


/* CAMP */

.camp {
	background-image: url('/style/images/camp/boi_bg.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 470px;
	position: relative;
}

.camp_top {
	width: 100%;
	position: absolute;
	top: 0;
}

.camp_bottom {
	width: 100%;
	position: absolute;
	bottom: 0;
}

.camp_progress {
	background-color: #000;
	height: 10px;
}

.camp_progress_health {
	background-image: linear-gradient(180deg, red, green);
	height: 10px;
}

.camp_information {
	display: flex;
	background-color: rgba(0,0,0,0.3);
	align-items: center;
}

.camp_icon {
	margin: 0 5px;
}

.camp_icon span.white {
	color: #fff;
	font-weight: 900;
}

.camp_avatar {
	width: 80px;
	height: 80px;
	background-image: url('/style/images/camp/ico.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80px 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.camp_avatar img {
	width: 58px;
	height: 58px;
	border-radius: 50px;
}

.camp_top .camp_information {
	justify-content: right;
}

.camp_link {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}