@font-face {
    font-family: Impact; /* Гарнитура шрифта */
    src: url("552008.ttf"); /* Путь к файлу со шрифтом */
   }


a{
	text-decoration: initial;
}

#top_menu{
	width: 100%;
    height: 61px;
    background:url('../images/game_up2.png');
    position: fixed;
    top: 0;
	z-index: 1000;
}


#exp_bar{
	background: url('../images/bar_exp3.png');
	width: 185px;
	height: 54px;
	float: right;
	position: relative;
}
#exp_bar .face {
	position: relative;
	width: 48px;
	height: 48px;
	top: -14px;
	left: 4px;
	cursor: pointer;
}
#exp_bar .face_info {
    position: absolute;
    top: 60px;
    left: -123px;
    padding: 10px;
    border: 4px solid rgba(255,255,255,0.4);
    background: rgba(0,0,0,0.7);
    border-radius: 10px;
    color: #fff;
    display: none;
    width: 290px;
}
/*#exp_bar .face:hover .face_info{
	display: inline-block;
}*/
.face_info table{
	min-width: 200px;

	color: #d0d07f;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.face_info table td:nth-child(1){

}
.face_info table td:nth-child(2){
	width: 70px;
}
.face_info table b{
	font-width: bolder;
	color: #61C30B;
}
#exp_perc{
	position: absolute;
	width: 125px;
	height: 13px;
	background-color: rgba(252, 103, 26, 0.8);
	border-radius:3px;
	left: 56px;
	top: 18.5px;
}

#exp_val{
	position: absolute;
	top: -2px;
	left: 5px;
	color:#fff;
	display:inline-block;
	width: 120px;
	overflow: hidden;
	height:15px;
}


#strength_bar{
	background: url('../images/bar_strength2.png');
	width: 178px;
	height: 50px;
	float: right;
	position: relative;
}

#strength_perc{
	position: absolute;
	width: 125px;
	height: 13px;
	background-color: rgb(213, 0, 25);
	border-radius:2.4px;
	left: 50.1px;
	top: 17px;
}


#str_val{
	position: absolute;
	top: -2px;
	left: 5px;
	color: white;
	display:inline-block;
	width: 120px;
	overflow: hidden;
	height:15px;
}

.border_menu{
	background:url('../images/border_menu.png');
	width:29px;
	height:73px;
	float:right;
	position: relative;
}

#gold_block{
	position: relative;
    float: right;
    padding-right: 55px;
	top: 2px;
	min-width: 90px;
	margin-left: -50px;
}/* TODO: add 18.07 */

#gold_img,.gold_img{
	background: url('../images/gold2.png');
	width: 38px;
	height: 45px;
	float: right;
}


#gold_val{
	position: relative;
    left: 100%;
    top: 5px;
    font-size: 28px;
    color: gold;
	text-shadow: 3px 0px 0 #000;
}

#arg_block{
	position: relative;
    float: right;
    padding-right: 35px;
	top:2px;
}

#arg_img,.arg_img{
	background: url('../images/argent2.png');
	width: 38px;
	height: 45px;
	float: right;
}


#arg_val{
	position: relative;
    left: 100%;
    top: 5px;
    font-size: 28px;
    color:  beige;
	text-shadow: 3px 0px 0 #000;
}

#in_money{
	background: url('../images/in_money.png');
    width: 31px;
    height: 28px;
    cursor: pointer;
}

#out_money{
	 background: url('../images/out_money.png');
	 width: 31px;
	 height: 28px;
	     cursor: pointer;
 }


#money_op{
	position: relative;
    float: right;
}


#g_interface{
	width: 497px;
	height: 160px;
	background: url('../images/game_center3.png');
	position: fixed;
	z-index: 1000;
	bottom: 38px;
	left: 50%;
	margin-left: -249px;
}

#params{
	left: 20px;
	position: relative;
	top: 27px;
}


#bottom_menu{
	width: 100%;
    height: 61px;
	background:url('../images/game_down2.png');
    position: fixed;
	z-index: 1000;
    bottom: 0;
}


