@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext&display=swap');

/* ОБЩИЕ СВОЙСТВА */
*, *:after, *:before, *::before, *::after {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body {
    background-image: url('../images/bodyBg.jpg');
    background-repeat: repeat-x;
    background-position: center top;
    background-attachment: fixed;
    color: #000000;
    font-family: Roboto, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    height: 100%;
}

#wrapper {
    max-width: 1360px;
    width: 100%;      
    margin: 0 auto;
    /*display: inline-block; - это свойство было прописано изначально; я его закомментировал для того, чтобы сайт центрировался по центру (с этим свойством margin = 0, auto не работал); посмотреть, чтобы не пополз дизайн ни на какой странице) */ 
    background-color: #E9F5FA;
} 

.clear {
    clear: both;
}



img {/* IMG */
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border: none;
}

.img-change {/* IMG */
    -webkit-box-shadow: 0 0 7px #666666;
    box-shadow: 0 0 7px #666666;
}



a {/* ССЫЛКИ  */
    outline: none; 
}

a.anchor {/* ССЫЛКИ */
    text-decoration: none !important;
    border-bottom: 1px dashed #00BAD5;
}

a.anchor1 {/* ССЫЛКИ */
    text-decoration: underline;
}

a.anchor2 {/* ССЫЛКИ */
    text-decoration: none;
}

.info-icon {/* ССЫЛКИ  */
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url("/images/info_icon.png") no-repeat;
}

.down-icon {/* ССЫЛКИ  */
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url("/images/downloads.png") no-repeat;
}



td, th {/* ТАБЛИЦЫ */
    padding: 5px;
    vertical-align: top;
    font-weight: 700;
    color: #000000;
    word-wrap: break-word;
}

td.bold-td {/* ТАБЛИЦЫ */
    font-weight: 700;
}

td.left-td {/* ТАБЛИЦЫ */
    text-align: left;
}

tr:hover {/* ТАБЛИЦЫ */
    background: #98F5FF;
}

table a {/* ТАБЛИЦЫ */
    display: block;
    color: #3E3E3E;
    text-decoration: none; 
}

table a:hover {/* ТАБЛИЦЫ */
    color: #FFFFFF;
}


  
/* ШАПКА САЙТА - НОВАЯ */ 
#header {
    background-image: url(/images/headerBg.png);
    background-repeat: no-repeat;
    width: 100%;
    padding: 5px;
    word-wrap: break-word;
    display: inline-block;
    position: relative;
}

.header-wrapper {
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.head_logo {
	width: 190px;
	float: left;
    display: inline-block;
    margin-right: 15px;
}

.head_logo a {
    display: block;
}

.head_logo p {   
    font-size: 11px;
    font-weight: 700;
    color: #007FFF;
	text-align: center;
    padding: 5px 0;
}

.head_nav-menu {
    float: left;
    list-style: none;
}

.head_nav-menu li {
    display: inline-block;
}

.head_nav-menu a {
    text-transform: uppercase;
    text-decoration: none;
    color: #3098AB;
    display: block;
    text-align: center;
    font-weight: 600;
    padding: 13px;
}

.head_nav-menu a:hover, .head_nav-menu a:focus, .head_nav-menu a:active, .head_nav-menu a.active {
    text-decoration: none;
    color: #3E3E3E;
    background: #FFFFFF;
}

.searchform {
    float: right;
    margin-left: 15px;
    display: inline-block;
    position: relative;
    width: 33%;
}

.item_more {
    margin-right: 0;
}

.nav-toggle {
    display: none; 
    position: relative;
    float: right;
    width: 45px;
    height: 45px;
    margin-left: 15px;
    background: #00BAD5;
    cursor: pointer;
}

.nav-toggle span {
    display: block;
    position: absolute;
    top: 21px;
    left: 10px;
    right: 10px;
    height: 3px;
    background: white;
}

.nav-toggle span:before, .nav-toggle span:after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background: white;
}

.nav-toggle span:before {
    top: -10px;
}
.nav-toggle span:after {
    bottom: -10px;
}

#menu.active {/* класс, который будет добавлен в верхнему меню при нажатии на кнопку и покажет скрытое меню*/
    max-height: 250px;
    max-width: 300px;
    width: 100%;
}



/* САЙТБАР */   
#sidebar {
	width: 25%;
	float: left;
    padding: 5px;
    /*margin-bottom: 35px;*/
    word-wrap: break-word;    
}

.group1 {/* ЦВЕТА САЙТА */
    background: #FFD800;    
}

.group2 {/* ЦВЕТА САЙТА */
    background: #4AB44D;    
}

.group3 {/* ЦВЕТА САЙТА */
    background: #57BECD;    
}

.group4 {/* ЦВЕТА САЙТА */
    background: #00AAC3;    
}

.group5 {/* ЦВЕТА САЙТА */
    background: #E0AABE;    
}

.group6 {/* ЦВЕТА САЙТА */
    background: #C83B70;    
}

.group7 {/* ЦВЕТА САЙТА */
    background: #EA5151;    
}

