body { background: white; margin: 0; padding: 0px; color: black; font-family: arial, sans-serif; font-size: 90%;}
img {border: 0;}


a {color: #5ea041;}
a:visited { color: #8fad2f; }
a:hover { color: #b3353a; }


.content { padding-left: 50px; }
.middle {/*display: table;*/ width: 100%; clear: both; -border: 1px solid white;}
.layout {display: table; _height: 1px; width: 100%; min-width:999px;}
* html .layout {width: expression((parseInt(document.getElementById('body-width-measure').offsetWidth) < 990)? '990px' : '100%');}


.logo { width: 147px; margin: 0; _margin-left: -3px; position: relative; left: -23px; z-index: 2; padding-top: 25px; float: left;}
.logo a {display: block; float: left;}
div.service {position: relative; bottom:-1.2em; left: 20px; clear: left; } 
/*.icons {position: relative; bottom:-1.2em; left: 20px; clear: left; float: left;}*/

.top-nav {float: left; }
.top-nav img {vertical-align: -0.7em;}
.langs { position: relative; top: -0.5em; font-size: 90%; padding-left: 45px;}
.langs b, .langs a {margin-left: 7px; font-size: 95%;}
.langs a:hover { color: #b3353a;}
.langs b {font-weight: normal; color: #c30d24; }
.langs img {vertical-align: -0.25em;}
.main-nav {margin: 0px 30% 0 0; _margin-right: 5%; height: 4em; _height: 3em; }
.main-nav {_width: 100%;}
.main-nav ul {/*display: table; margin-top: 20px;*/}
.main-nav li {float: left; margin: 0 27px 0 3px; padding-bottom: 8px; white-space: nowrap;}
li.icons {padding: 0; margin: 0; height: 1px; position: relative; width: 105px;}
li.icons div {position: absolute; top: -6px;}
.path {margin-bottom: 0.2em;  float: left; clear: left;}
.navigation .path a, .navigation .path a:visited {color: black; font-size: 90%;}
.navigation .path b {color: black; font-weight: normal;font-size: 90%;}
.main-nav a:visited {color: #5EA041; }
.main-nav a:hover, .navigation .path a:hover, #main_page .middle .right-column h2 a:hover {color: #b3353a;}
.main-nav a:hover.selected {color: #b3353a;}
.main-nav a.selected {color: black;}


a .hover,
a:hover .normal { display: none; }
a:hover .hover { display: inline; }

.right-column { float: right; /*display: table;*/ width: 20%; _width: 22%; padding-right: 2%; margin: 0; _margin-left: -3px;  _padding-left:0;  padding-top: 0.18em;}
.hat .right-column {padding-bottom: 2.2em; position: relative; left: -29px; z-index: 2; width: 22%; padding-right: 0;}
.hat .navigation {padding-top: 36px; padding-left: 50px; height: 4em; _height: 3em;}
.content { /*padding-right: 35%; _padding-right: 0; width: 40%; */ width: 67%; _height: 1px; _width: 80%; clear: left;}



ul {padding: 0; margin:0; list-style-type: none;}
ul li {list-style-type: none; margin-bottom: 0.7em;}
li ul {margin-left: 20px; margin-top: 0.7em; }
li li {font-size: 90%;}
li b {color: #C30D24;}
li a.selected {color: #5ea041; font-weight: bold;}

/*content*/
h1 {color: #c30d24; margin-top: 0em; }
h2 {/*color: #c30d24;*/ font-size: 110%; margin: 1.7em 0 0.5em 0; color: black; clear: left;}
h3 {font-size: 105%; margin: 1.2em 0 0.5em 0;}
h4 {margin-bottom: 0.7em;}
/*.content h2 { font-size: 110%; margin: 1.7em 0 0.7em -10px; padding: 0 0 0 10px; color: black; background-color:#F7F8E8; }*/
.right-column h2 {color: #868889; margin: 20px 0 1.2em 0; font-size: 110%;}
p {margin-bottom: 1em; line-height: 1.4em; margin-top: 0.3em;} 
p.before_list {margin-bottom: 0.45em; /*background-color:#F7F8E8*/}
.content ul li {margin-bottom: 0.45em; background: url('/f/1/global/bul.gif') left 0.7em no-repeat; padding-left: 15px; line-height: 1.4em;}
.content ul {margin-bottom: 1.2em;}
.right-column ul li {background-image: none; padding-left; 0; clear: left;}

.content dl {margin-bottom: 1.5em;}
.content dt {/*float: left; background: #f7f8e8;  padding: 0.2em 10px ;*/ margin: 1.2em 0 0.5em 0; font-weight: bold; line-height: 1.4em; /*position: relative; left: -10px; */_margin-bottom: 0;} 
.content .history dt {font-size: 90%; margin-top: 1.5em;}
.content dd {/*clear: left;*/ margin: 0.5em 0 1em 0; padding: 0; zmargin-top: 0.8em; line-height: 1.4em; }
.pic-block {width: 100%; background-color: #f5f5f5;}

.pic-block td {vertical-align: middle;  height: 90px; }
.right-column .pic-block td {width: 85px; }
.pic-block td.desc {padding-right: 10px; width: auto;}
.pic-block td.bnicon { width:1px; }
.pic-block td p {margin: 0 0 0.5em 0; font-size: 90%;}
.pic-block td a {margin: 0 0 0.5em 0; font-size: 90%;}

.footer {margin: 0em 0 3em 0; padding-left: 50px; clear: both; padding-top: 5em; font-size: 90%;}
.footer p {font-size: 90%; margin: 0 0 0.5em 0;}
form.search {width: 100%; margin: 1.5em 0 1em 0;}
.search input {width: 85%;}
.search input.empty {color: #999999;}
.search .search-img {width: auto; vertical-align: -0.1em;}
sup {position: relative; top: -0.5em; font-size: 0.75em; //font-size: 0.89em; line-height: 0; vertical-align: baseline; }

/*news*/
.right-column .year-navigation li {float: left; margin-right: 0.8em; clear: none;}
.right-column .year-navigation li a.selected {color: #c30d24;}
h1.article-title {margin-bottom: 0.1em;}
.article h1 {color: #868889; }
.content .articles dd {margin-bottom: 1.5em;}
.content .articles dd p { margin: 0px; padding: 0px; }
.content p.date, .content p.source  {color: #868889; margin: 0 0 0.2em 0; font-size: 80%; font-weight: normal;}
p.city {color: #868889; margin: 0 0 0.2em 0;}
.content .articles dt { background:none; color: black; float:none; margin-bottom:0.5em; padding:0; position:static; font-size: 105%;}
.content p.source {float: left; margin-right: 0.25em;}
p.prefix {float: left; margin: 0; color: #C30D24; }
.content .articles dt a {color: #5EA041; line-height: 1.3em;}
.article-body {margin-top: 1.5em;}

.content .image {position: relative; left: -40px; margin-bottom: 1em;}
.layout .cn {width: 70%; margin-left: 10px; position: relative;  top: -5.5em; }
.layout .cn img {width: 100%; height: auto;}
.cn .footer, .cn .content {display: none;}
.content .image p {margin-left: 400px; font-size: 90%; color:#868889; margin-top: 0.7em;}
p.desc {font-size: 90%; color:#868889;}
.content .preview_image {float: left; height: 200px; text-align: center;  margin: 0.5em 50px 2em 0;}
.content .preview_image p {text-align: left; font-size: 90%;}


.vacancies dt {background: white; margin-bottom: 0.3em}
.vacancies dd {margin-top: 0.3em;}
#vacancy h1 {color: #868889; margin-bottom: 0.1em;}
#feedback .feedback {margin-top: 0; }
.feedback {background-color: #f5f5f5; float: left; padding: 20px 20px 10px 15px; margin-top: 3em; position: relative; left: -15px;}
.submitted {margin: 1.5em 0 2em 0; padding-bottom: 20px;}
.public_relations {background-color: #f5f5f5; float: left; padding: 20px 20px 10px 15px; }
div.highlight {background-color: #f5f5f5; position: relative; left: -15px; padding: 15px 15px 10px 15px; margin-bottom: 20px; float: left;}
.feedback textarea {height: 8em;}
.feedback dt {font-weight: normal;}



.content table.data {border-collapse: collapse; margin-top: 1em; width: 100%}
.content table.data th  { text-align:center; vertical-align:top; font-size:0.9em;}
.content table.data td {padding: 10px 50px 10px 0; font-size: 0.8em; }
.content table.data tr {}



/*
#main_page .hat .right-column {padding-top: 0; margin-right: 2%; padding-right: 12px; font-size: 90%; }*/

#main_page .middle .right-column, #main_page .middle .right-column h2 {padding-top: 0; margin-top: 0; }
#main_page .middle .right-column h2 {float: left; margin: -0.2em 8px 0.5em 0; font-weight: normal; font-size: 0.90em; }
#main_page .middle .right-column h2 a {color: black;}
#main_page .middle .content {display: none;}
#main_page .content h1 {float: left; margin: 0; font-size: 130%; line-height: 1em; position: relative; left: -0.7em; top: -0.05em; _top: 0.15em;}
#main_page .pics .pic-block {float: left; width: 25%; _width: 24%; /*margin-right: 4%;*/ position: static;}
#main_page .pics {margin-left: 10px; width: 73%;  margin-top: 10px;  background-color: #f5f5f5; _width: 74.8%; }
#main_page .pics .bnicon {padding-left: 17px; }
#main_page .right-column ul li p {margin-bottom: 0.8em;}
#main_page .right-column ul {margin-bottom: 2em;}
#main_page .right-column ul li {/*font-size: 95%;*/}
#main_page p {font-size:0.95em;}

#techprocess .content {width: 70%; _width: 90%; }
.subsections {margin-top: 2em; width: 100%;}
.subsections div {float: left; width: 162px; height: 20em; _height: 22em; margin: 0 50px 40px 0;}
.subsections div p { margin: 0.5em 0 0 0; font-size:90%; }
.subsections div p a { margin: 0.5em 0 0 0; font-size:100%; }

.hat .right-column  {padding-top: 0; font-size: 95%;}
.hat .right-column .pic-nav td {vertical-align: middle;}
.hat .right-column  p {margin:  0.2em 0 0.3em 0;}

/*стили для карточки завода*/
.card { background-color: #f5f5f5; width: 70%; margin-bottom: 1em; }
.card b { display: block; font-weight: normal;}
.card img { margin: 0px; }		
.card .l-t {background:url('/f/1/global/l-t.gif') left top no-repeat; }
.card .r-t {background:url('/f/1/global/r-t.gif') right top no-repeat; } 	
.card .l-b {background:url('/f/1/global/l-b.gif') left bottom no-repeat; }
.card .r-b {background:url('/f/1/global/r-b.gif') right bottom no-repeat; }
.card table { margin: 0px; padding: 0px; }
.card table tbody { margin: 0px; padding: 0px; }
.card table tr { margin: 0px; padding: 0px; }
.card td {margin: 0px; padding:0 10px 10px 10px; vertical-align: top; }
.card td.inner {padding-left: 0; padding-top: 10px;}
.card br {font-size: 1px;}


.card .inner b {font-weight: bold; display: inline;}		
.card b b b b {padding: 5px;}

.card td p { margin: 0 0.2em 0.2em 0; font-size: 80%;}

/*p.file  {  background-repeat:no-repeat; line-height: 40px; padding: 0 0 0 36px; font-size: 0.8em; }*/
p.file  {  background-repeat:no-repeat; background-position: 0 0.1em; _height:40px; min-height: 40px; padding: 0; font-size: 95%; font-style: normal;}
p.file img {vertical-align: top; float: left; margin-right: 5px;}
/*p.file a {margin-right: 0.5em; }*/
p.file span { line-height: 1.4em; font-size: 80%; display: block; }
.pdf {background-image:url(/i/icons/ilim/pdf.gif);}
.doc {background-image:url(/i/icons/ilim/doc.gif);}
.xls {background-image:url(/i/icons/ilim/xls.xls);}
.rar {background-image:url(/i/icons/ilims/rar.rar);}
.ai {background-image:url(/i/icons/ilim/ai.gif);}

div.card h2 { margin: 0em 0 0.3em 0; font-size:95%; }
div.card .unit-region { font-size:80%; margin: 0.5 0 1em; padding: 0px; color: #868889; }
#business-unit .card {margin-top: 3em;}

div.map {position: relative; top: -4em; /*left: 2em; width: 38.5em; width: 32.5em;*/ margin-bottom:-3em;}
div.map b {position: absolute; /*background: url('/f/1/global/city-bul.gif') left 0.4em no-repeat; padding-left: 10px;*/ font-weight: normal; font-size: 85%; color: #00622f;}
div.map b.left {background-position: right 0.4em; padding-left: 0; padding-right: 10px;}
div.map b.legend {font-style: italic;}

.content table.products {width: auto; margin-top: 0; }
.content table.products td {vertical-align: top;  padding-top: 0; padding-right: 50px;  font-size: 95%;}
.content table.products img {position: relative; left: -40px; }
.content table.products p, .content table.products ul {margin-right: 40px;}

.content table.toggle {position: relative; left: -20px; margin: 2em 0; }
.content table.toggle th {text-align: left;  padding-left: 20px; padding-bottom: 0.3em font-size: 95%;}
.content table.toggle td {vertical-align: top; padding-left: 20px; }
 .highlight td  {background: #f3f7ef;}
.content table.toggle td ul li {background: none; padding-left: 0; margin-bottom: 0.8em;}

td.content {font-size: 90%; padding-left: 0; clear: none; float: none; width: auto;}
.left_notes { float:left; width: 250px; margin-bottom: 2em; vertical-align: top; }
.magazine .left_notes {width: 220px; margin-bottom: 3.5em;}
.magazine .content_container {margin-bottom: 3.5em;}
.left_notes p { margin: 0.2em 0 0.2em 0; }
.left_notes h2 {margin-top: 0;}
.left_notes p.file, .press-column p.file {padding-left: 0; background: none !important; }
.left_notes .file_size { margin:0px; font-size:0.8em; }
.magazine .content_container {margin-top: 1.5em;}
.content_container { float:left; width:45%; margin: 0px; padding: 0 10px 0 10px; _width: 60%; }
.content_container h2 { margin:0 0 0.7em;}
.magazine {margin-bottom: 2em;}

#feedback table.data {width: auto;}
#feedback table.data td {padding-right: 2em; vertical-align: top;}
#feedback table.data td textarea {width: 20.4em; _width: 20.6em; height: 7em;}

.article-footer {border-top: 1px solid #cccccc; margin-top: 3em; padding-top: 1.5em; font-style: italic; font-size: 95%;}

div.copyright {float: left; }
div.copyright p {margin-bottom: 0; line-height: 1.2em;}
div.made { margin-right: 27%; _width: 100%; _margin-right: 25%;}
div.made-in {float: right;}
div.made-in a, div.made-in p{/*float: left; _margin-left: 25%; margin-left: 25%;*/ float: left; }
div.made-in p.info {clear: left; margin-top: 0.4em;}
div.made-in p a {float: none;}
.made-in img { margin-right:11px; margin-top:2px; }

.sitemap_column {float: left; width: 50%; margin-top: 2em;}
.content .sitemap_column ul li {background: none; padding-left: 0; font-size: 95%; margin-bottom: 0.6em;}
.content .sitemap_column li ul {margin-top: 0.55em;}

.video {margin: 1em 0 3em 0;}

.preview_images {table-layout: fixed; width: 100%;}
.preview_images .images {overflow: auto; white-space: nowrap; width: 100%; height: 160px;}
#image-bank .preview_images .images {height: 195px;}
.preview_images .images a {margin: 0 10px; /* height: auto; display: inline-block; */}
.preview_images .images a img {border: solid white; border-width: 12px 15px;}
.preview_images .images a.selected img {border-color: #dddddd; }
.hide-inners * { visibility: hidden; }
#next-item { text-align: right; }
#next-item span, #prev-item span {cursor: pointer;}
.photobank-view { margin: 35px 20px; text-align: center; margin-bottom: 0.7em;}
.photobank-view img {margin-bottom: 15px;}

.photobank_preview {margin: 1em 0 2em 0; float: left; }
.photobank_preview div {padding: 0 5px 5px 0; background: url('/f/1/global/photo-bkg.gif') left top no-repeat; margin-right: 40px}
.photobank_preview img {margin-bottom: 0px;}
.photobank_preview a { margin: 0 30px 30px 0; font-size: 90%; white-space: nowrap;}
#result_list li {background: none; padding-left: 0; margin-bottom: 1.5em;}

.measurer { font-size: 1px; height: 1px; margin-top: -1px; }


/* contacts */
p.indent {text-indent: -2.61em; padding-left: 2.61em; _text-indent: -2.54em; _padding-left: 2.54em; margin-bottom: 0;}

