/*Design*/

html { margin:0; padding:0; width:100%; height:100%; }
body{ background:#f1f1f1 url(../i/body-bg.jpg) repeat-x left top; color: #08030f; width:100%; height:100%; padding: 0; margin: 0; font:11px Tahoma, sans-serif; position: relative; }
img{ border: 0; }
table{ width: 100%; border-collapse: collapse; }
td, th{ padding: 0; vertical-align: top; }
p{ margin-top: 0; }
a { color: #08030f; }
a:hover { color: #08030f; }
a:visited { color: #47464a; }
a:visited:hover { color: #47464a; }
.clear { clear: both; font-size: 0; height:0; }

h4 { margin:0; font-size:11px; font-weight:bold; color:#7ac142; }

* html .outer { height: 100%; }
.outer {   position: relative; min-height: 100%; }
.outer .inner { width:1000px; margin:0 auto; padding-bottom:91px; height:440px; background:url(../i/main.jpg) no-repeat left top;  position:relative; }
.outer .top { padding-top:35px; height:318px; position:relative; z-index:1; }
.outer .top-wrap {  }
.outer .top .logo { padding-left:52px; -padding-left:10px; }
.outer .top .flash { position:absolute; right:87px; bottom:1px; -bottom:0px; }
.outer .top .links { float:right; //padding-top:11px; padding-right:8px; }
.outer .top .links li { list-style:none; float:left; padding-right:44px; }

.outer .slogan { padding:25px 0 20px 162px; position:relative; top:1px; z-index:1; }
.outer .slogan .first {  }
.outer .slogan .second { position:absolute; right:200px; top:17px; }

.antibug { position:absolute; top:0; background:url(../i/antibug.gif) no-repeat left top; width:1000px; height:328px; }

.footer { position:relative; height:91px; margin-top:-91px; z-index:99; }
.footer .iner { position:relative; width:1000px; margin:0 auto; padding-top:9px; }
.footer .iner .on-menu-bg { height:9px; width:1000px; background:url(../i/on-menu-bg.gif) no-repeat left top; position:absolute; top:0; left:1px;	}

.footer .iner .menu { width:955px; background:url(../i/menu-bg2.jpg) no-repeat left top; margin:0 auto; left:-1px; position:relative; z-index:16; height:35px; }
.footer .iner .menu ul { margin:0; padding:0px 0 0 0; }
.footer .iner .menu li { list-style:none; float:left; position:relative; padding:6px 0 10px 0;	}
.footer .iner .menu .punkt { display:block; height:20px; padding-right:1px; }
#M-News .punkt { width:109px; background:url(../i/m-news.gif) no-repeat left top; }
#M-News .punkt:hover { background:url(../i/m-news-active.jpg) no-repeat left top; }
#M-About .punkt { width:98px; background:url(../i/m-about.gif) no-repeat left top; }
#M-About .punkt:hover { background:url(../i/m-about-active.jpg) no-repeat left top; }
#M-Tele .punkt { width:182px; background:url(../i/m-tele.gif) no-repeat left top; }
#M-Tele .punkt:hover { background:url(../i/m-tele-active.jpg) no-repeat left top; }
#M-Service .punkt { width:301px; background:url(../i/m-service.gif) no-repeat left top; }
#M-Service .punkt:hover { background:url(../i/m-service-active.jpg) no-repeat left top; }
#M-Sotr .punkt { width:142px; background:url(../i/m-sotr.gif) no-repeat left top; }
#M-Sotr .punkt:hover { background:url(../i/m-sotr-active.jpg) no-repeat left top; }
#M-Contact .punkt { width:117px; background:url(../i/m-contact.gif) no-repeat left top; padding-right:0 !important; }
#M-Contact .punkt:hover { background:url(../i/m-contact-active.jpg) no-repeat left top; }

.footer .iner .menu li ul.level-1 { display: none; behavior: url(menu.htc); z-index:60; }
.footer .iner .menu li:hover ul.level-1, .footer .iner .menu li.hover ul.level-1 { display: block; position:absolute; top:35px; left:0px; padding:0; margin:0; }
.footer .iner .menu li ul.level-2 { display: none; behavior: url(menu.htc); z-index:60; }
.footer .iner .menu ul.level-1 li:hover ul.level-2, .footer .iner .menu ul.level-1 li.hover ul.level-2 { display: block; position:absolute; top:0px; left:-263px; padding:0; margin:0; z-index:176; }

.partnrz { text-indent:-15px; }

.footer .iner .menu li ul li { background:#e3e0df; border-bottom:1px solid #d5d5d6; clear:both; margin:0; padding:0; z-index:10; position:relative; height:1%;}
.footer .iner .menu li ul li a { color:#777675; text-decoration:none; display:block; width:183px; padding:6px 10px 6px 23px; margin:0; }
.footer .iner .menu li ul li a:hover { color:#777675; background:#ecebea; }

#M-News ul li a { width:170px; padding:6px 10px 6px 36px; }
#M-About ul li a { width:180px; padding:6px 10px 6px 26px; }
#M-Sotr ul li a { width:180px; padding:6px 10px 6px 26px; }
#M-Sotr ul.level-2 li a { width:230px; }
#M-Service ul li a { width:270px !important; padding:6px 10px 6px 23px; }


.footer .iner .foot { width:955px; margin:0 auto; height:56px; background:url(../i/foot-bg.gif) no-repeat left top; position:relative; }
.footer .iner .foot .multinex { padding:19px 0 0 62px; float:left;  }
.footer .iner .foot .multinex p { padding-top:0px; }
.footer .iner .foot .copy { position:absolute; top:19px; left:410px; }
.footer .iner .foot .copy p { margin:0; padding-bottom:0px; }
.footer .iner .foot .x-pro { position:absolute; right:45px; top:19px; width:182px; }
.footer .iner .foot .x-pro a { text-decoration:none; }
.footer .iner .foot .x-pro a:hover { text-decoration:underline; }
.footer .iner .foot .x-pro p { float:left; padding:2px 10px 0 0; }