body 
{
	  background: #111;
      -webkit-font-smoothing: antialiased;
	  font-family:Arial, Tahoma;      
      font-size: 14px;
      margin: 0 auto;
      max-width: 340px;
      line-height: 21px;
	  color: #a4a4a2;
}

h1, h2 
{ 
    font-weight:400;
    color:#fff;
    font-size:16px;
    margin:0;
    padding:4px 4px 4px 0;
}

.block 
{
	background: #191919;
}

@import url(https://fonts.googleapis.com/css?family=Kelly+Slab);
/*.title 
{
	display: block;
   position: relative;
   width: 60%;
   margin-left: auto;
   margin-right: auto;
   background: #795244;
   text-align: center;
   color: #482d24;
   font-size: 18px;
   border-radius: 20px;
   padding: 7px 10px;
   text-shadow: 0 2px 0 #462d24;
   font-family: 'Kelly Slab', cursive;
   color: #fff;
}*/
.title 
{
    background: url(img/title-bg.png) no-repeat left, url(img/title-bg.png) no-repeat right #252525;
    text-align: center;
    height: 30px;
    padding: 5px;
    box-shadow: 0 3px 4px #111;
    font-size: 15px;
    position: relative;
    color: #fff;
}

.content 
{
    background: #1F1F1F;
    border-radius: 4px;
    border-radius: 0px;
    border: 1px solid #111;
    color: #dca692;
    font-size: 13px;
}

.wrap 
{
    display: block;
    line-height: 1.2;
    padding: 5px;
    padding-top: 3px;
    border: 1px solid #222222;
    border-top: 1px solid #4E4E4E;
    border-bottom: 1px solid #000000;
    background-color: #252525;
}

.link-touch 
{
	background: #191919;
	display: block;
    border-bottom: 1px solid #111;
    padding: 10px 10px 10px 18px;
}

.link-touch:hover 
{
	background: #1F1F1F;
    transition: .8s;
}

a 
{
	color: #a4a4a2;
    text-decoration: none;
    text-shadow: 0 1px 0 #4a2f25;
}

a:hover 
{
	color: #e8d363;
    text-shadow: 0 1px 0 #4a2f25;
    transition: .5s;
}

table 
{
	padding: 20px 10px;
    background: #1F1F1F;
    text-align: center;
    margin-top: -13px;
    margin: -18px 10px 10px 0px;
    border: 1px solid #111;
    color: #dca692;
    font-size: 13px;
}

.line 
{
	background: #252525;
    height: 3px;
}

hr 
{
	border: none;
    margin: 24px 0 0;
    border-bottom: 1px solid #252525;
    border-top: 1px solid #111;
}

.big-but 
{
	display:block;
	width:98%;
	height:40px;
	padding-top:6px;
	margin:0 auto;
	text-align:center;
	font-size:12px;
	position:center;
	border-bottom: 1px solid #111;
} 

.big-but:hover 
{
	display:block;
	width:98%;
	height:40px;
	padding-top:6px;
	margin:0 auto;
	text-align:center;
	font-size:12px;
	position:center;
	border-bottom: 1px solid #111;
	background: #1F1F1F;
	transition: .8s;
}

.count 
{
	float: right;
    padding: 3px;
    min-width: 44px;
    text-align: center;
    background: #191919;
    border: 1px solid #111;
    margin: 0 17px 0 0;
}

.expBarHead
{
	height: 5px;
	background-color: #111;
}
.expBarHeadLine
{
	height: 5px;
	background-color: #404040;
}

form
{
	border: 2px solid #111;
 	padding: 2px;
 	margin: 1px;
}

input[type=submit],
input[type=button],
input[type~=submit],
input[type~=button]
{
	background: #303030;
	border: none;
	height: 50px;
	margin: 5px;
	min-width: 140px;
    color: #a4a4a2;
}

input[type=submit]:hover,
input[type=button]:hover,
input[type~=submit]:hover,
input[type~=button]:hover
{
	background: #505050;
	transition: .8s;
	height: 50px;
	margin: 5px;
	min-width: 140px;
}

.head 
{
	background: #252525;
    color: #fff;
    padding: 10px;
    box-shadow: 0 3px 4px #111;
    position: relative;
    text-align: center;
}

input.dark 
{
	background: #252525;
  border: none;
  padding: 10px 10px 10px 52px;
  border-radius: 4px;
  margin: 5px;
  border-top: 1px solid #111;
  border-bottom: 1px solid #111;
  color: #fff;
  margin-top: -31px;
} 

input.dark:hover 
{
	background-color: #1F1F1F;
    transition: .8s;
}

.headerImg 
{
    text-align: center;
    max-width: 320px;
} 

.headerImg img
{
    max-width: 240px;
}

.nav 
{
    display:inline-block;
    background:#F56B35;
    background:-moz-linear-gradient(top, #FA703A 50%, #FA703A 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(50%,#FA703A), color-stop(100%,#FA703A));
    background:-webkit-linear-gradient(top, #FA703A 50%,#FA703A 100%);
    background:-o-linear-gradient(top, #FA703A 50%,#F76025 100%);
    background:-ms-linear-gradient(top, #FA703A 50%,#F76025 100%);
    background:linear-gradient(top, #FA703A 50%,#F76025 100%);
    border:1px solid #222;
    padding:1px 6px;
    margin:0 2px;
    color:#000;
    text-decoration:none;
} 

.error 
{
    padding:3px;
    background: url('/ico/0.png') left top no-repeat #791616; 
    text-align: center;
} 

.success 
{
    padding:3px;
    background: url('/ico/1.png') left top no-repeat #1d5a3a; 
    text-align: center;
}

.loc1
{
    background: url(/img/location/1.png) no-repeat; 
    background-size: contain;
    line-height: 50px;
    width: 364px;
    margin-left: -0px;
    color: red;
    height: 50px;
}
.loc1 a,.loc2 a,.loc3 a,.loc4 a,.loc5 a,.loc6 a,.loc7 a,.loc8 a{
    background: rgba(255,255,255,.3);
    padding: 0 2px;
    margin: 0;
    color: #000;
    font-weight: bold;
    text-shadow: 0 1px #ccc;
    display: inline-block;
    height: 50px;
}
#hover_loc:hover{
    opacity: .9;
}
 

.header{}
.navigation-head-orange{background: #FA703A;text-align: center; color: #000;margin: 8px;padding: 8px;}
.border-orange{border: 1px solid #FA703A; margin: 1px;}
.navigation-head-green{background: #0f2b52;text-align: center; color: #fff;margin: 8px;padding: 8px;}
.border-green{border: 1px solid #0f2b52; margin: 1px;}
.user-panel{min-height: 35px;padding: 2px;} 
.npcHealth{height: 15px;background: #091526;} 
.npcHealthLine{height: 15px;background: #A90909;}
.notificationUserLvl{border-left: 3px solid #284440;border-right: 3px solid #284440;margin: 5px;text-align: center;}
.linkPanel 
{
    display: block;
    padding: 7px 25px 7px 5px !important;
    border-bottom: 1px solid #111;
    text-decoration:  none;
    background: url('img/arrow-left.png') 98% 50% no-repeat #191919;
}
.linkPanel:hover 
{
    background: url('img/arrow-left.png') 98% 50% no-repeat #1F1F1F;
    transition: .8s;}