/* CSS Document */
/* Author: Astronim* [http://astronim.com] */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, table, td, tr,  div {
	border: 0;
	line-height: ;
	margin: 0;
	padding: 0;

}
html { width: 100%; }
body { position: relative; width: 100%; height: auto !important; height: 100%; min-height: 100%; text-align: left;  }

ul, li {
list-style:none;}

#main {
	width:100%; 
	min-width:976px; 
	width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 976? '976px': 'auto'); 
	font: 11px Arial; 
}
#top{  background: url(../i/bg-1.png) top repeat-x; text-align: center;}
#top  {min-height: 160px;}
*html #top  {height: 160px;}
#index #top {min-height: 400px;}
*html #index #top {height: 400px;}
#top .innerTop { position: relative; width:976px;  margin: 0 auto; text-align: left;   }
	#logo {position: absolute; top: 26px; left: 90px; z-index: 999;}

	#topBar { height: 32px; width:336px; position: absolute; right: -7px; top: 0; background: #ffcb04; z-index: 998;}
	#topBar .langs, #topBar .icons { height: 32px; float: left; padding-top: 7px;  height: 25px;}
	#topBar .langs { width: 196px; background: url(../i/sl-3.png)  0 -139px no-repeat; color: #fff; padding-left: 30px; }
	#topBar .langs a, #topBar .langs span { margin: 0 3px;  color: #fff; }
	#topBar .langs span {  font-weight: bold; margin: 0 3px; }
	#topBar .langs a:hover {color:#000;}
	#topBar .icons { width: 110px; background: url(../i/sl-3.png) right -170px no-repeat;  }
	#topBar .icons a {margin: 0 5px 0 0;  height: 20px; width: 20px; display: block;  float: left; margin-top: -3px; }
		#topBar .icons a p{display: none;}
		#topBar .icons a.mail {background: url(../i/i-sl.png) 60px 0;}
		#topBar .icons a.mail:hover {background-position: 60px -20px;}
		#topBar .icons a.map {background: url(../i/i-sl.png) 40px 0;}
		#topBar .icons a.map:hover {background-position: 40px -20px;}
		#topBar .icons a.search {background: url(../i/i-sl.png) 0px 0;}
		#topBar .icons a.search:hover {background-position: 0px -20px;}
		#topBar .icons a.home {background: url(../i/i-sl.png) 20px 0;}
		#topBar .icons a.home:hover {background-position: 20px -20px;}

	#top #distr { position: absolute; right: 0; width: 500px; top: 50px; color:#6e6f71; z-index: 800;}
		#top #distr h3 {font-size: 10px; font-weight: normal;}
		#top #distr table td {padding: 7px;}
		#top #distr a {color:#6e6f71; font-size: 12px; }
		#top #distr a:hover {color:#232423; text-decoration: none;}

	#menuTop {
		position: relative;
		margin: 0 0 0 132px;
		padding-top: 130px;
		height: 32px;
		background: url(../i/bg-2-sl.png) 0 130px  repeat-x;
		}
		#menuTop .inner {  
			height: 32px; 
			background: url(../i/me-sl.png) top right no-repeat;
			}
		#menuTop ul {  
			height: 32px; 
			padding-left: 14px;
			background: url(../i/me-sl.png) bottom left no-repeat;
			}
			#menuTop li { float: left; position: relative; }
			#menuTop a { 
				display: block;  
				height: 26px; 
				float: left; 
				padding: 6px 12px 0 12px; 
				cursor: pointer; cursor: hand; 
				color: #393a3a; 
				font-size: 12px; 
				font-weight: bold; 
				position: relative; 
				text-decoration: none; 
				}
			#menuTop a:hover, #menuTop a.here { background: url(../i/sl-3.png) 0 -202px; color: #ffe47f; }
				#menuTop a p { color: #ffcb04; text-decoration: underline; display: block; float: left; position: absolute; top: 7px; left: 12px;}
				#menuTop a:hover p, #menuTop a.here p { color: #393a3a;}
	
	#newsAndFlash { height: 232px; width:976px; margin: 27px auto 0 auto; text-align: left;}
		#newsAndFlash .inner { height: 232px; position: relative; margin: 0 32px 0 36px; }
			#newsAndFlash .head { height: 32px; position:relative;  margin: 0 -12px 0 75px; background: #ffcb04  url(../i/sl-3.png) 100% -234px  no-repeat; }
			#newsAndFlash .headInner { height: 32px; background:  url(../i/sl-3.png) 0 -266px no-repeat;  }
			
			#newsAndFlash .newsHeader { height: 32px; float: right; width: 364px; background:  url(../i/bg-3.png) 0 0 no-repeat;}
			#newsAndFlash .header {  height: 32px; float: left;  width:100px; }
				#newsAndFlash .header a { color: #3f4041; font-weight: bold; font-size: 14px; padding: 7px 0 0 24px; position: relative; display: block;  width: 70px;  text-decoration: none; cursor: pointer; cursor: hand;}
				#newsAndFlash .header a span { color: #ffffff; position: absolute; top: 8px; left: 24px; text-decoration: underline; }
				#newsAndFlash .header a:hover { color: #ffffff; }
				#newsAndFlash .header a:hover span { color: #3f4041; }

				#newsAndFlash a.arch { display: block;  float: left;  width: 50px; height: 16px; margin-left: 20px; padding: 8px; color: #fff; }
				#newsAndFlash a.arch:hover { color: #3f4041; }

			#search { float: left; height: 27px; background: url(../i/bg-search.png) 15px 6px no-repeat; padding: 5px 0 0 25px ; width: 300px;}
				#search	input.text { border: none;  background: none; width: 130px; margin-right: 10px;  float: left;  } 
				#search	a.submit { display: block; float: left; background: url(../i/i-sl.png) 0 0; width: 20px;  height: 20px; } 
					#search	a.submit:hover{ background-position: 0 -20px; } 
					#search	a p { display: none; }
				

			#newsAndFlash .middle { height: 200px; background: url(../i/bg-2-sl.png) 0 -32px repeat-x; position: relative; margin: 0 0 0 0;   }
				#newsAndFlash .left , #newsAndFlash .right { height: 200px; position: absolute; }
				#newsAndFlash .left { top: 0; left: -1px;  width: 560px; background: url(../i/sl-1.png) 1px -200px no-repeat; }
				#newsAndFlash .right { top: 0; right: 0;  width: 390px;  background: url(../i/sl-1.png) 100% 0 no-repeat; }
					#news { height: 200px;  background: url(../i/lo-convex-1.png) 5px 45px no-repeat; }
				
					#news .inner { width: 370px; height: 180px; padding-top: 10px; margin-left: -15px; }
					html>body #news .inner {margin-left: -15px; }
					#news .inner .item {display:block; width:100%; padding-top:15px; line-height:14px }
					#news a { text-decoration: none; color:#ffffff; }
					#news a:hover { text-decoration: underline; }
					#news img.more { position: relative; bottom: -1px; left: 7px; text-decoration: none; }
		