.group8 {/* ЦВЕТА САЙТА */
    background: #FF7C51;    
}

.force {/* ЦВЕТА САЙТА (см. history.html)*/ 
    background: #10F426;
}

.old {/* ЦВЕТА САЙТА (см. history.html)*/
    background: #FFFF00;
} 

.soon {/* ЦВЕТА САЙТА (см. history.html)*/
    background: #3FC8F3;
}

.empty {/* ЦВЕТА САЙТА (см. history.html)*/
    background: #FFFFFF;    
}

.menu {
    font-size: 15px;
    font-weight: 700;    
    text-align: center;
    margin-bottom: 10px;
    height: auto;
    width: 100%;
}

.menu a {
    display: block;
	color: #000000;
	text-decoration: none;
    margin-bottom: 3px;    
}

.menu a:hover, .menu a:active, .menu a.active {
    color: #FFFFFF !important;
    outline: 2px solid #007FFF;
    box-sizing: border-box;    
}

.menu .group a {
    padding: 7px;
}

@-moz-document url-prefix() { 
    .menu .group a {
        padding: 5px !important;
    } 
} 

.group-ok li {
    list-style: outside none none;
    display: block;
    text-align: left;    
    font-weight: 400;
    padding: 10px;
    background-color: #DCEEF6;
    margin-bottom: 3px;
}

.group-ok li span {
    font-size: 12px; 
}

.group-ok li.active, .group-ok li:active, .group-ok li:hover {
    background-color: #98F5FF;
}

.group-ok li.active a, .group-ok li:active a, .group-ok li:hover a {
    color: #FFFFFF;
}

.group-ok a {
    display: inline-block;
    cursor: pointer;
    color: #00BAD5;
    text-decoration: underline;
    padding-right: 5px;
    margin: 0;
    font-weight: 700;    
}

.group-ok a:hover {
    outline: none;
}

.group-ok li.group-ok-all {
    text-align: center;    
}

.group-ok li.group-ok-all a {
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline !important;
}



/* ФУТЕР */
#footer {
    background: #D2EBF5;
    padding: 20px 20px 5px;
	margin: 0;
	color: #3E3E3E;
    width: 100%;
    word-wrap: break-word;        
}

/* Нижнее меню сайта */
.foot_nav-menu {
    text-align: center;
    background: #E7F4FA;
}

.foot_nav-menu a {
    color: #00BAD5;
    padding: 15px 20px;
    display: inline-block;
    text-decoration: underline;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
}

.foot_nav-menu a:hover,.foot_nav-menu a.active,.foot_nav-menu a:active  {
    color: #FFD800;
}

/* Нижняя навигация по группам */
.foot_menu {
    margin: 20px auto 10px;
}

.foot_menu .menu {
	width: 12.295%;
	float: left;
    padding: 0;
    margin-left: 0.2342%;
}

.foot_menu .foot-group1 {
    margin-left: 0;
}

.foot_menu .menu a {
    display: block;
	text-align: center;
	color: #3E3E3E;
	text-decoration: none;
    height: auto; 
    font-size: 13px;  
}

.foot_menu .group-foot {
    background: #E7F4FA;
    padding: 4px 0;
    height: auto;     
}

.foot_menu .group-foot a {
    display: inline-block;
    cursor: pointer;
    color: #265FA6;
    text-decoration: underline;
    padding: 3px;
    font-size: 13px;
    font-weight: 700;    
}

.foot_menu .group-foot a.active, .foot_menu .group-foot a:active, .foot_menu .group-foot a:hover {
    background-color: #98F5FF;
    outline: none;
    color: #FFFFFF;
}

.foot_menu .group-foot a.group-foot-all {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline !important;
    padding-top: 8px;
}

/* Нижний блок с логотипом, копирингом и счётчиками */
.foot_copy {
    height: auto;
}

.foot_copy-logo {
	width: 120px;
	float: left;
    /*display: inline-block;*/
    margin: 0 15px 15px 0;
}

/* Характеристики счётчиков в футере */
.counters {
    float: right;
    margin: 0 0 15px 15px;
}

.foot_copy-copiring {
    text-align: center;
    font-size: 12px;
}

.foot_copy-copiring a {
    color: #265FA6;
    text-decoration: underline;
}

.foot_copy-copiring a:hover {
    color: #3E3E3E;
}

/* Кнопка вверх в футере */
.to-top {
    display: block;
    height: auto;
    width: 100%;
    max-width: 99px;
    bottom: 5px;
    right: 60px;
    cursor: pointer;
    position: fixed;
    z-index: 2;
}



/* КОНТЕНТ */
#content {
	float: right;
    padding: 5px;
    width: 75%;
    /*margin-bottom: 35px;*/ 
    word-wrap: break-word;       
}

.paragraph {/* divЫ */
    background: #FFFFFF;
	margin-bottom: 15px; 
	padding: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;        
}

.primer {/* divЫ */
    padding: 0 15px 15px;    
}

.primer-1 {/* divЫ */
    padding: 10px 0;
}
.primer-2 {/* divЫ */
    padding: 0 15px;    
}

