@charset "windows-1251";
/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	background:#fff;
	width:100%;
	height:100%;
	min-height:100%;}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000}
a, a:hover{
	color:#0a3cae;
	text-decoration:none}
a:hover{text-decoration:underline}
form{
	padding:0;
	margin:0}
ul {
	padding:0;
	margin:0;
	list-style:none}
img{border:0}
p{
	margin:0;
	padding:5px 0 7px}
small{font-size:10px;}
input, select, textarea{
	font-size:11px;
	border:1px solid #a5a7aa}

h1, h1 a, h1 a:hover,
h2, h3{
	font-family:tahoma;
	color:#3b7d00;
	font-weight:normal;
	font-size:17px;
	line-height:17px;
	padding:7px 0 5px 0;
	margin:0}
h1 label{
	display:block;
	font-size:11px;
	color:#888}
h4{	margin:0;
	padding:3px 0;
	font-size:11px;
	font-weight:bold;}
hr{
	font-size:1px;
	height:1px;
	border:0;
	color:#82a3d0;
	margin:5px 0;
	padding:0;
	border-bottom:1px solid #fff;
	background:#82a3d0}
* html hr{
	margin:0;
	height:2px;}
@-moz-document url-prefix()
{ hr {height:2px}}


.bttn{
	background:url(i/bttn_bg.gif) 0 0 repeat-x #c2c2c2;
	border:1px solid #a4a4a4;
	font-size:12px;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:normal}
.green{color:#5e8a07}
.red{color:#e82101}
.orng{color:#ff6600}

div.container {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin:0 auto -30px auto;}
div.footer_guard {
	height:30px;
	clear:both;}
div.footer {
	overflow:hidden;
	margin:0 auto;
	height:30px;
	width:1000px;
	border-top:1px solid #b5b5b5}
div.footer, div.footer a, div.footer a:hover{
	color:#b5b5b5;
	font-size:11px;}
div.footer a, div.footer a:hover{text-decoration:underline}






.top_links{
	text-align:right;
	overflow:hidden;
	padding:2px 10px 2px 0;}
* html .top_links{
	overflow:visible;
	height:1%}
.top_links, .top_links a, .top_links a:hover{
	font-size:10px;
	text-decoration:none;
	color:#4b4c4f;}
.top_links img{
	vertical-align:middle;
	padding:0 3px 0 10px}

.header{
	height:118px;
	background:url(i/top_img.jpg) 0 0 repeat-x;
	overflow:hidden}
.header .logo{
	float:left;
	width:290px;
	height:60px;
	padding:5px 0 0 20px;}
.header .top_search{
	float:right;
	padding:0px 10px 0 0px;}
.header .top_search input, .header .top_search select{
	border:1px solid #a4a4a4;
	font-size:12px;
	height:20px;}
.header .top_search input{
	height:16px;}
.header input.bttn{
	width:85px;
	height:21px;}

.header .menu{
	clear:both;
	background:url(i/top_mn.gif) bottom repeat-x;
	height:23px;
	padding:0 15px;
	border-bottom:3px solid #fff}
.header .menu li{
	margin:0;
	border-top:1px solid #9a9a9a;
	height:22px;
	float:left}
.header .menu li a, .header .menu li a:hover{
	display:block;
	float:left;
	height:19px;
	color:#434343;
	background:url(i/tab_r.gif) right top  no-repeat;
	padding:4px 38px 0 12px;
	position:relative;
	z-index:1;
	margin:-1px 0 0;
	line-height:16px;}
.header .menu li.first a, .header .menu li.first a:hover{
	border-left:1px solid #9a9a9a;
	padding-left:22px;}
.header .menu li.near_sel a, .header .menu li.near_sel a:hover{
	background:url(i/tab_r_near_sel.gif) right no-repeat;}
.header .menu li.last a, .header .menu li.last a:hover{
	background:url(i/tab_r_last.gif) right no-repeat;}
.header .menu li.last.sel a, .header .menu li.last.sel a:hover{
	background:url(i/tab_r_sel_last.gif) right no-repeat;}
.header .menu li.sel{
	background:#fff;}
.header .menu li.sel a, .header .menu li.sel a:hover{
	display:block;
	float:left;
	z-index:100;
	text-decoration:none;
	background:url(i/tab_r_sel.gif) right top  no-repeat;}
.header .path{
	font-size:18px;
	height:25px;
	padding-left:10px;
	line-height:18px;}
.header .path a, header .path a:hover, .header .path label{
	padding:0 8px;
	font-size:12px;}


#content{
	clear:both;
	overflow:hidden;
	padding:0 10px 5px;}
#content #right{
	float:right;
	width:1px;}
#content #left{
	float:left;
	width:200px;}
#content #cntr{
	margin:0 1px 0 200px;
	padding-left:10px;}
* html #content #cntr{display:inline-block;}

.left_menu{
	overflow:hidden;
	list-style:none;
	border:1px solid #d6d3d3;
	border-bottom:0;
	border-top:0;
	padding:0;
	width:198px;
	margin:0 0 10px 0}
.left_menu li{
	float:left;
	width:100%;}
.left_menu li a{
	padding:4px 10px;
	color:#000;
	text-decoration:none;
	display:block;
	float:left;
	border-bottom:1px solid #d6d3d3;
	border-top:1px solid #fff;
	background-color:#f8f8f8;
	width:100%}
.left_menu li a:hover{
	background-color:#e9e8e8;
	padding-left:11px;}
.left_menu li a.sel, .left_menu li a.sel:hover{
	padding-left:10px;
	background-color:#dddddd}

.login_form div label{
	color:#000;
	display:block;
	float:left;
	width:70px;
	text-align:left}
.login_form div{
	padding:3px 10px}


#cntr .hd, #cntr .hd a, #cntr .hd a:hover,
#right .hd, #right .hd a, #right .hd a:hover,
#left .hd, #left .hd a, #left .hd a:hover,
#right .hd_standart, #right .hd_standart a, #right .hd_standart a:hover{
	font-weight:bold;
	line-height:23px;
	color:#323232;}
#cntr .hd li{
	display:inline;
	padding-right:15px;}
#cntr .hd li, #cntr .hd li a, #cntr .hd li a:hover{
	font-weight:normal;}
#cntr .hd li a.sel, #cntr .hd li a.sel:hover{
	font-weight:bold}

/*comments*/
.comments li{
	padding:5px 0}
.comments li li{
	padding-left:35px}

.comments li .chd{
	padding:2px 0;
	background:none;
	overflow:hidden}
.comments li .chd span{
	float:left}
.comments li .chd span.rating{
	padding:5px;
	float:right}
.comments li .chd a, .comments li .chd a:hover{
	font-weight:bold;
	text-decoration:underline;
	font-size:11px;}
.comments li .chd span img{
	margin:0 2px 2px 0;
	vertical-align:middle}
.comments li .chd span .avatar{
	border:1px solid #888}

/*colored part*/
#cntr .hd, #right .hd_standart{
	background:url(i/blue_hd.gif) 0 0 repeat-x #a1b58f;}
#right .hd_standart{
	margin-top:4px}
#cntr .hd .bord_l, #right .hd_standart .bord_l{
	background:url(i/blue_hd_l.gif) 0 0 no-repeat}
#cntr .hd .bord_r, #right .hd_standart .bord_r{
	background:url(i/blue_hd_r.gif) right top no-repeat;
	line-height:23px;
	padding:0 15px}
#cntr .cont, #right .cont_standart{
	border:1px solid #a5a7aa;
	border-top:0;
	padding:10px;
	margin:0 0 10px 0;
	overflow:hidden;}
#right .cont_standart{
	padding:10px 0}