.rubrics { background: url(../i/bg-1.png) top repeat-x; text-align: center; position: relative; }
	.rubrics .inner {  position: relative; width:976px;  margin: 0 auto; text-align: left;  padding-top: 10px;}
	.rubrics .top { position: relative; }
	.rubrics .top h2 { margin-left: 5px; position: relative; width: 294px; color:#232423; background: #ffcb04 url(../i/sl-3.png) 0 0 no-repeat; height: 70px;   }
	.rubrics .top h2 a { display: block; color:#232423;font-size: 14px; font-weight: bold; padding: 17px 0 0 35px; height: 53px; background: url(../i/sl-3.png) 100% -68px no-repeat; }
	.rubrics.first .top h2 a{padding: 27px 0 0 35px; height: 43px;}
	.rubrics .top h2 a:hover { color:#fff;}
	
	.rubrics .flash { position: absolute; right: 109px; top: 0;}
	
	.rubrics .middle {color:#6e6f71; padding: 0 50px 0 25px; letter-spacing: 2px;  }
	.rubrics .middle .razdel {margin:  0 0 5px 0; padding: 10px;}
	.rubrics .middle h3 { padding: 0 0 8px 0; }
	.rubrics .middle h3 a {color:#6e6f71;  font-size: 11px; letter-spacing: 0;}
	.rubrics .middle a {color:#6e6f71; font-size: 10px; letter-spacing: 0; }
	.rubrics .middle a:hover {color:#232423; text-decoration: none;}

	.rubrics table td {vertical-align: top; width: 50%;}
	.rubrics.first table td {width: 20%;}

#footer {
	margin-top: 60px;
	height: 83px;
	text-align: center;
	background:url(../i/fo.png) top no-repeat; position: relative;
	}
	#footer .inner{
		width: 976px;
		margin: 0 auto; 
		text-align: left;
		height: 83px;
		position: relative;
		padding-top: 0;
		}
		#copyr {
			position: absolute; top: 19px; left: 150px;
			color: #8a8c8d;
			font-style: italic;
			}

		#astronim {
			position: absolute; bottom: 8px; right: 173px;
			color: #fff;
			font-style: italic;
			}
			#astronim a { color:#fff; position: absolute;  top: -8px; overflow: hidden; padding-top: 8px; width: 158px; right: -165px; height: 18px; background: url(../i/astronim.png) right top no-repeat;}
			*html #astronim a {  top: -8px; height:21px;}
			#astronim a:hover { text-decoration: none;}

.clear, .clr {
	clear:both;
}

/* SECOND */ 
#middle { background: url(../i/bg-1.png) top repeat-x; text-align: center; position: relative; margin-top: 10px; }
	#middleLeft { width: 850px; margin-left: 30px;}
		#middleInner { position: relative; width:976px;  margin: 0 auto; text-align: left;  padding-top: 10px; }
		#middle .top { position: relative; }
		#middle .top h2 { margin-left: 5px; position: relative; width: 320px; color:#232423; background: #ffcb04 url(../i/sl-3.png) 0 0 no-repeat; height: 70px; }
		#middle .top h2 a { display: block; color:#232423;font-size: 14px; font-weight: bold; padding: 27px 0 0 35px; height: 43px; background: url(../i/sl-3.png) 100% -68px no-repeat; }
		#middle .top h2 a:hover { color:#fff;}
		#middle .topFlash { position: absolute; right: 82px; top: 0;}

		#menuLeft {width: 320px; padding: 30px 0;}
		#menuLeft div.leftSubMenu-here  { padding: 5px 35px 5px 65px;}
		#menuLeft div.leftSubMenu-here a {color:#6e6f71; font-size: 14px; font-weight: bold; text-decoration: none;}
		#menuLeft div.leftSubMenu-here a:hover {color:#363638; text-decoration: none; }
		#menuLeft ul li {width: 100%; }
		#menuLeft ul a { color:#6e6f71; text-decoration: underline;  font-size: 12px; display: block; background: url(../i/sl-4.png)  -1000px -1000px no-repeat;}
		#menuLeft ul a span {display: block; padding: 5px 35px 5px 65px;  background: url(../i/sl-4.png) -100px -1000px no-repeat;}
		
		#menuLeft ul a:hover span { background: url(../i/sl-5.png) right top no-repeat;}
		#menuLeft ul a:hover { color:#363638; text-decoration: none; background: url(../i/sl-5.png) left bottom no-repeat;}

		#menuLeft li.here a span{  background: url(../i/sl-4.png) right top no-repeat !important;}
		#menuLeft li.here a { color:#363638; text-decoration: none; background: url(../i/sl-4.png) left bottom no-repeat !important;}

		#menuLeft .leftSubMenu {margin-top: 30px;  background: url(../i/bg-1.png) top repeat-x;  }
		#menuLeft .leftSubMenu ul {padding: 30px 0;  background: url(../i/bg-4.png) 0 0 no-repeat;}
		#menuLeft .leftSubMenu ul a {margin: 5px 35px 10px 65px;}
		* html #menuLeft .leftSubMenu ul a {margin-bottom:5px !important}
		#menuLeft .leftSubMenu ul a:hover span { background: none;}
		#menuLeft .leftSubMenu ul a:hover { color:#363638; text-decoration: none; background: none;}

		#menuLeft .leftSubMenu ul a { font-weight: bold; font-size: 11px;}

		#menuLeft div.h2 { margin-left: 5px; margin-top: 10px;  position: relative; width: 320px; color:#232423; background: url(../i/sl-5.png) top right no-repeat; height: 70px; }
		#menuLeft div.h2 a { display: block; color:#6e6f71;font-size: 14px; font-weight: bold; padding: 27px 0 0 35px; height: 43px; background: url(../i/sl-5.png) bottom left no-repeat; }
		#menuLeft div.h2 a:hover { color:#363638;}
		#menuLeft div.h2.twoLines a{padding: 19px 0 8px 35px;}

	#middleRight { float: right; width: 615px; }

		

/*  CONTENT */
#content {padding:15px 0 15px 0; color:#363638; font-size: 12px; }
#content a {color: #000; text-decoration: underline;}
#content a:hover { text-decoration: none;}
#content p, #content div {padding:  0 0 5px 0;}
#content h1, #content h2, #content h3, #content h4, #content h5 {font-size:18px; color: #6e6f71; font-family:Arial, Tahoma; font-weight:normal; margin: 10px 0 5px 0; background: url(../i/bg-h.png) 15px -7px no-repeat; padding-left:70px;}
#content h2{ font-size: 17px; background-position: 15px -8px; font-weight: bold;}
#content h2 a {color: #6e6f71; }
#content h2 a:hover {color: #000; }
#content h3{ font-size: 16px; background-position: 15px -9px; font-weight: bold;}
#content h4{ font-size: 15px; background-position: 15px -10px; font-weight: bold;}
#content h5{ font-size: 14px; background-position: 15px -11px; font-weight: bold;}

#content h1.contentHeader {font-size:24px; color: #363638;  padding-left:100px; position: relative; left: -30px; margin-top: 30px; background: url(../i/bg-h1.png) 0 0 no-repeat;}

#content ul li { list-style: disc;}
#content li {padding: 0 0 1px 0; margin:  0 0 0 20px; }
#content li li {   }

#content table.tbl {color: #000;}
#content table.tbl td {padding: 4px 6px; border: #f00 1px solid; text-align: center; }
#content table.tbl .theader {background: #f00; font-weight: bold; }

#content input.btn {  cursor: pointer; cursor: hand;}

.catItem {width: 100%; border-bottom: 1px solid #f1f1f1; padding: 10px; }
.catItem .img { position: relative;  margin: 0 0 15px -220px; width: 200px; overflow: hidden; float: left;   }
*html .catItem .img { margin: 0 0 15px -110px;   }
.catItem .cont {margin: 0 15px 0 220px; }

.catImg  { padding: 15px 0; }

#locationBar {margin: 10px 0 10px 0; }
#locationBar a {color: #6e6f71; }

.label {
    font-size: 110%
}

#menuLeft .leftSubMenu ul a.here { color: #000 !important}