.font-serif, .font-serif p {/* divЫ */
    font-family: Calibri, "Times New Roman", serif;
}

.table-form {/* divЫ * - Это блок, в который нужно обернуть любую талицу, чтобы появилась горизонтальная прокрутка */
    overflow: auto;
    margin-bottom: 15px;    
}

.table {/* divЫ * - Это блок, в который нужно обернуть любую талицу, чтобы появилась горизонтальная прокрутка */
    max-width: 100%; 
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 15px;    
}

.timeline-legend {/* divЫ (см. history.html) */   
    padding-bottom: 15px;
}

.timeline-legend div {/* divЫ (см. history.html) */
    position: relative;
    padding: 0 15px 5px 55px;
    font-size: 13px;
    height: 20px;
}

.timeline-legend span {/* divЫ (см. history.html) */
    width: 35px;
    height: 20px;
    position: absolute;
    left: 15px;
}

.in-frame {/* divЫ */
    text-align: center;
    border: 2px solid #00BAD5;
    margin-bottom: 15px;
    width: 100%;
}

.annulled-text {/* divЫ */
    background-color: #FFC0CB;
    padding: 0;
}

.levels {/* divЫ */   /* ИЕРАРХИЯ уровней перед ОСНОВНОЙ таблицей с КОДАМИ классификатора - НАЧАЛО */
    padding: 15px;
    color: #3E3E3E;
    font-weight: 600;
}

.levels a {/* divЫ */
    color: #316FBB;
    text-decoration: none;
} 

.levels a:hover {/* divЫ */
    color: #FFD800;
} 

.lvl0 {/* divЫ */
    margin: 0;
}

.lvl1 {/* divЫ */
    margin: 6px 0;
}

.lvl2 {/* divЫ */
    margin: 6px 0 6px 1.5em;
}

.lvl3 {/* divЫ */
    margin: 6px 0 6px 3em;
}

.lvl4 {/* divЫ */
    margin: 6px 0 6px 4.5em;
}

.lvl5 {/* divЫ */   
    margin: 6px 0 6px 6em;
}

.lvl6 {/* divЫ */   
    margin: 6px 0 6px 7.5em;
}

.lvl7 {/* divЫ */   
    margin: 6px 0 6px 9em;
}

.lvl8 {/* divЫ */   
    margin: 6px 0 6px 10.5em;
}

.lvl9 {/* divЫ */   
    margin: 6px 0 6px 12em;
}

.lvl10 {/* divЫ */   
    margin: 6px 0 6px 13.5em;
}/* ИЕРАРХИЯ уровней перед ОСНОВНОЙ таблицей с КОДАМИ классификатора - КОНЕЦ */

h1 {/* ЗАГОЛОВКИ */
    font-size: 22px;
    font-weight: 700;
    color: #00BAD5;
    padding: 15px 15px 5px;
}

h1.direct {/* ЗАГОЛОВКИ */
    color: #FFFFFF;
    padding: 10px 15px;  
    text-align: center;  
    text-shadow: 1px 1px 0 #666666;
    background: #00BAD5;
}

h2 {/* ЗАГОЛОВКИ */
    font-size: 20px;
    font-weight: 700;
    color: #00BAD5;
    padding: 15px 15px 5px;
    text-shadow: 0 1px 0 #979797;
}

h2.designation {/* ЗАГОЛОВКИ */
    text-align: center;
    color: #00BAD5;
    border: 2px solid #00BAD5;
    padding: 15px;
    margin-bottom: 15px;    
}

h2.meaning {/* ЗАГОЛОВКИ */
    font-size: 18px;
    color: #FFFFFF;
    padding: 5px 15px;  
    text-align: center;  
    text-shadow: none;
    box-shadow: 0px 1px 3px #323232;
    margin: 0 0 2px;
    background: #4AC3D5;
}

.table h3 {/* ЗАГОЛОВКИ */
	font-size: 22px;
	font-weight: 700;
	padding: 15px 0 15px 25px;
	line-height: 20px;	
	color: #FFFFFF;
}

h3 {/* ЗАГОЛОВКИ */
    font-size: 16px;
    font-weight: 700;
    color: #4AB44D;
    padding: 5px 15px;
}

h3.text-center {/* ЗАГОЛОВКИ */
    text-align: center;
}

h3.preface {/* ЗАГОЛОВКИ */
    padding: 10px 15px 0;
}

.table h4 {/* ЗАГОЛОВКИ */
    font-size: 20px;
	font-weight: 700;
	padding: 10px 0 15px 50px;
	line-height: 20px;	
	color: #FFFFFF;
}

.table h4 a {/* ЗАГОЛОВКИ */
    color: #265FA6;
}

.table h4 a:hover {/* ЗАГОЛОВКИ */
    color: #FFFFFF;
}

h4 {/* ЗАГОЛОВКИ */
    font-size: 15px;
    font-weight: 700;
    color: #058E11;
    padding: 5px 15px;
}

h4.termin {/* ЗАГОЛОВКИ */
    color: #000000;
    text-align: center;
}

