#work-container {background: url('/img/footer-bottom-bg.png') left top repeat; padding-bottom: 5px;}
#work-container h1 {font-family: Arial; font-size: 18px; color: #444444; font-weight: normal; margin:10px 5px;}
#work-container h2 {font-family: Arial; font-size: 18px; color: #a32f24; font-weight: normal; margin:10px 5px;}
#work-container h3 {font-family: Arial; font-size: 16px; color: #0e517e; font-weight: normal; margin:5px 5px;}
#work-container p {font-family: Arial; font-size: 14px; color: #555555; font-weight: normal; margin:5px; text-align: justify;}

#work-container div.pic-container-left {width: auto; margin-right: 10px; margin-left: 5px; padding: 0 10px 5px 10px; background-color: #ffffff; float: left; border: 1px solid #dddddd; text-align: center; line-height: 12px}
#work-container div.pic-container-left img {display: block; margin: 0 auto; padding: 10px 0 5px 0;}
#work-container div.pic-container-left span {display: inline; font-size: 11px; color: #888888;}


#work-container div.pic-container-right {width: auto; margin-right: 5px; margin-left: 10px; padding: 0 10px 5px 10px; background-color: #ffffff; float: right; border: 1px solid #dddddd; text-align: center; line-height: 12px}
#work-container div.pic-container-right img {display: block; margin: 0 auto; padding: 10px 0 5px 0;}
#work-container div.pic-container-right span {display: inline; font-size: 11px; color: #888888;}

#work-container ol {counter-reset: item; list-type: none; position: relative; margin-left: 30px; padding-left: 10px;}
#work-container ol>li {display: block; padding: 0; margin: 0; margin-top: 5px; color: #777777; font-size: 14px;}
#work-container ol>li:before {position: absolute; display: inline-block; content: counters(item, ".", decimal) ". "; counter-increment: item; right: 100%; text-align: right; color:#888888; font-size: 14px;}
#work-container ol h3, #work-container ol h1, #work-container ol h2, #work-container ol p {display: inline; margin:0; padding:0; text-indent:0;}
#work-container ol li ul {list-style: square outside; margin-top: 5px;}
#work-container ol li ul li {}

#work-container ul {position: relative; list-style: square inside; margin-left: 30px; padding-left: 10px;}
#work-container ul>li {padding: 0; margin: 0; margin-top: 5px; color: #777777; font-size: 14px;}
#work-container ul h3, #work-container ol h1, #work-container ol h2, #work-container ol p {display: inline; margin:0; padding:0; text-indent:0;}
#work-container ul li ul {margin-top: 5px;}
#work-container ul li ul li {}


#work-container div.quote { font-size: 12px; text-align: justify; font-family: Arial, serif; font-style: italic; font-weight: bold; border-left: 5px solid #999999; color: #999999; margin: 5px; padding-left: 5px;}
#work-container div.quote p {text-indent: 0; margin: 0 0 5px 0; padding:0; display: block; color: #999999; font-size: inherit; font-weight: bold;}

#site-container {position: relative; top: 0; bottom: 0; margin: 0 auto; max-width: 1200px; min-width: 1000px; width: 100%; background-color: #ffffff;}
#site-container .left-shadow {position: fixed; width: 37px; top: 0; bottom:0; margin-left:-37px; background: url('/img/shadow-left.gif') right top repeat-y;}
#site-container .right-shadow {position: fixed; width: 37px; top: 0; bottom:0; margin-left: 1200px; background: url('/img/shadow-right.gif') left top repeat-y;}
#main-container {margin: 0; background: url('/img/decor-bottom.gif') left bottom no-repeat; width: 100%; max-width: 1200px; min-width: 1000px;}
#main-container .view-area {margin: 0 10px; min-height: 1200px;}
#header {position: relative; height: 180px; background: url('/img/map.gif') right top no-repeat;}
#header .top-line {height: 10px; background-color: #a42f24;}
#header .logo {margin-top: 30px;}
#header .logo a {outline: none;}
#header .top-panel {position: absolute; width:auto; height: 60px; right: 0; top: 10px; background: url('/img/top-panel.png') right top no-repeat;}
#header .top-panel .container {padding: 10px; background: url('/img/top-panel-bg.png') repeat;}
#header .top-panel .container .btn {display: inline-block; padding: 3px; margin-right: 2px; vertical-align: middle;}
#header .top-panel .container .btn:hover {background-color: #faefa8;}
#header .top-panel .container .btn img {display: block;}
#header .top-panel .container .search-line {display: inline-block; margin-left: 5px; vertical-align: middle;}
#header .top-panel .container .search-line .search-box {position: relative; width: 200px; height: 20px; border: 1px solid #939135; background-color: #faefa8;}
#header .top-panel .container .search-line .search-box .query-field {margin-left: 3px; width: 170px; height: 18px; border: 0px; background-color: #faefa8; color: #882f2b; outline: none;}
#header .top-panel .container .search-line .search-box .query-btn {position: absolute; right:1px; top: 1px;}
#header .top-panel .container .auth {display: inline-block; vertical-align: middle; font-size: 11px; color: #535d22; margin-left: 10px;}
#header .top-panel .container .auth a {font-size: 11px; color: #882f2b; text-decoration: none;}
#header .top-panel .container .auth a:hover {font-size: 11px; color: #444444;}
#header .top-panel .container .link {display: inline-block; vertical-align: middle; margin-left: 10px; padding-bottom: 2px;}
#header .top-panel .container .link a {font-size: 11px; color: #535d22;}
#header .top-panel .container .link a:hover {font-size: 11px; color: #882f2b;}

