body {
	margin: 20px auto;
	max-width: 450px;
	min-width: 128px;
background: url('images/bg.jpg') no-repeat fixed 50% 0px #000;
	font-family: Arial,Tahoma,Verdana,sans-serif;
	font-size: 14px;
}
input,select,textarea{font-size: 100%;border: 1px solid gray;color:#000000;
    background-color:#EEEEEE;max-width:600px;}
textarea {width:100%;}
div img,h1 img,h2 img,a img,span img,img {vertical-align:middle;}
div,h1,h2,h3,h4{padding:0;}
a:btn-blue{text-decoration: none;color: #FFDF8C;}
a:visited{text-decoration: underline;color: #FFDF8C;}
ul,li {list-style:none; margin:0; padding:0;}
h1{font-size:120%;font-weight:bold;color:#FFFFFF;padding:2px 0;}
h2{font-size: 110%;font-weight:bold;color:#FFFFFF;padding:2px 0;}
em{font-style:normal;}
body {margin: 0 auto;background-color: #000000;font-size: 15px;}
table {font-size: 14px;}
div.main {background:rgb(36, 36, 40);border: 1px solid #27383b;padding: 0px;border-radius:0px;}

h1{font-size:120%;font-weight:normal;color:#FFFFFF;padding:0;}
h2{font-size: 105%;font-weight:normal;color:#FFFFFF;}

@media (min-width: 800px) { /* это будет показано при разрешении монитора до 930 пикселей */
  body {max-width: 450px;}
}

table {
    border-collapse:collapse;
}
table.bordered td {
    border: 1px solid burlywood;
}
.maps {
    font-size: 5pt;
    border: 1px outset gray;
    border-collapse: separate;
	background-color: gray;
}
.collect img {
		width:50px;
		background-image: url('../images/interface/collect.png');
		border: ridge 0px #27383b;
	}

ul.help {
    list-style:circle;
}

#but{
width:98%;background:#330000;font-weight:bold;cursor:pointer;color:#ffffff
}

.tit{
	color: #C7C99B;
	text-align: center;
	margin-top: 2px;
}

ul.help li {
    list-style:circle;
    margin-left:16px;
}
.small{
    font-size:80%;
}
.white {
    color:white;
}
.health {
    color:#FF9999;
}
.notify {
    color:#FFF559;
}
.fonred {
    color:#3d1e1e;
}
.energy {
    color:#9999FF;
}
.money {
    color:gold;
}
.minor {
    color:gray;
}
.minor a{
    color:#8a8a8a;
}

.major {
    color:#DD6666;
}
.info {
    color:#6FCD72;
}
img {
	vertical-align: middle;
}
h1, h2 {
    margin: 0px;
    font-size: 16px;
    font-weight: normal;
    color: #BFC196;
    text-align: center;
}
h2 {
	font-size: 14px;
}
hr {
	border: none;
	border-bottom: 1px solid #505050;
width: 80%;
}
a {
text-decoration: none;
color: #FFDF8C;
}
h1 {
	margin: 0;
	padding: 3px;
	font-weight: normal;
	color: #BFC196;
	text-align: center;
	font-size: 14px;
}
.title {
	font-weight: bold;
	padding: 7px;
	font-size: 12px;
	color: #FFF5DE;
	background: linear-gradient(#202020,#151515);
	border-bottom: 1px solid #343329;
	text-shadow: 1px 1px 1px #000;
}
.footer {
	padding: 8px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: center;
	color: #FFF5DE;
	background: url('images/title.png') center repeat-x #4D4634;
	border-bottom: 1px solid #343329;
	text-shadow: 1px 1px 1px #000;
}
.ajax_load {
    display: block;
    padding: 5px 5px ;
    background: url("/images/loading.gif") repeat-y 50% 0px;
    text-align: center;
}
.block{
    padding: 5px 5px ;
    background: #090909;
    border-top: 1px solid #404040;
    position: relative;
    color: white;
}
html,Body {
font-style: normal;
font-size: medium;
background-attachment: fixed; 
margin: 0 auto; 
text-decoration:none;
color: #999;
position: relative;
 auto;
}
a {
text-decoration:none;
}
.center {
	text-align: center;
}
.small {
	font-size: 10px;
}
.stone {
	height: 12px;
	background:  url('images/sep-stone.png') top repeat-x #000;
}
.sep-stone {
padding: 10px;
background: url('images/sep-stone-right.png') repeat-y scroll 0px 0px, url('images/sep-stone-left.png') repeat-y scroll 100% 0px, url('images/sep-stone-bottom.png') repeat-x scroll 0px 100%, url('images/sep-stone-top.png') repeat-x scroll 0px 0px transparent;
}
a.link {
border-top: 1px solid #505050;
border-bottom: 1px solid #050505;
display: block;
padding: 10px 5px 5px 5px;
min-height: 24px;
background: linear-gradient(#303030,#242424);
}
a.link:hover{
border-top: 1px solid #505050;
border-bottom: 1px solid #050505;
display: block;
padding: 10px 5px 5px 5px;
min-height: 24px;
background: #353535;
}
a.btn-blue {
border-top: 1px solid #303030;
border-bottom: 1px solid #000000;
display: block;
padding: 12px 5px 5px 5px;
min-height: 24px;
background: linear-gradient(#151515,#101010);
}
a.btn-blue:hover{
border-top: 1px solid #101010;
border-bottom: 1px solid #101010;
display: block;
padding: 12px 5px 5px 5px;
min-height: 24px;
background: #101010;
}



a.greens {
text-decoration: none;
display: block;
padding: 7px 5px 5px 5px;
border-radius:0px;
min-height: 16px;
color: #FFFFCC;
border: none;
background: url('/Oformlenie/3/sin_green1.png');
list-style: none;
border-bottom: # ridge 2px;
}



a.sin {
text-decoration: none;
display: block;
padding: 7px 5px 5px 5px;
border-radius:0px;
min-height: 16px;
color: #FFFFCC;
border: none;
background: url('/Oformlenie/2/sin1.png');
list-style: none;
border-bottom: # ridge 2px;
}


a.purs {
text-decoration: none;
display: block;
padding: 7px 5px 5px 5px;
border-radius:0px;
min-height: 16px;
color: #FFFFCC;
border: none;
background: url('/Oformlenie/4/pur1.png');
list-style: none;
border-bottom: # ridge 2px;
}






.smiles_panel {
	display:none;
	padding:10px;
	text-align:center;
	color: #fff;
}







a.gold {
display: block;
padding: 12px 5px 5px 5px;
border-radius:0px;
min-height: 24px;
border-bottom: 2px solid #622903;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color #161F25;
background: url('images/btn-gold-top.png') repeat-x 0 0, url('images/btn-gold-bg.png') repeat-x 0 0 #814d14;
}
.btn {
	border-top: 1px solid #00aa00;
	border-bottom: 1px solid #050505;
	position: relative;
	background-color: #006000;
	margin: 5px;
	padding: 8px;
	border-radius:5px;
	text-align: center;
display: inline-block;
}
.btn:hover{
	border-top: 1px solid #00aa00;
	border-bottom: 1px solid #050505;
	position: relative;
	background-color: #008000;
	margin: 5px;
	padding: 8px;
	border-radius:5px;
	text-align: center;
display: inline-block;
}
input[type="text"], input[type="password"] {
	background: #ffffff;
	padding: 8px;
	color: grey;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 2px;
	border-radius: 3px;
	width: 96%;
	border: none;
}
input[type="submit"]{
	display: block;
	background: #006000;
	padding: 8px;
	color: #ffdf8c;
	font-size: 14px;
	margin: 5px;
	border-radius: 5px;	
	border-top: 1px solid #00aa00;
	border-bottom: 1px solid #050505;
	border-left: 1px solid #006000;
	border-right: 1px solid #006000;
}
input[type="submit"]:hover{
	display: block;
	background: #008000;
	padding: 8px;
	color: #ffdf8c;
	font-size: 14px;
	margin: 5px;
	border-radius: 5px;	
	border-top: 1px solid #00aa00;
	border-bottom: 1px solid #050505;
	border-left: 1px solid #006000;
	border-right: 1px solid #006000;
}
textarea {
	background: #ffffff;
	padding: 15px;
	color: grey;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 2px;
	border-radius: 5px;
	width: 96%;
	border: none;
}
select {
	background: #ffffff;
	padding: 5px;
	color: grey;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 2px;
	border-radius: 5px;
	width: 96%;
	border: none;
}
.oh{ 
float:left; 
padding: 0 4px 0 0; 
margin:0; 
vertical-align:middle;
}
.icons {
	width: 16px;
	height: 16px;
}
.btn2{
margin:5px;
background: #006000;
border-top:1px solid #00aa00;
border-bottom:1px solid #050505;
border-radius: 5px;
color:white;
text-align:center;
text-decoration:none;
display:inline-block;
min-height:18px;
padding:8px;
font-size:15px;
}
.btn2:hover {
background: #008000;
}
a.btn2 {
text-decoration: none; 
font-size: 14px;
}

.grey{
color: grey;
}

.msg {
padding: 8px 3px ;
background: url('images/msg-bg.png') #242428;
color: #A8A8A8;
}

.pobeda {
padding: 8px 3px ;
background: url('images/pobeda-bg.png') #242428;
color: #A8A8A8;
}

.porazenie {
padding: 8px 3px ;
background: url('images/porazenie-bg.png') #242428;
color: #A8A8A8;
}

.mb10{margin-bottom:10px;}

.item-0{
color:#9b8869;
}
.item-1{
color:#9bcd69;
}
.item-2 {
color:#529ce4;
}

.item-3 {
color:#d67bfc;
}

.item-4 {
color:#f96c27;
}

.item-5{
color:#c91b1b;
}

.item-6{
color:#989898;
}

.item-7{
color:FFD700;
}

.block2 {
background: #252525;
position: relative;
color: white;
}

.block2 li {
list-style:none;
background: #252525;
border-top: 1px solid #404040;
border-bottom: 1px solid #101010;
margin:0;
}

.block2 a {
text-decoration:none;
display:block;
padding:10px;
}

.block2 a.inline {
display:inline-block;
text-decoration:none;
padding:0px;
color: #694d2b;
}

.block2 a:hover{
background-color:303030;
}

.block2 img {
padding:0 5px 0 0;
}

.block2 p {
margin:0;
padding:5px 0 5px 5px;
}

.item {
		text-align: left;
		padding-left: 4px;
		padding-right: 2px;
		padding-bottom: 4px;
		margin-top: 4px;

	}
	
	.item td {
		
		color: gold;
	}
	.item table .dopdop img{
		margin-right: 4px;
		margin-top: 2px;
		width: 40px;
		
		background-image: url('images/interface/itemfon.png');
		border: ridge 0px #27383b;
	}
	.item td a {
		color: #FFDF8C;
		text-decoration: underline;
	}
	.map { background: url('images/interface/main_fon.jpg') center top no-repeat;}
	.map tr, td {
		border: 0px;
	}
	.map td img {
		width: 24px;
		height: 24px;
	}
	.h1h6 {
		font-family: arial;
		color: #c7c99b;
		font-size: 16px;
		margin: 2px 0 2px 0;
		margin-left: 0px;
		text-align: center;
		background:none;
}
.submit{padding:2px 10px;}
.exp_in{height:7px;background: gold;}
.exp{height:3px;background: black}
.example3 {
    display:inline-block;   
    position:relative;
}
.example3 .example_text {
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
     
    color:#fff;
         
    padding-bottom: 3px;
    padding-top: 3px;
background-color:rgba(0,0,0,.5);
}

.stat_bar {
margin:5px auto;
border:#000 solid 0px;
background-color:#fff;
max-width:50%;
}

.stat_bar .progress {
background-color:#FC3;
width:0;
padding-top:2px;
padding-bottom:2px;
}

.stat_bar .blue {
background-color:#99C;
}

.stat_bar2 {
margin-top:5px;
margin-bottom:5px;
border:#000 solid 0px;
background-color:#fff;
max-width:50%;
}

.stat_bar2 .progress {
background-color:#FC3;
width:0;
padding-top:2px;
padding-bottom:2px;
}

.stat_bar2 .blue {
background-color:#99C;
}

.separ {
border:0;
max-width:50%;
border-bottom:#505050 solid 1px;
margin:5px auto;
padding:0;
}

a.btn-blue .btn-blueg {
background:rgba(0,0,0,.5);
}






a.btn-blues {
background-image:url(http://titanwar.ru/Oformlenie/2/sin1.png);
}


img{position: relative;}