h4.limitation {/* ЗАГОЛОВКИ */
    max-width: 800px;
    margin: 0 auto;
}



.paragraph p {/* АБЗАЦЫ */
    padding: 0 15px 15px;
    letter-spacing: 0.005em;
    line-height: 1.5;    
}

p.bezotstupa {/* АБЗАЦЫ */
    padding: 0;
}

p.titul {/* АБЗАЦЫ */
    padding-top: 15px;
}

p.status_ok {/* АБЗАЦЫ */
    background-image: url(/images/status_ok.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    background-color: #00FF00;
    padding: 10px 5px 10px 55px;
    font-size: 14px;
}

p.status_warn {/* АБЗАЦЫ */
    background-image: url(/images/status_warn.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    background-color: #FF4500;
    padding: 18px 5px 18px 55px;
    font-size: 14px;
}

p.status_plan {/* АБЗАЦЫ */
    background-image: url(/images/status_plan.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    background-color: #FFFF00;
    padding: 10px 5px 10px 55px;
    font-size: 14px;
}

p.directory {/* АБЗАЦЫ */
    font-size: 14px;
    padding: 0 15px 15px;
    line-height: 1.25;
}

p.prim-1 {/* АБЗАЦЫ - Комментарии к таблице codes (сразу под таблицей) - см. https://poporyadku.loc/okei/razdel-1-weight.html */
    font-size: 13px;
    padding-top: 15px;
    padding-bottom: 0;
}

p.komment {/* АБЗАЦЫ - Комментарии к таблице codes (сразу под таблицей) - см. https://poporyadku.loc/okei/razdel-1-weight.html */
    font-size: 13px;
    padding: 0 15px 15px;
    line-height: 1.5;
}

p.komment-spec {/* АБЗАЦЫ */
    padding: 0 15px 5px;
}

.image-shema-400 {/* АБЗАЦЫ */
    max-width: 400px;
    margin: 0 auto;
}

.image-shema-450 {/* АБЗАЦЫ */
    max-width: 450px;
    margin: 0 auto;
}

.image-shema-540 {/* АБЗАЦЫ */
    max-width: 540px;
    margin: 0 auto;
}

.image-shema-600 {/* АБЗАЦЫ */
    max-width: 600px;
    margin: 0 auto;
}

.image-shema-650 {/* АБЗАЦЫ */
    max-width: 650px;
    margin: 0 auto;
}

.paragraph .primer p, .paragraph .primer-2 p {/* АБЗАЦЫ */
    line-height: 1.25;
    padding: 0 0 5px;
    font-family: Calibri, "Times New Roman", serif;
    color: #000080;
}

.paragraph .primer p.below {/* АБЗАЦЫ */
    padding: 0;
}

p.below {/* АБЗАЦЫ */
    padding-bottom: 0;
}

p.below-1 {/* АБЗАЦЫ */    /* class="below-1" ввёл специально для страниц Приложения В ОКОПФ2012 - может быть уже есть похожий класс? Если есть - то заменить, если нет - оставить*/
    padding-bottom: 10px;
}

p.formula {/* АБЗАЦЫ */
    font-weight: 700;
    text-align: center;
    padding: 0 15px 5px;
}

p.priznaki {/* АБЗАЦЫ */
    padding-left: 2em;
}

p.zaglavie {/* АБЗАЦЫ */
    text-align: right;
    padding: 5px 2em;
    text-decoration: underline;
}

p.zagolovok {/* АБЗАЦЫ */
    font-size: 1.2em;
    font-weight: 700;
    text-align: center;
    padding: 15px;
}

p.zagolovok-1 {/* АБЗАЦЫ */
    font-weight: 500;
    text-align: center;
    padding: 5px 15px;
}

p.page-change {/* АБЗАЦЫ - см. страницу любого изменения любого ОК */
    padding: 15px;
    color: #3E3E3E;
    font-weight: 600;
    word-spacing: 10px;
    line-height: 1.75;
}

.paragraph p.page-change a {/* АБЗАЦЫ - см. страницу любого изменения любого ОК */
    color: #316FBB;
    text-decoration: none;
}

.paragraph p.page-change a:hover {/* АБЗАЦЫ - см. страницу любого изменения любого ОК */
    color: #3E3E3E;
}

p.block-change {/* АБЗАЦЫ - см. страницу любого изменения любого ОК */
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
    text-align: center;
    padding: 2%;
}

.paragraph p.attention {/* АБЗАЦЫ */
    color: #FF0000;
    padding: 0 15px;
}

.paragraph p.note {/* АБЗАЦЫ */
    color: #4AB44D;
    padding: 0 15px;
}

.paragraph p.grey-colour {/* АБЗАЦЫ */
    color: #979797;
    padding: 0 15px;
}

.paragraph p.grey-colour-1 {/* АБЗАЦЫ */
    color: #979797;
    padding: 0 15px 15px;
}

.paragraph span {/* spanЫ */
    font-weight: 700;
}

p span.emphasize {/* spanЫ */
    text-decoration: underline;
    font-weight: 400;
}

span.emphasize {/* spanЫ */
    text-decoration: underline;
    font-weight: 400;
}

span.incline {/* spanЫ */
    font-style: italic;
    font-weight: 400;
    border-bottom: 1px dotted #6495ED;
}



.paragraph p a {/* ССЫЛКИ */
    color: #00BAD5;
}

.paragraph p a:hover {/* ССЫЛКИ */
    color: #FFD800;
}

.paragraph p.attention a {/* ССЫЛКИ */
    color: #FF0000;
    cursor: pointer;
    text-decoration: underline;
}

.paragraph p.attention a:hover, .paragraph p.note a:hover {/* ССЫЛКИ */
    color: #000080;
}

.paragraph p.note a {/* ССЫЛКИ */
    color: #4AB44D;
    cursor: pointer;
    text-decoration: underline;
}



.paragraph li {/* СПИСКИ */
    padding: 3px;	
}

.paragraph .min-height li {/* СПИСКИ */
    padding: 0 3px;
}

.paragraph li a {/* СПИСКИ */
    color: #00BAD5;
}

.paragraph li a:hover {/* СПИСКИ */
    color: #FFD800;
}

.download li a {/* СПИСКИ - БЛОК для скачивания классификатора (самый нижний) */
    color: #316FBB;
} 

.paragraph ul {/* СПИСКИ */
    padding: 0 15px 15px 2em;
}

.paragraph ul.kgs {/* СПИСКИ */
    padding: 0 15px 0 1em;
}

.paragraph ul.kgs-1 {/* СПИСКИ */
    padding: 0 15px 0 2em;
}

.paragraph ul.kgs-2 {/* СПИСКИ */
    padding: 0 15px 15px;
}

.paragraph ul.kgs-3 {/* СПИСКИ */
    padding: 0 15px 0 0;
}

.paragraph ul.kgs-4 {/* СПИСКИ */   
    padding: 0 15px 0 3em;
}

.paragraph ul.kgs-5 {/* СПИСКИ */
    padding: 0 15px 10px 2em;
}

.paragraph ul.kgs-6 {/* СПИСКИ */
    padding: 15px 15px 5px 2em;
}

.paragraph ol {/* СПИСКИ */
    padding: 0 15px 15px 2em;    
}

.paragraph ol li {/* СПИСКИ */
    font-weight: 700;
}

.paragraph ol li p {/* СПИСКИ */
    font-weight: 400;
}

.paragraph ol.reestr li {/* СПИСКИ */
    font-weight: 400;
}

.paragraph .page-menu {/* СПИСКИ (см. верхнее меню титульной страницы любого каталога) - НАЧАЛО: Общие сведения/Коды/Описание/Обновления/Распечатать */
    padding: 0; 
}

.page-menu li {/* СПИСКИ */
	float: left;
    list-style-type: none; 
}

.page-menu li a {/* СПИСКИ */
    text-decoration: underline;
    font-size: 20px;
    font-weight: 700;
    padding: 0 35px;
    line-height: 44px;
    display: block;
    height: 44px;
    color: #00BAD5;
}

.page-menu li a:hover {/* СПИСКИ */
    color: #FFFFFF;
    background: #00BAD5;    
}/* СПИСКИ (см. верхнее меню титульной страницы любого каталога) - КОНЕЦ: Общие сведения/Коды/Описание/Обновления/Распечатать */

.marker-circle {/* СПИСКИ */
    list-style-type: circle;
}

.marker-square {/* СПИСКИ */
    list-style-type: square;
}

.marker-decimal {/* СПИСКИ */
    list-style-type: decimal;
}

.marker-none {/* СПИСКИ */
    list-style-type: none;
}

.paragraph ul.breadcrumb {/* СПИСКИ - Хлебные крошки breadcrumb */
    padding: 8px 15px;
    margin: 15px;
    list-style: none;
    background-color: #DCEEF6;
    line-height: 1.6;
    font-size: 16px; 
    color: #000000;
    box-sizing: border-box;
}

.paragraph ul.breadcrumb li {
    display: inline-block;
}

.paragraph .breadcrumb span {
    font-weight: 400;
}

.paragraph ul.breadcrumb li a {
    color: #265FA6;
    text-decoration: underline;
}

.paragraph ul.breadcrumb li a:hover {
    color: #000000;
    text-decoration: none;    
}



/* ТАБЛИЦА "ГРУППЫ классификаторов" (см. index.html) - НАЧАЛО */
.tablegroup {
    border-collapse: collapse;
    background: #FFFFFF;
    width: 100%;        
}

.tablegroup .col1{
    width: 12%;
}

.tablegroup .col2{
    width: 22%;
}

.table1 th {
    background: #FFFF66;
}

.table1 table, .table1 td, .table1 th {
    border: 1px solid #FFD800;
}

.table2 th {
    background: #8CCC8E;
}

.table2 table, .table2 td, .table2 th {
    border: 1px solid #4AB44D;
}

.table3 th {
    background: #D2EBF5;
}

.table3 table, .table3 td, .table3 th {
    border: 1px solid #57BECD;
}

.table4 th {
    background: #57BECD;
}

.table4 table, .table4 td, .table4 th {
    border: 1px solid #00AAC3;
}

.table5 th {
    background: #FFCCCC;
}

.table5 table, .table5 td, .table5 th {
    border: 1px solid #E0AABE;
}

.table6 th {
    background: #E0AABE;
}

.table6 table, .table6 td, .table6 th {
    border: 1px solid #C83B70;
}

.table7 th {
    background: #FF886B;
}

.table7 table, .table7 td, .table7 th {
    border: 1px solid #EA5151;
}

.table8 th {
    background: #FF9966;
}

.table8 table, .table8 td, .table8 th {
    border: 1px solid #FF7C51;
}
/* - !!! ТАБЛИЦА "Группы классификаторов" (см. index.html) - КОНЕЦ */



/* ТАБЛИЦА "ПЕРЕЧЕНЬ основных общероссийских классификаторов" (см. story.html, about.html) - НАЧАЛО */
#scroll {
    width: 100%;
    border-collapse: collapse;
}

#scroll th {
    background: #00BAD5;
    font-size: 15px;
    color: #FFFFFF;
}

#scroll table, #scroll td, #scroll th {
    border: 1px solid #FFFFFF;
    padding: 6px 12px;
}

