/* Общее */
html, body { height: 100%; }
body { position: relative; color: #666668; background-image: url(/i/bg.jpg); min-width: 990px; }
.nav a:link { color: #FFF; }
.nav a:visited { color: #FFF; }
.nav a:hover { color: #FFE33C; }
.nav a:active { color: #FFE33C; }
.nav .cur { color: #FFE33C; }
.nav .cur a:link { color: #FFE33C; }
.nav .cur a:visited { color: #FFE33C; }
.nav .cur a:hover { color: #FFE33C; }
.nav .cur a:active { color: #FFE33C; }
#logo { margin: 46px 0 0 0; }
#logo, #logo img { width: 199px; height: 87px; }
#bg-top, #icons { max-width: 744px; width: 61.5%; position: absolute; top: 0; left: 0; }
#bg-top { height: 414px; background: url(/i/bg_icons.jpg) no-repeat right; }

/* Контент */
.typical .right-col h1, .results h1 { line-height: 70px; background: url(/i/heading.gif) no-repeat; padding-left: 85px; }
.typical .right-col h1 { margin: 305px 0 0 40px; }
.index #text ul { color: #FC780B; font-size: 1.125em; font-style: italic; }
h3 ins, .pseudo-link, .pseudo-link:hover { display: inline; cursor: pointer; cursor: hand; }
h3 ins { border-bottom: 1px dashed #7D9033; }
.pseudo-link { color: #246C96; border-bottom: 1px dashed #246C96; }
.pseudo-link:hover { color: #FF7103; border-bottom: 1px dashed #FF7103; }
.popup { padding: 0 0 0 27px; background: url(/i/popup.gif) no-repeat 0 0.3em; }
.additional { font-style: italic; margin: 2em 0 0 14px; }
.description { padding-left: 15px; }
.out { padding-left: 22px; background: url(/i/out.gif) no-repeat 0 0.25em; }

.image .holder { position: relative; float: left; }
.image .holder img { position: relative; top: 4px; left: 6px; margin: 0 -57px -6px 0; //margin-bottom: -10px; }
.image .holder .t { background: url(/i/frame-t.png) no-repeat 0 0; left: -70px; }
.image .holder .r { background: url(/i/frame-r.png) no-repeat 100% 0; top: -20px; }
.image .holder .b { background: url(/i/frame-b.png) no-repeat 100% 100%; right: -70px; }
.image .holder .l { background: url(/i/frame-l.png) no-repeat 0 100%; }
.image .holder .t,
.image .holder .r,
.image .holder .b,
.image .holder .l { position: relative; width: auto; height: auto; //float: left; }

/* Стандартные иконки */
#icons { z-index: 3; }
#icons span, #icons a { position: absolute; width: 30px; height: 30px; background-image: url(/i/icons.gif); background-repeat: no-repeat; }
#icon-home { top: 33px; right: 204px; }
#icon-mail { top: 82px; right: 251px; background-position: -60px 0; }
#icon-map { top: 127px; right: 299px; background-position: -90px 0; }
#icon-home.cur { background-position: -30px 0; }
#icon-map.cur { background-position: -120px 0; }

/* Иллюстрации */
.index #illustration { width: 100%; position: absolute; top: 194px; font-size: 0; }
.index #illustration .container { display: table; //display: block; width: 100%; }
.index #illustration .row { display: table-row; //display: block; }
.index #illustration .col-l, .index #illustration .col-r { display: table-cell; //display: block; }
.index #illustration .col-l { width: 30%; }
.index #illustration .col-r { width: 70%; //position: absolute; //right: 0; //min-width: 980px; }
.index #illustration .col-r .container { display: block; position: relative; min-width: 980px; //min-width: 0; }

.typical #illustration { top: 53px; width: 100%; min-width: 830px; position: absolute; }
.typical #illustration .i0,
.typical #illustration .i4,
.typical #illustration .i5,
.typical #illustration .i6,
.typical #illustration .i7 { position: absolute; top: 0; right: 5%; }
.typical #illustration .i0 { margin-top: 50px; }

.index #illustration .i1,
.index #illustration .i2,
.index #illustration .i3,
.index #illustration .i4 { position: absolute; }

#illustration .i0, #illustration .i0 * { width: 267px; height: 167px; }
#illustration .i0 { background-image: url(/i/pic00_bg.png); }
#illustration .i0 * { background-image: url(/i/pic00.png); }
#illustration .i1, #illustration .i1 * { width: 272px; height: 217px; }
.index #illustration .i1 { top: 95px; right: 4%; z-index: 3; }
#illustration .i1 { background-image: url(/i/pic01_bg.png); }
#illustration .i1 * { background-image: url(/i/pic01.png); }
.index #illustration .i2 { top: 58px; left: 52%; z-index: 4; }
#illustration .i2, #illustration .i2 * { width: 279px; height: 273px; }
#illustration .i2 { background-image: url(/i/pic02_bg.png); }
#illustration .i2 * { background-image: url(/i/pic02.png); }
.index #illustration .i3 { top: 0; left: 40%; z-index: 2; }
#illustration .i3, #illustration .i3 * { width: 158px; height: 291px; }
#illustration .i3 { background-image: url(/i/pic03_bg.png); }
#illustration .i3 * { background-image: url(/i/pic03.png); }
.index #illustration .i4 { top: 31px; left: 0; z-index: 1; }
#illustration .i4, #illustration .i4 * { width: 430px; height: 319px; }
#illustration .i4 { background-image: url(/i/pic04_bg.png); }
#illustration .i4 * { background-image: url(/i/pic04.png); }
#illustration .i5, #illustration .i5 * { width: 371px; height: 208px; }
#illustration .i5 { background-image: url(/i/pic05_bg.png); }
#illustration .i5 * { background-image: url(/i/pic05.png); }
#illustration .i6, #illustration .i6 * { width: 301px; height: 290px; }
#illustration .i6 { background-image: url(/i/pic06_bg.png); }
#illustration .i6 * { background-image: url(/i/pic06.png); }
#illustration .i7, #illustration .i7 * { width: 329px; height: 306px; }
#illustration .i7 { background-image: url(/i/pic07_bg.png); }
#illustration .i7 * { background-image: url(/i/pic07.png); }

/* Навигация по разделам услуг */
#nav-leasing { font-style: italic; font-size: 1em; padding: 8px 0 0 169px; background: url(/i/leasing.gif) no-repeat; min-height: 134px; position: absolute; top: 38px; left: 30%; }
#nav-leasing li { height: 30px; }
#nav-leasing a, #nav-leasing span { color: #000; }
#nav-leasing .i1 { margin-left: 22px; }
#nav-leasing .i2 { margin-left: 15px; }
#nav-leasing .i3 { margin-left: 8px; }
#nav-leasing span { font-size: 1.25em; background: #FFE33C; display: block; height: 27px; float: left; }
#nav-leasing span .corner { width: 13px; height: 27px; background-image: url(/i/nav_leasing_corners.png); }
#nav-leasing span .left { left: -13px; }
#nav-leasing span .right { right: -13px; background-position: -13px 0; }

.typical #nav-leasing { top: 126px; left: 40px; }

/* Навигация по разделам общего характера */
.nav-common { font-size: 0.875em; float: left; }
.nav-common .fixIE { display: none; }
.nav-common .spacer { font-size: 0; width: 1px; }
.nav-common li { margin: 0 0 0.5em 29px; padding: 0; position: relative; }
.nav-common ul { margin: 0; padding: 0.5em 1.5em; }
.typical .nav-common ul { padding-left: 0; }

.index #nav-common { min-height: 245px; }
.typical #nav-common { margin-bottom: 30px; }
#nav-common { z-index: 2; margin-top: 153px; position: relative; }
.index #nav-common ul, #nav-common .border-top, #nav-common .border-bottom { background-image: url(/i/nav_common_bg.png); }
.index #nav-common ul { border-left: 1px dashed #FFF; border-right: 1px dashed #FFF; }
#nav-common ul ins { width: 24px; height: 23px; position: absolute; top: -5px; left: -30px; }
#nav-common .cur ins { background: url(/i/nav_bullet.gif); }
#nav-common .corner { width: 15px; height: 16px; background-image: url(/i/nav_corners.png); }
#nav-common .spacer { height: 15px; }
#nav-common .border-top, #nav-common .border-bottom { margin: 0 15px; }
#nav-common .border-top { border-top: 1px dashed #FFF; }
#nav-common .border-bottom { border-bottom: 1px dashed #FFF; }
#nav-common .left { left: 0; }
#nav-common .right { right: 0; }
#nav-common .top .corner { top: 0; }
#nav-common .top .right { background-position: -15px 0; }
#nav-common .bottom .corner { top: -16px; }
#nav-common .bottom .left { background-position: 0 -16px; }
#nav-common .bottom .right { background-position: -15px -16px; }

/* Графические стопперы */
#stoppers { font-size: 0.875em; margin-bottom: 62px; }
#stoppers a { line-height: 83px; }
#stoppers li { padding-left: 62px; height: 83px; margin-bottom: 25px; }
#stoppers .popup { padding-right: 25px; background: url(/i/nav_popup.gif) no-repeat 100% 0.1em; }
#stopper-calc { background: url(/i/stopper_calculator.png) no-repeat; }
#stopper-form { background: url(/i/stopper_form.png) no-repeat; }

/* Текстовые стопперы */
#text-stoppers { padding-bottom: 63px; width: 100%; }
#text-stoppers:after { content: ''; display: block; clear: both; }
.text-stopper { font-style: italic; font-size: 0.875em; float: left; clear: left; background: #FFBA27; margin-bottom: 5px; }
.text-stopper span { color: #2A2222; }
.text-stopper a:link { color: #2A2222; }
.text-stopper a:visited { color: #2A2222; }
.text-stopper a:hover { color: #2A2222; }
.text-stopper a:active { color: #2A2222; }
.text-stopper .container { padding: 6px 18px 7px 27px; //white-space: nowrap; }
.text-stopper .corner { width: 10px; height: 10px; background-image: url(/i/text_stopper_corners.gif); }
.text-stopper .left { left: 0; }
.text-stopper .right { right: 0; }
.text-stopper .top .corner { top: 0; }
.text-stopper .top .right { background-position: -10px 0; }
.text-stopper .bottom .corner { top: -10px; }
.text-stopper .bottom .left { background-position: 0 -10px; }
.text-stopper .bottom .right { background-position: -10px -10px; }
#text-stoppers .cur { background: #FFF; position: relative; left: -5px; top: -5px; margin-bottom: -5px; }
#text-stoppers .cur .corner { width: 15px; height: 15px; background-image: url(/i/text_stopper_cur_corners.jpg); }
#text-stoppers .cur .top .right { background-position: -15px 0; }
#text-stoppers .cur .bottom .corner { top: -15px; }
#text-stoppers .cur .bottom .left { background-position: 0 -15px; }
#text-stoppers .cur .bottom .right { background-position: -15px -15px; }
#text-stoppers .cur .push-pin { font-size: 0; width: 35px; height: 56px; background: url(/i/push-pin.png); position: absolute; top: 0; left: 0; }
#text-stoppers .cur .clear { width: 1px; }

/* Форма поиска */
#search-form { clear: left; margin-bottom: 65px; white-space: nowrap; }
#search-form input { margin-right: 7px; vertical-align: middle; }
#search-form .input-submit { width: 24px; height: 18px; }
#search-form p { margin: 0.5em 0; font-style: italic; font-size: 0.875em;  }

/* Навигация по разделам обратной связи */
#nav-feedback { float: left; }
#nav-feedback li { margin-bottom: 0.5em; padding-left: 56px; line-height: 29px; }
#nav-feedback a { font-style: italic; }
#nav-feedback .popup { margin-left: -36px; padding-left: 36px; background: url(/i/nav_popup.gif) no-repeat 0 0.1em; //margin-left: 0; //padding-left: 0; //background: none; //position: relative; //left: -36px; }
#nav-feedback .popup span { //padding-left: 36px; //background: url(/i/nav_popup.gif) no-repeat 0 0.1em; }

/* Промо-блок */
#promo { color: #000; font-size: 1.2em; font-style: italic; position: relative; margin: 33px 0 0 0; }
#promo h2 { font-weight: normal; margin: 0 0 0.3em 0; }
#promo a { color: #FFF59D; }
#promo .pic, #promo .text { float: left; position: relative; }
#promo .text { padding: 10px 0 0 25px; }

/* Навигация по подразделам */
#subnav { font-style: italic; margin-left: 40px; }
#subnav ul { position: relative; float: left; }
#subnav li { margin: 0 0 0.5em 100px; }

/* Документы для скачивания */
#text .files { margin-top: 1em; list-style-type: none; position: relative; }
#text .files li { background: none; position: relative; clear: left; padding: 0 0 0 65px; min-height: 24px; margin: 2.2em 0; }
#text .files .line { height: 0; width: 15px; position: absolute; top: 11px; left: 43px; border-top: 1px solid #B5B5B6; font-size: 0; }
#text .files a { padding: 0 0 0 65px; z-index: 2; margin-left: -65px; font-style: italic; }
#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 span { font-size: 0.875em; color: #3F3F3F; margin-left: 10px; }
#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 .files .rtf { background-position: -296px 0; }
#text .files .avi { background-position: -333px 0; }
#text .files .mp3 { background-position: -370px 0; }

/* Разбивка на страницы */
#text #paging { font-size: 0.875em; font-style: italic; width: 100%; line-height: 23px; position: relative; clear: left; margin-top: 2em; }
#text #paging:after { content: ''; display: block; clear: both; height: 1px; }
#text #paging img { width: 12px; height: 23px; }
#text #paging a, #text #paging .container { padding: 0 0.5em; }
#text #paging a, #text #paging .cur { float: right; }
#text #paging a { margin: 0 0.2em; }
#text #paging .container { text-align: center; color: #FFF; font-weight: bold; min-width: 9px; }
#text #paging .cur { background: #ECEFED; position: relative; color: #3F526E; min-width: 23px; }
#text #paging .arrow { line-height: 0; }
#text #paging .corner { width: 7px; height: 7px; background-image: url(/i/paging_corners.gif); }
#text #paging .left { left: 0; }
#text #paging .right { right: 0; }
#text #paging .top .corner { top: 0; }
#text #paging .top .right { background-position: -7px 0; }
#text #paging .bottom .corner { top: -7px; }
#text #paging .bottom .left { background-position: 0 -7px; }
#text #paging .bottom .right { background-position: -7px -7px; }
#text #paging .container { background: #FE7B02; }

/* Ссылка на раздел */
#back { text-align: right; }
#back a { font-size: 0.875em; padding: 10px 0 10px 18px; background: url(/i/prev.gif) no-repeat left; }

/* Шрифты */
#back,
#paging,
.nav,
.nav-common,
#rates h2,
#footer,
#search-form,
.text-stopper,
#stoppers,
#nav-leasing { font-family: Arial, Helvetica, sans-serif; }
#footer span { font-family: Georgia, Times, serif; }

/* Контент */
.index #text { margin-top: 572px; }
.typical #text { margin-top: 42px; }
#text { background: #FFF; width: 100%; clear: left; }
.b1 { border: 1px solid #FF7E09; }
.b2 { border: 1px solid #FF861C; }
.b3 { border: 1px solid #FB902E; }
.b4 { border: 1px solid #FF9D4C; }
.b5 { border: 1px solid #FFAF6B; }
#text .corner { width: 37px; height: 37px; background-image: url(/i/text_corners.jpg); }
#text .left { left: 0; }
#text .right { right: 0; }
#text .top .corner { top: 0; }
#text .top .right { background-position: -37px 0; }
#text .bottom .corner { top: -37px; }
#text .bottom .left { background-position: 0 -37px; }
#text .bottom .right { background-position: -37px -37px; }
#text .container { padding: 37px; max-width: 800px; }

/* Разметка */
#container { height: 100%; min-height: 100%; margin-bottom: -178px; background: url(/i/bg_top.jpg) repeat-x; position: relative; }
html>body #container { height: auto; }
#clear { clear: both; height: 15em; }
#content .left-col, #content .right-col { float: left; position: relative; }
#content .left-col { //margin-right: -100%; }
#content { position: relative; z-index: 2; overflow: hidden; }
#content .left-col { width: 30%; }
#content .right-col { width: 70%; //left: 30%; overflow: hidden; }
#content .left-col .reducer { padding: 0 40px 0 10%; }
#content .right-col .reducer { padding: 0 5% 0 0; }

/* Подвал */
#footer { height: 178px; color: #000; position: relative; }
#footer p { font-size: 0.75em; font-style: italic; margin: 0 10px 0.5em 10%; }
#footer a { color: #000; position: relative; z-index: 10; }
#contacts { height: 118px; background: url(/i/bg_bottom_l.jpg) no-repeat right top; width: 40%; max-width: 475px; padding-top: 60px; }
#contacts span { font-size: 1.5em; }
#copyright { position: absolute; right: 0; top: 47px; height: 66px; background: url(/i/bg_bottom_r.jpg) no-repeat; width: 40%; max-width: 439px; padding-top: 65px; }
#rates { position: absolute; left: 0; top: 0; text-align: center; width: 100%; }
#rates table { margin: 0.5em auto; position: relative; }
#rates td { font-size: 0.8em; vertical-align: bottom; padding: 0.2em 0.8em; }
#rates td span { font-size: 1.15em; margin-bottom: 0.1em; display: block; }
#rates h2 { font-size: 1em; color: #000; font-weight: normal; }

/* 404 ошибка */
.e404 { color: #000; height: auto; }
.e404 h1 { text-align: right; margin-top: 152px; }
.e404 ul { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.875em;  }
.e404 #content .left-col { width: 40%; }
.e404 #content .right-col { width: 60%; //left: 40%; }
.e404 #content .left-col .reducer { padding-right: 5px; //padding-right: 0; }
.e404 #content ul { position: absolute; top: 220px; left: 1.25em; }
.e404 #content ul li { margin: 0 0 0.5em 0; }
.e404 #message { margin-top: 300px; padding-left: 1.25em; font-style: italic; }
.e404 #message span { margin-left: -1.25em; }
.e404 #search-form { margin: 30px 0 0 1.25em; }

/* Сервисный режим */
.service-mode { background: url(/i/service_mode_bg.gif) no-repeat right top; height: auto; }
.service-mode #container { text-align: center; background: none; }
.service-mode #logo { margin: 150px auto 0 auto; }
.service-mode h1, .service-mode p { color: #33475B; }
.service-mode h1 { margin: 1.6em 0 0.6em 0; color: #000; }
.service-mode p { font-size: 1em; }

/* Карта сайта */
.map h1 { margin-top: 140px; margin-left: 6%; }
.map #content .left-col { width: 70%; }
.map #content .right-col { width: 30%; //left: 70%; }
.map #content .left-col .reducer { padding-right: 0px; //padding-right: 0; }
.map-col { font-style: italic; font-size: 1.25em; float: left; margin: 1.5em 0 0 0; width: 45%; }
.map-col li { padding-left: 15px; background: url(/i/map_bullet.gif) no-repeat 0 0.4em; margin: 0 0 1.5em 15%; }
.map-col .with-subparts { background: url(/i/map_bullet_subparts.gif) no-repeat 0 0.5em; }
.map-col ul { font-size: 0.8em; margin: 0.3em 0 0 15px; }
.map-col ul li { padding-left: 0; background: none; margin: 0 0 0.3em 0; }
.map #search-form { margin: 45px 0 280px 0; }
.map #nav-feedback { margin-bottom: 100px; }

/* Результаты поиска */
.results h1 { margin: 145px 0 0 0; }
.results #text { margin-top: 12px; }
.results #content { position: relative; }
.results #content .reducer { padding: 0 3%; }
.results #results { position: relative; width: 100%; }
.results #text .container { padding-left: 105px; }
.results #search-form { margin-bottom: 45px; }


/* Форма в отдельном окне */
.popup-form { background: #FFF; width: 800px; min-width: 0; height: auto; }
.popup-form #container { background: none; padding: 0 55px 50px 55px; }
#popup-form { text-align: center; }
.popup-form .form { border: 1px solid #C4C4C8; text-align: left; margin: 25px 0 19px 0; //zoom: 1; position: relative; width: 100%; }
.popup-form .form .container { padding: 25px 32px; }
.popup-form .form .corner { width: 20px; height: 20px; background-image: url(/i/popup_corners.gif); }
.popup-form .form .left { left: -1px; }
.popup-form .form .right { right: -1px; }
.popup-form .form .top .corner { top: -1px; }
.popup-form .form .top .right { background-position: -20px 0; }
.popup-form .form .bottom .corner { top: -19px; }
.popup-form .form .bottom .left { background-position: 0 -20px; }
.popup-form .form .bottom .right { background-position: -20px -20px; }

/* Калькулятор */
.calc { width: 910px; }
.calc .date { position: absolute; top: -0.7em; left: 68%; }
.calc .date span { position: relative; left: -20px; background: #FFF; padding: 0 10px; }

.calc #result { position: relative; }
.calc #result .corner { width: 21px; height: 21px; background-image: url(/i/result_corners.gif); }
.calc #result .left { left: 0; }
.calc #result .right { right: 0; }
.calc #result .top .corner { top: 0; }
.calc #result .top .right { background-position: -21px 0; }
.calc #result .bottom .corner { top: -21px; }
.calc #result .bottom .left { background-position: 0 -21px; }
.calc #result .bottom .right { background-position: -21px -21px; }
.calc #result .container { padding: 25px 32px; }


/* Заявка на лизинг */
.leasing-form {  }
.leasing-form #popup-form dl { margin: 0 0 0 1.85em; }
.leasing-form .num { position: relative; width: 100%; }
.leasing-form .num div { position: absolute; left: 1.5em; }
.leasing-form #popup-form h3 { position: absolute; margin: 0; top: 10px; right: 100%; }
.leasing-form #once-more { left: 0.8em; margin-right: 5em; float: left; }
.leasing-form #once-less { float: right; }
.leasing-form #once-more, .leasing-form #once-less { margin-top: 2em; position: relative; }

.leasing-form .pseudo-link { font-style: italic; font-size: 1.125em; }
.leasing-form .pseudo-link ins { position: absolute; top: -0.25em; left: -0.8em; font-weight: bold; font-size: 1.5em; }