/* 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;
	margin: 0;
	padding: 0;

}
html { width:100%; }
body { background:#fff; position:relative; width:100%; height:auto !important; height:100%; min-height:100%; }

ul, li {
list-style:none;}

#main {
	font-family: Arial;
	width:100%; 
	min-width:979px; 
	width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 979? '979px': 'auto'); 
}
#top {height: 197px; background: #4a98da url(../i/bg_1.png) top left repeat-x; text-align: center;}
	#top .inner { width: 985px; position: relative; margin: 0 auto; text-align: left; }
	#logo { position: absolute; top: 25px; left: 80px;}
	#adress { font: bold 14px Arial; color: #fff; position: absolute; left: 760px; top: 65px; width: 200px;  }
	#adress a { color: #fff; text-decoration: underline; }
	#adress a:hover { color:#11428c; text-decoration: none; }

#middle { position:relative;  width: 100%; background: #fff url(../i/bg_ri_2.png) top repeat-y; }

#bottom {min-height: 200px; }
*html #bottom {height: 200px; }

#left, #right {width: 50%;   }
	#left { float: left; z-index: 100;}
		#left #menuLeft { background: #c9e2f9; padding-right: 328px; }
			#left a{ color: #11428c; font: bold 10px  Arial; text-decoration: underline;  }
			#left a:hover, #menuLeft li.here a {text-decoration: none; color:#000; }

		#left #menuLeft ul { min-height: 200px; background: url(../i/bg_le_1.png) right repeat-y;  width: 168px; display: block; float: right; padding: 20px 0 0px 0; }
			*html #left #menuLeft ul { height: 200px;}
			#menuLeft a { font-size: 14px ; }
			#menuLeft li {padding: 10px  0 0 40px;} 

		#left #linksBar { height: 85px; width: 168px; position: relative; float: right; margin-right: 328px; background: #fff url(../i/bg_le_2.png) right repeat-y; }
		*html #left #linksBar { margin-right: 164px;}
			#linksBar a {color: #11428c;  }
			#linksBar .lang {padding: 25px 0 0 40px; }
			#linksBar .icons {padding: 10px 0 0 40px; }
			#linksBar .mail, #linksBar .map {}

			#searchform { position: absolute; z-index: 999; bottom: -41px; right: 0; height: 30px; width: 130px;   }
			#searchform input.text { height: 12px; padding: 2px 5px; width: 85px; font-size: 12px; color: #888; }
			#searchform input.submit { width: 20px; height: 20px; border: 0; background: url(../i/search.gif) 2px no-repeat; cursor: pointer; cursor: hand;}


		
	#right { float: right; z-index: 101; margin-left: -50px; }
			#right #news { padding-left: 248px;  }
			#right #dearSirs { padding-left: 248px; } 
				#dearSirs  .inner {padding: 10px 20px; color:#333333; font: normal 13px Arial; }
				#dearSirs  .inner a {color:#11428c}
				#dearSirs  .inner a:hover {text-decoration: none; }
			#news ul { width: 208px; padding-top: 10px; min-height: 210px }
			*html #news ul {height: 210px;  }
			#news .header, #dearSirs .header { color: #11428c; font: bold 14px Arial; padding: 10px 20px; background: #c9e2f9 url(../i/bg_ri_1.png) left repeat-y;  }
			#dearSirs .header {height: 15px;}
			#news a { color: #11428c;  font: normal 12px  Arial;  text-decoration: underline; } 
			#news a:hover { text-decoration: none;  color: #000;} 
			#news li {padding: 5px 10px 7px 20px;}
			#news .archive {padding: 10px 0 0 20px; font-size: 11px;}
			#news .archive a {font-size: 11px;}

	#center {
		position: absolute; 
		width: 576px; 
		height: 350px;  
		left: 50%;
		margin-left: -328px;
		top: -23px;
		z-index: 990;
		}
	#centerBg {		
		position: absolute; 
		width: 576px; 
		height: 350px;  
		left: 50%;
		margin-left: -328px;
		top: -23px;
		z-index: 989;
		background: url(../i/bg_ce.png) 0 0 no-repeat;
		}
	#center .left, #center .center, #center .right {position: relative; float: left; height: 348px; overflow: hidden; } 
	#center .left {width: 180px;  }
	#center .left div { width: 180px; height: 346px; margin: 2px 0 0 -3px; }
	#center .left div.here {display: block; }
	#center .center {width: 415px; z-index: 999; margin-left: -21px; margin-top: 1px; }
		#center .center h2 {margin: 1px 0 0 19px; width: 160px; padding: 9px 26px 8px 36px; font: bold 14px Arial; color: #919191; background: #e9e9e9; } 
		#center .center ul {padding: 5px 0; position: relative; }
		
		#subs { width: 172px; position: absolute; height:346px; right: -1px; top: 1px; }
		#subScroll-1, #subScroll-2, #subScroll-3, #subScroll-4, #subScroll-5, #subScroll-6, #subScroll-7, #subScroll-8, #subScroll-9, #subScroll-10, #subScroll-11 { width: 165px; margin-right:8px; position: relative; overflow: auto; height:320px; }
		
		#center .center ul {position: relative; padding-top: 10px; }
		
		#center li {  margin: 0; padding: 0 0 0 13px; width: 231px; position: relative; background: none !important; }
		#center li a {  padding: 0;  height: 1%; font: bold 14px Arial; color: #0c438f; line-height: 15px; display: block;  }
		#center li a:hover {text-decoration: none; color: #000;  }

		#center li.here { background: #ccc; margin: 2px 0;  }
		
		#subs #sub-1,#subs #sub-2,#subs #sub-3,#subs #sub-4,#subs #sub-5,#subs #sub-6,#subs #sub-7,#subs #sub-8,#subs #sub-9,#subs #sub-10,#subs #sub-11 { display: block; }

		#center li.here a{ margin: 0;  padding: 0;  background: url(../i/indexMenu_slice_bg.png) 0 0 repeat-y; }

		
		li#item-1.here a { background-position: 0 top ;}
		li#item-2.here a { background-position: -430px top ;}
		li#item-3.here a { background-position: -847px top ;}
		li#item-4.here a { background-position: -1264px top ;}
		li#item-5.here a { background-position: -1682px top ;}
		li#item-6.here a { background-position: -2098px top ;}
		li#item-7.here a { background-position: -2515px top ;}
		li#item-8.here a { background-position: -2942px top ;}
		li#item-9.here a { background-position: -3359px top ;}
		li#item-10.here a { background-position: -3776px top ;}
		li#item-11.here a { background-position: -4193px top ;}

		.subMiddle, .subLeft { background: url(../i/indexMenu_slice_bg.png) 0 0 repeat-y; }

		.subMiddle {position: relative; height: 320px; overflow: hidden; }
		.subMiddle div {outline-style:none }

		#sub-1 .subMiddle, #sub-1 .subLeft { background-position: -245px top ;}
		#sub-2 .subMiddle, #sub-2 .subLeft { background-position: -662px top ;}
		#sub-3 .subMiddle, #sub-3 .subLeft { background-position: -1079px top ;}
		#sub-4 .subMiddle, #sub-4 .subLeft { background-position: -1496px top ;}
		#sub-5 .subMiddle, #sub-5 .subLeft { background-position: -1913px top ;}
		#sub-6 .subMiddle, #sub-6 .subLeft { background-position: -2330px top ;}
		#sub-7 .subMiddle, #sub-7 .subLeft { background-position: -2747px top ;}
		#sub-8 .subMiddle, #sub-8 .subLeft { background-position: -3156px top ;}
		#sub-9 .subMiddle, #sub-9 .subLeft { background-position: -3573px top ;}
		#sub-10 .subMiddle, #sub-10 .subLeft { background-position: -3990px top ;}
		#sub-11 .subMiddle, #sub-11 .subLeft { background-position: -4407px top ;}

		#center li span.inner {display: block; padding: 4px 0 3px 43px; }	
		#center li.here .inner { background: url(../i/icons.png) 0 50% no-repeat; padding: 11px 0 10px 43px; }

		#center li.here a span.txt { display: block; position: relative; left: -56px; padding-left: 43px; width: 181px;  margin:0 -43px 0 0; cursor: pointer; cursor: hand; }

		#item-1.here a span.txt { border-left: #d655a4 solid 13px; }
		#item-2.here a span.txt { border-left: #be915d solid 13px; }
		#item-3.here a span.txt { border-left: #d78242 solid 13px; }
		#item-4.here a span.txt { border-left: #83bbc8 solid 13px; }
		#item-5.here a span.txt { border-left: #949494 solid 13px; }
		#item-6.here a span.txt { border-left: #86d138 solid 13px; }
		#item-7.here a span.txt { border-left: #d6bb14 solid 13px; }
		#item-8.here a span.txt { border-left: #3798d2 solid 13px; }
		#item-9.here a span.txt { border-left: #264378 solid 13px; }
		#item-10.here a span.txt { border-left: #87872d solid 13px; }
		#item-11.here a span.txt { border-left: #e20140 solid 13px; }

		#center #item-1.here .inner {background-position: -5px  50%; }
		#center #item-2.here .inner {background-position: -305px 50%; }
		#center #item-3.here .inner {background-position: -605px 50%; }
		#center #item-4.here .inner {background-position: -905px 50%; }
		#center #item-5.here .inner {background-position: -1205px 50%; }
		#center #item-6.here .inner {background-position: -1505px 50%; }
		#center #item-7.here .inner {background-position: -1805px 50%; }
		#center #item-8.here .inner {background-position: -2105px 50%; }
		#center #item-9.here .inner {background-position: -2405px 50%; }
		#center #item-10.here .inner {background-position: -2705px 50%; }
		#center #item-11.here .inner {background-position: -3005px 50%; }
		
		#center li {position: relative; }
		.itemTop, .itemBottom { position: absolute; top: 0; left: 0; width: 13px; height: 13px; overflow: hidden; }
		.itemBottom { top: auto;  bottom: 0px; }
		*html .itemBottom { top: auto;  bottom: -1px; }
		.itemSlice {background: url(../i/indexMenu_slice2.png) 0 0 no-repeat; width: 143px; height: 26px; position: absolute; top: 100px; left: 0;}

		#item-1.here .itemTop .itemSlice { top: 0; left: -91px; } 
		#item-1.here .itemBottom .itemSlice { top: -13px; left: -91px;  }

		#item-2.here .itemTop .itemSlice { top: 0; left: -78px; } 
		#item-2.here .itemBottom .itemSlice { top: -13px; left: -78px;  }

		#item-3.here .itemTop .itemSlice { top: 0; left: -65px; } 
		#item-3.here .itemBottom .itemSlice { top: -13px; left: -65px;  }

		#item-4.here .itemTop .itemSlice { top: 0; left: -52px; } 
		#item-4.here .itemBottom .itemSlice { top: -13px; left: -52px;  }

		#item-5.here .itemTop .itemSlice { top: 0; left: -39px; } 
		#item-5.here .itemBottom .itemSlice { top: -13px; left: -39px;  }

		#item-6.here .itemTop .itemSlice { top: 0; left: -26px; } 
		#item-6.here .itemBottom .itemSlice { top: -13px; left: -26px;  }

		#item-7.here .itemTop .itemSlice { top: 0; left: -13px; } 
		#item-7.here .itemBottom .itemSlice { top: -13px; left: -13px;  }

		#item-8.here .itemTop .itemSlice { top: 0; left: 0; } 
		#item-8.here .itemBottom .itemSlice { top: -13px; left: 0;  }

		#item-9.here .itemTop .itemSlice { top: 0; left: -104px; } 
		#item-9.here .itemBottom .itemSlice { top: -13px; left: -104px;  }

		#item-10.here .itemTop .itemSlice { top: 0; left: -117px; } 
		#item-10.here .itemBottom .itemSlice { top: -13px; left: -117px;  }

		#item-11.here .itemTop .itemSlice { top: 0; left: -130px; } 
		#item-11.here .itemBottom .itemSlice { top: -13px; left: -130px;  }
		
		
		.subRight {background: url(../i/indexMenu_slice3.png) 0 0 no-repeat;}

		#sub-1 .subTop .subRight{background-position: -91px 0;}
		#sub-1 .subBottom .subRight{background-position: -91px -13px;}

		#sub-2 .subTop .subRight{background-position: -78px 0;}
		#sub-2 .subBottom .subRight{background-position: -78px -13px;}

		#sub-3 .subTop .subRight{background-position: -65px 0;}
		#sub-3 .subBottom .subRight{background-position: -65px -13px;}
				
		#sub-4 .subTop .subRight{background-position: -52px 0;}
		#sub-4 .subBottom .subRight{background-position: -52px -13px;}

		#sub-5 .subTop .subRight{background-position: -39px 0;}
		#sub-5 .subBottom .subRight{background-position: -39px -13px;}

		#sub-6 .subTop .subRight{background-position: -26px 0;}
		#sub-6 .subBottom .subRight{background-position: -26px -13px;}

		#sub-7 .subTop .subRight{background-position: -13px 0;}
		#sub-7 .subBottom .subRight{background-position: -13px -13px;}

		#sub-8 .subTop .subRight{background-position: 0 0;}
		#sub-8 .subBottom .subRight{background-position: 0 -13px;}

		#sub-9 .subTop .subRight{background-position: -104px 0;}
		#sub-9 .subBottom .subRight{background-position: -104px -13px;}

		#sub-10 .subTop .subRight{background-position: -117px 0;}
		#sub-10 .subBottom .subRight{background-position: -117px -13px;}

		#sub-11 .subTop .subRight{background-position: -130px 0;}
		#sub-11 .subBottom .subRight{background-position: -130px -13px;}
		
		
		.subTop, .subBottom, .subLeft, .subRight {height: 13px; }
		.subLeft {float: left; width: 159px;}
		.subRight {float: right; width: 13px;}


		#center li.here a { color: #fff; }
		#center li.here a:hover {text-decoration: underline; color: #fff;}
		#subs ul { padding: 0; margin: 0;}
		#subs li { padding: 0; margin: 0; width: 150px;  }
		#subs li a { background: none; padding: 4px 0 4px 19px; margin: 0; font: normal 11px Arial; color: #fff; line-height: 13px;  }
		#subs li a:hover { text-decoration: none;  }
		
	
		/* #center .center span span { display: none; } */
	