#scroll td {
    color: #3E3E3E;
}

.colonki2 {
    margin-bottom: 15px;
}

.colonki2 .col1{/* Характеристики для таблицы "ПЕРЕЧЕНЬ основных общероссийских классификаторов" (вариант-2) */
    width: 35%;
}

.colonki2 a {
    color: #028093;
    text-decoration: underline;
}
/* ТАБЛИЦА "ПЕРЕЧЕНЬ основных общероссийских классификаторов" - КОНЕЦ */



/* ТАБЛИЦА "ХРОНОЛОГИЯ ЗАМЕН - НАЧАЛО */
.chronology {/* Таблица "Хронология замен: часть-1" (см. history.html, eskd1993.html) */
    border-collapse: collapse;
    font-size: 11px;
    width: 100%;
}

.chronology table, .chronology td, .chronology th {
    border: 1px solid #00DFF5 !important;
}

.chronology th {
    font-size: 11px;
    color: #FFFFFF;
}

.chronology a {
    color: #027081;
    display: block;
    text-decoration: underline;
}

.chron1 th {
    background: #FFD800;      
}

.chron2 th {
    background: #4AB44D;      
}

.chron3 th {
    background: #57BECD;      
}

.chron4 th {
    background: #00AAC3;      
}

.chron5 th {
    background: #E0AABE;      
}