#params{
background: url('../images/zakr.png');
width: 45px;
height: 46px;
position: relative;
left: 36px;
top: 39px;
}

#rukz_menu{
	position: fixed;
	background-image: url('../images/rukz_on.png');
	width: 21px;
	height: 21px;
	left: 50%;
	bottom: 30px;
	margin-left: 223px;
	cursor: pointer;
}


.rukz_menu_hover{
	background-image: url('../images/rukz_on2.png')!important;
	background-size: 100%!important;
}


#equip_title{
 background: url('../images/equip.png');
    width: 170px;
    height: 48px;
    position: fixed;
    bottom: 50px;
    left: 50%;
    margin-left: -75px;
    z-index: 1;
}

.cell_item{
	position:relative;
	width: 45px;
	height: 46px;
}

.e_item,.r_item{
cursor:pointer;
}

#cells_equip {
	background: url('../images/cells_equip2.png');
	width: 421px;
	height: 46px;
	position: fixed;
	left: 50%;
	margin-left: -214px;
	bottom: 2px;
}

#cell_1{
	left: 36px;
	top: 40px;
}

#cell_2{
	left: 83px;
	top: -6px;
}

#cell_3{
	left: 130px;
    bottom: 52px;
}

#cell_4{
	left: 177px;
    bottom: 98px;
}


#cell_5{
	left: 224px;
    bottom: 144px;
}

#cell_6{
	left: 271px;
    bottom: 190px;
}

#cell_7{
	left: 318px;
	bottom: 236px;
}

#cell_8{
	left: 365px;
	bottom: 282px;
}

#cell_9{
	left: 412px;
	bottom: 328px;
}

#cell_10{
	left: 36px;
	bottom: 326px;
}

#cell_11{
	left: 83px;
	bottom: 372px;
}
#cell_12{
	left: 130px;
	bottom: 418px;
}

#cell_13{
	left: 177px;
	bottom: 464px;
}

#cell_14{
	left: 224px;
	bottom: 510px;
}

#cell_15{
	left: 271px;
	bottom: 556px;
}

#cell_16{
	left: 318px;
	bottom: 602px;
}

#cell_17{
	left: 365px;
	bottom: 648px;
}

#cell_18{
	left: 412px;
	bottom: 694px;
}


#ecell_2{
	bottom: 46px;
	left: 47px;
}

#ecell_3{
	bottom: 92px;
	left: 94px;
}

#ecell_4{
	bottom: 138px;
	left: 141px;
}

#ecell_5{
	bottom: 184px;
	left: 188px;
}

#ecell_6{
	bottom: 230px;
	left: 235px;
}

#ecell_7{
	bottom: 276px;
	left: 282px;
}

#ecell_8{
	bottom: 322px;
	left: 329px;
}

#ecell_9{
	bottom: 368px;
	left: 376px;
}

/*------------------------------*/
/*			Контектстное меню   */
/*-------------------------------*/

	.highlight{
	background: rgba(0, 198, 248, 0.41)!important;
	}

	.highlight-accept{
	background: red!important;
	}

	/* Класс контекстного меню: */
	.context-menu {

	display: none; /* Изначально не показываем его */
	background-color: #000; /* Цвет фона меню */
	border: 1px solid #333; /* Граница */      /* Немного красивостей. Добавляем тень для нашего меню, что бы отобразить его слегка выше остальных элементов страницы: */
	-moz-box-shadow: -5px 2px 10px rgba(0,0,0,0.5); /* Для Firefox */
	-webkit-box-shadow: -5px 2px 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
	box-shadow: -5px 2px 10px rgba(0,0,0,0.5); /* Параметры тени */
	z-index:1010;
	position:absolute;
	}

	/* Добавляем стили для списка которые будет находиться внутри меню и, собственно, содержать его пункты: */
	.context-menu ul {
	list-style: none;
	margin: 0;
	padding: 0; }

	.context-menu ul li {
	margin: 0;
	padding: 0;
	background-color: #000;
	display: block; }

	/* Стили для ссылок пунктов меню: */
	.context-menu ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	display: block;
	padding: 5px; }

	.context-menu ul li a:hover {
	background-color: #1E2528;
	}