#photo-panel {position: relative; height: 192px;}
#photo-panel .line {height: 10px; background-color: #772823;}
#photo-panel .brand {position: absolute; width: 199px; height: 192px; right: 0; top: 0px; background: url('/img/che-brand.jpg') right top no-repeat;}
#red-panel {position: relative; height: 34px; background: url('/img/red-panel.gif') left top no-repeat;}

#content-area {}
#content-area .left-side {padding-right: 5px; 245px; max-width: 245px;}
#content-area .main-side {padding-left: 5px;max-width: 700px;
    overflow: auto;}
#content-area .main-side .breadcrumbs {margin: 0; color: #888888; font-size: 11px; text-align: right;}
#content-area .main-side .breadcrumbs img {display: inline-block; vertical-align: bottom; padding-left: 3px; padding-bottom: 2px;}
#content-area .main-side .breadcrumbs a {padding-left: 3px; color: #888888; font-size: 11px; text-decoration: none;}
#content-area .main-side .breadcrumbs a:hover {color: #782924; text-decoration: underline;}
#content-area .right-side {padding-left: 10px; width: 220px; max-width: 220px;}

#work-container {background: url('/img/footer-bottom-bg.png') left top repeat;}

#footer {position: relative; padding-bottom: 23px;}
#footer .top-shadow {height: 17px; background: url('/img/shadow-footer-top.png') left bottom repeat-x;}
#footer .bottom-shadow {height: 17px; background: url('/img/shadow-footer-bottom.png') left top repeat-x;}
#footer .menu-bottom {background: url('/img/footer-bottom-bg.png') left top repeat; padding: 0 5px; padding-bottom: 10px;}

#footer .bottom-panel {position: absolute; width:auto; height: 40px; right: 0; bottom: 0px;}
#footer .bottom-panel .container {padding: 10px;}
#footer .bottom-panel .container .btn {display: inline-block; padding: 3px; margin-right: 2px; vertical-align: middle;}
#footer .bottom-panel .container .btn:hover {background-color: #e0e0e0;}
#footer .bottom-panel .container .btn img {display: block;}
#footer .bottom-panel .container .search-line {display: inline-block; margin-left: 5px; vertical-align: middle;}
#footer .bottom-panel .container .search-line .search-box {position: relative; width: 200px; height: 20px; border: 1px solid #9f9f9f; background-color: #ffffff;}
#footer .bottom-panel .container .search-line .search-box .query-field {margin-left: 3px; width: 170px; height: 18px; border: 0px; background-color: #ffffff; color: #888888; outline: none;}
#footer .bottom-panel .container .search-line .search-box .query-btn {position: absolute; right:1px; top: 1px;}
#footer .bottom-panel .container .auth {display: inline-block; vertical-align: middle; font-size: 11px; color: #888888; margin-left: 10px;}
#footer .bottom-panel .container .auth a {font-size: 11px; color: #a42f24; text-decoration: none;}
#footer .bottom-panel .container .auth a:hover {font-size: 11px; color: #444444;}
#footer .bottom-panel .container .link {display: inline-block; vertical-align: middle; margin-left: 10px; padding-bottom: 2px;}
#footer .bottom-panel .container .link a {font-size: 11px; color: #888888;}
#footer .bottom-panel .container .link a:hover {font-size: 11px; color: #a42f24;}

#khakasia-sign {
width: 110px;
height: 33px;
padding: 0;
margin: 0;
position: fixed;
right: 0;
bottom: 0;
}
.kastil {
margin-top: -11px;
}
a.soc_icon img {
    width: 32px;
    height: 32px;
    padding: 12px 7px 2px 0px;
}

/* модалка куки яндекс */


       .cookie-notification {
            position: fixed;
            background-color: rgba(0, 0, 0, .8);
            bottom: 0;
            width: 100%;
            color: white;
            padding: 15px;
        }
        .cookie-notification_hidden_yes {
            display: none;
        }
        .cookie-notification__header {
            margin-bottom: 10px;
            font-size: 23px;
        }
        .cookie-notification__body {
            margin-bottom: 10px;
        }