/* ШАПКА
========================================================================== */
.head-big {
    width: 442px;
    padding: 20px 20px;
    min-height: 193px;
    background-color: #fff;
}

.head-big-no-paddings {
    width: 482px;
    padding: 0;
    min-height: 233px;
}

/**
* 4 блока фичей в шапке
*/
.feature-title {
    font: 16px "Open Sans", sans-serif;
    font-weight: 600;
    margin-bottom: 50px;
    height: 44px;
}

.feature-font-1 {
    font: 19px "Open Sans", sans-serif;
    font-weight: 400;
}

.feature-font-2 {
    font: 14px "Open Sans", sans-serif;
    font-weight: 400;
    padding-bottom: 40px;
}

.feature-font-3 {
    font: 14px "Open Sans", sans-serif;
    font-weight: 400;
    color: #8d8f92;
}

.feature-bg-1 {
    background: url("/images/hist/feature-bg-1.png") 112px 84px no-repeat;
}

.feature-bg-1-1 {
    background: url(/images/hist/feature-bg-1-1.png) center 44px no-repeat;
}

.feature-bg-2 {
    background: url(/images/hist/feature-bg-2.png) 111px 84px no-repeat
}

.feature-bg-2-2 {
    background: url(/images/hist/feature-bg-2-2.png) center 44px no-repeat;
}

.feature-bg-3 {
    background: url(/images/hist/feature-bg-3.png) 110px 83px no-repeat;
}

.feature-bg-3-2 {
    background: url(/images/hist/feature-bg-3-2.png) center 44px no-repeat;
}

.feature-bg-4 {
    background: url(/images/hist/feature-bg-4.png) 109px 80px no-repeat;
}

.feature-bg-4-2 {
    background: url(/images/hist/feature-bg-4-2.png) center 44px no-repeat;
}

.feature-size {
    width: 193px;
    height: 198px;
    background-color: #fff;
    padding: 20px;
}

.feature-width-50 {
    width: 50%;
    text-align: center;
}

.feature-float-left {
    float: left;
}

.feature-mr-16 {
    margin-right: 16px;
}

.feature-mt-16 {
    margin-top: 16px;
}

/* Контент
========================================================================== */
.year {
    width: 780px;
    margin-bottom: 16px;
}

.year-title {
    margin: 60px 0 35px 0 !important;
    font: 36px "PFDinDisplayProRegular", sans-serif;
}

.year-title-no-tm {
    margin-top: 0 !important;
}

.event {
    margin-bottom: 16px;
}

/**
* Размеры блока
*/
.event-big {
    width: 491px;
    /*531 - 40*/
    padding: 20px 20px;
    min-height: 193px;
    /* 233-40 */
}

.event-small {
    width: 193px;
    /*233 - 40*/
    padding: 20px 20px;
    min-height: 193px;
    /* 233-40 */
}

/**
* Подгоняем высоту текстовых блоков
*/
.event-193 {
    height: 193px !important;
}

.event-239 {
    height: 239px !important;
}

.event-199 {
    height: 199px !important;
}

.event-202 {
    height: 202px !important;
}

.event-294 {
    height: 294px !important;
}

.event-254 {
    height: 254px !important;
}

.event-262 {
    height: 262px !important;
}

.event-226 {
    height: 226px !important;
}

/*2011*/
.event-228 {
    height: 228px !important;
}

.event-268 {
    height: 268px !important;
}

.event-270 {
    height: 270px !important;
}

.event-288 {
    height: 288px !important;
}

.event-208 {
    height: 208px !important;
}

.event-248 {
    height: 248px !important;
}

.event-252 {
    height: 252px !important;
}

.event-292 {
    height: 292px !important;
}

.event-2016 {
    height: 400px !important;
}

/**
* Позиционирование блока
*/
.event-float-left {
    float: left;
    margin-right: 16px;
}

.event-float-right {
    float: right;
    clear: right;
}

/**
* Цвета блоков
*/
.event-color-silver {
    background-color: #ebecec;
}

.event-color-green {
    background-color: #5dc54d;
}
.event-color-blue {
    background-color: #0074b8;
}

.event-color-light-green {
    background-color: #d4efd9;
}
.event-color-light-blue {
    background-color: #0074b81a;
}

.event-color-heavy-green {
    background-color: #00a74d;
}

.event-color-green2 {
    background-color: #5dc54d;
}

/**
* Отключаем padding у блока, нужно для вставки картинки
*/
.event-small-no-paddings {
    padding: 0;
    width: 233px;
}

.event-big-no-paddings {
    padding: 0;
    width: 531px;
}

/**
* Маленькие блоки
*/
/*Выравнивание*/
.detail-align-center {
    text-align: center;
}

.detail-align-left {
    text-align: left;
}

/*Отступы*/
.detail-padding-1 {
    padding: 84px 0 20px 0;
}

.detail-padding-2 {
    padding: 20px 0 0 0;
}

.detail-padding-3 {
    padding: 120px 0 0 0;
}

.detail-padding-4 {
    padding: 100px 0 0 0;
}

.detail-padding-5 {
    padding: 140px 0 0 0;
}

.detail-padding-6 {
    padding: 160px 0 0 0;
}

.detail-padding-7 {
    padding: 180px 20px 20px 20px;
}

.detail-padding-8 {
    padding: 200px 0 0 0;
}

.detail-padding-9 {
    padding-bottom: 20px;
}

/*Фоновые иконки*/
.detail-bg-1 {
    background: url(/images/hist/icon-2002.png) center 10px no-repeat;
}

