html, body { width: 100%; height: 100%; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:13px; line-height: 18px; color:#666666; background: #ffffff;}
body { min-height: 100%; height: auto; position: relative; }
* html body { height: 100%; }
#header { width: 100%; }
#content { padding-bottom: 170px;}
#wrapper_footer { height: 141px; width: 100%; position: absolute; bottom: 0; left:0; }
/* window */
#window_manager { z-index:100; border:1px solid #999; padding:20px 14px 0px 32px; display: none; width:244px; position: fixed; top: 200px; left:41%; background:#fff url('/images/design/manager/need_help1.gif') no-repeat 13px 10px;}
* html #window_manager { position: absolute;
top: expression(eval(document.documentElement.scrollTop) + 200 + 'px');
}
#window_manager .close_w { height:12px; text-align: right; margin-bottom:66px; margin-right:4px; }
#window_manager #close_win { cursor: pointer;}
#window_manager .feedback .textinput{ margin-bottom: 6px; width:204px; height: 19px; padding-left: 5px;border: 1px solid #8daf86; border-left: 1px solid #b1aeae; border-right: 1px solid #648d72; font: 11px/19px Tahoma, Arial, Helvetica, sans-serif; color:#666666; background: #fff;}
/*noindex:-o-prefocus, #window_manager .feedback .textinput { margin-bottom: 7px; border: 1px solid; border-color:transparent;}*/
#window_manager .feedback { height:350px;}
#window_manager .feedback textarea { margin-bottom: 8px; width:204px; height: 100px; padding-left: 5px; border: 1px solid #8daf86; border-left: 1px solid #b1aeae; border-right: 1px solid #648d72; font: 11px/19px Tahoma, Arial, Helvetica, sans-serif; color:#666666; background: #fff; overflow: auto;}
#window_manager .feedback .button { margin-bottom: 14px; background:url('/images/design/manager/but_send.gif') no-repeat; width: 91px; height: 27px; border: none; }
#window_manager .short_info { margin-left: -18px; margin-top: 21px; font: 11px/12px Tahoma, Arial, Helvetica, sans-serif; color:#666666; }
/* Main --------------------- */
#header,#content,#footer,#big_pic { width:997px; margin: 0 auto; }
* { margin:0; padding:0; }
*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-bg { background: none!important; }
.no-border, img { border: none; }
.clear{ clear: both; }
.float-left {float: left;}
.blue {color: #004989;}
a:link { color: #2b80c7; text-decoration:underline; }
a:visited { color: #2b80c7; text-decoration:underline; }
a:hover { color: #2b80c7; text-decoration:none; }
a:active { color: #2b80c7; text-decoration:underline; }
blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; }
pre, code { font: 1.2em/1.8 "Courier New", Courier, monospace; border: 1px dashed #aaa; padding: 1em; background: #eee; }
pre{white-space:normal;}
code { padding: .2em .5em; }
ol { margin-left: 24px; line-height: 18px; }
ul { line-height: 18px; margin:12px; }
ul li { color: #4ba220; font-weight: bold; margin: 4px 0 0px 0; list-style: none; background: url('/images/design/li-green.gif') no-repeat 0 4px; padding-left: 17px;}
ul ul { margin:0; padding:0;}
ul ul li { color: #4ba220; font-weight: bold; margin: 4px 0; list-style: none; background: url('/images/design/li-green.gif') no-repeat 0 4px; padding-left: 17px;}
ul a:link { color: #4ba220; }
ul a:visited { color: #4ba220; }
ul a:hover { color: #4ba220; }
ul a:active { color: #4ba220; }
ol, table, blockquote, pre, .content img { margin-bottom: 12px; }
p { margin-bottom: 16px; }
table { border-collapse:collapse;border:none;}
table td{ padding:0px; vertical-align:top;}
h1, h2, h3, h4 {color: #02692b;}
h1{ font-size: 18px; line-height: 20px; font-weight: normal; margin-bottom: 14px; }
h2{ font-size: 14px; font-weight: normal; margin: 14px 0; }
h3{ font-size: 14px; font-weight: normal; margin-bottom: 10px;}
h4{ font-size: 14px; font-weight: normal;}
.inner-content img { display: block; padding: 6px; border: 1px solid #d9d9d9; margin: 14px 0; display: inline;}
.my-table {}
.my-table td{ height: 35px; padding-left: 25px; color:#4ba220; vertical-align: middle;}
.my-table thead td{color: #353333; font-weight: bold; background-color: #d7ebce; }
.my-table-row { background-color: #d7ebce; }
/* header ---------------------*/
#header { height: 128px; position: relative; }
#header .logo { padding: 22px 0 0 0px; width:170px; }
#header .menu { float: left; margin: 23px 0 0px 0px; white-space: nowrap; height:20px; font-size: 18px; line-height:19px; }
#header .menu .item { float: left; margin-right: 17px; padding:5px 20px 0 0; position: relative; background: url('/images/design/arrow_green.gif') no-repeat right 5px; }
#header .menu .item-last { float: left; margin-right: 0px; padding:5px 20px 0 0; position: relative; }
#header .menu a:link { color: #02692b; text-decoration:none; }
#header .menu a:visited { color: #02692b; text-decoration:none; }
#header .menu a:hover { color: #02692b; text-decoration:none; }
#header .menu a:active { color: #02692b; text-decoration:none; }
#header .menu .item a { display: block; }
#header .menu .item .level2 { display: none; position: absolute; top:23px; right:0; background: #fff; border-top: 1px solid #228217; font-size:12px; font-weight: bold; z-index:700; width:160px; border-left: 1px solid #228217; border-right: 1px solid #228217; }
* html #header .menu .item .level2 {/*min-width:72px; width:161px; height:1px; */ }
* html #header .menu #mi23120 .level2 { width:161px;}
* html #header .menu #mi22805 .level2 { width:108px; }
* html #header .menu #mi23047 .level2 { width:72px;}
* html #header .menu #mi23048 .level2 { width:119px;}
* html #header .menu #mi23046 .level2 { width:161px;}
* html #header .menu #mi22805 .level2 { width:108px; }
* html #header .menu #mi23150 .level2 { width:72px;}
* html #header .menu #mi23048 .level2 { width:119px;}
#header .menu .item .level2 div { border-bottom: 1px solid #228217; width:160px;}
#header .menu .item .level2 a { padding: 8px 12px 10px 12px; white-space: normal;}
#header .menu .item .level2 a:link { text-decoration: none; color: #02692b;}
#header .menu .item .level2 a:visited { text-decoration: none; color: #02692b;}
#header .menu .item .level2 a:hover { text-decoration: none; background: #ff9000; color: #fff;}
#header .menu .item .level2 a:active { text-decoration: none; color: #02692b;}
#header .forms { margin: 35px 0px 0 65px; width: 540px;}
#header .forms td {}
#header .search { width: 260px;}
#header .search .textinputs { height:19px; width: 220px; padding-left:5px; color:#666; border: 1px solid #8daf86; border-left: 1px solid #b1aeae; border-right: 1px solid #648d72; background: #fff;}
#header .search .button { float: right; background: url('/images/design/search_button.gif') no-repeat 0 3px; padding:0; width:18px; height: 21px; border: none;}
#header .city_selector { width:210px; height:22px; background: url('/images/design/city_selector.gif') no-repeat;}
.jquery-selectbox { position: relative; height: 20px; line-height:15px; border: 1px solid #8daf86; border-left: 1px solid #b1aeae; border-right: 1px solid #648d72;
width: 210px !important; z-index: 0; float: left; display: inline; color: #666; padding: 0 0 0 5px; background: #fff;}
.jquery-selectbox.selecthover { border-color: #8daf86; background: #fff; z-index: 700;}
.jquery-selectbox .jquery-selectbox-currentItem {padding: 3px 0px 0px 3px; white-space: nowrap; display: block; overflow: hidden;}
.jquery-selectbox .jquery-selectbox-list {
display: none; position: absolute; top: 22px; padding: 2px; left: 0px; width: 210px !important;
height: 35px !important; overflow-x: hidden; overflow-y: auto; z-index: 1000; border: 1px solid #8daf86; border-left: 1px solid #b1aeae; border-right: 1px solid #648d72; background: #fff;
}
.jquery-selectbox .jquery-selectbox-moreButton {
/* position: absolute; top: 0px; right: 0px; */
float: right; background: url("/images/lay-selectMoreButton.gif");
width: 20px; height: 20px; cursor: pointer;}
.jquery-selectbox .jquery-selectbox-item.listelementhover { background: #c1dcbe; color: #fff;}
.jquery-selectbox .jquery-selectbox-item { display: block; cursor: default;}
#header .rcol { width:180px;}
#header .languages { float: right; padding:14px 0px 0 0; }
#header .icons { float: left; padding: 16px 0px 5px 0px; }
#header .icons .home { float: left; display: block; width: 11px; height: 10px; background: url('/images/design/home.gif') no-repeat; border:0; margin-right:11px; }
#header .icons .home-a{ float: left; display: block; width: 11px; height: 10px; background: url('/images/design/home_a.gif') no-repeat;border:0; margin-right:11px;}
#header .icons .mail { float: left; display: block; width: 11px; height: 10px; background: url('/images/design/mail.gif') no-repeat; border:0; margin-right:10px;}
#header .icons .map { float: left; display: block; width: 11px; height: 10px; background: url('/images/design/map.gif') no-repeat; border:0; }
#header .text_phone { clear: both; color: #278a3e; text-align: right;}
#header .text_phone .phone { color: #666; font-size: 20px; }
/**/
#wrapper{position: relative; width:997px; margin:0 auto; }
#big_pic { position: absolute; top:128px; height: 320px; width:997px; overflow: hidden; color: #fff;}
#big_pic_empty { height: 320px; width:997px; margin:0 auto; }
#big_pic img{ display:block; }
#big_pic .heading{width: 350px; margin: 31px 0 0 58px; font-size: 48px; line-height: 49px;}
#big_pic .text{ width: 350px; margin: 17px 0 0 58px; font-size:13px; line-height: 16px;}
#big_pic .over { position: absolute; top:0; left:0; height: 320px; width:997px; }
#big_pic .first{ position: absolute; top:0; left:0; height: 320px; width:999px; background: url('/images/design/bigimg.jpg') no-repeat; }
#big_pic .image2, #big_pic .image3, #big_pic .image4, #big_pic .image5 { position: absolute; top:0; left:0; height: 320px; width:999px;}
#big_pic .image2 { z-index:40; left: 997px; background: url('/images/design/bigimg.jpg') no-repeat -997px 0;}
#big_pic .image3{ z-index:30; left:1994px; background: url('/images/design/bigimg.jpg') no-repeat -1994px 0;}
#big_pic .image4{ z-index:20; left:2991px; background: url('/images/design/bigimg.jpg') no-repeat -2991px 0;}
#big_pic .image5{z-index:20; left:3988px; background: url('/images/design/bigimg.jpg') no-repeat -3988px 0;}
#big_pic .over { z-index:10; left:4985px; background: url('/images/design/bigimg.jpg') no-repeat -4985px 0;}
#prev { position: absolute; top:150px; left:2px; width:35px; height:35px; background: url('/images/design/arrow_orange.gif') no-repeat; z-index:300; cursor: pointer; }
#next { position: absolute; top:150px; right:2px; width:35px; height:35px; background: url('/images/design/arrow_orange2.gif') no-repeat; z-index:300; cursor: pointer; }
/* not active */
/*#big_pic .prev-na { position: absolute; top:150px; left:0; width:35px; height:35px; background: url('/images/design/arrow_orange.gif') no-repeat; z-index:1000; cursor: pointer; }
#big_pic .next-na { position: absolute; top:150px; right:0; width:35px; height:35px; background: url('/images/design/arrow_orange2.gif') no-repeat; z-index:1000; cursor: pointer; }
*/
/* index ----------------------*/
.content { width: 100%; margin-top: 15px;}
#content .center_column { width: 755px;}
#content .center_column .hs1 { float: left; width: 369px; height:195px; margin-right:14px; margin-bottom:20px; background: url('/images/design/hs_production.jpg') no-repeat;}
#content .center_column .hs1 .text { width: 197px; margin: 0 0 10px 23px; height: 90px; overflow: hidden;}
#content .center_column .hs2 { float: left; width: 369px; height:195px; margin-bottom:20px; background: url('/images/design/hs_services.jpg') no-repeat;}
#content .center_column .hs2 .text { width: 178px; margin: 0 0 10px 23px; height: 90px; overflow: hidden;}
#content .center_column .heading { margin: 0; padding: 13px 0 12px 23px; font-size:30px; line-height:32px; color: #02692b;}
#content .center_column .heading a { color: #02692b; text-decoration: none;}
#content .center_column .heading a:hover { color: #02692b; text-decoration: underline; }
#content .center_column .more { padding:0 0 0 23px;}
#content .center_column .hotspots { width: 100%; margin-bottom: 40px;}
#content .center_column .hotspots td { width: 33%;}
#content .center_column .hotspots .image { height: 122px; overflow: hidden;}
#content .center_column .hotspots .heading { font-size: 18px; line-height: 20px; padding:0; margin: 5px 40px 15px 0;}
#content .center_column .hotspots .text { margin: 0 40px 10px 0px; }
#content .center_column .hotspots .more { padding: 0;}
#content .center_column .hotspots a:link { color:#666666;}
#content .center_column .hotspots a:visited { color:#666666;}
#content .center_column .hotspots a:hover { color:#666666;}
#content .center_column .hotspots a:active { color:#666666;}
#content .indent { width:5px;}
#content .right_column { width: auto;}
#content .right_column .hs3 { width: 237px; height:194px; margin-bottom:20px; }
#content .right_column .heading { color: #02692b; font-size: 18px; line-height: 20px; padding:0; margin: 0px 0px 15px 15px;}
#content .right_column .feedback {margin-left: 17px;}
* html #content .right_column .feedback {margin-left: 15px;}
#content .right_column .feedback .textinput { margin-bottom: 15px; width:210px; height: 20px; padding-left: 5px; border: 1px solid #8daf86; border-left: 1px solid #b1aeae; border-right: 1px solid #648d72; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:13px; line-height: 18px; color:#666666; background: #ffffff;}
#content .right_column .feedback textarea { margin-bottom: 15px; width:210px; height: 230px; padding-left: 5px; border: 1px solid #8daf86; border-left: 1px solid #b1aeae; border-right: 1px solid #648d72; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:13px; line-height: 18px; color:#666666; background: #ffffff;}
#content .right_column .feedback .button { background:url('/images/design/button.gif') no-repeat; width: 103px; height: 37px; border: none; float: right;}
#content .right_column .hs4 { clear:both; margin:30px 0 20px 17px; }
* html #content .right_column .hs4 { clear:both; margin:30px 0 20px 10px; }
/* inner ----------------*/
.navibar { margin-bottom: 37px; padding: 6px 0 0 340px; height: 26px; background:#4ba220 url('/images/design/navibar.gif') no-repeat 325px bottom; color: #fff; }
.navibar a:link { color: #ffffff; }
.navibar a:visited { color: #ffffff; }
.navibar a:hover { color: #ffffff; }
.navibar a:active { color: #ffffff; }
#empty .navibar { background: none; background-color: #4ba220;}
.numpage { vertical-align: middle; text-align: center; color: #999999; font-size: 12px;}
.numpage img { padding: 2px 0; border: 0; margin:0;}
.numpage a:link { color: #4ba220;}
.numpage a:visited { color: #4ba220;}
.numpage a:hover { color: #4ba220;}
.numpage a:active { color: #4ba220;}
.menu_column {width: 325px; }
.submenu{margin: 0px 55px 0 40px;}
.submenu ul{ margin:0;}
.submenu ul li{padding-left:20px; line-height:16px; list-style: none; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 14px; background: url('/images/design/subm.gif') no-repeat 0px 4px; }
.submenu ul ul li{ padding-left:20px; font-size: 12px; font-weight: normal; text-transform: none; margin: 7px 0 0 0; background: url('/images/design/subm.gif') no-repeat 0px 4px; }
.submenu ul ul ul li{ padding-left:20px; font-size: 11px; font-weight: normal; margin: 5px 0; background: url('/images/design/subm.gif') no-repeat 0px 4px; }
.submenu ul .active { background: none; border: 1px solid #fff; }
.submenu ul .active span{ background-color: #4ba220; color:#fff; display: block; margin:0; padding: 2px 0; padding-left: 20px; margin-left: -20px;}
.submenu ul ul .active span{ padding-left: 40px; margin-left: -40px;}
.submenu ul ul ul .active span{ padding-left: 60px; margin-left: -60px;}
.submenu ul ul ul ul .active span{ padding-left: 80px; margin-left: -80px;}
.submenu a:link { color: #4ba220;}
.submenu a:visited { color: #4ba220;}
.submenu a:hover { color: #4ba220;}
.submenu a:active { color: #4ba220;}
.inner-content{ padding-left: 15px;}
#empty .content-inner{margin-left: 40px;}
/* vacancy ---------------*/
.view_vacancy td{ padding: 0 10px 10px 0; }
/* footer -----------------*/
#wrapper_footer { height: 141px;}
#footer { height: 141px; color: #ffffff; background: #264927 url('/images/design/footer.jpg') no-repeat; }
#footer a:link { color: #ffffff; text-decoration: none;}
#footer a:visited { color: #ffffff; text-decoration: none;}
#footer a:hover { color: #ffffff; text-decoration: underline;}
#footer a:active { color: #ffffff; text-decoration: none;}
#footer .address { padding: 13px 0px 0 0px; }
#footer .copyright { float: left; padding: 13px 230px 0 20px; width: 238px;}
#footer .copyright-webprofy { float: right; margin: 10px 20px 0 94px; padding: 4px 0 5px 0; background: url('/images/design/webprofy.gif') no-repeat 112px 0; }