.chron6 th {
    background: #C83B70;      
}

.chron7 th {
    background: #EA5151;      
}

.chron8 th {
    background: #FF7C51;      
}

.chronology .col2 {
    width: 12.40385%;
}

.chronology .col3 {
    width: 5.28846%;
}

.chronology .col4 {
    width: 15.28846%;
}

.chronology .col5 {
    width: 5.28846%;
}

.chronology .col6 {
    width: 15.28846%;
}

.chronology .col7 {
    width: 6.05769%;
}

.chronology .col8 {
    width: 10.57692%;
}

.chronology .col9 {
    width: 12.5%;
}

.timeline td, .timeline th {/* Таблица "Хронология замен: часть-2" (см. history.html) */
    text-align: center; 
    vertical-align: middle; 
}

.timeline td {
    padding: 5px 4px;
}

.timeline th {
    color: #FFFFFF;
    padding: 3px;
}

.timeline th.future1 {
    color: #FFD800;   
}

.timeline th.future2 {
    color: #4AB44D;   
}

.timeline th.future3 {
    color: #57BECD;   
}

.timeline th.future4 {
    color: #00AAC3;   
}

.timeline th.future5 {
    color: #E0AABE;   
}

.timeline th.future6 {
    color: #C83B70;   
}

.timeline th.future7 {
    color: #EA5151;   
}

.timeline th.future8 {
    color: #FF7C51;   
}
/* ТАБЛИЦА "ХРОНОЛОГИЯ ЗАМЕН - КОНЕЦ */



/* ТАБЛИЦА в ОПИСАНИИ "Пример в форме таблицы" - НАЧАЛО */
.primer-table {    
    width: 100%;
}

.primer-table .col0 {
    width: 7%;
    min-width: 40px;
}

.primer-table .col1 {
    width: 10%;
    min-width: 70px;
}

.primer-table .col2 {
    width: 20%;
    min-width: 140px;
}

.primer-table td, .primer-table th {
    font-family: Calibri, "Times New Roman", serif; 
    font-weight: 400; 
    color: #000080;
    padding: 0 3px 0 0;
}

.primer-table tr:hover {
    background: none;
}
/* ТАБЛИЦА в ОПИСАНИИ "Пример в форме таблицы" - КОНЕЦ */



/* ТАБЛИЦА в ОПИСАНИИ "Структура кода" - НАЧАЛО */
.priznaki-table {    
    margin: 0 15px 15px;
}

.priznaki-table th.col1 {      
    width: 5%;
}

