* {padding:0; margin:0;}
html {height:100%;}
body {height:100%; min-height:100%; background:#fff; text-align:center;}
img {border:0;}
:focus {outline:none;}
.cufon-loading {visibility:hidden !important;}

a {text-decorations:none;};

.container {width:900px; margin:0 auto; text-align:left;}

#m9 {position:relative; width:100%; height:131px; background:url('/i/9may.jpg') 50% 0 no-repeat; margin-bottom:-10px;}

/* Шапка */

#header {width:902px; margin:0 auto; text-align:left; height:150px; line-height:1px;}
#header ul {float:left; list-style:none; margin:0 -22px 0 3px; padding-top:21px;}
#header ul li {clear:left; display:inline-block; padding:0 20px; margin-left:18px; line-height:1px;}
#header ul li a {font:normal 30px Arial; color:#333; text-decoration:none; line-height:1px;}
#header ul li a.eco {display:inline-block; padding-right:18px; background:url('/i/ico-eco.png') 47px 7px no-repeat;}
#header ul li a:hover, #header ul li.active a {color:#e76912;}

#logo {display:inline-block; float:left; width:139px; height:122px; margin-top:32px; font-size:0; background:url('/i/hp.JPG?12') no-repeat;}

#rb {width:173px; float:right;}
#rb a {display:inline-block; width:18px; height:18px;}
#rb .tw {background:url('/i/ico-tw.png') no-repeat;}
#rb .fb {background:url('/i/ico-fb.png') no-repeat;}
#rb .vk {background:url('/i/ico-vk.png') no-repeat;}
#rb .in {background:url('/i/ico-insta.png') no-repeat;}
#rb .yt {background:url('/i/ico-yt.png') no-repeat;}
#rb .lng {float:right; width:25px; background:url('/i/ico-eng.png') no-repeat;}
#rb #phone {display:block; width:173px; height:26px; margin-top:22px; font-size:0; background:url('/i/number.png?mj') no-repeat;}
#rb form {position:relative; display:block; float:right; margin:50px 0 0 0;}
#rb form input {position:relative; display:block; width:143px; border:1px solid #dedede; padding:5px 5px 6px 24px; margin:6px 0 10px 0; font:normal 12px Tahoma; color:#666; background:url('/i/ico-search.png') 6px 50% no-repeat; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; behavior:url(/pie.htc);}



/* Серединка */

#middle {width:900px; margin:0 auto; text-align:left; overflow:hidden;}
#slogan {display:none; position:absolute; width:485px; height:143px; background:url('/i/slogan.png') no-repeat; z-index:997;}
#douknow {display:none; position:absolute; font:normal 11px Tahoma; color:#fff; width:187px; height:142px; margin:185px 0 0 0; padding:8px 20px 0 60px; background:url('/i/info.png') no-repeat; line-height:13px; z-index:998; text-align:left;}
#douknow span {display:block; position:absolute; width:11px; height:11px; margin:-3px 0 0 188px; background:url('/i/ico-close.png') no-repeat; cursor:pointer;}
#douknow a {display:block; float:right; font:normal 11px Tahoma; color:#e9910e; text-decoration:underline;}
#douknow p {display:table-cell; height:95px; vertical-align:middle; zoom:1;}

.sm {margin:175px 0 0 525px;}
.si {margin:140px 0 0 525px;}

/* Тизеры */

#teaser {position:relative; width:100%; height:737px; margin-top:50px; z-index:1; left:0; overflow:hidden;}
#teaser img, #teaser-inner img {display:none;}
#teaser div {position:absolute; left:0; background-position:center top; background-repeat:no-repeat; width:100%; height:737px;}

#teaser-inner {position:relative; width:100%; height:340px; margin-top:40px; z-index:1; left:0; overflow:hidden;}
#teaser-inner div {position:absolute; left:0; background-position:center top; background-repeat:no-repeat; width:100%; height:340px;}

/* Контент */

#container {width:100%; background:#f2f2f2; overflow:hidden;}
#inner {width:900px; margin:30px auto; text-align:left;}

/* Левое меню */

#left {float:left; width:220px; margin-right:20px;}
#left div {background:#fff; padding:16px 20px;}
#left div strong {display:block; padding-bottom:4px; font:normal 19px Arial; color:#d86917; border-bottom:1px solid #dcdcdc;}
#left div ul {list-style:none; margin:7px 0 -2px 0;}
#left div ul li {line-height:1px; margin:10px 0;}
#left div ul li a {font:normal 12px Arial; color:#333; text-decoration:underline; line-height:14px;}
#left div ul li a:hover {color:#d86917;}
#left div ul li.active a {color:#d86917; text-decoration:none;}

#left div ul li ul {display:none;}
#left div ul li.active ul {display:block; margin:6px 0 2px 5px; padding:0;}
#left div ul li.active ul li {margin:5px 0; padding:0 0 0 10px; background:url('/i/menu-li.png') 0 7px no-repeat;}
#left div ul li.active ul li a {color:#666; text-decoration:underline;}
#left div ul li.active ul li a:hover {color:#d86917;}
#left div ul li.active ul li.active a {color:#d86917; text-decoration:none;}

/* Текст */

#text {float:left; min-height:380px; font:normal 12px Arial; color:#333; padding:16px 20px; margin-bottom:32px; background:#fff; overflow:hidden;}
#text h1 {font:normal 32px Arial; margin:0 0 10px -2px; color:#333; line-height:1px;}
#text h3 {font:normal 24px Arial; margin:12px 0 0 -2px; color:#d86917; line-height:1px;}
#text p {padding:5px 0; line-height:130%;}
#text ul {list-style:none; padding:5px 0 3px 6px; margin:5px 0 0 0; text-align:left;}
#text ul li {padding:0 0 0 15px; margin-bottom:7px; background:url('/i/li.png') 0 4px no-repeat; line-height:14px;}
#text ol {padding:5px 0 0 6px; margin:5px 0 0 12px; text-align:left;}
#text ol li {padding:0 0 0 3px; margin-bottom:10px; line-height:16px;}

#text a {font:12px Arial; color:#d86917; text-decoration:underline;}
#text a:hover {color:#666;}

#text .img {float:right; margin:10px 0 5px 20px;}

#text #iii {float:right; width:262px; margin:10px 0 5px 20px;}
#text #iii img {margin-bottom:10px;}
#text small {display:block; margin-bottom:10px; font:normal 11px Tahoma; color:#666;}

.t620, .t8603 {width:620px;}
.t860 {width:860px;}
.t8602 {width:580px;}

/* География */

#map {width:100%; height:500px; font:normal 12px Arial; color:#333;}
#map p {width:250px;}
#map .im {float:left; width:50px; height:50px; margin:0 10px 5px 0;}

/* Контакты */

#feedback {float:right; width:220px; margin-left:20px; background:#fff; padding:16px 20px;}
#feedback strong {display:block; padding-bottom:4px; margin-bottom:10px; font:normal 19px Arial; color:#d86917; border-bottom:1px solid #dcdcdc;}
#feedback input, #feedback textarea {position:relative; width:210px; padding:5px 3px 5px 5px; margin:3px 0; font:normal 12px Arial; color:#4a4a4a; background:#fff; border:1px solid #dcdcdc; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; behavior:url(/pie.htc);}
#feedback textarea {overflow:auto;}
#feedback input:focus, #feedback textarea:focus {background:#fcfcfc; border-color:#f6b87a; color:#666;}
#feedback input.button {float:right; width:86px; padding:4px 0 4px 0; background:#d86917; border-color:#d86917; color:#fff; cursor:pointer;}
#feedback input.button:hover, #form input.button:focus {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;}
#feedback span {display:block; font:normal 11px Tahoma; color:#d86917; padding-bottom:5px;}
#feedback hr {margin:10px 0; border:0; height:1px; color:#dcdcdc; background:#dcdcdc;}

#qrcode {position:absolute; margin:-128px 0 0 457px; width:122px; height:122px; background:url('/i/qr-code.gif') no-repeat; z-index:999;}
#ymaps-map-id_135833063624648653484 {width:100%; height:350px; margin:20px 0 5px 0;}

/* Продукция - Категории */

#text #sections {list-style:none; margin:20px 0 -10px -25px; padding:0;}
#text #sections li {position:relative; display:inline-block; float:left; width:415px; padding:0; margin:0 0 20px 25px; background:#fff; border:1px solid #ebebeb; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; behavior:url(/pie.htc); overflow:hidden; line-height:1px;}
#text #sections li img {float:left; width:120px; height:150px;}
#text #sections li div {padding:15px 0 15px 20px; overflow:hidden;}
#text #sections li div a {font:normal 18px Arial; color:#333; line-height:20px;}
#text #sections li div a:hover {color:#d86917;}
#text #sections li div ul {display:block; list-style:none; padding:0; margin:7px 0 0 0;}
#text #sections li div ul li, #text #sections li div ul li:hover {display:block; width:260px; border:0; color:#666; margin:1px 0; padding:0 0 0 10px; background:url('/i/menu-li.png') 0 8px no-repeat;}
#text #sections li div ul li a {font:normal 12px Arial; color:#666;}

/* Продукция - Номенклатура */

#text #items {list-style:none; margin:20px 0 0 -15px; padding:0;}
#text #items li {position:relative; display:inline-block; float:left; width:290px; padding:5px; margin:0 0 15px 15px; background:#fff; border:1px solid #ebebeb; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; behavior:url(/pie.htc); overflow:hidden; line-height:1px;}
#text #items li img {float:left; width:80px; height:100px;}
#text #items li div {display:table-cell; padding:0 20px; height:92px; vertical-align:middle; zoom:1; overflow:hidden;}
#text #items li div a {font:normal 16px Arial; color:#333; line-height:20px;}
#text #items li div a:hover {color:#d86917;}

/* Продукция - Детально */

#description table {width:100%; border-collapse:collapse; font:normal 12px Tahoma;}
#description table td {border:1px solid #fff; padding:8px 10px; vertical-align:middle;}
#description table tr.even {background:#f3f3f3;}
#description table tr.odd {background:#eaeaea;}

#photo {float:right; width:200px; margin:5px 0 5px 20px;}
#photo hr {height:1px; border:0; background:#ececec; color:#ececec; margin-top:5px;}
#photo #files {list-style:none; margin:5px 0 0 0; padding:0;}
#photo #files li {display:block; background:url('/i/ico-pdf.png') 0 50% no-repeat; margin:0; padding:15px 0 15px 34px;}

/* Хлебные крошки */

#breadcrumbs {font:normal 11px Tahoma; color:#333; margin-top:-10px; padding:0 0 10px 0;}
#breadcrumbs a, #text #breadcrumbs a {font:normal 11px Tahoma; color:#333; text-decoration:underline;}
#breadcrumbs a:hover, #text #breadcrumbs a:hover {color:#d86917;}
#breadcrumbs i {margin:0 3px 0 2px;}
#breadcrumbs img {vertical-align:-2px;}

/* Листинг новостей */

#text #newslist {list-style:none; margin:20px 0 0 -17px; padding:0;}
#text #newslist li {font:normal 11px Tahoma; background:none; height:70px; margin-bottom:15px; color:#666;}
#text #newslist li a {display:block;}
#text #newslist li img {float:left; width:70px; height:70px; margin-right:10px;}
#text #newslist li p {display:table-cell; height:58px; vertical-align:middle; zoom:1;}

/* Инфо о городе */

#overlay {position:absolute; top:0; left:0; width:100%; z-index:99998; background:url('/i/overlay.png'); display:none; text-align:left;}
#city {position:fixed; font:normal 12px Arial; color:#484848; width:490px; height:380px; z-index:99999; padding:20px; background:#fff; top:50%; left:50%; margin-top:-190px; margin-left:-245px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; behavior:url(/pie.htc);}
#city h3 {margin:-3px 0 2px 0; padding:0; font:normal 25px Arial; border:0;}
#city #close {position:absolute; margin:-6px 0 0 480px; width:15px; height:15px; background:url('/i/ico-x.png'); cursor:pointer;}
#city #close:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
#city p {font:normal 12px Arial; padding:5px 0; line-height:130%;}
#city a {color:#d86917;}
#city a:hover {color:#333;}

/* Результаты поиска */

#search-form {margin-top:10px;}
#search-form input {position:relative; display:block; width:400px; border:1px solid #dcdcdc; padding:7px 5px 7px 24px; margin:6px 0 10px 0; font:normal 12px Tahoma; color:#666; background:url('/i/ico-search.png') #fff 6px 49% no-repeat; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; behavior:url(/pie.htc);}

#text #search-result {list-style:none; margin:0; padding:0;}
#text #search-result li {font:normal 13px Arial; padding:12px 0 16px 0; margin:0; background:none; color:#333; border-top:1px solid #dcdcdc;}
#text #search-result li:first-child {border:0;}
#text #search-result li a {display:block; font:normal 16px Arial; color:#d86917; text-decoration:underline; line-height:26px;}
#text #search-result li a:hover {color:#666;}

/* Пагинация */

#nav {padding:20px 0 10px 0; font:normal 12px Arial;}
#nav a {font:normal 12px Arial; margin:0 6px; text-decoration:none;}
#nav a.current, #nav a.current:hover {background:#d86917; color:#fff; padding:3px 6px; margin:0 8px;}
#nav a:hover {color:#333;}

/* Контакты в продукции */


#forbuy {padding:20px 0 5px 60px; background:url('/i/ico-forbuy.png') 0 27px no-repeat;}

/* Фирменный стиль */

.tip {position:relative; cursor:help;}
.tip div {display:none;	position:absolute; bottom:-1px; left:-1px; z-index:1000; width:116px; height:107px; padding:8px 12px; text-align:center; font:normal 12px Arial; line-height:14px; color:#666; background:#fff;}
.tip div a {display:block; margin-top:10px; color:#d86917;}

#style {height:64px; padding:14px 8px 8px 110px; margin-bottom:12px; font:normal 23px Arial; color:#666; background:url('/i/style.png') 8px 50% no-repeat; border:1px solid #ebebeb;}
#style a {font:normal 19px Arial; margin-right:14px;}

#icons {width:900px; margin:0 auto; text-align:left;}
#icons ul {list-style:none; margin:0 -2px 40px -17px;}
#icons ul li {display:inline-block; font:normal 12px Arial; color:#666; margin-left:17px;}
#icons ul li img {vertical-align:middle; margin-right:7px;}

/* Календарь событий */

#events {width:900px; margin:-45px auto 30px auto; text-align:left;}
#events h1 {margin-bottom:14px;}

#event {float:right; width:580px; height:234px; font:normal 14px Arial; color:#333; padding:20px; margin:0 0 40px 0; background:#fff;}
#event h4 {font:normal 19px Arial; margin-bottom:2px;}
#event .more {display:block; margin-top:10px; color:#e76912;}
#event span {font:normal 12px Arial; color:#666;}

/* Референс */

#filter {padding:5px 0 20px 0;}
#filter select {font:normal 11px Arial; color:#333; padding:1px; border:1px solid #bebebe; cursor:pointer;}
#filter ul {margin:0 0 0 -11px; padding:0;}
#filter ul li {display:inline-block; background:none; padding:0; margin:0 0 0 11px;}
#filter ul li b {display:block; font:bold 13px Arial; margin-bottom:5px;}

#year {width:80px;}
#product {width:112px;}
#fo {width:180px;}
#industry {width:210px;}
#customer {width:220px;}

table.reference {border-collapse:collapse; width:100%; margin-bottom:4px; font:normal 13px Arial;}
table.reference thead td {padding:10px; font-weight:bold; background:#cbcbcb;}
table.reference thead tr:hover td {background:#cbcbcb; color:#333;}
table.reference td {border:1px solid #fff; padding:10px; vertical-align:middle;}
table.reference tr.even {background:#d9d9d9;}
table.reference tr.odd {background:#e7e7e7;}
table.reference tr:hover td {background:#ffc39f; color:#000;}
#loading {display:none; position:absolute; width:870px; background:url('/i/lightbox-ico-loading.gif') 50% 50% #fff no-repeat;}

/* Подвал */

#footer {background:#b7b5b6; padding:30px 0 20px 0; width:100%; overflow:hidden;}
#ft {width:900px; margin:0 auto; text-align:left;}
#ft b {display:inline-block; float:left; font:normal 34px Arial; color:#333; margin:12px 0 20px -1px;}
#ft b.news {float:right; margin-top:6px;}
#ft b.news a {font:normal 17px Arial; color:#333; border-bottom:1px solid #333;}
#ft b.news a:hover {color:#000; border-bottom:1px solid #000;}

#ft ul {list-style:none; height:115px; margin:0 0 26px -22px;}
#ft ul li {display:inline-block; float:left; width:285px; height:111px; margin-left:22px;}
#ft ul li img {position:relative; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -webkit-box-shadow:0 0 5px #908d8d; -moz-box-shadow:0 0 5px #908d8d; box-shadow:0 0 5px #908d8d; behavior:url(/pie.htc);}
#ft ul li:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85;}
#ft ul li:hover img {-webkit-box-shadow:0 0 5px #d86917; -moz-box-shadow:0 0 5px #d86917; box-shadow:0 0 5px #d86917;}

#ft p {display:inline-block; float:left; font:normal 12px Tahoma; color:#333; line-height:20px;}
#ft p a {font:normal 12px Tahoma; color:#333; text-decoration:underline;}
#ft p a:hover {color:#000;}

#ft form {position:relative; display:block; float:right;}
#ft form input {position:relative; display:block; width:118px; border:1px solid #9f9e9e; padding:5px 5px 6px 24px; margin:5px 0 5px 0; font:normal 12px Tahoma; color:#666; background:url('/i/ico-search.png') #fff 6px 50% no-repeat; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; behavior:url(/pie.htc);}
#ft form a {display:block; height:22px; padding-left:26px; font:normal 12px Tahoma; color:#333; text-decoration:underline; background:url('/i/ico-rss.png') no-repeat; line-height:16px;}
#ft form a:hover {color:#000;}
#ft form a.wm {background:url('/i/ico-wm.png') no-repeat;}
#ft form a.ppt {background:url('/i/ico-prt.png?12') no-repeat;}