body{margin:0;padding:0;background:#fff;font-family:Arial}
a{color:#4E4E4E;text-decoration:underline;}
a:hover{text-decoration:none;color:#007F92;}/**/
#text span a:hover, #news a:hover, #body a:hover, h3 a:hover, #text a:hover,td p a:hover{text-decoration:none;background:#06AFB6;color:#ffffff;}
td{color:#4E4E4E}

.gray{background:#E5E5E5}
.cyan{background:#06AFB6}

.star {font-size:12px;color:#CD150D}

#logos{margin:40px 55px 0 44px}
#logos img{margin:7px 0 7px 0}
#logos2 img{margin:5px 0 5px 0}
#logos2{margin:40px 55px 0 33px}

#address{font:9px Tahoma;color:#fff}
#address a{color:#fff}
#address a:hover{text-decoration:none}

#sec_menu{font:75% Tahoma;color:#000;}
#sec_menu td{padding:15px 0 5px 0;line-height:20px}
#sec_menu a{font:110% Tahoma;color:#000;padding:0 5px 0 5px}
#sec_menu a:hover{text-decoration:none}
#sec_menu span {font: bold 17px Arial;margin:0;color:#000;}

#catalog{vertical-align:top;margin-left:54px;margin-right:10px;font:12px Arial}
#catalog h3{color:#06AFB6;font:bold 12px Arial;margin:0;padding:0}
#catalog h3 a{color:#06AFB6;text-decoration:none}
#catalog h3 a:hover{text-decoration:underline}

#catalog p{margin:0 0 10px 0;padding:0}
#catalog .logo{margin:16px 0}

input,textarea {border:solid 1px #ccc}
.button {background:url(i/buttion.gif) no-repeat 0 0;color:#fff;width:100px;height:30px;border:none;padding-top:3px;font-size:11px;}

form{margin-left:0px;color:#007F92;font-size:12px}
.tb1{border:none}

#fo{color:#4e4e4e;}
#fo table {margin: 0 0 0 5px;font:italic 12px Times}


#h113 h1 {font: bold 13px Arial,Verdana;margin-top:18px;margin-left:63px}
#h115 h1 {font: bold 15px Arial,Verdana;margin-top:17px}
#h118 h1 {font: 18px Arial,Verdana;margin-top:15px}
#h124 h1 {font: bold 24px Arial,Verdana;margin-top:11px}

#muha1 {position:absolute;left: 225px;top: 0px}
#oralo {position:absolute;left: 540px;top: 168px}
#astrocms img{margin:0 0 45px 0}

div#noner {overflow: hidden;}
#ar2 {position:absolute;left: 595px;top: 175px}
#arindx {position:absolute;left: 639px;top: 175px}
#ar {margin:80px 0 0 15px;padding-left:10px}
#d219{width:219px}
#d560{width:560px}
.itr {visibility:hidden}

.warry {height:200px; background:#fff url(i/warry.gif) no-repeat 50% 100%}

/* new style */

.logo {background:#E5E5E5; width:200px; text-align:center; padding:36px 0}
#menu {background:#06AFB6 url(i/bgs1.gif) no-repeat 0 0; padding-left:25px; padding-top:34px}
#logo-comp-index {background:#fff url(i/bg10.gif) no-repeat 100% 0; padding-left:2px; padding-top:0px}
#logo-comp {background:#fff url(i/bgs3.gif) no-repeat 0 0; padding:100px 0px 10px 15px}
#logo-comp span{margin-left:14px}
#logo-comp img {margin:7px 0 7px 21px}
#middle {background:#fff url(i/bgs2.gif) no-repeat 0 0}
#middle .m1 {background: url(i/bgsn.gif) no-repeat 100% 0}
#middle .m1_ {background: url(i/bgsn_.gif) no-repeat 100% 0}
#middle .muha {margin-left:21px}

#middle .title {margin-left:52px; width:150px; text-align:center}
#middle .title h1 {margin:0; padding:0}
#middle .title h1.s13 {font: bold 13px Arial,Verdana}
#middle .title h1.s15 {font: bold 15px Arial,Verdana}
#middle .title h1.s18 {font: 18px Arial,Verdana}
#middle .title h1.s24 {font: bold 24px Arial,Verdana}

.right-bg-top {background:#e5e5e5 url(i/bgs55.gif) no-repeat 0 0}
.right-bg-top .www {background: url(i/www.gif) no-repeat 95% 100%; height:343px}
.right-bg-bot {background:#e5e5e5 url(i/bgs555.gif) no-repeat 0 0; padding-top:142px}
.right-bg-bot .warning {height:160px; background:#fff url(i/warry.gif) no-repeat 50% 100%}

.left-panel-bg {width:219px; height:117px; background:#fff url(i/bg111.gif) no-repeat 0 100%}
.left-panel-address {background:#06AFB6 url(i/bg21.gif) no-repeat 100% 100%}
.left-panel-address-index {background:#06AFB6 url(i/bg15.gif) no-repeat 0 0; font:9px Tahoma; color:#fff; padding:20px 1px 0 3px}
.left-panel-contact-index {font:9px Tahoma; color:#fff; padding:0 4px 0 4px}
.left-panel-contact, .left-panel-address {font:9px Tahoma; color:#fff; padding:0 4px 0 14px}
.left-panel-contact-index a, .left-panel-address-index a, .left-panel-contact a, .left-panel-address a {color:#fff}
.left-panel-contact-index a:hover, .left-panel-address-index a:hover, .left-panel-contact a:hover, .left-panel-address a:hover {color:#fff; text-decoration:none}
.middle-panel-bg {background:#fff url(i/bg19.gif) no-repeat 0 100%}
.right-panel-bg {background:url(i/bg14.gif) no-repeat 100% 100%}

.b2 {background:#06AFB6 url(i/bg16.gif) no-repeat 0 0}

.sremont {position:absolute;left: 405px;top: 20px}
select.go0 {width:143px}
select.go1 {width:170px}
select.go {width:207px}
select.go, select.go1 {margin-bottom:24px; margin-right:5px; border:1px solid #ccc; background-color:#fff; font-size:12px; margin-top: 13px;}
select.go0 {border:0px solid #333; background-color:#fff;font-size:12px; margin:5px 0 0 4px; padding:0}
select.go .here {font-weight:bold;color:#627778;}

input.btn {color:#fff;width:100px;font-size:11px; background:none; border-width:0;padding-top:4px; background:#A2A2A2 url(i/buttion.gif) no-repeat 50% 50%; height:30px}

#text{margin:40px 5px 0 60px;vertical-align:top;font:13px Arial;line-height:18px;width:495px}/*"Lucida Console"*/
#text h3{font: normal 13px Arial;margin:10px 0 10px 0;/*background:#F0F5F5; border-left:solid 4px #06AFB6;padding:5px 0 5px 17px*/}
/*#text h3 a{text-decoration:underline;color:#4B7577;font: normal 13px Arial;}*/
#text h5 {color:#06AFB6;font: normal 20px Arial;padding:0 0 12px 0;margin:0}
#text h4 {color:#333;font: normal 18px Arial;padding:17px 0 0px 0;margin:0}
#text h1 {font: normal 12px Arial;padding:8px 0 12px 0;margin:0}
#text p{margin:0 0 10px 0;padding:0}
#text div.content2,#text div.content,#text p.content{margin:10px 0 10px 0;font:13px Arial}
#text div.content{padding-right:150px}
#text span {display:block}
#text span a{font: normal 12px Tahoma;color:#666;text-decoration:underline;}
#text span a:hover{text-decoration:none}
#text ul{margin:10px 0 10px 20px;list-style-type:square;}
#text b{font: bold 18px Arial}
#text h3#spacer{width:295px}
/*#text strong{font: bold 14px Arial;margin:10px 0 10px 0;color:#007F92}*/
#portimg .bord{border:solid 1px #f1f1f1;margin:0 0 5px 0}

#form span {display: inline}
#form td {font-size:11px}
#form .gray {background-color:white; color: #007F92}
p.red {color:#C80092}

ul#ok {margin:0;padding:0 0 0 16px}
ul#ok li{height:30px;margin:10px 0 0 17px;padding:0 0 0 5px}

.ch {width:20px;height:20px;border:1px solid #fff;margin-right:10px;background:url(i/check.gif) no-repeat 50% 50%; border-width:0px}
html>body .ch {width:15px; height:15px}

.feedkant-1 {background: url(i/feedkant_1.gif) no-repeat 0 100%; padding-bottom:19px}
html>body .feedkant-1 {padding-bottom:20px}
.feedkant-2 {background: url(i/feedkant_2.gif) no-repeat 0 100%; padding-bottom:15px}
html>body .feedkant-2 {padding-bottom:16px}
.feedkant-3 {background: url(i/feedkant_3.gif) no-repeat 0 100%; padding-bottom:19px}
html>body .feedkant-3 {padding-bottom:20px}

.feedkant1 {font:italic 13px Arial}
.feedkant1 input,textarea {font:13px Arial}
.feedkant1 .spc {width:12px; float:left}
.feedkant1 .feedkant1-1 {float:left; width:179px; background: url(i/feedkant1_1.gif) no-repeat 0 100%; padding-bottom:19px}
html>body .feedkant1 .feedkant1-1 {padding-bottom:20px}
.feedkant1 .feedkant1-2 {float:left; width:170px; background: url(i/feedkant1_2.gif) no-repeat 0 100%; padding-bottom:19px}
html>body .feedkant1 .feedkant1-2 {padding-bottom:20px}
.feedkant1 .feedkant1-3 {float:left; width:179px; background: url(i/feedkant1_3.gif) no-repeat 0 100%; padding-bottom:12px}
html>body .feedkant1 .feedkant1-3 {padding-bottom:13px}
.feedkant1 .feedkant1-4 {float:left; width:170px; background: url(i/feedkant1_4.gif) no-repeat 0 100%; padding-bottom:13px}
html>body .feedkant1 .feedkant1-4 {padding-bottom:14px}
.feedkant1 .feedkant1-5 {width:374px; background: url(i/feedkant1_5.gif) no-repeat 0 100%; padding-bottom:17px}
html>body .feedkant1 .feedkant1-5 {padding-bottom:18px}
.feedkant1 .feedkant1-6 {width:361px; background: url(i/feedkant_3.gif) no-repeat 0 100%; padding-bottom:17px}
html>body .feedkant1 .feedkant1-6 {padding-bottom:18px}

#help {position:absolute;left: 559px;top:151px}

#news{padding:0 15px 0 10px; font:11px Tahoma;color:#06AFB6}
#news h3{font: 9px Tahoma;color:#06AFB6;padding:0;margin:0}
#news h1{font:bold 14px Arial;color:#06AFB6;padding:0;margin: 0 0 10px 0}
#news div{margin-bottom:12px;color:#666;width:220px}
#news object {padding-right:3px}

#body {padding:0 20px 0 20px; color:#000;font:11px Tahoma, Arial, Verdana}
#fff{background: url(i/bg_sn_i.gif) no-repeat -20px -3px}
#fff form{padding:0;margin:0}
#body h4{font: 14px Arial, Verdana; margin-bottom:13px; color:#06AFB6}
#body a{text-decoration:none;}
#graf a:hover, #body a:hover{color:#fff;background:#06AFB6}

.brr{height:6px;font-size:6px;}
.hrr{height:5px;border-top:solid 1px #f1f1f1;margin:10px 0 0 0}
.float {float:left;margin:5px 15px 5px 0;border:solid 1px #f1f1f1}

#ban_com0,#ban_com48,#ban_com135,#ban_com5, #ban_com4, #ban_com3, #ban_com2, #ban_com, #right{text-align:right;font:11px Tahoma;color:#777777;padding-bottom:3px}
#ban_com0 a,#ban_com48 a,#ban_com135 a,#ban_com5 a, #ban_com4 a, #ban_com3 a, #ban_com2 a, #ban_com a{font:11px Tahoma;color:#06AFB6}
#ban_com0 a:hover,#ban_com48 a:hover,#ban_com135 a:hover,#ban_com5 a:hover, #ban_com4 a:hover, #ban_com3 a:hover, #ban_com2 a:hover, #ban_com a:hover{color:#fff;background:#06AFB6;padding:0 1px 0 2px }
#ban_com{width:205px}
#ban_com2{width:85px}
#ban_com3{width:343px}
#ban_com4{width:200px}
#ban_com5{width:90px}
#ban_com135{width:135px}
#ban_com48{width:43px}
#ban_com0{width:23px}
#ban_text{font:13px Arial;padding-right:10px}
#person, #graf{font:12px Arial;margin-top:20px}
#graf img {margin:10px 10px 5px 0px}
#graf #com{font:11px Tahoma;padding-right:30px}
#graf #com a{font:11px Tahoma;color:#06AFB6}
#graf #com a:hover{color:#fff;background:#06AFB6}
#graf #top{font-size:11px}
#graf #top2{font-size:12px;padding: 10px 20px 0px 20px}
#graf #top h4{font-size:16px; margin:10px 0 6px 20px}
#graf #top img{float:left;margin:2px 10px 5px 10px}
#com{font:11px Tahoma;padding-left:20px}
#person h4{font-size:16px; color:#06AFB6;margin:0;padding:0}
#person a:hover{color:#fff;background:#06AFB6;padding:0 3px}

#right img {border:none}
#right strong {font:12px Arial Narrow;display:block;margin:0px 0 2px 0}
#right strong a{font-weight:normal;font:bold 9px Arial;color:#777}

#portfolio{font:11px Tahoma;padding-left:40px}
#portfolio a{font:11px Tahoma;color:#06AFB6}
#portfolio a:hover{color:#fff;background:#06AFB6}

#twitter { position: relative; }
#twitter .twtr-hd h3 { margin: 13px 0 0 0 !important; font-size: 14px !important; font-weight: bold !important; }
#twitter .twtr-hd h4 { display: none; }
#twitter .twtr-ft span a { display: none; }


#topBan { position: absolute; top: 0; left: 0; width: 100%; height: 124px; z-index: 800; background: url(i/topbanner/bg.png); overflow: hidden; }
#topBan li { list-style: none; }
	#topBan .h { position: absolute; top: 7px; left: -20px; }
		#topBan .h ul { margin: 0; }
		#topBan .h li { float: left; margin: 0 20px 0 0; cursor: pointer; cursor: hand; text-transform: uppercase; font-family: Arial; font-size: 14px; color: #00c7d1; border-bottom: 1px dashed #00c7d1; font-weight: bold; }
			#topBan .h li:hover  { color: #fff; border: none; }
		#topBan .h li.current { color: #fff; border: none; }
		
	#topBan .c { height: 124px; position: absolute; top: 37px; left: 20px; }
	#topBan .c ul { display: none;}
		#topBan .c ul.current, #topBan .c ul  ul { display: block; }
		#topBan .c li { position: absolute; top: 20px; left: 0; cursor: pointer; cursor: hand; }
			/* #topBan .c li:hover { margin-top: 0; } */
			#topBan .c li  ul { display: none; }
			
	#topBan .sh { position: absolute; bottom: 0; left: 0; width: 100%; height:20px; background: url(i/topbanner/bg_shadow.png); }

	#topBan .astronim, #topBan .finger { position: absolute; top: 0; left: 0; width: 76px; height: 46px; background: url(i/topbanner/a1.png); margin: 0 0 0 80px;  
		top: -100px; }
		#topBan .finger { margin: 37px 0 0 132px; width: 8px; height: 6px; background: url(i/topbanner/a2.png); }
		
	#topBanPopup { padding: 156px 0 0 0; position: absolute; margin: 0 0 0 0; top: -10045px;  /*top: -45px; */ left: 150px; width: 750px; background: url(i/topbanner/poptop.png) 50% 0 no-repeat; z-index: 999; }
		#topBanPopup .header { color: #fff; font: normal 14px/16px Arial; background: url(i/topbanner/bg_grange.png) 0 100% repeat-x; padding: 0 0 9px 0; position: relative; z-index: 10;}
			#topBanPopup .header div { background: #000; padding: 10px 10px 5px 10px; }
			#topBanPopup .header a { color: #34e6e4; }
		#topBanPopup .img { margin: -9px 0 0 0; position: relative; 
			z-index: 9; 
			box-shadow:0px 5px 15px #000;
			-moz-box-shadow:0px 5px 15px #000;
			-webkit-box-shadow:0px 5px 15px #000; 
			}
				#topBanPopup .close { position: absolute; top: 162px; right: 5px; width: 9px; height: 9px; background:  url(i/topbanner/str.png) -96px 0; z-index: 11; cursor: pointer; cursor: hand; }
					#topBanPopup .close:hover { background-position: -96px -9px; }
				#topBanPopup  .prev, #topBanPopup  .next { position: absolute; top: 256px;  width: 48px; height: 38px; background:  url(i/topbanner/str.png) 0 0; z-index: 12; cursor: pointer; cursor: hand;}
					#topBanPopup  .prev  { left: -24px; }
					#topBanPopup  .next  { right: -24px; background-position: -48px 0;}
						#topBanPopup  .prev:hover  { background-position: 0 -38px; }
						#topBanPopup  .next:hover { background-position: -48px -38px;}
					
			#overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:  url(i/topbanner/0b5c5c.png); z-index: 998; }