.priznaki-table td, .priznaki-table th {
    font-weight: 400; 
    color: #000000;
    padding: 0 10px 0 0;
}

.priznaki-table tr:hover {
    background: none;
}
/* ТАБЛИЦА в ОПИСАНИИ "Структура кода" - КОНЕЦ */



/* ТАБЛИЦА "ОБНОВЛЕНИЯ классификатора" - (см. любой классификатор) - НАЧАЛО */
.change {         
    border-collapse: collapse;
    font-size: 14px;
    margin: 0 1.5% 15px;
    width: 97%;
    text-align: center;
    vertical-align: middle;
}

.change td {
    font-weight: 400;
    padding: 2px 5px;       
}

.change table, .change td, .change th {
    border: 1px solid #00DFF5;
}

.change th {
    color: #FFFFFF;
    background: #00BAD5;      
}

.change th.col1 {
    width: 31%;
}

.change a {
    color: #316FBB;
    text-decoration: underline;
    text-align: left;
}
/* ТАБЛИЦА "ОБНОВЛЕНИЯ классификатора" - (см. любой классификатор) - КОНЕЦ */



/* ТАБЛИЦА в ОПИСАНИИ "Форма и пример записи позиций" - НАЧАЛО */
table.forma {     
    margin: 0 15px;
    width: 80%;
}

.change.forma th.col1 {      
    width: 5%;
}

.change.forma th.col2 {  
    width: 10%;
    min-width: 60px;
}

.change.forma th.col3 {
    width: 15%;
    min-width: 70px;
}

.change.forma th.col5 {
    width: 30%;
}

.change.forma th.col6 {
    width: 45%;
}

.change.forma th.col7 {
    width: 50%;
}
/* ТАБЛИЦА в ОПИСАНИИ "Форма и пример записи позиций" - КОНЕЦ */



/* ТАБЛИЦА "ОБНОВЛЕНИЯ классификатора" (вариант: выравнивание по левому краю - см. okof2014.html, oktmo2005.html) - НАЧАЛО */
.change.shema {
    margin-bottom: 0;
    font-size: 13px;
}

.change.shema td {
    text-align: left;
}

.change.shema th.col1 {
    width: 15%;
    min-width: 80px;
}

.change.shema th.col2 {
    width: 30%;
    min-width: 130px;
}

.change.shema th.col3 {
    width: 50%;
    min-width: 150px;
}
/* ТАБЛИЦА "ОБНОВЛЕНИЯ классификатора" (вариант: выравнивание по левому краю) - КОНЕЦ */



/* ТАБЛИЦА "ОСНОВНАЯ таблица с КОДАМИ классификатора - НАЧАЛО */
#codes, .class-codes {
    width: 100%;
    border-collapse: collapse;
}

#codes table, #codes td, #codes th, .class-codes table, .class-codes td, .class-codes th {
    border: 1px solid #FFFFFF;
    padding: 6px 12px;  
}

#codes th, .class-codes th {
    background: #00BAD5;
    font-size: 15px;
    font-weight: 600;
    color: #FFFFFF;
}

#codes td, .class-codes td {
    color: #3E3E3E;
    font-weight: 600;
}

.basic .col0 {
    width: 5%;
}

.basic .col1 {
    width: 8%;
}

.basic .col2 {
    width: 10%;
}

.basic .col3 {
    width: 12%;
    min-width: 70px;
}

.basic .col4 {
    width: 13.5%;
}

.basic .col5 { 
    width: 15%;
    min-width: 70px;    
}

.basic .col5-1 { 
    width: 20%;
    min-width: 150px;    
}

.basic .col5-2 { 
    width: 16.5%;
    min-width: 70px;    
}

.basic .col5-3 { 
    width: 15%;
    min-width: 110px;    
}

.basic .col6 {
    width: 27%;
}

.basic .col7 {
    width: 30%;
    min-width: 110px;
}

.basic .col8 {
    width: 35%;
}

.basic .col9 {
    width: 36%;
    min-width: 140px;
}

.basic .col10 {
    width: 60%;
}

.basic .col11 {
    width: 65%;
}

.basic .col12 {
    width: 75%;
}

.basic .col13 {
    width: 80%;
}

#codes a, .class-codes a {/* Характеристики для ОСНОВНОЙ таблицы с КОДАМИ классификатора - разные свойства */ 
    text-decoration: none;
    font-weight: 600;
    display: block;
    color: #316FBB;
}

#codes a.okpd {/* Свойства для ссылок внутри ОСНОВНОЙ таблицы с КОДАМИ (типа кода ОКПД-2 26.51.82) */ 
    text-decoration: underline !important;
    display: inline-block !important;
}

#codes a:hover, .class-codes a:hover {
    color: #FFFFFF;
}

#codes span, .class-codes span {
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #979797 !important;
}

#codes span a, .class-codes span a {
    text-decoration: underline !important;
    font-weight: 400 !important;
    color: #8ED0E6 !important;
    display: inline-block !important;
}

#codes span a:hover, .class-codes span a:hover {
    color: #FFFFFF !important;
}

