body {
	margin: 20px auto;
	max-width: 320px;
	min-width: 128px;
background: url('images/bg.jpg') no-repeat fixed 50% 0px #000;
	font-family: Arial,Tahoma,Verdana,sans-serif;
	font-size: 12px;
}
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:link{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: 14px;}
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 (max-width: 800px) { /* это будет показано при разрешении монитора до 930 пикселей */
  body {max-width: 480px;}
}
@media (min-width: 801px) { /* это будет показано при разрешении монитора до 930 пикселей */
  body {max-width: 420px;}
}

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:#CC9900;
}
.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 #8D673A;
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 {
	padding: 4px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF5DE;
	background: url('images/title.png') center repeat-x #4D4634;
	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: #242428;
    border-top: 1px solid #1b1b1e;
    border-bottom: 1px solid #17171a;
    position: relative;
    color: white;
}
html,Body {
 font-style: normal;
 background-attachment: fixed;
 margin: 0 auto;
 text-decoration:none;
 color: #999;
 position: relative;
 cursor: url('img/cursor.png'),
 auto;
 }
a {
text-decoration:none;
cursor: url('img/cursor.png'), url('img/cursor.png'), url('img/cursor.png'), url('img/cursor.png'), url('img/cursor.png'), auto;
}
.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.btn-blue {
text-decoration: none;
display: block;
padding: 7px 5px 5px 5px;
border-radius:0px;
min-height: 16px;
color: #FFFFCC;
border: none;
background: url('images/btn-blue.png');
list-style: none;
}
a.link {
text-decoration: none;
display: block;
padding: 7px 5px 5px 5px;
border-radius:0px;
min-height: 16px;
color: #FFFFCC;
border: none;
background: url('images/touch.png');
list-style: none;
}






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 {
text-decoration: none;
display: block;
padding: 7px 5px 5px 5px;
border-radius:0px;
min-height: 16px;
border: none;
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 {
	position: relative;
	border: ridge 1px #000000;
	color: rgb(198, 222, 221);
	background-color: #008000;
	margin: 2px;
	margin-top: 4px;
	color: #ffffff;
	padding: 4px;
	border-radius:8px;
	text-align: center;
display: inline-block;
}
input[type="text"], input[type="password"] {
	background: #ffffff;
	padding: 5px;
	color: grey;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 2px;
	border-radius: 5px;
	width: 96%;
	border: none;
}
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:1px;
background: #008000;
border:1px solid #131313;
color:white;
text-align:center;
text-decoration:none;
display:inline-block;
height:18px;
padding:2px;
padding-left:10px;
padding-right:10px;
border-radius:3px;
font-size:14px;
}
.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: #242428;
    position: relative;
    color: white;
}

.block2 li {
list-style:none;
border-top: 1px solid #1b1b1e;
border-bottom: 1px solid #17171a;
margin:0;
}

.block2 li:hover {
background-color:303031;
}

.block2 li.original:hover {
background-color:transparent;
}

.block2 a {
text-decoration:none;
display:block;
padding:5px;
color: white;
}

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

.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:7px;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:#3e3d36 solid 1px;
border-top:#1f1f1a solid 1px;
margin:5px auto;
padding:0;
}

a.link .linkg {
background:rgba(0,0,0,.5);
}






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