.detail-bg-2 {
    background: url(/images/hist/icon-2003.png) center 10px no-repeat;
}

.detail-bg-3 {
    background: url(/images/hist/icon-2003-2.png) center 10px no-repeat;
}

.detail-bg-4 {
    background: url(/images/hist/icon-2004.png) center 10px no-repeat;
}

.detail-bg-5 {
    background: url(/images/hist/icon-2007.png) center 10px no-repeat;
}

.detail-bg-6 {
    background: url(/images/hist/icon-2009.png) center 10px no-repeat;
}

.detail-bg-7 {
    background: url(/images/hist/icon-2010.png) center 10px no-repeat;
}

.detail-bg-8 {
    background: url(/images/hist/icon-2011.png) center 10px no-repeat;
}

.detail-bg-9 {
    background: url(/images/hist/icon-2011-2.png) center 10px no-repeat;
}

.detail-bg-10 {
    background: url(/images/hist/icon-2012-1.png) center 10px no-repeat;
}

.detail-bg-11 {
    background: url(/images/hist/icon-2012-2.png) center 10px no-repeat;
}

.detail-bg-12 {
    background: url(/images/hist/icon-2013-1.png) center 10px no-repeat;
}

.detail-bg-13 {
    background: url(/images/hist/icon-2013-2.png) center top no-repeat;
}

.detail-bg-14 {
    background: url(/images/hist/icon-2014-1.png) center top no-repeat;
}

.detail-bg-15 {
    background: url(/images/hist/icon-2014-2.png) center top no-repeat;
}

.detail-bg-16 {
    background: url(/images/hist/icon-2015.png) center top no-repeat;
}

.detail-bg-17 {
    background: url(/images/hist/icon-2015-2.png) center top no-repeat;
}

/**
* Убираем лишнее пространство под картинкой
*/
.datail-img {
    display: block;
}

/**
* Шрифты
*/
.detail-font-1 {
    font: 24px "PFDinDisplayProRegular", sans-serif;
}

.detail-font-2 {
    font: 16px "Open Sans", sans-serif;
    font-weight: 400;
}

.detail-font-3 {
    font: 62px "PFDinDisplayProRegular", sans-serif;
}

.detail-font-4 {
    font: 14px "Open Sans", sans-serif;
    font-weight: 400;
}

.detail-font-5 {
    font: 16px "Open Sans", sans-serif;
    font-weight: 300;
}

.detail-font-6 {
    font: 24px "PFDinDisplayProRegular", sans-serif;
}

/**
* Цвета
*/
.detail-color-1 {
    color: #fff;
}

.detail-color-2 {
    color: #000;
}

/**
* Верстка мелких элементов
*/
.hits-align-center {
    text-align: center;
}

.hits-width {
    width: 50%;
    margin: 20px 0 20px 0;
}

.hits-float-left {
    float: left;
}

.hits-float-right {
    float: right;
    clear: right;
}

.hits-font-1 {
    font: 14px "Open Sans", sans-serif;
    font-weight: 600;
}

.hits-font-2 {
    font: 20px "Open Sans", sans-serif;
    font-weight: 600;
}

.hits-font-3 {
    font: 42px "Open Sans", sans-serif;
    font-weight: 400;
    line-height: 1;
}

.hits-font-4 {
    font: 14px "Open Sans", sans-serif;
    font-weight: 400;
}

.hits-color-1 {
    color: #6d6e71;
}

.hits-color-2 {
    color: #00a74d;
}

/**
* Отступы
*/
.hits-margin-1 {
    margin-top: 25px;
}

/**
* Верстка двух блоков с краткой статистикой
*/
.statistics-width {
    width: 25%;
    text-align: center;
}

.statistics-float-left {
    float: left;
}

.statistics-float-clear {
    clear: right;
}

.statistics-font-1 {
    font: 40px "Open Sans", sans-serif;
    font-weight: 400;
}

.statistics-font-2 {
    font: 14px "Open Sans", sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
}

.statistics-font-3 {
    font: 14px "Open Sans", sans-serif;
    font-weight: 600;
    color: #6d6e71;
}

/* Плавающее меню
========================================================================== */
#slidebox {
    width: 100%;
    height: 38px;
    background-color: #e2f1e5;
    border-top: 2px solid #5dc54d;
    position: fixed;
    z-index: 10;
    bottom: 0;
    box-shadow: 0 0 10px #aaa;
    -moz-box-shadow: 0 0 10px #aaa;
    -webkit-box-shadow: 0 0 10px #aaa;
    bottom: -105px;
    /* прячет на первом экране под экран */
}

#slidebox ul {
    width: 1020px;
    margin: 0 auto;
    text-align: center;
    padding-left: 0;
}

#slidebox li {
    float: left;
    width: 58px;
    /*61.25px;*/
    /*72.85714285714286px;*/
    /*  width: 68px;*/
    list-style-type: none;
    margin: 0 auto;
}

#slidebox a {
    color: #000;
    text-decoration: none;
    display: block;
    padding: 10px 4px;
}

#slidebox a:hover {
    color: #00a74d;
}

/* Кнопка в хедере вниз
========================================================================== */
#head-icon {
    width: 100%;
    text-align: center;
    padding: 22px 0 0 0;
}

#slidebox li.active a {
    font-weight: bold;
    color: #00a74d;
}

/**
* Очищает плавающий элемент, работает в IE6,7
*/
.clearfix {
    zoom: 1;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}
}