.clear{
clear:both;
height:2px;
}

/*--------------------
		HOME
---------------------*/
#home_interface{
    left: 50%;
    margin-left: -400px;
    position: relative;
    top: -25px;
	background-color: rgba(0, 0, 0, 0.7);
border-radius: 10px;
	width: 800px;
	height: 2000px;
}

.h_vid{
	background: rgb(192, 147, 102);
    border-radius: 20px 20px 50px 50px;
    width: 200px;
    height: 24px;
    position: relative;
    text-align: center;
    border: 1px solid wheat;
    box-shadow: 0 5px 5px rgb(0, 0, 0);
    cursor: pointer;
}

#hv_1{
	left: 134px;
	top: 70px;
}

#hv_2{
	left: 134px;
	top: 80px;
}

#hv_3{
	left: 134px;
	top: 90px;
	margin-bottom: -65px;
}

#hv_4{
    left: 134px;
    top: 165px;
    margin-bottom: -55px;
}

#hv_5{
	left: 134px;
	top: 231px;
	margin-bottom: -25px;
}

#hv_6{
	    left: 134px;
    top: 268px;
    margin-bottom: -30px;
}

#hv_7{
	    left: 134px;
    top: 310px;
    margin-bottom: -30px;
}

#hv_8{
	    left: 134px;
top: 352px;
    margin-bottom: -30px;
}

#hv_9{
	    left: 134px;
    top: 398px;
    margin-bottom: -30px;
}

#home_cat_6{
position: absolute;
    top: 67px;

}

.h_interf_r{
	background: url('../images/cells_equip.png');
    width: 233px;
    height: 46px;
    position: relative;
    left: 50%;
    margin-left: -117px;
    top: 12px;
}

.not_dec{
	color:#331A04;
	text-decoration: initial;
	font-family: Impact;
	font-size: 18px;
}

.cell_h_1{

}

.cell_h_2{
	left: 47px;
	bottom: 46px;
}

.cell_h_3{
	left: 94px;
	bottom: 92px;
}

.cell_h_4{
	left: 141px;
	bottom: 138px;
}

.cell_h_5{
	left: 188px;
	bottom: 184px;
}

/*------------*/
.prod_bl {
    width: 300px;
    height: 200px;
    border: 1px solid black;
    border-radius: 20px 20px 20px 20px;
    margin: 10px;
    display: inline-block;
    background: rgba(121, 94, 49, 0.82);
}

.prod_cap{
	width: 290px;
	height: 45px;
	background: rgba(133, 90, 50, 0.76);
	border: 1px solid black;
	border-radius: 15px 15px 0px 0px;
	position: relative;
	left: 4px;
	top: 5px;
}

.prod_img{
	position: relative;
	left: 100px;
	top: 9px;
	width: 100px;
	height: 100px;
}

.prod_act{
	position: relative;
	left: 15px;
	top: 16px;
	width: 270px;
	height: 30px;
}


.prod_title{
	color: #331A04;
	font-family: Cuprum;
	font-size: 22px;
	position: relative;
	left: 16px;
	top: 5px;
}


.prod_price{
	position: relative;
	left: 195px;
	bottom: 27px;
	width: 89px;
	height: 40px;
	border-radius: 0px 15px 0px 0px;
	background: rgba(0, 0, 0, 0.28);
	padding: 5px 0px 0px 5px;
	float: left;
}

