@font-face {
    font-family: 'DP-bold';
    src: url(/images/annual_reports/15437/fonts/DINPro-Bold.otf);
}

@font-face {
    font-family: 'DP-regular';
    src: url(/images/annual_reports/15437/fonts/DINPro-Regular.otf);
}

html, body { height:100%; }
body { background:url(/images/annual_reports/16974/fon_2000_sw.jpg) center center no-repeat; background-size:cover; background-attachment:fixed; }
.onepage-wrapper .page { width: 100%; height: 100%; }
.page {  }
.page-content-wrapper { width:900px; margin:0 auto; height:100%; display:table; }
.page-content { display:table-cell; vertical-align:bottom; position:relative; }
.page-content-inner { background:url(/images/annual_reports/16974/fon_900_3.png) left top no-repeat; padding:22px; }
.page-content-inner.nobg { background:transparent !important; }

.text { margin-left:135px; }

.sub-h { font-family:DP-bold, Arial; text-transform:uppercase; font-size:22px; color:#b4002d; border:solid #b4002d; border-width:2px 0 2px 0; padding:5px 0; margin:30px 0 20px 0; }

.text-h { color:#414042; font-family:DP-regular, Arial; }
.text-h .lead { color:#b4002d; text-transform:uppercase; font-family:DP-bold, Arial;  }
.text-h .lead .bord { border:2px solid #b4002d; padding:0 4px; }

.thin { font-style:italic; font-size:12px; color:#8a8c8e;}

.header5 { }
.header5 .pic { float:left; }
.header5 .captions { font-size:42px; line-height:40px; vertical-align:bottom; padding-left:15px; color:#b4002d; }
.header5 .h1 { font-family:DP-bold, Arial;}
.header5 .h2 { font-family:DP-regular, Arial; }

.page-1 { background:url(/images/annual_reports/15437/1_bg.jpg) center center no-repeat; background-size:cover; }

.page-1 .page-content { position: static; }

.onepage-pagination {
    top:34%;
}

.p1-1 {
    text-align:center;
}

.p1-2 {
    background:rgba(255,255,255,.8);
    margin:15px 0 50px 229px;
    height: 115px;
    padding: 15px 20px;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
}

    .p1-2-1 {
        font: 44px/66px 'DP-bold', Arial;
        color: #b4002d;
    }

    .p1-2-2 {
        color:#504f53;
        font: 30px/30px 'DP-regular', Arial;
    }


.page-content-inner {
    background: url(/images/annual_reports/16974/fon_900_3.png) left top repeat-y;
    padding: 18px 32px;
    font:18px/24px 'DP-regular', Arial;
    height:623px;
    overflow:hidden;
}

.text-red5 {
    color:#b4002d;
}

.underline {
    text-decoration: underline;
}

/* slide HEADER big uppercase red5 bold DINPro */
.zag1 {
    color: #b4002d;
    font: 24px/28px 'DP-bold', Arial;
    text-transform: 'uppercase';
}

/* slide HEADER big red5 regular DINPro */
.zag2 {
    color: #b4002d;
    font: 24px/28px 'DP-regular', Arial;
}

/* block red-bg white-text padding */
.block1 {
    background: #b4002d;
    color: #fff;
    padding: 10px 20px;
}

/* block gray-bg gray-text red-arr */
.block2 {
    background: #bfbfbf;
    color: #504f53;
    position: relative;
    padding: 10px 20px;
}

.block2 .arr {
    position: absolute;
    left:-8px;
    top: 16px;
}

/* block red-light-bg gray-text */
.block3 {
    background: #e4afbd;
    color: #504f53;
    position: relative;
    padding: 10px 20px;
    font-size:.95em;
}

/* block gray-bg gray-text */
.block4 {
    background: #bfbfbf;
    color: #504f53;
    padding: 10px 20px;
}


/* text gray small */
.text1 {
    font:10px/12px 'DP-regular', Arial;
    color:#504f53;
}

/* text red5 normal */
.text2 {
    color:#b4002d;
}

.p2-2 {
    margin:20px 200px 40px 0;
    font-size:22px;
    line-height:2em;
}

.p2-3 {
    margin:40px 300px 40px 0;
}

.p2-4 {
    margin:80px 300px 0 0;
    text-align:right;
}

.p2-5 {
    font-size: 0;
    line-height:0;
    position: absolute;
    right: -40px;
    bottom:0;

}






.p3-1, .p3-2 {
    font-size: 26px;
}

.p3-3 {
    padding: 25px 0 50px;
    position: relative;
    z-index: 2;
}

.p3-4 {
    text-align: center;
    margin-right:200px;
    margin-bottom:60px;
    font-size:22px;
}

.p3-5 {
    margin-right:200px;
    text-align: right;
}

.p3-6 {
    position:absolute;
    right: -90px;
    bottom: 0;
    font:0/0 Arial;
}




.p4-1, .p4-2 {
    font-size: 26px;
}

.p4-3 table {
    width:100%;
    margin:40px 0 100px;
}

.p4-3-1 {
    padding-left:80px;
    font-weight:bold;
}

.p4-3-2 {
    padding-left:310px;
    font-weight: bold;
}

.p4-3-3 {

}

.p4-3-4 {
    text-align: right;
}


.p4-4 {
    position: absolute;
    bottom: 0;
    left: 32%;
    font:0/0 Arial;
}

.p4-5 {
    position: absolute;
    right:32px;
    bottom:30px
}


.p5-1 {
    margin-bottom:20px;

}

.p5-2 {
    font-size:22px;
    line-height:28px;
    margin-right:310px;
}

.p5-3 {


}

    .p5-3-1 {
        margin-top:60px;
        margin-right:280px;
    }

    .p5-3-2 {
        margin-top:60px;
        margin-right:240px;
    }

.p5-4 {
    position:absolute;
    font:0/0 Arial;
    bottom:0;
    right:-60px
}


.p6-3 {
    margin-top:10px;
    margin-left:255px;
    margin-right:195px;
}

.p6-3-1 {
    line-height:1.1em;
}

.p6-3-5 {
    margin-top:5px;
}

.p6-3-4 {
    line-height:1.3em !important;
}

.p6-4, .p6-5 {
    position:absolute;
    font:0/0 Arial;
    bottom:0
}

.p6-4 {
    left:-30px
}

.p6-5 {
    right:-50px;
}

.p7-5, .p7-6 {
    margin-right:340px;
}

.p7-6 {
    margin-top:20px;
    margin-bottom:20px;
    font-size:.9em;
}

.p7-8 {
    position: absolute;
    bottom :0;
    right:0;
}

    .p7-8-1 {
        font: 0/0 Arial;
    }

    .p7-8-2 {
        position: absolute;
        font-size:.85em;
        line-height:1.4em;
        bottom: 0;
        height: 100px;
        width: 321px;
    }




.p8-3 {
    margin:20px 0;
}

.p8-5 {
    margin-top:20px;
}

.p8-4-2 {
    vertical-align: top;
}

    .p8-4-2-inner {
        margin-top:20px;
    }

    .p8-4-1-2 {
        padding-right: 22px;
    }

.p9-1 {
    font-size:1.7em;
    line-height:1.1em;
}

.p9-2 {
    margin:40px 0;
    font-size:1.2em;
}

.p9-3-1 {
    font:0/0 Arial;
}

.p10-3 {
    margin:15px 0;
}

.p10-4 {
    position: absolute;
    bottom: 353px;
    left: 296px;
}

.p10-7 {
    position: absolute;
    right: -63px;
    bottom: 0;
}

.p10-7-2 {
    position: absolute;
    bottom:74px;
    color:#fff;
    right:156px;
    transform: rotate(-2.8deg);
}

.p10-7-1 {
    font: 0/0 Arial;
}

.p11-2 {
    margin:20px 0 40px 0;
}

.p11-3-1 {
    padding-top:26px;
    padding-bottom:26px;
}

.p11-3-3 {
    font:0/0 Arial;
}

.p11-3-4 {
    padding:13px 20px;
}

.p12-1 {
    text-transform: none;
    font-size:1.1em;
    padding-bottom:30px;
}

.p12-2 {
    border:1px solid #b4002d;
    margin-bottom:5px;
    padding:4px 8px;
    width:480px;
    text-align:center;
}

.p12-4, .p12-3 {
    width:460px;
    margin:15px 0;
}

.p12-3 {
    font-size:.7em;
    font-weight:bold;
}

.p12-6 {
    position: absolute;
    bottom:0;
    right:-40px;

    font:0/0 Arial;
}











.sostav-header {
    position: absolute;
    top: 0;
    font: 14px/18px DP-regular, Arial;
    left:0;
    right:0;
    background: rgba(255,255,255,.8)
}

.first, .second {
    width:990px;
    margin:0 auto;
}

.sostav-header a {
    color:#504f53;
    text-decoration:none;
}

.main-menu ul {
    margin: 0;
    padding: 0;
    list-style:none;
    margin:20px 0 0 20px;
    font:18px/18px DP-regular, Arial;
}

.main-menu ul li {
    display:block;
    float: left;
    margin:0 20px 0 0;
}

.span3, .span6, .span1, .span2, .span8, .span4 {
    float:left;
}

.page-logo {
    background:url(/images/annual_reports/15437/sostav_logo.png) center center;
    width:120px;
    height:120px;
    position:relative;
}

.page-logo a {
    position:absolute;
    left:0; right:0; top:0; bottom:0;
}

.search-form {
    margin:18px 20px 0 0;
    width:128px;
}

.user-form .dropdown-menu, .calendar, .topsostav-messages { display:none !important; }

.login-form {
    width:200px;
    margin-top:8px
}

.login-form .span8 {
    margin-left:10px;
}

.second {
    position:relative;
    top:-100px;
}

.second .pull-right {
    float:right;
}

.clearfix:after {
    content:".";
    clear:both;
    display:block;
    height:0;
    font-size:0;
    visibility:hidden
}
.clearfix {display:inline-block}
/* Хак для IE 6 и 7 спрятанный от IE-mac \*/
* html .clearfix {height:1%}
.clearfix {display:block}
/* Конец хака */

.second {
    position:relative;
    top:-70px;
    left:140px;
}

.second ul {
    margin:10px 0 0 0;
    padding:0;
    list-style:none;
}

.second ul li {
    display:block;
    float:left;
    margin-right:40px;
}

.uf {
    font-size:38px;
    float:left;
    position:relative;
    top:10px;
}

.second .pull-right {
    float:right;

}

.second a {
    display:block;
    float:left;
    margin-right:20px;

}