html, body { height: 100%; }
body { position: relative; color: #202020; background: #DDDFE0 url(/i/bg.jpg); min-width: 990px; }
h1 { font-size: 1.125em; color: #E2B165; font-weight: normal; }
h2, h3, h4 { color: #28394B; }
label { font-style: italic; }
ins { display: block; text-decoration: none; }
.index { background: #283646 url(/i/main_bg.jpg); }

/* Контент */
#text { min-width: 580px; max-width: 700px; }
.index #text h2 { color: #9A7F44; font-size: 1.125em; }

#text ul, #text ol { position: relative; margin-top: 0.7em; margin-bottom: 0.7em; }

ol { list-style-type: none; behavior: expression((this.counter) ? "" : (this.start) ?  this.counter = this.start - 1 : this.counter = 0); margin-left: 2em; counter-reset: item; }
ol li { behavior: expression( ( !this.before && parentNode && parentNode.tagName == 'OL' ) ? ( this.before = true ) & ( parentNode.counter++ ) & ( parentNode.style.listStyleType = 'none' ) & ( eNOBR = document.createElement( '<div class="marker" />' ) ) & ( eNOBR.innerHTML = parentNode.counter + "." ) & ( this.insertBefore( eNOBR, this.firstChild ) ) : ''); position: relative; padding: 0; //width: 100%; display: block; }
ol ol, #text ul ul { margin-top: 0; margin-bottom: 0; }
.marker { position: absolute; left: -109px; top: -0.3em; width: 100px; text-align: right; }
.marker, ol li:before { color: #3F526E; font-size: 1.44em; }
ol > li:before { display: block; margin: 0 0 -1em -109px; width: 100px; text-align: right; content: counter(item) ". "; counter-increment: item; position: relative; top: -0.1em; }
#text ul li { background: url(/i/bullet.gif) no-repeat 0 0.4em; padding-left: 20px; margin-left: 0.5em; }

.popup { padding: 0 0 1px 31px; background: url(/i/popup.gif) no-repeat 0 0.2em; }
.out { padding-left: 21px; background: url(/i/out.gif) no-repeat 0 0.25em; }
.additional { font-size: 1.125em; margin: 1em 0; }

ul .line { position: absolute; width: 30px; border-top: 1px solid #9E9294; border-bottom: 1px solid #E5E5E6; font-size: 0; }
.index .with-image .line, #nav .line { border-top: 1px solid #1C2C39; border-bottom: 1px solid #394D60; }

/* Коммерческие предложения */
#text.commercial-offers table { margin: 0.85em 0; width: 100%; display: block; }
#text.commercial-offers tbody { display: none; }
#text.commercial-offers caption { margin: 0; padding: 0; display: block; }
#text.commercial-offers caption ins { border-bottom: 1px solid #3E566C; display: inline; cursor: hand; cursor: pointer; position: relative; }
.popup-table #text { padding: 0 30px; min-width: 0; max-width: auto; padding-bottom: 30px; }
.popup-table ins { border: none; display: inline; }
.popup-table .popup { padding: 0; background: none; }

.popup-table #text td { position: static; }
.popup-table #text th div { width: 100%; }

/*
.popup-table #text table { border-bottom: 1px solid #AAAFB9; border-left: 1px solid #AAAFB9; }
.popup-table #text th, .popup-table #text td { text-align: center; border-top: 1px solid #AAAFB9; border-right: 1px solid #AAAFB9; }
.popup-table #text th { color: #333; text-align: center; vertical-align: bottom; padding: 6px 26px; }
.popup-table #text .even { background: #E5E2E7; }
*/

.popup-table #text table { border-collapse: separate; border-top: 1px solid #AAAFB9; border-left: 1px solid #AAAFB9; }
.popup-table #text th, .popup-table #text td { text-align: center; border-top: 1px solid #EBEDEA; border-right: 1px solid #AAAFB9; border-bottom: 1px solid #AAAFB9; border-left: 1px solid #EBEDEA; }
.popup-table #text th { color: #333; text-align: center; vertical-align: bottom; padding: 6px; }
.popup-table #text .even { background: #E5E2E7; }


/* Таблицы в тексте */
#text table { position: relative; }
#text caption { color: #3E566C; font-size: 1em; }
#text th, #text td { font-size: 0.875em; }
#text th { color: #FFF; padding: 0 8px; }
#text td { position: relative; padding: 6px 16px; }
#text th p { line-height: 1.6em; padding: 0 0.7em; text-align: center; border: 1px solid #FFF; zoom: 1; }
#text th .container { position: relative; float: left; padding: 2px 3px; background: #3C586F; }
#text th .corner { width: 11px; height: 11px; background: url(/i/th_corners.gif); }
#text th .left { left: -3px; }
#text th .right { right: -3px; }
#text th .top .left { background-position: 0 0; }
#text th .top .right { background-position: -11px 0; }
#text th .bottom .left { background-position: 0 -11px; }
#text th .bottom .right { background-position: -11px -11px; }
#text th .top .corner { top: -2px; }
#text th .bottom .corner { top: -9px; }


.rounded { position: relative; background: url(/i/rounded_bg.jpg); float: left; }
.rounded .container { padding: 10px 16px; }
.rounded .corner { width: 13px; height: 13px; top: 0; background: url(/i/rounded_corners.gif); }
.rounded .left { left: 0; }
.rounded .right { right: 0; }
.rounded .top .left { background-position: 0 0; }
.rounded .top .right { background-position: -13px 0; }
.rounded .bottom .corner { top: -13px; }
.rounded .bottom .left { background-position: 0 -13px; }
.rounded .bottom .right { background-position: -13px -13px; }

#text .files { margin-top: 1em; }
#text .files li { background: none; position: relative; clear: left; padding: 0 0 0 84px; min-height: 24px; margin: 2.2em 0; }
#text .files .line { top: 14px; left: 43px; }
#text .files a { padding: 0 0 0 84px; z-index: 2; margin-left: -84px; }
#text .files a ins { position: absolute; top: -10px; left: -3px; z-index: 1; width: 37px; height: 41px; background: url(/i/files.png) no-repeat; cursor: pointer; cursor: hand; }
#text .files .zip { background-position: 0 0; }
#text .files .rar { background-position: -37px 0; }
#text .files .jpg { background-position: -74px 0; }
#text .files .gif { background-position: -111px 0; }
#text .files .ppt { background-position: -148px 0; }
#text .files .doc { background-position: -185px 0; }
#text .files .pdf { background-position: -222px 0; }
#text .files .xls { background-position: -259px 0; }

/* Вакансии */
#text .vacancies {  }
#text .vacancies { margin-top: 1em; }
#text .vacancies li { background: none; position: relative; clear: left; padding: 0 0 0 100px; min-height: 30px; margin: 2.2em 0; }
#text .vacancies .line { top: 10px; left: 62px; }
#text .vacancies a { padding: 0 0 0 100px; z-index: 2; margin-left: -100px; }
#text .vacancies a ins { width: 58px; height: 58px; }
#text .vacancies a .item { position: absolute; top: -16px; left: -3px; z-index: 1; cursor: pointer; cursor: hand; background: none; }
#text .vacancies a:hover .item { background: url(/i/vacancy_bg.png) no-repeat; }
#text .vacancies .item ins { background: url(/i/vacancies.gif) no-repeat; }
#text .vacancies .item1 ins { background-position: 0 0; }
#text .vacancies .item2 ins { background-position: -58px 0; }
#text .vacancies .item3 ins { background-position: -116px 0; }
#text .vacancies .item4 ins { background-position: -174px 0; }
#text .vacancies .item5 ins { background-position: -232px 0; }
#text .vacancies .item6 ins { background-position: -290px 0; }

/* Документы */
#text .documents li { background: none; position: relative; padding: 0 0 0 120px; min-height: 80px; margin: 3em 0; zoom: 1; }
#text .documents .line { top: 10px; left: 83px; }
#text .documents .item { position: absolute; width: 81px; height: 101px; top: -16px; left: -3px; z-index: 1; background: url(/i/docs.jpg) no-repeat; }
#text .documents .award { background-position: 0 0; }
#text .documents .certificate { background-position: -81px 0; }
#text .documents .diploma { background-position: -162px 0; }
#text .documents .document { background-position: -243px 0; }
#text .documents .licence { background-position: -324px 0; }

/* Каталог */
.producer { color: #A48347; }
.index .with-image { color: #9E9FAB; }
.index .with-image a:link { color: #C4CEDF; }
.index .with-image a:visited { color: #C4CEDF; }
.index .with-image a:hover { color: #FFF; }
.index .with-image a:active { color: #FFF; }
.index .with-image .image { background: url(/i/frame_main.png) no-repeat; }
.index .with-image img { margin: 8px; }

/* Контакты */
#text .contacts-info { margin-top: 1.1em; }
#text .contacts-info p, #text .contacts-worktime p { margin: 0 0 0.1em 0; }
#text .contacts-worktime h3 { margin: 1.25em 0 0.05em 0; }
#text .contacts-worktime .label { color: #A48347; font-weight: bold; }
#text .contacts-location { margin-top: 1.3em; }
#text .contacts-location .popup { background: url(/i/contacts_popup.gif) no-repeat 0 0.3em; padding-left: 28px; }

/* Статьи */
#text .articles li { background: none; }

/* Пресса */
#text .archives span { color: #C18F45; }
#text .press .clear { width: 100%; }
#text .source { padding-left: 15px; background: url(/i/press_bullet.gif) no-repeat 0 0.2em; }
#text .date { color: #535353; position: relative; left: -5px; }
#text .date .container { padding: 0.25em 0.45em; }
#text .archives a, #text .archives span { position: relative; display: block; float: left; }
#text .archives ins { position: absolute; top: 0.5em; left: 100%; }
#text .archives ins ins { font-size: 0; background: url(/i/press_arrow.gif) no-repeat -3px 0.4em; width: 14px; height: 5px; position: relative; top: 0; left: 6px; }
#text .archives span ins ins { background-position: 0 0.4em; }
#text .archives .clear { width: 100%; }

/* Партнеры */
.partner { margin: 43px 0 20px 0; }
.partner h3 { clear: left; }
.partner .clear { width: 100%; }
.partner .holder { position: relative; float: left; margin-top: 40px; }
.partner .holder:after { content: ''; display: block; clear: both; height: 1px; }
.partner .holder img { position: relative; top: 25px; left: 28px; margin: 0 8px 2px 0; }
.partner .holder .t { background: url(/i/frame-t.png) no-repeat 0 0; left: -50px; }
.partner .holder .r { background: url(/i/frame-r.png) no-repeat 100% 0; top: -50px; }
.partner .holder .b { background: url(/i/frame-b.png) no-repeat 100% 100%; right: -50px; }
.partner .holder .l { background: url(/i/frame-l.png) no-repeat 0 100%; padding-top: 0px; }
.partner .holder .t,
.partner .holder .r,
.partner .holder .b,
.partner .holder .l { position: relative; width: auto; height: auto; //float: left; }
.partner .out { background-image: url(/i/out_partner.gif); }
.partner .out:link { color: #5C5C5C; }
.partner .out:visited { color: #909; }
.partner .out:hover { color: #C18F45; }
.partner .out:active { color: #C18F45; }

/* Разметка */
#logo { padding-top: 33px; margin: 0 0 32px 92px; }
#logo img { width: 184px; height: 134px; }
#logo-print { display: none; }

#icons { position: absolute; top: 0; left: 41%; z-index: 10; width: 211px; height: 129px; background: url(/i/icons_shadow.png) no-repeat; }
#icons .bg { background: url(/i/icons_buttons.png) no-repeat; margin-left: 23px; height: 100px; }
#icons ul { margin-left: 7px; }
#icons li { float: left; margin-right: 9px; margin-top: 51px; }
#icons li * { display: block; width: 36px; height: 41px; background-image: url(/i/icons.gif); background-repeat: no-repeat; }
#icons .cur { background: url(/i/icons_button_on.png) no-repeat; }
#icon-home.cur * { background-position: 0 14px; }
#icon-mail.cur * { background-position: -36px 14px; }
#icon-search.cur * { background-position: -72px 14px; }
#icon-map.cur * { background-position: -108px 14px; }
#icon-home a { background-position: 0 6px; }
#icon-mail a { background-position: -36px 6px; }
#icon-search a { background-position: -72px 6px; }
#icon-map a { background-position: -108px 6px; }

#header { width: 100%; position: relative; z-index: 1; }
#header .bg-wall { background: url(/i/header_bg.jpg) repeat-x 43px 0; }
.index #header { background: url(/i/main_bg_line.gif) repeat-y right; }

#pipe { position: absolute; top: 210px; left: 0; width: 100%; height: 300px; background: url(/i/pipe_bg.jpg); }
#tonometer { position: absolute; top: -200px; right: 20%; z-index: 2; width: 148px; height: 221px; background: url(/i/main_tonometer.png) no-repeat; }
#tonometer ins { position: relative; }
#finger-container ins { width: 111px; height: 97px; background: url(/i/fingers.png) no-repeat; margin: 20px 0 0 18px; }
#finger-container .n2 { background-position: -111px 0; }
#finger-container .n3 { background-position: -222px 0; }
#finger-container .n4 { background-position: -333px 0; }
#finger-container .n5 { background-position: -444px 0; }
#finger-container .n6 { background-position: -555px 0; }
#finger-container .n7 { background-position: -666px 0; }
.typical #tonometer, .typical #tonometer div { width: 328px; height: 279px; background-repeat: no-repeat; z-index: 2; }
.typical #tonometer { position: absolute; top: 18px; right: 0; background-image: url(/i/tonometer_bg.png); }
.typical #tonometer div { background-image: url(/i/tonometer.png); }
.typical #finger-container { padding: 20px 0 0 85px; }
.typical #finger-container ins { margin: 0; }

#pipe #joint { width: 7px; height: 234px; position: absolute; right: 66px; background: url(/i/pipe_joint.jpg) no-repeat; }

.panel { position: relative; top: 0; left: 0; }
.panel .container, .panel .corner-container { background: #2A3D4C url(/i/panel_bg.jpg); }
.panel .corner-container { margin: 0 80px; z-index: 1; }
.panel .container { float: left; border-left: 3px solid #4E6A80; border-right: 3px solid #4E6A80; }
.panel .corner-container .spacer { height: 12px; width: 1px; }
.panel .corner { width: 80px; height: 79px; top: 0; background: url(/i/panel_corners.png); }
.panel .left { left: -80px; }
.panel .right { right: -80px; }
.panel .top { border-top: 3px solid #486377; }
.panel .top .corner { top: -3px; }
.panel .top .left { background-position: 0 0; }
.panel .top .right { background-position: -80px 0; }
.panel .bottom { border-bottom: 3px solid #516B80; }
.panel .bottom .corner { top: -64px; }
.panel .bottom .left { background-position: 0 -79px; }
.panel .bottom .right { background-position: -80px -79px; }

#panel { width: 100%; position: relative; z-index: 3; }
#panel td { vertical-align: top; }
#panel .col-l .holder { padding-right: 30px; //padding-right: 5.9em; }
#panel .col-r { width: 100%; }

#path { font-size: 0.75em; position: relative; width: 100%; }
#path .path-container { position: absolute; top: 60px; left: 0; width: 100%; height: 200px; overflow: hidden;  }
#path span { color: #FFF; }
#path a:link { color: #FFF0DF; }
#path a:visited { color: #FFF0DF; }
#path a:hover { color: #FFF; }
#path a:active { color: #FFF; }

#path a, #path span { margin: 0.5em 6px 0 0; padding-left: 9px; background: url(/i/path_bullet.gif) no-repeat 0 0.5em; }
#path .f { padding-left: 0; background: none; }
#path .box { position: absolute; top: 0; left: 75px; margin-right: 30px; }
#path .box .container { //overflow: hidden; position: relative; z-index: 2; float: left; }
#path .box .container p { margin: 3px 0 0 0; padding: 0.5em 19px 0.5em 19px; background: url(/i/path_bg.jpg) repeat-x center; position: relative; z-index: 2; }
#path .box .spacer { height: 3px; width: 1px; }
#path .box .border { background: url(/i/path_bg_b.png) no-repeat center; width: 11px; height: 100%; position: absolute; top: 0; z-index: 3; }
#path .box .left { left: -9px; left: 0; }
#path .box .right { right: -9px; right: 0; }
#path .bg-right { width: 10000px; height: 100%; position: absolute; top: 50%; left: 100%; z-index: 1; }
#path .bg-right .pipe { top: 14px; left: 51px; z-index: 1; background: url(/i/path_bg_r.png) repeat-x; height: 27px; }
#path .bg-right .joint { width: 73px; height: 54px; background: url(/i/path_joint_r.png); position: absolute; top: -12px; left: -22px; z-index: 2; }
#path .bg-left { width: 119px; height: 100%; position: absolute; top: 50%; right: 100%; z-index: 1; }
#path .bg-left .joint { width: 119px; height: 80px; background: url(/i/path_joint_l.png); position: absolute; top: -12px; left: 18px; z-index: 2; }
#path .box .bg-shadow { position: absolute; top: 50%; left: 0; z-index: 2; width: 100%; }
#path .box .bg-shadow ins ins { height: 20px; margin: 10px 22px 0 18px; background: url(/i/path_bg.png) repeat-x; }

.typical #title { margin-top: 125px; margin-bottom: 30px;  }
.typical #title .panel { float: left; margin-right: 20px; margin-left: 75px; //display: inline; }
#title .container { min-width: 74px; min-height: 61px; padding: 0 40px; }
#title .screw { background: url(/i/panel_screw.gif) no-repeat; width: 13px; height: 13px; position: absolute; }

#title .top .left .screw { top: 13px; left: 14px; }
#title .top .right .screw { top: 13px; left: 56px; background-position: -13px; }
#title .bottom .left .screw { top: 57px; left: 14px; }
#title .bottom .right .screw { top: 57px; left: 56px; }
#title .container .spacer { width: 74px; font-size: 0; }
#title h1 { margin: 15px 0 0 0; }

#subnav { position: relative; z-index: 6; font-style: italic; margin: 6px 0 20px 0; }
#subnav ul { float: left; position: relative; left: -15px; font-size: 0.875em; }
#subnav li { padding-left: 13px; background: url(/i/page_corner_br.gif) no-repeat 0 0.5em; margin-bottom: 0.6em; //margin-left: -16px; margin-left: 15px; }
#subnav a:link { color: #B1B7BC; }
#subnav a:visited { color: #B1B7BC; }
#subnav a:hover { color: #F7D4AB; }
#subnav a:active { color: #F7D4AB; }

#panel .holder { float: left; position: relative; z-index: 5; }
.typical #panel .holder { top: 100px; }
.typical #panel .holder ins.t { background: url('/i/panel_shadow_t.png') no-repeat 0 0; top: -100px; left: -90px; }
.typical #panel .holder ins.b { background: url('/i/panel_shadow_b.png') no-repeat 100% 100%; right: -90px; }
.typical #panel .holder ins.l { background: url('/i/panel_shadow_l.png') no-repeat 0 100%; }
.typical #panel .holder ins.t,
.typical #panel .holder ins.b,
.typical #panel .holder ins.l { position: relative; width: auto; height: auto; //float: left; }

.typical #panel .wires { top: -100px; }
#panel .wires, #panel .wires ins { width: 205px; height: 103px; }
#panel .wires { clear: left; background: url(/i/panel_wires_bg.png) no-repeat; position: relative; top: 0; left: 0; z-index: 5; }
#panel .wires ins { background: url(/i/panel_wires.png) no-repeat; }
.index #panel .wires { background-image: url(/i/panel_wires_main_bg.png); }
.index #panel .wires ins { background-image: url(/i/panel_wires_main.png); }

#nav { left: 50px; }

#nav a:link { color: #CBC1AF; }
#nav a:visited { color: #CBC1AF; }
#nav a:hover { color: #FFF; }
#nav a:active { color: #FFF; }
#nav a, #nav span { padding: 0.3em 0; }
#nav .cur a:link { color: #FFF; }
#nav .cur a:visited { color: #FFF; }
#nav .cur a:hover { color: #FFF; }
#nav .cur a:active { color: #FFF; }
#nav ul { font-size: 0.875em; padding: 0 0 0 0; color: #FFF; position: relative; z-index: 2; //float: left; margin: 10px 30px 10px 30px; }
#nav li { padding: 0; margin: 0.4em 0 0.4em 49px; min-height: 24px; background-position: left; background-repeat: no-repeat; position: relative; white-space: nowrap; }
#nav .line { width: 17px; top: 8px; left: -24px; }
#nav .n { width: 9px; height: 6px; background-image: url(/i/nav_numbers.gif); position: absolute; top: 7px; left: -64px; font-size: 0; }

#nav a, #nav span { z-index: 2; }
#nav a ins, #nav span ins { position: absolute; top: 0.1em; left: 0; left: -49px; z-index: 3; width: 17px; height: 18px; background: url(/i/nav_bullets.gif) no-repeat; }

#nav a ins { background-position: 0 0; }
#nav-item1.cur span ins,
#nav-item2.cur span ins,
#nav-item1.cur a ins,
#nav-item2.cur a ins,
#nav-item1 a:hover ins,
#nav-item2 a:hover ins { background-position: -17px 0; }
#nav-item3.cur span ins,
#nav-item4.cur span ins,
#nav-item3.cur a ins,
#nav-item4.cur a ins,
#nav-item3 a:hover ins,
#nav-item4 a:hover ins { background-position: -34px 0; }
#nav-item5.cur span ins,
#nav-item5.cur a ins,
#nav-item5 a:hover ins { background-position: -51px 0; }
#nav-item6.cur span ins,
#nav-item7.cur span ins,
#nav-item6.cur a ins,
#nav-item7.cur a ins,
#nav-item6 a:hover ins,
#nav-item7 a:hover ins { background-position: -68px 0; }

#nav-item2 .n { background-position: -9px 0; }
#nav-item3 .n { background-position: -18px 0; }
#nav-item4 .n { background-position: -27px 0; }
#nav-item5 .n { background-position: -36px 0; }
#nav-item6 .n { background-position: -45px 0; }
#nav-item7 .n { background-position: -54px 0; }

#preface { position: absolute; top: 232px; left: 40%; z-index: 5; color: #AABECE; width: 50%; overflow: hidden; }
#preface a:link { color: #FFF; }
#preface a:visited { color: #FFF; }
#preface a:hover { color: #F7D4AB; }
#preface a:active { color: #F7D4AB; }
#preface h1 { color: #F6DCB0; font-style: italic; position: relative; left: -19px; padding: 0.3em 0 0.1em 0; }
#preface p { font-size: 0.75em; }
#preface .corner-container { margin: 0 5px; font-size: 0; background-position: 5px 0; }
#preface .container { line-height: 1.7; position: relative; z-index: 3; padding: 0 23px 10px 63px; min-height: 180px; }
#preface .spacer { height: 5px; width: 1px; }
#preface .bg, #preface .corner-container { background: #1F2C3D url(/i/preface_bg.jpg) repeat-x; }
#preface .bg { background-position: 0 -5px; border-left: 1px solid #1B2837; }

#preface .corner { top: 0; }
#preface .left { left: -5px; }
#preface .right { right: -5px; }
#preface .top .corner { background-image: url(/i/preface_corners_top.jpg); }
#preface .top .left { width: 172px; height: 184px; }
#preface .top .right { width: 172px; height: 184px; background-position: -172px 0; }
#preface .bottom { background-position: bottom left; border-bottom: 1px solid #1D2937; }
#preface .bottom .corner { width: 10px; height: 14px; top: -8px; background-image: url(/i/preface_corners_bottom.png); }
#preface .bottom .left { left: -6px; }
#preface .bottom .right { right: -6px; background-position: -10px 0; }
#pipes { position: absolute; top: 322px; width: 100%; z-index: 1; }
#pipes ins { display: block; }

#pipes .reducer { padding: 0 265px 0 620px; }
#pipes .container { position: relative; width: 100%; }
.pipe { width: 100%; background: url(/i/pipe_shadow.png); position: absolute; }
.pipe * { height: 20px; background: url(/i/pipe.png); font-size: 0; }
#pipe1 { top: 0; }
#pipe2 { top: 17px; }
#pipe3 { top: 34px; }
#pipe4 { top: 51px; }
#pipe5 { top: 123px; }
.color1 #pipe4 *, .color1 .left .pipe * { background-position: 0 -60px; }
.color2 #pipe4 *, .color2 .left .pipe * { background-position: 0 -80px; }
.color3 #pipe4 *, .color3 .left .pipe * { background-position: 0 -40px; }
.color4 #pipe4 *, .color4 .left .pipe * { background-position: 0 -20px; }

#pipes .right, #pipes .right * { width: 265px; height: 152px; background-repeat: no-repeat; }
#pipes .right { position: absolute; top: 1px; right: 0; z-index: 1; background-image: url(/i/pipes_r_bg.png); }
#pipes .right * { background-image: url(/i/pipes_r.png); }

#pipes .left, #pipes .left .pipes { width: 400px; height: 160px; background-repeat: no-repeat; }
#pipes .left { position: absolute; top: -17px; left: 220px; z-index: 1; background-image: url(/i/pipes_l_bg.png); }
#pipes .left .pipes { background-image: url(/i/pipes_l.png); }
#pipes .left .pipe { top: 68px; left: 0; z-index: 4; }

#pipes .top, #pipes .top * { width: 265px; height: 323px; background-repeat: no-repeat; }
#pipes .top { position: absolute; top: -252px; right: 0; z-index: 2; }
.color1 .top { background-image: url(/i/pipes_r_1_bg.png); }
.color1 .top * { background-image: url(/i/pipes_r_1.png); }
.color2 .top { background-image: url(/i/pipes_r_2_bg.png); }
.color2 .top * { background-image: url(/i/pipes_r_2.png); }
.color3 .top { background-image: url(/i/pipes_r_3_bg.png); }
.color3 .top * { background-image: url(/i/pipes_r_3.png); }
.color4 .top { background-image: url(/i/pipes_r_4_bg.png); }
.color4 .top * { background-image: url(/i/pipes_r_4.png); }

/* Типовые решения */
#standard-solutions { position: relative; width: 100%; margin-top: 40px; }
#standard-solutions a { display: block; width: 94px; height: 105px; background: url(/i/standard_solutions.png); }
#standard-solutions div a { width: auto; height: auto; background: none; display: inline; }
#standard-solutions .title { position: absolute; top: 50%; left: 104px; }
#standard-solutions .rounded { position: relative; top: -1.5em; left: 0; }
#standard-solutions .container { padding: 0.3em 0.8em 0.5em 0.8em; line-height: 1; }

/* Врезки */
#incut { margin-top: 60px; position: relative; left: -48px; width: 55%; min-width: 180px; }
#incut .holder { position: relative; float: left; margin-top: 40px; }
#incut .holder .container { position: relative; top: 40px; left: 71px; margin-right: -40px; }
#incut .holder .t { background: url(/i/incut-t.png) no-repeat 0 0; left: -163px; }
#incut .holder .r { background: url(/i/incut-r.png) no-repeat 100% 0; top: -100px; }
#incut .holder .b { background: url(/i/incut-b.png) no-repeat 100% 100%; right: -163px; }
#incut .holder .l { background: url(/i/incut-l.png) no-repeat 0 100%; }
#incut .holder .t,
#incut .holder .r,
#incut .holder .b,
#incut .holder .l { position: relative; width: auto; height: auto; //float: left; }
#incut h2 { color: #6D737B; font-size: 1.125em; margin-bottom: 0.7em; }
#incut p { font-size: 0.875em; margin: 0 0 0.5em 0; }
#incut ul { position: relative; }
#incut li { position: relative; margin: 0 0 0.7em 23px; zoom: 1; }
#incut li ins { width: 18px; height: 19px; background: url(/i/incut_screws.gif) no-repeat; position: absolute; left: -25px; top: 0.25em; }
#incut .n2 ins { background-position: -18px 0; }
#incut .n3 ins { background-position: -36px 0; }
#incut .n3 { margin-bottom: 0; }

/* Стопперы */
#stoppers, #stoppers div { width: 288px; height: 419px; }
#stoppers { background: url(/i/stoppers_bg.png) no-repeat; position: relative; left: -35px; z-index: 5; margin-top: 1em; }
#stoppers div { background: url(/i/stoppers.png) no-repeat; }
#stoppers * { font-style: italic; font-size: 1em; position: absolute; }
#stopper1 { top: 1em; left: 70px; padding-top: 180px; }
#stopper2 { top: 240px; right: 30px; padding-top: 142px; text-align: right}
.index #stopper1 { padding-top: 200px; }

.index #stoppers, .index #stoppers div { width: 289px; height: 440px; }
.index #stoppers { background-image: url(/i/stoppers_bg_main.png); }
.index #stoppers div { background-image: url(/i/stoppers_main.png); }
.index #stoppers a:link { color: #B4D2FF; }
.index #stoppers a:visited { color: #B4D2FF; }
.index #stoppers a:hover { color: #FFF; }
.index #stoppers a:active { color: #FFF; }

/* Ссылки на каталог */
#offers { margin-top: 0.7em; }
#offers div { position: relative; left: -15px; }

#offers h2, #offers ul { font-size: 1.125em; font-style: italic; }
#offers h2 { color: #6D737B; margin: 0 0 0 3px; padding: 4px 0 2px 11px; }
#offers ul { margin: 0 0 0 25px; }
#offers li { padding-left: 40px; position: relative; left: -14px; margin-top: 12px; background: url(/i/offers_bullet.gif) no-repeat; min-height: 33px; }
#offers li * { display: block; padding: 2px 0; }

.index #offers div { background: url(/i/main_bg_line.gif) repeat-y; }
.index #offers h2 { color: #9A7F44; background: url(/i/main_bg.jpg); }
.index #offers ul { border-left: 1px solid #FFF; }
.index #offers li { padding-left: 37px; background-image: url(/i/offers_bullet_main.gif); min-height: 28px; }
.index #offers a { color: #FFF; min-height: 24px; }
.index #offers a:link { color: #FFF; }
.index #offers a:visited { color: #FFF; }
.index #offers a:hover { color: #F7D4AB; }
.index #offers a:active { color: #F7D4AB; }

/* Сообщение */
.index #message, .typical #message { margin-top: 54px; position: relative; left: -15px; }
.index #message p, .typical #message p { font-size: 1.125em; font-style: italic; color: #353C45; padding-left: 11px; }

.index #message { background: url(/i/main_bg_line.gif) repeat-y; }
.index #message p { color: #DFD9AC; background: url(/i/main_bg.jpg); margin: 0 0 0 3px; }
.index #message a:link { color: #FFF; }
.index #message a:visited { color: #FFF; }
.index #message a:hover { color: #F7D4AB; }
.index #message a:active { color: #F7D4AB; }

/* Стиккеры */
#stickers { position: relative; z-index: 10; min-height: 333px; font-style: italic; font-size: 1em; margin-top: 35px; clear: left; }
#stickers img { display: block; }
#stickers p { margin: 0 30px; margin-top: -25px; }
#stickers li { position: absolute; top: 0; left: 0; text-align: center; width: 240px; }
#stickers .item1 { top: 43px; left: 0; }
#stickers .item2 { top: 0; left: 30%; }
#stickers .item3 { top: 25px; left: 60%; }

#search-form { width: 428px; height: 65px; padding-top: 21px; margin: 25px 50px 0 0; float: right; background-repeat: no-repeat; background-image: url(/i/search_bg.png); }
#search-form p { padding: 0 22px; position: relative; z-index: 10; }
#search-form p input { vertical-align: middle; border: none; position: relative; z-index: 10; }
#search-form #search-text { width: 323px; margin-right: 10px; padding: 0 5px; font-size: 0.8em; }
.index #search-form { width: 413px; height: 51px; padding-top: 14px; background-image: url(/i/search_bg_main.png); }
.index #search-form p { padding: 0 16px; }

/* Ссылка "назад" */
#back { margin-top: 2em; position: relative; width: 100%; }
#back ins { width: 21px; height: 11px; background-image: url(/i/prev.gif); cursor: pointer; cursor: hand; position: absolute; top: 5px; left: 0; font-size: 0; }
#back a { padding-left: 28px; position: relative; display: block; }
#back a:link ins { background-color: #276E97; }
#back a:visited ins { background-color: #276E97; }
#back a:hover ins { background-color: #C18F45; }
#back a:active ins { background-color: #C18F45; }

/* Ссылки "Смотрите также" */
#additional { margin-top: 2em; }

/* Разбивка на страницы */
#paging { font-size: 1.44em; width: 100%; line-height: 35px; position: relative; clear: left; margin-top: 1em; }
#paging:after { content: ''; display: block; clear: both; height: 1px; }
#paging img { width: 21px; height: 11px; }
#paging a, #paging .container { padding: 0 0.3em; }
#paging a, #paging .cur { float: left; }
#paging a { margin: 0 0.2em; }
#paging .container { text-align: center; }
#paging .cur { background: #ECEFED; position: relative; color: #3F526E; min-width: 35px; }
#paging .arrow { padding: 13px 0; line-height: 0; }
#paging a:link img { background-color: #276E97; }
#paging a:visited img { background-color: #276E97; }
#paging a:hover img { background-color: #C18F45; }
#paging a:active img { background-color: #C18F45; }

/* Результаты поиска */
#total { font-size: 0.8em; padding: 0.25em 0 2.2em 0; }
#total span { font-weight: bold; color: #C18F45; }
.num { position: absolute; right: 100%; margin-right: 10px; }
.num .container { margin: 0; padding: 0.15em 0.52em 0.15em 0.5em; text-align: center; color: #3F526E; }
.num .container, .num .spacer { font-size: 1.43em; }
.num .spacer { width: 1.35em; }
.num .spacer div { font-size: 0; }

.result { margin-bottom: 1.75em; position: relative; width: 100%; }
.result h3 { margin-top: 0; padding-top: 0.3em; }
.result p { margin: 1.1em 0; }
.result .link a { color: #202020; }
.result .path { font-size: 1em; }
.result .source { margin-left: 1em; }
.result .path { margin: 0.75em 0 0 0; }
.path a { background: url(/i/results_arrow.gif) no-repeat 100% 0.4em; padding-right: 16px; //padding-right: 12px; margin-right: 6px; font-family: "Times New Roman", Times, serif; font-style: italic; zoom: 1; }
.path .f { background: none; padding-left: 0; }
#results { padding: 0 0 20px 40px; }

/* Поиск */
.search-form { position: relative; width: 80%; margin-top: 1em; }
.search-form input { font-size: 0.8em; vertical-align: middle; }
.search-form .input-text { width: 100%; }
.search-form .input-submit { position: absolute; left: 100%; top: 0.2em; //top: 0.5em; margin-left: 9px; background-color: #276E97; width: 21px; height: 13px; }
.search-form .input-submit:hover { background-color: #C18F45; }
.search-rules { font-size: 0.875em; margin-top: 0.9em; padding-bottom: 1.6em; }
.inputs { margin-bottom: 1.75em; }
.inputs dt { font-weight: bold; margin: 0.7em 0 0.4em 0; color: #4B4B4B; }
.inputs dd { margin-bottom: 0.3em; }
.inputs input { margin-right: 0.4em; }
#logicAND { margin-left: 2em; }

/* Общее */
#path,
#subnav,
#feedback,
#contacts,
#copyright,
#nav ul,
#preface p { font-family: Arial, Helvetica, sans-serif; }

html>body #container { height: auto; }
#container { background: url(/i/bg_left.jpg) no-repeat 0 760px; height: 100%; min-height: 100%; margin-bottom: -11em; }
.index #container { background: url(/i/main_bg_line.gif) repeat-y 44px 0; }

#clear { clear: both; height: 13em; }

.left-col, .right-col { float: left; position: relative; }
.left-col { //margin-right: -100%; }

.index #content { position: relative; z-index: 2; width: 100%; }
#content .left-col { width: 30%; text-align: right; }
#content .right-col { width: 70%; //left: 30%; text-align: left; }
.index #content .right-col { background: url(/i/main_bg_line.gif) repeat-y 100% 7px; }
#content .left-col .reducer { padding: 0 50px; text-align: left; position: relative; }
#content .right-col .reducer { padding: 0 60px; }
.index #content .right-col .corner-right { margin-top: 10px; width: 50px; height: 3px; background: url(/i/page_corner_br.gif) repeat-x 10px 0; float: right; font-size: 0; }

/* Подвал */
#footer { width: 100%; }
#footer table { width: 100%; height: 11em; }
#footer td { vertical-align: bottom; }
#footer .col-l { width: 66%; }
#footer .col-r { width: 34%; }
#footer .container { position: relative; width: 100%; }

#footer .col-l .container,
#footer .col-l .corner-bottom,
.index #footer .col-l .corner-right { background-image: url(/i/main_bg.jpg); }

#footer .col-l .corner-right,
.index #footer .col-l .container,
.index #footer .col-l .corner-bottom { background-image: url(/i/bg.jpg); }

#footer .bg-bottom,
.index #footer .bg-top { background-image: url(/i/footer_bg_top.jpg); background-repeat: repeat-x; }

#footer .bg-top  { background-image: url(/i/footer_bg_bottom.jpg); background-repeat: repeat-x; }
.index #footer .bg-bottom { background-image: url(/i/footer_bg_bottom_main.jpg); background-repeat: repeat-x; }

#footer .bg-right { background: url(/i/footer_bg_right.jpg) repeat-y right; }
.index #footer .bg-right { background-image: url(/i/footer_bg_right_main.jpg); }
#footer .col-l .corner-left { position: absolute; top: -31px; left: 0; width: 70px; height: 53px; background-image: url(/i/footer_corner1.jpg); font-size: 0; }
#footer .col-l .corner-right { position: absolute; top: 0; right: 0; width: 40%; height: 40px; }
#footer .col-l .corner-right .corner-container { height: 40px; background-position: 0 17px; }
#footer .col-l .corner-right .left { width: 40px; height: 40px; background-image: url(/i/footer_corner2.jpg); }
#footer .col-l .corner-right .right { width: 43px; height: 23px; background-image: url(/i/footer_corner3.jpg); top: 17px; right: 0; }
#footer .col-l .bottom { height: 46px; }
#footer .col-l .corner-bottom { height: 46px; float: right; width: 45%; }
#footer .col-l .corner-bottom .corner-container { height: 46px; background-position: 0 17px; }
#footer .col-l .corner-bottom .right { width: 43px; height: 39px; background-image: url(/i/footer_corner4.jpg); top: -39px; right: 0; }
#footer .col-l .corner-bottom .left { width: 46px; height: 36px; background-image: url(/i/footer_corner5.jpg); top: 0; left: 0; }
#footer .col-r .corner-container { width: 100%; height: 59px; }
#footer .col-r .left { width: 168px; height: 72px; background-image: url(/i/footer_corner6.jpg); top: -13px; left: 0; }
#footer .col-r .right { width: 100px; height: 114px; background-image: url(/i/footer_corner7.jpg); top: -55px; right: 0; }

#footer .col-l a:link { color: #CBC1AF; }
#footer .col-l a:visited { color: #CBC1AF; }
#footer .col-l a:hover { color: #C18F45; }
#footer .col-l a:active { color: #C18F45; }

#footer .col-r a:link { color: #28374A; }
#footer .col-r a:visited { color: #28374A; }
#footer .col-r a:hover { color: #C18F45; }
#footer .col-r a:active { color: #C18F45; }

.index #footer .col-l a:link { color: #0B63AA; }
.index #footer .col-l a:visited { color: #0B63AA; }
.index #footer .col-l a:hover { color: #C18F45; }
.index #footer .col-l a:active { color: #C18F45; }

.index #footer .col-r a:link { color: #A8AAAF; }
.index #footer .col-r a:visited { color: #A8AAAF; }
.index #footer .col-r a:hover { color: #FFF; }
.index #footer .col-r a:active { color: #FFF; }

#footer p { font-size: 0.75em; }
#footer #phone { font-size: 0.875em; }
#footer .popup { padding-left: 18px; background: url(/i/footer_popup.gif) no-repeat 0 0.3em; }
.index #footer .popup { background-image: url(/i/footer_popup_main.gif); }

.index #footer .col-l .corner-left { background-position: -70px 0; }
.index #footer .col-l .corner-right .left { background-position: -40px 0; }
.index #footer .col-l .corner-right .right { background-position: -43px 0; }
.index #footer .col-l .corner-bottom .right { background-position: -43px 0; }
.index #footer .col-l .corner-bottom .left { background-position: -46px 0; }
.index #footer .col-r .left { background-position: -168px 0; }
.index #footer .col-r .right { background-position: -100px 0; }

#contacts { padding: 22px 0 14px 0; margin-left: 85px; color: #DBDDE0; min-height: 51px; }
.index #contacts { color: #0E1D2B; }

#contacts p { margin: 0.2em 0; }
#feedback { position: absolute; top: 27px; right: 0; width: 45%; text-align: center; line-height: 75px; }
#copyright { margin: 0 30px 30px 0; position: relative; z-index: 2; }
#copyright p { color: #28374A; margin-bottom: 0.7em; }
.index #copyright p { color: #A8AAAF; }

/* Сервисный режим */
.service-mode #container { text-align: center; }
.service-mode #logo { margin: 75px auto 0 auto; }
.service-mode h1, .service-mode p { color: #33475B; }
.service-mode h1 { font-size: 2.18em; font-style: normal; margin: 3em 0 0.6em 0; }
.service-mode p { font-size: 1.125em; }

/* Ошибка 404 */
.e404 h1, .e404 p { color: #33475B; }
.e404 h1 { font-size: 4em; font-style: normal; white-space: nowrap; }
.e404 p { font-size: 1.125em; }
.e404 #logo { margin: 0 0 76px 0; }

.e404 #content { //overflow: hidden; width: 100%; position: relative; }
.e404 #content .left-col, .e404 #content .right-col { float: left; position: relative; }
.e404 #content .left-col { width: 50%; }
.e404 #content .right-col { width: 50%; //left: 50%; text-align: left; background: url(/i/404_bg.jpg) no-repeat right top; }
.e404 #content .left-col .reducer { padding: 0 85px 0 0; float: right; }
.e404 #content .right-col .reducer { padding: 0 50px 0 0; position: relative; min-width: 0; }
.e404 #content .right-col .clear { height: 1px; }

.e404 #content ul { position: absolute; top: 135px; left: -16px; }
.e404 #content ul li { background: url(/i/bullet.gif) no-repeat 0 0.4em; padding-left: 20px; margin: 0 0 0.7em 0; }
.e404 #content #message { position: relative; margin-top: 268px; }
.e404 #content #message ins { position: absolute; width: 47px; border-top: 2px solid #33475B; top: 0.5em; left: -64px; }

.e404 #search-form { float: none; position: relative; left: -16px; margin-top: 60px;  }

/* Нетиповая страница */
.alt { min-width: 900px; }
.alt #content { position: relative; z-index: 2; }
.alt #content .reducer { padding: 0 92px 0 92px; }
.alt h1 { white-space: nowrap; }

.alt #head { width: 100%; }
.alt #head td { vertical-align: top; }

.alt #header .col-l, .alt #header .col-l .pipes { width: 77px; }
.alt #header .col-l .pipe1 { top: 0; }
.alt #header .col-l .pipe2 { top: 34px; }
.alt #header .col-l .pipe3 { top: 51px; }
.alt #header .col-l .pipe4 { top: 68px; }
.alt #header .col-l .pipe5 { top: 85px; }

.alt #header .col-c .pipes { position: absolute; }
.alt #header .col-c .pipe1 { top: 17px; left: 56px; }
.alt #header .col-c .pipe2 { top: 34px; }
.alt #header .col-c .pipe3 { top: 51px; }
.alt #header .col-c .pipe4 { top: 68px; }
.alt #header .col-c .pipe5 { top: 85px; right: 56px; }
.alt #header .col-c p { font-size: 1.125em; font-style: italic; white-space: nowrap; padding: 0 40px; margin-left: -14px; visibility: hidden; }

.alt #header .col-r { width: 100%; }
.alt #header .col-r .pipe1 { top: 17px; }
.alt #header .col-r .pipe2 { top: 34px; }
.alt #header .col-r .pipe3 { top: 51px; }
.alt #header .col-r .pipe4 { top: 68px; }
.alt #header .col-r .pipe5 { top: 102px; }

.alt #header .pipe4 * { background: url(/i/pipe.png) 0 -20px; }

.alt #header .pipes { position: relative; min-width: 1px; overflow: hidden; width: 100%; height: 120px; z-index: 1; }
.alt #header .coupling { width: 56px; height: 34px; background: url(/i/pipes_coupling.png) no-repeat; position: absolute; z-index: 10; }
.alt #header .coupling.t { top: 1px; left: 0; }
.alt #header .coupling.b { top: 86px; right: 0; }

.alt #title { position: relative; top: 14px; left: -20px; z-index: 10; //float: left; }
/*
.alt #title { position: relative; top: 14px; z-index: 10; margin-left: -20px; }
*/
.alt #title .panel { position: relative; top: 0; left: 0; }

/* Обратная связь */
.popup-form #container { background: url(/i/popup_bg.jpg) no-repeat 0 268px; }
.popup-form #content { width: 900px; }
.popup-form #content .reducer { padding-bottom: 50px; padding-top: 50px; }

.popup-form form dd span { font-style: italic; margin-left: 5px; }
.popup-form input, .popup-form select, .popup-form textarea { color: #000; }

.popup-form .rounded { background: transparent; border-top: 1px solid #ADADAD; border-right: 1px solid #ADADAD; border-bottom: 1px solid #EDF0ED; border-left: 1px solid #EDF0ED; }
.popup-form .rounded .container { padding: 12px 30px; border-left: 1px solid #ADAEAE; }
.popup-form .rounded .corner { width: 7px; height: 7px; background: url(/i/popup_corners.gif); }
.popup-form .rounded .left { left: -1px; }
.popup-form .rounded .right { right: -1px; }
.popup-form .rounded .top { border-top: 1px solid #EDF0ED; }
.popup-form .rounded .top .corner { top: -2px; }
.popup-form .rounded .top .right { background-position: -7px 0; }
.popup-form .rounded .bottom { border-bottom: 1px solid #AEAEAD; }
.popup-form .rounded .bottom .corner { top: -5px; }
.popup-form .rounded .bottom .left { background-position: 0 -7px; }
.popup-form .rounded .bottom .right { background-position: -7px -7px; }

.popup-form dd .units { position: absolute; left: 100%; top: 50%; }
.popup-form dd .units .line { width: 12px; border-top: 1px solid #AEAEAE; border-bottom: 1px solid #EDF0EC; font-size: 0; position: absolute; top: 0; left: 1px; z-index: 2; }
.popup-form dd .rounded { position: absolute; top: -0.7em; left: 12px; z-index: 1; }
.popup-form dd .rounded .container { padding: 2px 9px 3px 9px; line-height: 1; white-space: nowrap; }
.popup-form dd .input { float: left; position: relative; }

.popup-form dl h2 { color: #202020; font-size: 1.125em; margin-top: 1em; }
.popup-form .appendix { background: url(/i/appendix_field.gif) no-repeat 3px 2px; padding-left: 22px; }

.popup-form .buttons { border-top: 1px solid #ADAEAE; }
.popup-form .buttons .border { border-top: 1px solid #EEF1EC; }
.popup-form .buttons .align-center { top: -1px; }
.popup-form .buttons .align-center-to-right { border-bottom: 1px solid #EEF0ED; border-left: 1px solid #EDF1ED; }
.popup-form .buttons .buttons-container { border-bottom: 1px solid #ADAEAE; border-left: 1px solid #ADAEAE; border-right: 1px solid #ADAEAE; text-align: left; }
.popup-form .buttons .container { padding: 0 33px; position: relative; top: -0.8em; background: url(/i/bg.jpg); }

.popup-form .buttons .corner { width: 7px; height: 7px; background: url(/i/popup_corners.gif); }
.popup-form .buttons .left { left: -2px; }
.popup-form .buttons .right { right: -1px; }
.popup-form .buttons .bottom .corner { top: -5px; }
.popup-form .buttons .bottom .left { background-position: 0 -7px; }
.popup-form .buttons .bottom .right { background-position: -7px -7px; }

/* Карта сайта */
#map { position: relative; width: 100%; margin-top: 38px; }
.map #container { background: url(/i/map_bg.jpg) no-repeat 100% 282px; }
.map #header { background: url(/i/header_bg_map.jpg) repeat-x; }
.map #search { position: absolute; right: 53px; -right: 0; z-index: 10; top: 205px; z-index: 10; }
.map #search-form { background-image: url(/i/search_bg_map.png); }
.map #search-form p { position: relative; }
.map #header .col-r .pipe1 { right: 440px; }
.map #header .col-r .coupling { left: auto; right: 384px; top: 18px; }
.map #content .left-col { width: 50%; text-align: left; }
.map #content .right-col { width: 50%; //left: 50%; }

.map-item { position: relative; top: 0; left: 0; float: left; clear: left; margin: 0 20px 2em 0; }
.map-item .corner-container { margin: 0 28px; z-index: 1; }
.map-item .corner-container .spacer { height: 26px; width: 1px; position: relative; }
.map-item .top .border { border-top: 1px solid #EAEAEA; }
.map-item .bottom .border { border-bottom: 1px solid #9EA6A9; }
.map-item .container { border-left: 1px solid #EAE9ED; border-right: 1px solid #9EA5A8; float: left; }
.map-item .container .container { border-left: 1px solid #9DA5A8; border-right: 1px solid #E8EBEA; padding: 0 27px; }

.map-item .corner { width: 28px; height: 28px; top: 0; background-image: url(/i/map_corners.png); }
.map-item .left { left: -28px; }
.map-item .right { right: -28px; }
.map-item .top { border-top: 1px solid #9EA6A9; }
.map-item .top .corner { top: -1px; }
.map-item .top .left { background-position: 0 0; }
.map-item .top .right { background-position: -28px 0; }
.map-item .bottom { border-bottom: 1px solid #E8EBE8; }
.map-item .bottom .left { background-position: 0 -28px; }
.map-item .bottom .right { background-position: -28px -28px; }

#map div.popup { padding: 0; background: none; }
#map div.popup .corner-container, #map div.popup .container { background-image: url(/i/rounded_bg.jpg); }
#map div.popup .corner-container { margin: 0; }
#map div.popup .corner { background-image: url(/i/map_corners_popup.gif); }
#map div.popup .left { left: 0; }
#map div.popup .right { right: 0; }

#map ul, #map p { font-style: italic; font-weight: bold; }
#map ul li { margin: 1.8em 0 0 0; }
#map ul ul { font-weight: normal; margin: 0.5em 0 0 1em; }
#map ul ul li { margin: 0 0 0.4em 0; }
#map .f { margin-top: 0; }

/* Промо-блоки */
.promo { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#content .promo h2 { margin: 0 0 0.35em 0; font-size: 1.31em; font-weight: normal; }
#content .promo p, #content .promo ul { font-size: 0.8em; }
.promo a:link { color: #FFF; }
.promo a:visited { color: #FFF; }
.promo a:hover { color: #FFF; }
.promo a:active { color: #FFF; }
.promo p, .promo ul { color: #9A9BA7; }