#codes span.explain, .class-codes span.explain {
    color: #3E3E3E !important;
}

#codes .annulled td, .class-codes .annulled td {
    background: #FFC0CB;
}

#codes.inline-link a, .class-codes.inline-link a {
    display: inline-block;
}

.mainland, .mainland:hover {
    text-align: center;
    background: #FFD800;
    padding: 15px 50px 5px !important;
}

.mainland td {
    padding: 10px 50px;
}

.part-world {
    text-align: center;
}

#codes .part-world td, .class-codes .part-world td {
    color: #4AB44D;
}

table.okok2002 {/* Характеристики для ОСНОВНОЙ таблицы с КОДАМИ классификатора - вариант для ОКОК, ЕСКД */
    font-size: 12px;
}

.okok2002 table, .okok2002 td, .okok2002 th {
    border: 1px solid #00DFF5 !important;
}

table.okok2002 th {
    font-size: 12px !important;
}
/* ТАБЛИЦА "ОСНОВНАЯ таблица с КОДАМИ классификатора - КОНЕЦ */



/* ТАБЛИЦА "ИСТОРИЯ изменений позиций классификатора" - НАЧАЛО */
.change-item {
    border-collapse: collapse;
    font-size: 13px;
    margin: 0;
    width: 100%;
    text-align: left;
}

.change-item .col1 {
    width: 8%;
    min-width: 70px;
}

.change-item .col2 {
    width: 10%;
}

.change-item .col3 {
    width: 15%;
}

.change-item .col4 {
    width: 20%;
}

.change-item .col5 {
    width: 25%;
}

.change-item .col6 {
    width: 35%;
}

.change-item td {
    border: 1px solid #FFFFFF;
    font-weight: 400;
    padding: 6px 12px;    
}

.change-item th {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    background: #00BAD5; 
    text-align: center; 
    padding: 6px 12px;   
}

.change-item.okok2002 td, .change-item.okok2002 th {
    padding: 5px; 
}

.change-item a {
    color: #316FBB;
    text-decoration: underline;
    text-align: left;
}

.change-item span {
    font-size: 11px !important;
    color: #3E3E3E !important; 
    font-weight: 400;   
}

.change-item a.numeral {
    color: #FF5061;
    text-decoration: none;
    display: inline;
    border-bottom: 1px dotted #FF5061;
}
.change-item a.numeral:hover {
    color: #BB0000;
}

.change-item.okpd a {/* Свойства для ссылок внутри таблицы "ИСТОРИЯ изменений позиций классификатора" (типа кода ОКПД-2 01.61.10) */ 
    display: inline-block !important;
}

.item-kod {
    text-align: center;
}

.item-kod td {
    font-weight: 700;
    font-size: 15px;
    padding: 15px 50px 5px !important;
    color: #4AB44D !important;
}

.facet td, #codes .facet td, .class-codes .facet td {
    font-weight: 700;
    padding: 12px;
    background: #FFD800;
}
/* ТАБЛИЦА "ИСТОРИЯ изменений позиций классификатора" - КОНЕЦ */



/* Страница "Подробная расшифровка кода классификатора" - НАЧАЛО */
.decryption { /* divы */
    display: inline-block;
    line-height: 1.6;
    padding: 15px;
    width: 100%;
}
.decryption-1 { /* divы */
    display: inline-block;
    line-height: 1.6;
    padding: 15px 15px 0;
    width: 100%;
}
.code-blok { /* divы */
    width: 100%;
}
.code-example { /* divы */
    font-size: 31px;
    font-weight: 700;
    font-family: monospace;
    border: #253e80 3px solid;
    text-align: center;
    margin: 0 0 20px;
    display: inline-block;
    padding: 0 15px;
}
.X1 { /* Цвет шрифта в цифрах и буквах примера кода */
    color: #FF7F50;
}
.X2 {
    color: #8A2BE2;
}
.X3 {
    color: #6495ED;
}
.X4 {
    color: #FF1493;
}
.X5 {
    color: #20B2AA;
}
.code-col1 { /* divы */
    float: left;
    font-weight: 700;
    width: 15%;
    padding: 5px 15px;
    background-color: #F0F8FF;
    margin-top: 10px;
    clear: left;
}
.code-col2 { /* divы */
    float: left;
    width: 85%;
    padding: 5px 15px;
    margin-top: 10px;
}



/* Рекламные блоки РСЯ - НАЧАЛО */
.yandex-adaptive {
    width:100%;
    height:auto;
    text-align:center;
}

.yandex-adaptive-0 {
    width:100%;
    height:auto;
    max-height:250px !important;
    text-align:center;
}

.yandex-adaptive-1 {
    width:100%;
    height:auto;
    max-height:250px !important;
    text-align:center;
    display: inline-block;
    padding: 0 5px;
    margin-bottom: 15px;
}

.yandex-adaptive-2 {
    width:100%;
    height:auto;
    max-height:250px !important;
    text-align:center;
    display: inline-block;
    padding: 0;
    margin-bottom: 15px;
}
/* Рекламные блоки РСЯ - КОНЕЦ */