* { margin:0; padding:0; }

html, body { height:100%; }

html { overflow:auto; }
body { font-family:Tahoma, sans-serif; font-size:12px; color:#434956; text-align:center; }

body a { color:#8D0000; }
body a:visited { color:#000; }

.bg2 { background:url(bg2.jpg) #c2c6cb; }

.break { display:block; width:100%; clear:both; font-size:1px; height:0; }

.clear { display:block; clear:both; }

div#container { position:relative; min-height:100%; }

div#header { text-align:center; height:206px; border-top:3px solid #bcc0c6; border-bottom:4px solid #bcc0c6; background:url(header-bg.jpg) 50% 0 repeat-x; }

div#header div.inner { width:970px; height:100%; margin:0 auto; }
div#header div.inner a.lang { display:block; color:#162742; font-size:13px; font-weight:bold; text-decoration:underline; float:right; width:86px; height:36px; line-height:30px; background:url(lang-bg.png) 50% 50% no-repeat; }
div#header div.inner a:hover { text-decoration:none; }
div#header div.inner a.logo { display:block; float:left; margin:53px 0 0 15px; width:359px; height:89px; background:url(logo.png) 50% 50% no-repeat; }
div#header div.inner h1.title { display:block; float:left; margin:42px 0 0 45px; width:540px; height:28px;  }
div#header div.inner h1.title.lt { background:url(title-lt.png) 50% 0 no-repeat;  }
div#header div.inner h1.title.en { background:url(title-en.png) 50% 0 no-repeat;  }

div#header div.inner div.nav-main { width:100%; position:relative; top:40px; clear:both; }
div#header div.inner div.nav-main ul li { display:inline; }
div#header div.inner div.nav-main ul li a { color:#fff; padding:7px 17px; font-weight:bold; border-bottom:solid 4px #bcc0c6; font-size:14px; text-decoration:none; }
div#header div.inner div.nav-main ul li a:hover, div.nav-main ul li a.active { color:#aed0f3!important; border-bottom:solid 4px #6f7684!important; position:relative; }
div#header div.inner div.nav-main div.login a { display:block; float:right; font-size:11px; margin:2px 0; }
div#header div.inner div.nav-main div.login p { display:block; clear:both; }
div#header div.inner div.nav-main div.login p input { border:solid 1px #ccc; padding:2px; margin:0 4px; }

div.prod-intro { background-color:#fff; border-top:solid 1px #fff; }
div.prod-intro div.inner { margin:0 auto; width:970px; padding-bottom:24px; }
div.prod-intro div.inner p.search { float:right; margin:20px 0; }
div.prod-intro div.inner p.search input { background-color:#dadde2; float:left; padding:0 5px; font-size:18px; color:#a4a8ae; border:solid 1px #cfd2d9; }
div.prod-intro div.inner p.search button { background:url(btn1.png) 50% 50% no-repeat; margin-left:5px; float:left; top:-1px; border:0; width:26px; height:27px; position:relative; cursor:pointer; }
div.prod-intro div.inner h1 { display:block; float:left; margin:15px 0; text-align:left; font-weight:normal; font-size:28px; color:#434956; }

div.prod-intro ul { clear:both; border-bottom:solid 1px #fff; }
div.prod-intro ul li { display:block; float:left; margin-left:6px; width:132px; border:solid 0px red; text-align:center; }
div.prod-intro ul li span { display:block; }
div.prod-intro ul li a.thumb { display:block; width:130px; height:135px; border:solid 1px #bcc0c6; text-decoration:none; }
div.prod-intro ul li a.thumb:hover { border:1px solid #143a77; }
div.prod-intro ul li a.thumb:hover span { border-bottom:solid 1px #143a77; }
div.prod-intro ul li a.thumb img { border:0!important; height:135px; }
div.prod-intro ul li a.thumb span { display:block; clear:both; border-bottom:1px #bcc0c6 solid; font-size:11px; padding:7px 0; color:#143a77; font-weight:bold; }
div.prod-intro ul li a.thumb span:hover { border-bottom:solid 1px #143a77; }

div.production div.left { float:left; }
div.production div.right { float:left; width:430px; }

div.production a { display:block; float:left; width:198px; height:198px; font-size:14px; color:#434956; font-weight:bold; text-decoration:none; text-align:center!important; padding:0; border:solid 1px #bcc0c6; margin:0 20px 50px 3px; }
div.production a img { display:block; float:none!important; height:198px; border:0!important; margin:0 auto!important; }
div.production a span { display:block; text-align:center!important; clear:both; border-bottom:solid 1px #ccc; padding:7px 0; }
div.production a:hover { border:solid 1px #434956; }
div.production a:hover span { border-bottom:solid 1px #434956; }

div.production div.left { border:solid 0px #bcc0c6; }
div.production div.left a { display:block; float:left; clear:both; width:198px; height:198px; font-size:14px; color:#434956; font-weight:bold; text-decoration:none; text-align:center!important; padding:0; border:solid 1px #bcc0c6; margin:0 20px 50px 0; }
div.production div.left a img { display:block; float:none!important; height:198px; border:0!important; margin:0 auto!important; }
div.production div.left a span { display:block; text-align:center!important; clear:both; border-bottom:solid 1px #ccc; padding:7px 0; }
div.production div.left a:hover { border:solid 1px #434956; }
div.production div.left a:hover span { border-bottom:solid 1px #434956; }
div.production div.right p { text-indent:0!important; }
div.production div.right ul { list-style-position:inside; font-family:Verdana, sans-serif; }
div.production div.right ul li { line-height:20px; margin:5px 0!important; }

div.columns { padding-bottom:150px; }
div.columns span.line { display:block; border-top:solid 1px #939db3; border-bottom:solid 1px #cbcbcb; height:2px; background-color:#b1b1b1; }
div.columns div.inner { width:970px; margin:0 auto; }
div.columns div.inner div.block { width:303px; padding-right:20px; float:left; text-align:left; }
div.columns div.inner div.block h1 { font-size:20px; margin:15px 0 0 0; font-weight:normal; }
div.columns div.inner div.block span.line { display:block; background-color:#9a9ea5; font-size:1px; height:1px; border-top:0 none; margin:6px 0 15px 0; border-bottom:solid 1px #dadada; }
div.columns div.inner div.block p { line-height:18px; margin:8px 0; }
div.columns div.inner div.block p a.more { display:block; clear:both; position:relative; margin:10px 5px; text-decoration:none; font-size:11px; font-weight:bold; color:#fff; background:url(more-bg.gif) 50% 100% repeat-x; line-height:14px; height:18px; }
div.columns div.inner div.block p a.more.lt { width:62px; }
div.columns div.inner div.block p a.more.en { width:46px; }
div.columns div.inner div.block p a.more img.left { position:absolute; left:-5px; top:0; border:0 none; }
div.columns div.inner div.block p a.more img.right { position:absolute; right:-16px; top:0; border:0 none; }
div.columns div.inner div.block img { float:left; margin-right:10px; border:solid 1px #9ea1a7; }

div#body { width:970px; margin:0 auto; text-align:left; padding-bottom:200px; }

div#body div.content { width:655px; float:left; }
div#body div.content p { font-family:Verdana, sans-serif; font-size:12px; color:#434956; line-height:18px; margin-bottom:20px; }
div#body div.content p img { border-color:#9ea1a7; float:left; margin-right:15px; }
div#body div.content p a { color:#143a77; }
div#body div.content p a:hover { text-decoration:none; }
div#body div.content ul li { list-style-position:inside; margin:20px 0; line-height:18px; }
div#body div.content hr { display:block; clear:both; border:0 none; border-bottom:solid 1px #9a9ea5; color:#fff; height:6px; line-height:6px; margin:0 0 20px 0; }

p.achievement { display:block; float:left; width:316px; margin:0 10px 0 0; padding:0; }

div#body div.content h1 { display:block; margin:15px 0 15px 0; text-align:left; font-weight:normal; font-size:28px; color:#434956; }
div#body div.content h2 { font-size:20px; color:#434956; font-weight:normal; border-bottom:solid 1px #9a9ea5; padding:6px 0; margin:0 0 20px 0; clear:both; }
div#body div.content h3 { font-size:16px; color:#434956; border-bottom:solid 1px #9a9ea5; padding:6px 0; margin:0 0 20px 0; clear:both; }

div#body div.content div.contact-form { float:left; width:210px; }
div#body div.content div.contact-form p { text-indent:0; font-size:10px; line-height:14px; }
div#body div.content div.contact-form p strong { display:block; font-size:12px; color:#434956; }
div#body div.content div.contact-form p label { display:block; }
div#body div.content div.contact-form p input { width:100%; }
div#body div.content div.contact-form p textarea { width:100%; height:100px; overflow:hidden; }

div#body div.content div.contacts { float:right; margin-left:20px; width:405px; }
div#body div.content div.contacts div.item { float:left; width:200px; margin-bottom:20px; text-indent:0; }
div#body div.content div.contacts div.item strong { display:block; }
div#body div.content div.contacts div.item span { display:block; padding:3px 0; }

div#body div.content div.contacts div.map { border:solid 1px #ccc; background-color:#ccc; clear:both; height:250px; }
div#body div.content div.contacts div.map iframe { border:0 none; height:100%; width:100%; }

div#body div.sidebar { width:273px; float:right; padding-top:20px; }
div#body div.sidebar p.search { display:block; height:25px;  }
div#body div.sidebar p.search input { background-color:#dadde2; width:230px; float:left; padding:0 5px; font-size:18px; color:#a4a8ae; border:solid 1px #cfd2d9; margin:0!important; }
div#body div.sidebar p.search button { background:url(btn1.png) 50% 50% no-repeat; margin-left:5px; float:left; top:-1px; border:0; width:26px; height:27px; position:relative; cursor:pointer; }
div#body div.sidebar div.categories h2 { font-size:20px; color:#434956; font-weight:normal; border-bottom:solid 1px #9a9ea5; padding:6px 0; margin:9px 0 19px 0; }
div#body div.sidebar div.categories ul { display:block; }
div#body div.sidebar div.categories ul li { display:block; margin:3px 0; }
div#body div.sidebar div.categories ul li a { display:block; border:solid 1px #e5e5e5; font-family:Tahoma, sans-serif; font-size:14px; font-weight:bold; line-height:57px; color:#143a77; text-decoration:none; background:url(production-bg1.png) 0 100% repeat-x #fff; }
div#body div.sidebar div.categories ul li a:hover, div#body div.sidebar div.categories ul li a.active { color:#fff; background:url(production-bg2.png) 0 0; }
div#body div.sidebar div.categories ul li a span { display:block; margin:6px 10px 6px 6px; background-color:#fff; text-align:center; height:45px; width:45px; float:left; border:solid 1px #bcc0c6; }
div#body div.sidebar div.categories ul li a span img { height:45px; border:0 none; }

div#body div.sidebar div.categories ul li ul { display:none; border:solid 1px #e5e5e5; padding:2px 0; margin-top:2px; }
div#body div.sidebar div.categories ul li ul.expand { display:block; }
div#body div.sidebar div.categories ul li ul li { list-style-position:inside; list-style-type:disc; padding-left:10px; }
div#body div.sidebar div.categories ul li ul li:hover { list-style-type:circle; }
div#body div.sidebar div.categories ul li ul li a { background:#fff; text-decoration:none; border:0 none; line-height:20px; }
div#body div.sidebar div.categories ul li ul li a:hover { background:#fff; color:#143a77; text-decoration:underline; }
div#body div.sidebar div.categories ul li ul li.active { list-style-type:circle; }
div#body div.sidebar div.categories ul li ul li.active a{ background:#fff; color:#143a77; text-decoration:underline; }

div#foot { position:absolute; width:100%; height:132px; bottom:0; left:0; color:#fff; background:url(foot-bg.jpg) 50% 100% no-repeat #6f7684; }
a.shar { display:block; position:absolute; bottom:5px; right:5px; width:48px; height:27px; background:url(shar.jpg) 0 0 no-repeat; }
div#foot div.inner { margin:0 auto; top:40px; position:relative; width:1000px; text-align:center; color:#e5e8ef; font-family:Tahoma, sans-serif; font-size:11px; font-weight:bold; }
div#foot span { display:block; float:left; line-height:16px; text-align:left; margin:2px 20px; }
div#foot span.line { display:block; float:none; background-color:#525863; margin:0; height:9px; }
div#foot span.sep { width:1px; height:40px; margin:0 10px; background-color:#85898c; border-right:solid 1px #5c636f; }
div#foot img.map { border:solid 1px #d1d5da; float:left; margin-right:15px; }
div#foot a { color:#e5e8ef; }
div#foot a:hover { text-decoration:none; }