.prod_gold{
	background: rgb(201, 173, 27);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.prod_g{
	position: relative;
	bottom: 14px;
	left: 15px;
	color:rgb(201, 173, 27);
}


.prod_ser{
	background: gray;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	position: relative;
	bottom: 5px;
}

.prod_s{
	position: relative;
	bottom: 20px;
	left: 15px;
	color:gray;
}



.prod_btn{
	width: 115px;
	height: 23px;
	background: rgba(201, 149, 100, 0.76);
	border-radius: 15px 15px 15px 15px;
	text-align: center;
	border: 1px solid black;
	display: inline-block;
	margin-left: 10px;
}

.prod_btn a, .prod_btn span{
	color:#331A04;
	font-size: 20px;
	font-weight: bold;
}

.prod_btn_cl:hover{
	background: rgba(233, 164, 99, 0.76);
}



.blit2{
	bottom: 46px;
	left: 47px;
}


.blit3{
	bottom: 92px;
	left: 94px;
}

.blit4{
	bottom: 138px;
	left: 141px;
}

.blit5{
	bottom: 184px;
	left: 188px;
}

.lomb_cat{
	background: url('../images/lomb_cat.png');
	width: 233px;
	height: 46px;
	margin-bottom: 5px;
}


.it_lo_bl_buy{
width: 100%;
height: 100%;
display: none;
background: url('../images/it_buy4.png');
cursor: pointer;
}

.lomb_bl_it{
color: white;
background: rgba(143, 148, 174, 0.49);
height: 100%;
width: 100%;
}

.lom_g{
	position: relative;
	left: 2px;
	top: 6px;
}

.lom_g_v{
	position: relative;
	left: 11px;
	bottom: 7px;
	color: gold;
	text-shadow: 2px 0px 0 #000;
}

.lom_s{
	position: relative;
	left: 2px;
	top: 2px;
}

.lom_s_v{
	position: relative;
	left: 12px;
	bottom: 11px;
	/*color: beige; */
	color: white;
	text-shadow: 2px 0px 0 #000;
}

#lomb_buy_bl{
	width: 266px;
	height: 307px;
	margin-top: 50px;
	margin-left: -8px;
	background: url('../images/lomb_bl.png') no-repeat;
	padding: 48px 0px 0px 13px;
	position: fixed;
	bottom: 0px;
}


	#scrollbar1
	{
		width: 340px;
		position: relative;
		left: 20px;
		top: 25px;
		margin: 0;
	}

	#scrollbar1 .viewport
	{
		width: 335px;
	}

	#scrollbar1 .thumb ,#scrollbar1 .thumb .end,#scrollbar1 .track
	{
		background: rgb(192, 147, 102);
	}

	#chat_inp_bl
	{
		position: relative;
    	top: -11px;
	}

	#scrollbar1 .overview
	{
		width: 336px;
	}

	.overview{
		color: wheat;
	}


/*-----------*/
/*	ITEMS   */
.item_block{
	background: url('../images/items/i_block.png');
}

.item_empty{
	background: url('../images/items/i_empty.png');
}


.it_cnt{
	color: #FFF;
	position: relative;
	top: 32px;
	text-align: right;
	font-size: 12px;
}


.upl_last{
	color: aliceblue;
	margin-left: 85px;
}

.ch_tmy{
	color: #7EF5E0;
}

#exp_level{
    color: #FFFFFF;
    position: relative;
    left: 85px;
    top: 2px;
    font-size: 12px;
    text-align: center;
    width: 60px;
    line-height: 17px;
}


#scrollbar2 .scrollbar {
    background: black no-repeat 0 0;
    position: relative;
    background-position: 0 0;
    float: right;
    width: 2px;
}

#scrollbar2 .thumb,#scrollbar3 .thumb{
    background: black no-repeat;
    height: 20px;
    width: 15px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -6px;
}


#scrollbar3 .scrollbar {
    background: black no-repeat 0 0;
    position: relative;
    background-position: 0 0;
    float: right;
    width: 2px;
}


#scrollbar2 .thumb, #scrollbar2 .thumb .end, #scrollbar2 .track, #scrollbar3 .thumb, #scrollbar3 .thumb .end, #scrollbar3 .track{
background: rgb(192, 147, 102);
}
#scrollbar2{
    width: 420px;
    position: relative;
    left: 7px;
    top: 20px;
    margin: 0;
}


#scrollbar2 .overview {
        width: 410px;
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
}

#scrollbar2 .viewport {
        width: 410px;
      overflow: hidden;
    position: relative;
}

#scrollbar3 .overview {
    width: 400px;
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
}

#scrollbar3 .viewport {
    width: 400px;
    overflow: hidden;
    position: relative;
}

#scrollbar3 {
    width: 420px;
    position: relative;
    left: 7px;
    top: 25px;
    margin: 0;
}

.tl{
	text-align: left;
}