.clear {
	clear:both;
}

#bottom {
	background: url(../i/bg_bo.png) 0 0 repeat-x;
	text-align: center; 
}
#bottom .inner{ position: relative; width: 984px; margin: 0 auto; padding: 20px 0 0 0; text-align: left; }
	#content p {padding: 5px 0;}
	#content { width: 600px; margin: 0 0 20px 300px; padding-top: 25px;  font-size: 13px; color: #333333; }
	#content a {color: #11428c; text-decoration: underline; }
	#content a {color: #000; text-decoration: none; }

	#copyr { font-size: 14px; color: #333333; position: absolute; top: 0px; left: 285px; }

#footer {position: relative;} 
	#astronim {
		height: 42px;
		width: 104px;
		position:absolute;
		z-index: 999;
		top:0;
		left: 146px
		}
		#astronim img {margin-left: -106px; position: absolute; }
		#astronim a{ color: #848484; font-size: 11px; text-decoration: none; }
		#astronim a:hover {text-decoration: underline; }
/*  CONTENT */

#content a {color: #000;}
#content p {padding: 5px 0;}
#content h1, #content h2, #content h3, #content h4, #content h5 {font-size:22px; color: #0f0; font-family: Arial, Tahoma; font-weight:normal;color: #021289; margin: 10px 0 5px 0;}
#content h2{ font-size: 19px;}
#content h3{ font-size: 18px;}
#content h4{ font-size: 17px;}
#content h5{ font-size: 16px;}

#content h1.txt_title { }

#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;}

.text2{ color: #fff; font-size: 12px; padding:0 10px; }
