HTML, BODY { height: 100%; }
.index { background: #F5EBC7; }
.typical { background: #FBE8C0 url(../i/bg.jpg); }

H1 { position: relative; left: -41px; margin-top: 0.75em; }
INS { display: block; text-decoration: none; }



#preface, .index #text { width: 100%; } 
#preface { margin: 80px 0 6px 0; position: relative; z-index: 11; }
#preface .container { width: 100%; background: #FEF7E6; position: relative; }
#preface .text { margin: 0; }
#preface .text TD { padding: 0.05em 0 1.45em 0; }
#preface SPAN { color: #0B6DAE; }
#preface P { font-size: 0.7em; font-style: italic; margin: 0; padding: 0 55px 0 115px; background: url(../i/butterfly.gif) no-repeat 91px 1px; }
#preface .s1 { border-bottom: 1px solid #F4EAC6; border-right: 1px solid #ED966A; }
#preface .s2 { border-bottom: 1px solid #F5EBC7; border-right: 1px solid #EE976B; }
#preface .s3 { border-bottom: 1px solid #F4EAC6; border-right: 1px solid #DF6C40; }
#preface .s4 { border-bottom: 1px solid #F3E9C5; border-right: 1px solid #F5E371; }
#preface .s5 { border-bottom: 1px solid #F1E6C2; border-right: 1px solid #F5E371; }
#preface .s6 { border-bottom: 1px solid #EEE3BE; border-right: 1px solid #EBCA32; }
#preface .s7 { border-bottom: 1px solid #EBE0BA; }
#preface .s8 { border-bottom: 1px solid #E8DCB5; }
#preface .top { margin: 0 0 0 2px; position: static; width: auto; height: 15px; background: #FEF7E6; }
#preface .top .left { width: 26px; height: 25px; top: -3px; left: 0; background: url(../i/preface_corner_tl.png); }
#preface .top .right { width: 6px; height: 15px; top: 0; right: 0; background: url(../i/preface_corner_tr.gif); }
#preface .bottom .left { width: 122px; height: 11px; top: -11px; left: 0; background: url(../i/preface_corner_bl.gif); }
#preface .bottom .right { width: 263px; height: 53px; top: -53px; right: -8px; background: url(../i/preface_corner_br.gif); }
.index #text P { color: #458640; padding-left: 30px; margin: 1.8em 0; }

.index #map { width: 414px; height: 229px; background: url(../i/map.png) no-repeat; margin-top: 149px; position: relative; }
.index #map DIV { position: absolute; }
.point { background: url(../i/point.png); width: 20px; height: 21px; z-index: 1; }
#branch-position { width: 195px; height: 156px; z-index: 10000001; }


#nav-container { display: table; }
.nav { padding: 33px 51px 0 0; float: left; display: table-cell; }
.nav UL { font-family: "MS Sans Serif", Geneva, sans-serif; margin: 0; color: #333; }
.nav LI { clear: both; }
.nav P { margin: 1px 0; padding: 0.1em 0 0.15em 0; white-space: nowrap; float: left; position: relative;  }
.nav A:link { color: #1385C1; }
.nav A:visited { color: #1385C1; }
.nav A:hover { color: #1385C1; }
.nav A:active { color: #1385C1; }
#moscow .l0 P, #other .l0 DIV { border-left: 5px solid #62BE52; }
#moscow .l0 DIV, #other .l0 P { border-left: 1px solid #F5D778; }
#moscow .l0 P { padding: 0.3em 23px 0.3em 19px; }
#other .l0 P { padding: 0.3em 23px 0.3em 12px; }
.nav .l0 P { margin: 0; float: none; font-size: 0.7em; color: #318F26; }
.nav .l1 P, .nav .l2 P { font-size: 0.9em; }
.nav .l0 DIV { margin: 1px 0; padding: 0 0 0 1px; background: #FFF; float: left; }

#moscow .l1 P, #other .l2 P { background: #67C357; left: 21px; }
#moscow .l1 P { padding-right: 1.15em; padding-left: 0.4em; }
#moscow .l2 P { padding-right: 0.4em; padding-left: 1.3em; }
#other .l1 P { padding-right: 1.8em; padding-left: 0.55em; }
#other .l2 P { padding-right: 0.6em; padding-left: 1.4em; }
#moscow .l1 A, #other .l2 A { color: #FFF; }
#moscow .l2 P, #other .l1 P { background: #FFF; left: 9px; }

/* шрифты */
#nav-common UL, .typical #footer P, .date { font-family: Tahoma, sans-serif; }

/* common */
.gradient { background-image: url(../i/gradient.png); background-repeat: repeat-x; //width: 2%; }
.gradient A { position: relative; }
.image, .image-over { padding: 10px 11px; text-align: center; }
.image { background: #FEFAEE; }
DIV.image:hover, .image-over { background: #FFF; }
.images { margin-right: -37px; }
.images .image, .images .image-over { position: relative; left: -30px; display: inline; margin: 2em 0 0 30px; }
.comment { font-style: italic; }

.additional { margin: 2.3em 0 4.2em 0; font-size: 0.8em; }
.popup { padding-right: 23px; background: url(../i/popup2.gif) no-repeat right; }
.out { padding-right: 18px; background: url(../i/out.gif) no-repeat right; }
.question { margin: 4.8em 0 0 0; font-size: 0.9em; }
.question .popup { padding: 25px 25px 7px 0; background: url(../i/question.gif) no-repeat right; }

#path:after, #subnav:after, #nav-common:after, #nav-info:after, #stoppers-narrative:after, #stoppers:after, #files:after, .images:after, #paging:after { content: ''; display: block; clear: both; height: 1px; }

#text-container { margin-left: 78px; margin-right: 37px; }

#text UL { margin-left: 1em; }
#text OL { margin-left: 2.6em; }
#text UL LI { background: url(../i/bullet.gif) no-repeat 0 0.3em; padding: 0.4em 0 0 23px; }
#text UL UL { //list-style-image: url('li.gif'); margin-top: 0; margin-bottom: 0; margin-left: 1.25em; }
#text UL UL LI { background: none; padding: 0; behavior: expression( ( !this.before && parentNode && parentNode.tagName == 'UL' ) ? ( this.before = true ) & ( parentNode.style.listStyleImage = 'none' ) & ( ( this.firstChild && this.firstChild.firstChild ) ? ( this.firstChild.style.marginTop = '-1.2em' ) & ( this.firstChild.style.position = 'relative' ) : '' ) & ( eNOBR = document.createElement( '<nobr style="position: relative; display: block; left: -1.25em; margin: 0 0 -1.2em 0;" />' ) ) & ( eNOBR.innerHTML = '&mdash;&nbsp;' ) & ( this.insertBefore( eNOBR, this.firstChild ) ) : ''); }
#text UL UL>LI:before { content: '\2014\a0'; float: left; margin-left: -1.25em; }
#text UL UL SUP { position: relative; top: -0.5em; font-size: 0.75em; //font-size: 0.89em; line-height: 0; vertical-align: baseline; }
#text UL UL>LI>* { text-indent: 0; }
#text LI { margin: 0.5em 0; }

#text .marked-list, #text .articles { margin-left: 0; }
#text .articles LI { background: none; padding: 0; }

#text TABLE { position: relative; }
#text CAPTION { //padding: 0 0 1.1em 0; }
#text TH .container { overflow: hidden; width: 100%; position: relative; }
#text TH { color: #FFF; }
#text TH P { float: none; //width: 100%; }
#text TD { padding: 0.5em 16px 0.6em 16px; }
#text TR + TR + TR > TD { border-top: 1px solid #707070; }

#files LI { position: relative; left: 100px; }
#files I { position: absolute; z-index: 1; left: -96px; top: -18px; width: 63px; height: 74px; background: url(../i/icons.jpg) no-repeat; vertical-align: top; cursor: pointer; }
#files .t { position: absolute; left: -1.4em; top: -0.1em; font-size: 1.5em; }
#files .i { background: url(../i/date_sep.gif) no-repeat left; }
#files .doc { background-position: 0 0; }
#files .rtf { background-position: -63px 0; }
#files .xls { background-position: -126px 0; }
#files .pdf { background-position: -189px 0; }
#files .zip { background-position: -252px 0; }
#files .rar { background-position: -315px 0; }
#files .avi { background-position: -378px 0; }
#files .mp3 { background-position: -441px 0; }
#files .gif { background-position: -504px 0; }
#files .jpg { background-position: -567px 0; }
#files .ppt { background-position: -630px 0; }

#path .main P { background-color: #BC2D4C; }
#path { clear: both; width: 100%; position: relative; left: -78px; padding-bottom: 0.05em; }
#path UL { margin: 0; }
#path LI, #path A { color: #FFF; }
#text TH P, #path P { margin: 0; }
#text TH P SPAN, #path P { padding: 0.4em 0.3em 0.5em 0.5em; }
#text TH P SPAN { display: block; }
#path P { background-color: #64C054; font-size: 0.8em; //float: left; white-space: nowrap; }
#path LI { float: left; margin: 0 -5px 10px 0; position: relative; overflow: hidden; }
#text TH .l, #path .l { padding: 0 10px; }
#text TH P, #path .cur P { background-color: #0F6EAB; }
#text TH .corner, #path .corner { width: 10px; height: 40px; top: 0; z-index: 2; }
#text TH .left, #path .left { left: 0; }
#path .left { background-image: url(../i/path_l.png); }
#text TH .left, #path .cur .left { background-image: url(../i/path_l_cur.png); }
#text TH .right, #path .right { right: 0; }
#path .right { background-image: url(../i/path_r.png); }
#text TH .right, #path .cur .right { background-image: url(../i/path_r_cur.png); }
#path .main .left { background-image: url(../i/path_l_main.png); }
#path .main .right { background-image: url(../i/path_r_main.png); }

/* Иллюстрации */
#illustration { width: 100%; height: 371px; position: relative; margin: -98px 0 23px 0; }
#illustration DIV { background-repeat: no-repeat; position: absolute; }
#illustration DIV DIV { position: relative; }
#illustration .i0 { top: 0; left: 0; }
#illustration .i0, #illustration .i0 DIV { width: 274px; height: 371px; }
#illustration .i0 { background-image: url(../i/pic_bg.png); }
#illustration .i0 DIV { background-image: url(../i/pic.png); }
#illustration .i1 { top: 29px; left: 51px; }
#illustration .i1, #illustration .i1 DIV { width: 157px; height: 315px; }
#illustration .i1 { background-image: url(../i/pic01_bg.png); }
#illustration .i1 DIV { background-image: url(../i/pic01.png); }
#illustration .i2 { top: 61px; left: -11px; }
#illustration .i2, #illustration .i2 DIV { width: 266px; height: 279px; }
#illustration .i2 { background-image: url(../i/pic02_bg.png); }
#illustration .i2 DIV { background-image: url(../i/pic02.png); }
#illustration .i3 { top: 33px; left: -38px; }
#illustration .i3, #illustration .i3 DIV { width: 339px; height: 301px; }
#illustration .i3 { background-image: url(../i/pic03_bg.png); }
#illustration .i3 DIV { background-image: url(../i/pic03.png); }
#illustration .i4 { top: 82px; left: 10px; }
#illustration .i4, #illustration .i4 DIV { width: 243px; height: 263px; }
#illustration .i4 { background-image: url(../i/pic04_bg.png); }
#illustration .i4 DIV { background-image: url(../i/pic04.png); }
#illustration .i5 { top: 61px; left: 26px; }
#illustration .i5, #illustration .i5 DIV { width: 212px; height: 284px; }
#illustration .i5 { background-image: url(../i/pic05_bg.png); }
#illustration .i5 DIV { background-image: url(../i/pic05.png); }
#illustration .i6 { top: 126px; left: 23px; }
#illustration .i6, #illustration .i6 DIV { width: 209px; height: 203px; }
#illustration .i6 { background-image: url(../i/pic06_bg.png); }
#illustration .i6 DIV { background-image: url(../i/pic06.png); }
#illustration .i7 { top: 33px; left: 27px; }
#illustration .i7, #illustration .i7 DIV { width: 192px; height: 299px; }
#illustration .i7 { background-image: url(../i/pic07_bg.png); }
#illustration .i7 DIV { background-image: url(../i/pic07.png); }
#illustration .i8 { top: 14px; left: 53px; }
#illustration .i8, #illustration .i8 DIV { width: 94px; height: 358px; }
#illustration .i8 { background-image: url(../i/pic08_bg.png); }
#illustration .i8 DIV { background-image: url(../i/pic08.png); }


/* Стопперы */
#made-in .corner, #stoppers-narrative .corner, #stoppers .corner { width: 16px; height: 40px; top: -20px; }
#made-in .left, #stoppers-narrative .left, #stoppers .left { left: 0; background-image: url(../i/corner_l.png); }
#stoppers-narrative .right, #stoppers .right { right: 0; background-image: url(../i/corner_r.png); }

#stoppers-narrative { clear: left; margin-bottom: 20px; position: relative; }
#stoppers-narrative A { color: #FFF; }
#stoppers-narrative IMG { background-repeat: no-repeat; width: 140px; height: 115px; }
#stoppers-narrative UL { margin: 0; width: 100%; }
#stoppers-narrative LI { width: 33%; float: left; height: 215px; position: relative; text-align: center; }
#stoppers-narrative P { margin: 0; padding: 0 20px 0.3em 20px; font-size: 0.8em; } 
#stoppers-narrative .corner-container, #stoppers-narrative .corner { font-size: 0.8em; }
#stoppers-narrative .corner-container { top: 0.8em; }

#stoppers-text { font-size: 0.7em; margin: 0; padding: 0 1em 14px 41px; clear: both; //width: 100%; }
#stoppers-text LI { margin: 1em 0; padding-left: 10px; background: url(../i/text_st_arrow.gif) no-repeat left; }

#content #stoppers { text-align: center; }
#content #stoppers .container { margin: 5em auto 0 auto; display: table; //display: block; width: 80%; position: relative; }
#content #stoppers .container .container { margin: 0; display: block; width: auto; //width: 100%; //top: -100%;  }
#content #stoppers UL { display: table-row; //display: block; width: 100%; position: relative; //top: 100%; }
#content #stoppers LI { display: table-cell; //display: inline; text-align: center; width: 45%; float: none; //float: left; vertical-align: bottom; }

#supplementary #stoppers { padding-top: 6px; padding-bottom: 25px; //padding-bottom: 47px; }
#supplementary #stoppers .container { width: 194px; }
#supplementary #stoppers LI { margin: 20px 0; }
#supplementary #stoppers .align-center { overflow: hidden; }

#stoppers { clear: both; }
#stoppers UL { margin: 0; }
#stoppers A { color: #FFF; }
#stoppers P { margin: 0; padding: 0.3em 26px 0.4em 26px; font-size: 0.8em; white-space: nowrap; }
#stoppers IMG { display: block; margin: 0 auto; }
#stoppers .container { position: relative; }
#stoppers .corner-container, #stoppers .corner { font-size: 0.8em; }
#stoppers .corner-container { top: 0.9em; }


/* Навигация */
#icons { padding: 100px 30px 137px 30px; }
#icons IMG, #icons A { margin: 0 1px; }
#icons A IMG { margin: 0; }

.typical #chain { padding: 5px 20px 5px 46px; background: url(../i/chain.gif) no-repeat; margin-top: 24px; color: #67D7DA; }
#chain { font-size: 0.6em; position: absolute; top: 0; left: -20px; z-index: 10; white-space: nowrap; }
#chain A { color: #67D7DA; }
#chain P, #chain A { color: #67D7DA; }
#chain H2 { color: #67D7DA; font-style: italic; font-size: 1.56em; cursor: pointer; cursor: hand; margin: 10px 0 0 14px; padding: 0 7px 0 9px; //padding-bottom: 2px; line-height: 21px; position: absolute; left: 0;  }
#chain H2.hover { background: #16679F url(../i/branches_bg.png) repeat-x; }
#chain SPAN { background: url(../i/branches_arrow.gif) no-repeat 100% 0.5em; padding-right: 24px; //padding-right: 18px; }
#chain DL { background: #16679F; padding: 0 13px 10px 9px; margin: 0 0 0 14px; display: none; }
#chain DL A { display: block; margin-top: 3px; }
#chain DL A:link { color: #F9CC72; }
#chain DL A:visited { color: #F9CC72; }
#chain DL A:hover {  }
#chain DL A:active {  }
#chain DT { color: #CCC; font-style: italic; font-size: 1.22em; padding-top: 7px; }
#chain DD { font-size: 1.56em; margin: 0 0 0 9px; }

#nav-common { padding-left: 200px; padding-top: 45px; margin-bottom: 109px; }
#nav-common .container { width: 100%; //position: relative; }
#nav-common TABLE { width: 100%; }
#nav-common TD { vertical-align: top; }
#nav-common TD.sep { width: 25%; }
#nav-common A { color: #F9CC72; position: relative; z-index: 11; }
#nav-common TD, #nav-common .cur A { color: #67D7DA; }
#nav-common P { font-size: 1.1em; white-space: nowrap; margin: 0.5em 0; }
#nav-common .ico { position: absolute; top: -37px; left: -51px; width: 68px; height: 58px; z-index: 10; }

#nav-info { padding-bottom: 16px; position: relative; }
#nav-info UL { font-size: 1.25em; margin: 0 0 0 38px; //width: 100%; position: relative; }
#nav-info LI { clear: both; float: left; margin: 0.1em 0; }
#nav-info P { margin: -0.05em 0 0 0; padding: 0 0.4em 0.15em 0.4em; z-index: 10; white-space: nowrap; }
#nav-info .cur { background-color: #116FA2; }
#nav-info .cur, #nav-info .cur A { color: #FFF; }

#nav-feedback { font-size: 0.75em; margin: 0 0 0 50px; }
#nav-feedback LI, #nav-feedback A { color: #FFF; }
#nav-feedback LI { clear: both; float: left; margin-top: 1px; }
#nav-feedback P { margin: 0; padding: 0.2em 0.65em 0.4em 0.65em; white-space: nowrap; }
#nav-feedback .i1 { background-color: #E8AB39; }
#nav-feedback .i2 { background-color: #1D9C11; left: -1.2em; position: relative; }
#nav-feedback .i3 { background-color: #116FA2; }
#nav-feedback .i1 P, #nav-feedback .i3 P { padding-right: 1.85em; }
#nav-feedback .i2 P { padding-left: 1.85em; }
#nav-feedback .feedback SPAN { padding-right: 15px; background: url(../i/popup.gif) no-repeat right; }

#text #subnav { clear: both; width: 100%; position: relative; margin-bottom: 3em; }
#text #subnav UL { float: left; margin: 0 5.2em 0 0; }
#text #subnav LI { padding: 0; margin: 0.7em 0; padding-left: 7px; background: url(../i/subnav_arrow.gif) no-repeat 0 0.4em; }

/* Разбивка на страницы */
#paging { margin: 4.65em 0 0 0; clear: both; position: relative; width: 100%; }
#paging LI { float: left; position: relative; z-index: 2; }
#paging A, #paging P { padding: 15px 0 16px 0; }
#paging P { margin: 0; position: relative; }
#paging A { margin-right: 1.4em; }
#paging DIV { position: absolute; font-size: 0; }
#paging .cur { color: #FFF; font-weight: bold; background: #1773A5 url(../i/gradient.gif) repeat-x; margin-left: -1em; margin-right: 0.5em; position: relative; z-index: 1; }
#paging .cur P { padding-left: 20px; padding-right: 18px; }
#paging .top, #paging .bottom { width: 81px; height: 22px; }
#paging .left, #paging .right { width: 22px; height: 81px; }
#paging .top { background: url(../i/poly_t.png); top: 0; right: -18px;  }
#paging .right { background: url(../i/poly_r.png); right: 0; bottom: -18px; }
#paging .bottom { background: url(../i/poly_b.png); left: -13px; bottom: 0; }
#paging .left { background: url(../i/poly_l.png); left: 0; top: -13px; }
#paging A:link { color: #CD3052; text-decoration: underline; }
#paging A:visited { color: #CD3052; text-decoration: underline; }
#paging A:hover { color: #1478B0; }
#paging A:active { color: #1478B0; }

/* Ссылка на уровень выше */
#back { margin-top: 3.95em; clear: both; }
#back A { color: #CD3052; padding-left: 19px;  background: url(../i/back.gif) no-repeat left; }

/* Новости */
.date SPAN { margin-right: 2px; padding: 1px 6px 1px 0; background: url(../i/date_sep.gif) no-repeat right; }
#news { clear: left; border-left: 36px solid #FBF3E0; }
#news .container { width: 100%; }
#news TABLE { width: 100%; margin: 0; }
#news TD { width: 33.3%; vertical-align: top; }
#news TD, #news .all-news, #news .empty DIV { background: #FBF3E0; }
#news H2 { color: #35A6DA; color: #B52A48; font-size: 1.6em; margin: 0.6em 0 16px 0; }
#news TD { background: #FBF3E0; }
#news P { font-size: 0.8em; margin: 0.2em 0 0 0; padding-right: 20px; }
#news .empty { background: none; vertical-align: bottom; }
#news .empty DIV { height: 10px; font-size: 0; }
#news .date, #news .all-news A { font-size: 0.7em; }
#news .date { margin-top: 1.65em; }
#news .all-news { padding: 0.75em 0 3.8em 0; }
#news .all-news DIV { border-left: 2px solid #EFD172; float: left; }
#news .all-news DIV DIV { border-left: 1px solid #35A4D5; }
#news .all-news DIV DIV DIV { border-left: 5px solid #61BD51; padding-left: 1px; }
#news .all-news A { color: #FFF; display: block; background: #1296D3; padding: 0.2em 0.8em 0.4em 1.5em; white-space: nowrap; font-family: "MS Sans Serif", Geneva, sans-serif; }
.source { background: url(../i/source.gif) no-repeat left; padding-left: 15px; margin: 0.7em 0 0 2px; }

/* Опросы */
.polls { margin: 0.5em 0 0 2em; }
.polls INPUT, .polls LABEL { vertical-align: middle; }
.polls INPUT { margin-right: 0.5em; }
.polls DT { margin: 0.5em 0; }
.polls DD INPUT { margin: 0.5em 0 0 25px; }

/* Фотогалерея */
.gallery .many { padding-left: 15px; background: url(../i/fotos.gif) no-repeat left; }
.gallery .single { padding-left: 13px; background: url(../i/foto.gif) no-repeat left; }

/* Поиск */
#total { font-size: 0.8em; margin: 4em 0 3em 0; padding: 0 0 4px 24px; background: url(../i/total.gif) no-repeat 0 0.3em; }
#total SPAN { font-weight: bold; }
.path A { background: url(../i/arrow.gif) no-repeat right; }
.num, .result { float: left; }
.num { margin: 1em -100% 0 0; clear: left; width: 46px; height: 46px; text-align: center; }
.num { background: url(../i/result.gif) no-repeat center; }
.num P { margin: 1em 0; }
.result { padding-left: 67px; }
.result .more A { background: url(../i/more.gif) no-repeat 100% 0.3em; }

/* разметка */
html>body #container { height: auto; }
#container { //height: 100%; min-height: 100%; min-width: 970px; }
#spacer, #footer { width: 100%; }
#spacer { clear: both; }
#footer { text-align: center; position: relative; }
#layout { position: relative; }
#layout, #footer .reducer { text-align: left; margin: 0 auto; width: 100%; max-width: 1400px; }
.index #layout, .typical #layout { overflow: hidden; }

.index #container { margin-bottom: -195px; }
.index #content, .index #nav { width: 50%; float: left; }
.index #content { //margin-right: -100%; }
.index #content .reducer { padding-left: 17%; padding-right: 11%; }
.index #nav { //left: 50%; //position: relative; }
.index #nav .reducer { padding-left: 14%; }
.index .reducer { zoom: 1; }

.index #spacer, .index #footer { height: 195px; }
.index #footer { background: url(../i/main_bg_bottom.png) repeat-x bottom left; }
.index #footer P { font-size: 0.7em; font-family: "MS Sans Serif", Geneva, sans-serif; }
.index #footer .reducer DIV { position: absolute; bottom: 0; }
.index #copyright { left: 134px; background: url(../i/main_copyright_bg.png) no-repeat bottom left; }
.index #copyright P { margin: 42px 0 34px 101px; }
.index #made-in { right: 105px; background: #FFF url(../i/madein_bg_main.gif); height: 45px;}
.index #made-in P { color: #60BC50; margin: 15px 0 0 18px; }
.index #made-in A { color: #0B6DAE; }
.index #made-in .corner { background: url(../i/main_madein_corner.png); width: 24px; height: 47px; position: absolute; top: -2px; right: -24px; }

.typical #content { //margin-right: -100%; }
.typical #supplementary { //left: 74%; //position: relative; }
.typical #container { background: url(../i/top_bg_2.jpg) repeat-x top left; margin-bottom: -310px; }
.typical #bg-top { background: url(../i/top_bg.jpg) repeat-x; }
.typical #content, .typical #supplementary { float: left; }
.typical #layout .reducer { min-height: 410px; position: relative; }
.typical #content { width: 74%; }
.typical #supplementary { width: 26%; }
.typical #content .reducer { padding: 0 0 0 37px; }
.typical #supplementary .reducer { padding: 0 0 0 16px; }

.typical #spacer, .typical #footer { height: 310px; }
.typical #footer { background: url(../i/bottom_bg.jpg) repeat-x bottom; }
.typical #footer .reducer { position: relative; text-align: left; margin-top: 125px; }
.typical #footer .constraint { position: relative; overflow: hidden; height: 310px; width: 100%; padding-top: 1px; }
.typical #footer P { font-size: 0.7em; margin: 0.5em 0; }
.typical #footer A, #footer INPUT { position: relative; z-index: 10; }

#search { text-align: center; }
#search FORM { font-size: 0.8em; }
#search INPUT { vertical-align: middle; }
#search .input-text { border: 1px solid #52B046; padding: 0 5px; }
#search P { margin: 2.2em 0 0 0.6em; }
#search A { color: #1385C1; }
#search .container { width: 300px; margin: 0 auto; text-align: left; }

#hold-card { position: absolute; top: 122px; right: 133px; font-size: 0.8em; font-weight: bold; }
#hold-card A { color: #910D0E; position: relative; z-index: 2; padding-right: 17px; background: url(../i/popup_hold_card.gif) no-repeat right; }
#hold-card INS { background: url(../i/hold_card.png); width: 121px; height: 55px; position: absolute; top: -15px; left: -90px; z-index: 1; }

#contacts { position: absolute; top: 0; left: 74px; }
#contacts IMG { position: relative; top: -10px; left: -7px; }
.typical #footer #copyright { margin-top: 58px; }

.typical #made-in { position: absolute; top: 0; right: 133px; }
.typical #made-in P, .typical #made-in A { color: #FFF; }
.typical #made-in P { margin: 0; padding: 0.2em 33px 0.4em 35px; background: url(../i/madein_gradient.jpg) repeat-y right; }
.typical #made-in .container { background: #52A842 url(../i/madein_bg.gif); }
.typical #made-in .corner-container, .typical #made-in .corner { font-size: 0.7em; }
.typical #made-in .corner-container { top: 0.8em; }
.typical #made-in .bawl { width: 52px; height: 65px; position: absolute; top: -16px; right: -23px; background: url(../i/bawl.png); z-index: 10; }

#top { text-align: center; }
#top .constraint { position: relative; width: 100%; overflow: hidden; }

.index #logo { width: 886px; height: 383px; margin: 0 auto; background: url(../i/main_logo.jpg); position: relative; }
.typical #logo { top: 33px; left: 31px; position: absolute; }
#logo-print { display: none; }

.index #bg-top { background: url(../i/main_top_bg.jpg) repeat-x top; }
#bg-top { text-align: center; }
#bg-constraint, #bg-constraint DIV { position: absolute; top: 0; }
#bg-constraint, #bg-left, #bg-right { height: 358px; z-index: 2; }
#bg-constraint { width: 100%; }
#bg-constraint .constraint { position: relative; width: 100%; height: 358px; overflow: hidden; }
#bg { left: 50%; }
#bg .container { width: 1400px; left: -700px; }
#bg-left, #bg-right { width: 160px; }
#bg-left { background: url(../i/main_bg_left.png); left: 0; display: none; }
#bg-right { background: url(../i/main_bg_right.png); right: 0; display: none; }

#ball, #ball DIV { height: 192px; position: absolute; }
#ball DIV { width: 155px; background: url(../i/ball.png); }
#ball DIV DIV { background: url(../i/ball_bg.png); left: 0; }
.index #ball { left: 6px; top: 298px; z-index: 3; }
.typical #ball, .typical #ball DIV { top: 0; }
.typical #ball { width: 100%; text-align: left; }
.typical #ball DIV { right: -50px; }

#walk, #walk DIV { width: 273px; height: 399px; }
#walk { background: url(../i/walk.png); position: absolute; top: 114px; right: 9px; z-index: 3; }
#walk DIV { background: url(../i/walk_bg.png); }

#weight-lifter { position: absolute; top: 212px; left: -60px; z-index: 1; }
#weight-lifter, #weight-lifter DIV { width: 122px; height: 125px; }
#weight-lifter { background: url(../i/weight_lifter.png); }
#weight-lifter DIV { background: url(../i/weight_lifter_bg.png); }

#blinds-green, #blinds-left, #blinds-right, #blinds-red { height: 176px; position: absolute; top: 130px; }
#blinds-green { width: 75px; background: url(../i/blinds_green.jpg); left: -5px; }
#blinds-left { width: 128px; background: url(../i/blinds_white.jpg); left: -250px; }
#blinds-right { width: 128px; background: url(../i/blinds_white.jpg); right: -133px; z-index: 1; }
#blinds-red { width: 38px; background: url(../i/blinds_red.jpg); right: -133px; z-index: 2; }

/* 404 ошибка */
.e404 { background: #FBE8C0 url(../i/bg.jpg); }
.e404 H1 { font-size: 2.5em; margin: 0; }
.e404 H1, .e404 P { color: #FDECBE; }
.e404 FORM { position: relative; font-size: 0.8em; }
.e404 INPUT { vertical-align: middle; }
.e404 #search-text { width: 100%; }
.e404 .input-submit { position: absolute; left: 100%; top: 0.1em; }
.e404 #logo { position: absolute; left: 37px; top: 33px; z-index: 1; }
.e404 #container { background: url(../i/top_bg_2.jpg) repeat-x top left; text-align: center; }
.e404 #layout .reducer { padding: 33px 37px; }
.e404 #content { position: relative; float: left; }
.e404 #content .container { position: relative; left: 200px; top: 67px; }
.e404 #message { width: 20em; font-size: 0.8em; position: relative; left: 1.8em; top: 0; margin: 0.2em 0; }
.e404 #message SPAN { position: absolute; left: -1.5em; }
.e404 #content.service #message { width: auto; margin: 1em 0 0 4.15em; }
.e404 #content.service .container { left: 0; padding-left: 200px; }
.e404 #chain { left: 100%; padding-left: 100px; }
.e404 #chain P { padding: 5px 20px 5px 46px; background: url(../i/chain.gif) no-repeat; }
.e404 #search { padding: 0 150px 100px 200px; margin-top: 215px; }
.e404 #search .container { width: 70%; position: relative; }
.e404 #layout { min-width: 900px; max-width: 1200px; }

/* Сервисный режим */
.service-mode { background: #FBE8C0 url(../i/bg.jpg); }
.service-mode H1 { font-size: 2.5em; margin: 0; }
.service-mode H1, .service-mode P { color: #FDECBE; }
.service-mode #logo { position: absolute; left: 37px; top: 33px; z-index: 1; }
.service-mode #container { background: url(../i/top_bg_2.jpg) repeat-x top left; text-align: center; }
.service-mode #content .container { padding-top: 67px; left: 0; padding-left: 250px; }
.service-mode #message { font-size: 0.8em; margin: 1em 0 0 4.15em; }

/* Форма обратной связи */
.popup-form { background: #FBE8C0 url(../i/bg.jpg); }

.popup-form H1 { margin-top: 67px; left: -3px; }
.popup-form DL { margin: 0; }

.popup-form LABEL { color: #1478B0; margin: 1.5em 0 0.5em 0; display: block; }
.popup-form INPUT, .popup-form TEXTAREA { vertical-align: top; }
.popup-form TEXTAREA, .popup-form .input-text { width: 100%; }
.popup-form FORM .input { position: relative; }
.popup-form FORM .input DIV { position: relative; }
.popup-form FORM .text { width: 450px; }

.popup-form FORM .checkbox { margin: 0; padding-bottom: 0.5em; }
.popup-form FORM .checkbox LABEL { display: inline; }
.popup-form FORM .checkbox INPUT { vertical-align: middle; margin-right: 5px; }
.popup-form FORM .checkbox LI { margin: 0.5em 0; }
.popup-form FORM DD, .popup-form FORM .textarea { width: 526px; }

.popup-form FORM { margin-top: 3em; }
.popup-form FORM DT { position: relative; clear: both; }
.popup-form FORM DD { text-align: center; margin-top: 1em; }
.popup-form FORM DD INPUT { width: auto; }
.popup-form FORM .required { position: absolute; top: -0.4em; left: 100%;  }
.popup-form .required { color: #CD3052; font-size: 2.5em; padding-left: 0.1em; }
.popup-form .attention { margin-top: 3em; color: #CD3052; text-align: right; width: 526px; }
.popup-form .attention P { font-size: 0.7em; padding-left: 2.2em; }
.popup-form .attention .container { position: relative; right: 0; float: right; }
.popup-form .attention .container DIV, .popup-form .attention .container P { vertical-align: text-top; }
.popup-form .attention .container DIV { font-size: 0.9em; height: 1px; position: absolute; }
.popup-form .attention .required { position: absolute; top: 0.1em; //top: 0.05em; left: 0; }
/*
.popup-form .fieldset DT { float: left; clear: none; }
*/

.popup-form #container { background: url(../i/top_bg_2.jpg) repeat-x top left; text-align: center; min-width: 700px; }
.popup-form #layout { max-width: 900px; }
.popup-form #layout .reducer { padding: 33px 37px; }

/* Карта сайта */
.sitemap H1 { position: static; margin-left: 36px; }
.sitemap #layout .reducer { padding: 0 1px 0 37px; }
.sitemap #top { height: 240px; position: relative; }
.sitemap #chain, .sitemap #icons { position: absolute; left: 30%; }
.sitemap #chain { top: 62px; margin: 0; }
.sitemap #icons { top: 126px; padding: 0 0 0 49px; }

.sitemap .map UL UL UL LI { margin-left: 5px; background: url(../i/arrow_map.gif) no-repeat 0 0.6em; }

.sitemap .map A { padding: 0.1em 0.4em; }
.sitemap .map A:link { color: #116EA5; }
.sitemap .map A:visited { color: #116EA5; }
.sitemap .map A:hover { color: #FAEAB8; background: #0E6EA7 url(../i/gradient.gif) repeat-x; }
.sitemap .map A:active { color: #FAEAB8; background: #0E6EA7 url(../i/gradient.gif) repeat-x; }

.sitemap .map UL UL A:link { color: #318F26; }
.sitemap .map UL UL A:visited { color: #318F26; }
.sitemap .map UL UL A:hover { color: #FAEAB8; }
.sitemap .map UL UL A:active { color: #FAEAB8; }

.sitemap .map .feedback { font-size: 1.2em; font-weight: normal; margin: 0.3em 0; }
.sitemap .map .feedback P { margin: 0; }
.sitemap .map .feedback A:link {  }
.sitemap .map .feedback A:visited {  }
.sitemap .map .feedback A:hover { color: #FFF; }
.sitemap .map .feedback A:active { color: #FFF; }

.sitemap #feedback A {  }
.sitemap #feedback SPAN { padding-right: 32px; background-repeat: no-repeat; background-position: 95% 0.5em; }
.sitemap #feedback A:link { color: #116FA2; }
.sitemap #feedback A:visited { color: #116FA2; }
.sitemap #feedback A:hover { color: #FFF; }
.sitemap #feedback A:active { color: #FFF; }
.sitemap #feedback A:hover SPAN { background-image: url(../i/popup2_over.gif); }
.sitemap #feedback A:active SPAN { background-image: url(../i/popup2_over.gif); }