#cntr .cont h1{
	padding-top:0}
#cntr .hd.alone .bord_r{height:30px; line-height:28px;}



#right .hd, #left .hd{
	background:url(i/orng_hd.gif) 0 0 repeat-x #e8bf77;}
#right .hd .bord_l, #left .hd .bord_l{
	background:url(i/orng_hd_l.gif) 0 0 no-repeat}
#right .hd .bord_r, #left .hd .bord_r{
	background:url(i/orng_hd_r.gif) right top no-repeat;
	padding:0 15px}
#right .cont{
	border:1px solid #ffb14c;
	border-top:0;
	margin:0 0 10px 0;
	padding:5px 0;
	overflow:hidden;}
#right .cont .odd{
	background:#fff7ee}


label{
	color:#888}

/*end*/

.popular{
	overflow:hidden}
.popular li{
	width:130px;
	padding:0 4px 0 3px;
	float:left}
.popular li div{
	text-align:center;
	width:128px;
	height:88px;
	border:1px solid #b5b5b5}

.news_left{
	float:left;
	width:280px;}
.news_left img{
	float:left;
	padding:0 7px 7px 0}
.news_right{
	float:right;
	width:255px;}

.more_news{
	font-size:12px;
	font-weight:bold}
.more_news li{
	font-size:11px;
	padding:0 0 8px 20px;
	font-weight:normal}

.news_list li{
	padding-bottom:10px;
	overflow:hidden}
.news_list img{
	float:left;
	padding:0 7px 0 0}

#right .news_list li{
	padding:5px 10px;}


/*one_news*/
.one_news{
	overflow:hidden;
	font-size:12px;
	padding-bottom:10px}
.one_news img{
	float:left;
	background:#fff;
	padding:7px;
	border:1px solid #888;
	margin:0 10px 7px 0}

/*help*/
.list li{
	background:url(i/li_orng.gif) 7px 7px no-repeat;
	margin:3px 0;
	padding:2px 20px;}
.list li li{
	background:url(i/li_gray.gif) 7px 7px no-repeat;
	padding-right:0}
.list li a, .list li a:hover{
	text-decoration:underline}
.list li.sel a, .list li.sel a:hover{
	color:#163c93;}

.catalog{
	width:100%;
	margin-bottom:10px;
	border:1px solid #a5a7aa;
	border-top:0;}
.catalog td{
	padding:5px 20px;
	vertical-align:top}
.catalog td li{
	padding:0 0 5px 12px;
	background:url(i/li_gray.gif) 0 6px no-repeat}

/*table*/
.tbl{
	width:100%;
	border:1px solid #a5a7aa;
	border-top:0}
.tbl .odd{
	background-color:#efefef}
.tbl th{
	padding:5px 10px;
	text-align:left;
	background:url(i/blue_th.gif) 0 0 repeat-x #a1b58f;
	position:relative;}
.tbl th.bord_l, .tbl th.bord_r{
	/*vertical-align:top;*/
	padding:0;}
.tbl th.bord_r{
	text-align:right}
.tbl th.bord_l b, .tbl th.bord_r b{
	display:block;
	height:23px;
	background:url(i/blue_th_l.gif) 0 0 no-repeat;
	margin-left:-1px;
	position:relative}
.tbl th.bord_r b{
	background:url(i/blue_th_r.gif) right no-repeat;
	margin-right:-1px;}
.tbl th.sel{
	background:url(i/th_sel.gif) 0 top repeat-x #ccdcbf}
.tbl th img{
	vertical-align:middle;
	padding:0 5px 0 0}
.tbl td{
	padding:3px 7px}
.tbl tfoot td{
	font-weight:bold;
	background:#d7d7d7;
	border-top:1px solid #fff}

/*forms*/
.form{
	border:1px solid #dbdde0;
	padding:5px;
	position:relative;
	margin-bottom:5px;
	background:#f2f4f7}
.form td, .form th{
	text-align:left;
	padding:2px 5px}
.form .bord_r p{
	display:block;
	padding:2px 0 2px 20px;}
.form h4{
	background:url(i/li.gif) 5px 6px no-repeat;
	padding-left:20px;}
.form b{line-height:18px}

/*pager*/
.pager{
	font-size:12px;}
.pager a, .pager a:hover{
	margin:0 7px;}
.pager label, .pager label a, .pager label a:hover{
	color:#000;
	font-size:14px;
	font-weight:bold}

/*info blocks*/
.error{
	border:1px solid #ff0000;
	background:url(i/error_img.gif) 10px 10px no-repeat;
	position:relative;
	margin:5px 0;}
.error .bord_1{
	background:url(i/error1.gif) 0 0 no-repeat;
	margin:-1px 0 0 -1px;}
.error .bord_2{
	background:url(i/error2.gif) right top no-repeat;
	margin:-1px -1px 0 0;}
.error .bord_3{
	background:url(i/error3.gif) left bottom no-repeat;
	margin:0 0 -1px 0;}
.error .bord_4{
	background:url(i/error4.gif) right bottom no-repeat;
	padding:10px 10px 10px 53px;
	margin:0 0 -1px 0;}
.error label{
	font-family:tahoma;
	font-size:17px;
	color:#ff0101}

.warning{
	border:1px solid #ffae00;
	background:url(i/warning_img.gif) 10px 10px no-repeat;
	position:relative;
	margin:5px 0;}
.warning .bord_1{
	background:url(i/warn1.gif) 0 0 no-repeat;
	margin:-1px 0 0 -1px;}
.warning .bord_2{
	background:url(i/warn2.gif) right top no-repeat;
	margin:-1px -1px 0 0;}
.warning .bord_3{
	background:url(i/warn3.gif) left bottom no-repeat;
	margin:0 0 -1px 0;}
.warning .bord_4{
	background:url(i/warn4.gif) right bottom no-repeat;
	padding:10px 10px 10px 53px;
	margin:0 0 -1px 0;}
.warning label{
	font-family:tahoma;
	font-size:17px;
	color:#ff6600}

.info{
	border:1px solid #82a3d0;
	background:url(i/info_img.gif) 10px 10px no-repeat;
	position:relative;
	margin:5px 0;}
.info .bord_1{
	background:url(i/info1.gif) 0 0 no-repeat;
	margin:-1px 0 0 -1px;}
.info .bord_2{
	background:url(i/info2.gif) right top no-repeat;
	margin:-1px -1px 0 0;}
.info .bord_3{
	background:url(i/info3.gif) left bottom no-repeat;
	margin:0 0 -1px 0;}
.info .bord_4{
	background:url(i/info4.gif) right bottom no-repeat;
	padding:10px 10px 10px 53px;
	margin:0 0 -1px 0;}
.info label{
	font-family:tahoma;
	font-size:17px;
	color:#17498d}






* html .top_links, * html .header, * html #content,
* html .popular, * html #cntr .cont, * html .news_list li,
* html .one_news, * html .comments li .chd{
	overflow:visible;
	height:1%}
/** pages **/
.pages{
	text-align:center;
	padding:20px 10px 10px}
.pages a, .pages a:hover, .pages span{
	padding:0 3px 0 4px;
	margin:0 5px}
.pages span.nav{
	color:#999999;
	border:0;
	font-weight:normal;
	background:none}
.pages span{
	background: #323232;
	color:#fff;
	font-weight:bold;
	border:1px solid #999}
.pages a{
	color:#fff;
	background:#A1B58F;
	border:1px solid #A1B58F;
	text-decoration:none}
.pages a:hover{
	background-color:#666;
	border:1px solid #666}
.pages a.nav, .pages a:hover.nav{
	border:0;
	text-decoration:underline;
	background:none;
	color:#A1B58F}
.pages a:hover.nav{
	color:#666}

@media (max-width: 980px) {
	div.footer {
		width: 100%;
	}
}

@media (max-width: 980px) {
	.mobail #content #left, .mobail .header .menu {
		display: none;
	}
	.mobail #content #cntr {
		margin-left: 0;
	}
	.mobail .header {
		height: auto;
		background-repeat: repeat;
	}
	.mobail form {
		display: block;
		width: 100%;
		/*overflow-x: auto;*/
	}
	.mobail .tbl td {
		/*vertical-align: initial;*/
		padding: 0;
	}
	.mobail .comment_item {
		/*white-space: nowrap;*/
		/*overflow: hidden;*/
		/*text-overflow: ellipsis;*/
		/*width: 200px;*/
	}
}