/* Eric Meyer's reset css */
@import url(reset-css.css);

body { font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #272626; }

body.template1 { background: #fffde5 url(/img/body-template1-back.jpg) 50% 0 no-repeat; }
body.template1 #outer-wrapper { background: url(/img/body-template1-back.jpg) 50% 0 no-repeat; }
body.template1 h1, body.template2 h1.title { font-size: 26px; font-weight: normal; }
body.template1 h2 { font-size: 14px; font-weight: bold; color: #000; }
body.template1 #wrapper { position: relative; padding-bottom: 37px; z-index: 200; }

body.template2 { background: #fffde5 url(/img/body-template2-back.jpg) 50% 0 no-repeat; }
body.template2 #outer-wrapper { background: #fffde5 url(/img/body-template2-back.jpg) 50% 0 no-repeat; }
body.template2 #wrapper { position: relative; min-height: 771px; padding-bottom: 20px; z-index: 200; }

h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; color: #007563; }
strong { font-weight: bold; }
em { font-style: italic; }
a { color: #cc0d03; }
a:hover { text-decoration: none; }

.clearfix:after { display: block; content: "."; height: 0; visibility: hidden; clear: both; }

#outer-wrapper { width: 922px; margin: 0 auto 71px; padding: 0 38px; border-bottom: 4px solid #105d51; }

#header-block { position: relative; height: 199px; }

#logo-block { position: absolute; left: -19px; top: 0; z-index: 100; }
body.template1 #logo-block img { width: 258px; height: 234px; }
body.template2 #logo-block { left: -38px; }
body.template2 #logo-block img { width: 296px; height: 237px; }
#logo-block img#for-print { display: none; }

#header-nav { position: absolute; right: 0; top: 11px; width: 529px; }
#header-nav li { float: left; }

.main-nav-list { display: block; float: left; }
.main-nav-list li { margin: 0 17px; }
.main-nav-list li a { display: block; width: 21px; height: 21px; }
.main-nav-list li#home-button a { background: url(/img/home.png) 0 0 no-repeat; }
.main-nav-list li#home-button a:hover, .main-nav-list li#home-button.selected a { background: url(/img/home-hover.png) 0 0 no-repeat; }
.main-nav-list li#mail-button a { background: url(/img/mail.png) 0 0 no-repeat; }
.main-nav-list li#mail-button a:hover, .main-nav-list li#mail-button.selected a { background: url(/img/mail-hover.png) 0 0 no-repeat; }
.main-nav-list li#map-button a { background: url(/img/map.png) 0 0 no-repeat; }
.main-nav-list li#map-button a:hover, .main-nav-list li#map-button.selected a { background: url(/img/map-hover.png) 0 0 no-repeat; }
.main-nav-list li span { display: none; }

.multilang-list { display: block; float: right; }
.multilang-list li { margin: 0 6px; font-size: 10px; }
.multilang-list li a { display: block; width: 25px; height: 19px; padding-left: 6px; color: #fffee6; text-decoration: none; line-height: 1.5em; }
.multilang-list li a:hover, .multilang-list li.selected a { color: #000; background: url(/img/multilang-hover-back.png) 0 0 no-repeat; }

#search-block { position: absolute; right: 0; top: 68px; }
#search-block input#search-top-id { width: 199px; height: 21px; font-size: 10px; color: #aaa; padding: 4px 10px 3px 30px; background: url(/img/search-input-back.png) 0 0 no-repeat; border: none; }

#header-menu-block { position: absolute; right: 0; top: 119px; z-index: 200; }
#header-menu-block ul { }
#header-menu-block ul li { position: relative; float: left; height: 30px; display: block; margin: 0 0 0 21px; }
#header-menu-block ul li a { position: relative; display: block; width: 109px; height: 28px; padding-left: 10px; }
#header-menu-block ul li a span { position: absolute; left: 0; top: 0; display: block; width: 119px; height: 28px; cursor: pointer; }
#header-menu-block ul li#h-production-item a span { background: url(/img/prod-item-back.png) 0 0 no-repeat; }
#header-menu-block ul li#h-production-item:hover a span, #header-menu-block ul li#h-production-item, #header-menu-block ul li#h-production-item a span:hover { background: url(/img/prod-item-hover-back.png) 0 0 no-repeat; }
#header-menu-block ul li#h-about-item a span { background: url(/img/about-item-back.png) 0 0 no-repeat; }
#header-menu-block ul li#h-about-item, #header-menu-block ul li#h-about-item a span:hover { background: url(/img/about-item-hover-back.png) 0 0 no-repeat; }
#header-menu-block ul li#h-ecology-item a span { background: url(/img/ecology-item-back.png) 0 0 no-repeat; }
#header-menu-block ul li#h-ecology-item, #header-menu-block ul li#h-ecology-item a span:hover { background: url(/img/ecology-item-hover-back.png) 0 0 no-repeat; }
#header-menu-block ul li#h-events-item a span { background: url(/img/events-item-back.png) 0 0 no-repeat; }
#header-menu-block ul li#h-events-item, #header-menu-block ul li#h-events-item a span:hover { background: url(/img/events-item-hover-back.png) 0 0 no-repeat; }
#header-menu-block ul li#h-contacts-item a span { background: url(/img/contacts-item-back.png) 0 0 no-repeat; }
#header-menu-block ul li#h-contacts-item, #header-menu-block ul li#h-contacts-item a span:hover { background: url(/img/contacts-item-hover-back.png) 0 0 no-repeat; }

#header-menu-block ul li ul { position: absolute; left: 0; top: 29px; display: none; width: 677px; height: 50px; background: url(/img/smenu-back.png) 0 0 no-repeat; opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; }
#header-menu-block ul li:hover ul { display: block; }
#header-menu-block ul li ul li { width: 124px; margin: 10px 19px 0 15px; padding: 0 0 0 7px; font-size: 11px; background: url(/img/smenu-bullet.png) 0 5px no-repeat; border: none; }
#header-menu-block ul li ul li a { color: #000; }
#header-menu-block ul li ul li a:hover { text-decoration: underline; }

body.template2 h1 { margin: 35px 0 26px; font-size: 24px; font-weight: normal; }
body.template2 h2 { margin: 35px 0 32px 0; font-size: 22px; font-weight: normal; }
body.template2 h2.title { font-size: 14px; font-weight: bold; color: #000; }
body.template2  h3 { font-size: 20px; font-weight: normal; }
body.template2  h4 { font-size: 18px; font-weight: normal; }
body.template2  h5 { font-size: 16px; font-weight: bold; }
body.template2  h6 { font-size: 14px; font-weight: normal; }
body.template2 #wrapper p { margin: 21px 0; line-height: 1.5em; }
body.template2 #wrapper  ul { margin: 15px 0 25px 18px; }
body.template2 #wrapper li { margin: 10px 0; padding-left: 19px; background: url(/img/content-bullet.png) 0 7px no-repeat; }

.context1 { width: 475px; }

.context2 { margin: 56px 0 0 15px; }
.context2 a { float: left; display: block; width: 161px; margin-right: 34px; font: 14px Georgia, "Times New Roman", Times, serif; font-style: italic; text-decoration: none; color: #000; }
.context2 a:hover { }
.context2 a img { display: block; width: 106px; height: 106px; margin-bottom: 23px; padding: 3px 3px 4px 3px; }
.context2 a:hover img { background: url(/img/substrate.png) 0 0 no-repeat; }
.context2 a span { padding: 1px 2px; text-decoration: underline; }
.context2 a:hover span { color: #fff; background: #4d82a5; text-decoration: none; }

.img-box { float: left; padding: 54px 53px 0 15px; }

.context3 { display: table; }

#content-block { float: right; width: 676px; background: #fff url(/img/content-top-back.jpg) 0 0 no-repeat; }
#inner-content-block { min-height: 783px; padding: 0 32px; line-height: 1.5em; background: url(/img/content-bottom-back.png) 0 100% no-repeat; }
#inner-content-block h1 { margin: 35px 0 26px; line-height: 100%; }
#inner-content-block h2 { margin: 19px 0 10px; }
#inner-content-block ul { margin: 15px 0 25px 18px; }
#inner-content-block li { margin: 10px 0; padding-left: 19px; background: url(/img/content-bullet.png) 0 7px no-repeat; }
#inner-content-block p { margin: 21px 0; }
#inner-content-block td { padding: 5px; margin: 5px; background-color: #eeeeee; border:1px solid #ffffff; font-size: 12px; font-family: Tahoma;}

#sub-menu-block { float: left; width: 228px; }
#sub-menu-block ul { padding-top: 22px; }
#sub-menu-block li { font-weight: bold; border-bottom: 1px dotted #272626; }
#sub-menu-block li.no-border { border-bottom: none; }
#sub-menu-block li:hover, #sub-menu-block li.selected { font-weight: bold; background: #24885c url(/img/sub-menu-item-back.png) 0 0 repeat-y; }
#sub-menu-block li a { display: block; padding: 9px 0 8px 14px; color: #272626; }
#sub-menu-block li a:hover, #sub-menu-block li.selected a { color: #fffee6; text-decoration: none;  }

#footer-block { position: relative; width: 910px; margin: 0 auto; padding: 0 38px 47px 50px; font-size: 11px; line-height: 1.5em; }

#footer-contacts { float: left; }

#copyrights { float: right; }

#banners-block { text-align: center; }