HTML {
	font-size: 100.01%;
}

HTML, BODY {
	width: 100%;
}

html, body, div, p, table, tr, td, a, span, form, ul, ol, li {
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial;
	font-size: 14px;
	color: #d69300;
	text-align: left;
	vertical-align: top;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

p {
	margin: 5px 0;
}

a {
	color: #d69300;
	text-decoration: underline;
	outline-style:none;
}

a:hover {
	text-decoration: none;
}

ul, ol {
	padding-left: 10px;
}

h3 {
	margin: 15px 0;
}

/* Design */

body {
	background: #000 url('images/bg.jpg') left top repeat-x;
}

.head {
	background: url('images/head.jpg') left top no-repeat;
	width: 979px;
	height: 330px;
	margin: 0 auto;
	position: relative;
}

.leftbuttons {
	position: absolute;
	left: 196px;
	bottom: 20px;
	width: 74px;
}

.rightbuttons {
	position: absolute;
	left: 841px;
	bottom: 20px;
	width: 74px;
}

.head_button {
	width: 74px;
	height: 30px;
	background: url('images/button.gif') left top no-repeat;
	color: rgb(204, 214, 161);
	border: 0;
	margin: 5px 0 0;
}

#head_button {
	background: url('images/button_h.gif') left top no-repeat;
}

#head_button_d {
	background: url('images/button_d.gif') left top no-repeat;
}

.head_lt {
	background: url('images/lt.png') left top no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 170px;
	height: 183px;
	z-index: 3;
}

.layout {
	width: 979px;
	margin: 0 auto;
	position: relative;
}

.leftblock {
	background: url('images/lb.jpg') left top repeat-y;
	width: 190px;
}

.leftblock_head {
	background: url('images/lb_head.jpg') left top no-repeat;
	width: 190px;
}

.leftblock_content {
	background: url('images/lb_content.jpg') left top repeat-y;
	width: 190px;
}

.leftblock_foot {
	background: url('images/lb_foot.jpg') left bottom no-repeat;
	width: 145px;  /*191 - padding*/
	padding: 25px 20px 25px 25px;
}

.centerblock {
	background: #110D0A url('images/cb.jpg') left top repeat-y;
	width: 683px;
}

.content {
	background: url('images/content.jpg') left top repeat-y;
	width: 635px;
	margin-left: 48px;
}

.content_head {
	background: url('images/content_head.jpg') left top no-repeat;
	width: 635px;
}

.content_foot {
	background: url('images/content_foot.jpg') left bottom no-repeat;
	width: 595px; /*635 - padding*/
	padding: 20px 20px 10px 20px;
}

.loginform {
	background: url('images/form_osnova.png') left top no-repeat;
	width: 173px;
	height: 126px;
	margin: 0 auto;
}

.login_input {
	background: transparent;
	width: 100px;
	height: 14px;
	border: 1px solid rgb(118, 52, 0);
	color: rgb(118, 52, 0);
	font-family: Arial;
	font-size: 13px;
	vertical-align: bottom;
}

.login {
	padding: 12px 0 0 57px;
}

.password {
	padding: 5px 0 0 57px;
}

.login_reg_ok
{
	height: 17px;
	padding: 10px 19px 0 20px;
}

.reg {
	background-image: url('images/form_reg_passiv.png');
	width: 92px;
	height: 17px;
	vertical-align: bottom;
	display: block;
	float: left;
}
.reg:hover {
	background-image: url('images/form_reg_activ.png');
}

.ok {
	background-image: url('images/form_ok_passiv.png');
	width: 24px;
	height: 17px;
	vertical-align: bottom;
	display: block;
	float: right;
	cursor: pointer;
}
.ok:hover {
	background-image: url('images/form_ok_activ.png');
}

.login_for {
	height: 19px;
	padding: 10px 0 0 20px;
}

.for {
	background: url('images/form_for_passiv.png');
	width: 133px;
	height: 19px;
	vertical-align: bottom;
	display: block;
	float: left;
}
.for:hover {
	background: url('images/form_for_activ.png');
}

.rightblock {
	background: url('images/rb.jpg') left top repeat-y;
	width: 106px;
}

.rightblock_top {
	background: url('images/right.jpg') left top no-repeat;
	width: 106px;
	height: 349px;
}

.foot {
	background: url('images/foot.jpg') left top no-repeat;
	width: 682px; /*979-padding*/
	height: 61px; /*131-padding*/
	margin: 0 auto;
	padding: 70px 106px 0 191px;
	text-align: center;
}

.clear {
	clear: both;
}

.hr {
	width: 100%;
	height: 0;
	border-top: 3px double #d69300;
	margin: 15px 0;
}

.counters {
	text-align: center;
}

.counters img {
	vertical-align: bottom;
}