* {
    margin: 0;
    padding: 0;
}

html, 
body {
    min-width: 100%;
    width: 100%;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 1.6em;
    
    /* защита от копирования*/
    -ms-user-select: none; 
	-moz-user-select: none; 
	-webkit-user-select: none; 
	user-select: none; 
}

.header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 50px;
    background-color: #000;
}

.logo {
    width: 150px;
    margin-left: 15px;
    float: left;
}

.ul-menu {
    list-style: none; /*убираем маркеры списка*/
    padding-top: 10px;
    text-align: right;
}


.ul-menu li {
	display: inline;
	margin: 20px;
}

.ul-menu a {
    color: #fff;
    font-size: 15px;
    text-decoration: none;
}

.ul-menu a:hover {
    color: #c0c0c0;
}

.sidebar {
    position: fixed;
    margin-top: 10px;
    width: 250px;
    height: 100%;
    background-color: #fff;
    box-shadow: 10px 0px 40px rgba(0,0,0,0.1);
}

.sidebar ul {
    list-style: none;
    padding: 0;
    padding: 25px;
}

.sidebar ul li a {
    color: #000;
    text-decoration: none;
    font-size: 15px;
}

.sidebar ul li a:hover {
    color: #c0c0c0;
}

.margin-minus {
    margin-top: -30px;
}

.sidebar-telegram {
    background-color: #000;
    color: #fff;
    text-align: center;
}

.text-telegram-header, 
.text-telegram {
    font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
}

.text-telegram-header {
    padding-top: 25px;
    font-size: 20px;
}

.text-telegram {
    font-size: 15px;
    padding-top: 15px;
    color: #c0c0c0;
}

.button-telegram {
    background-color: #00ABE4;
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 10px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
}

.content {
    margin-left: 250px;
    
}    

.top-colomn {
    width: 90%;
    background-color: bisque;
    border-radius: 10px;
    height: 150px;
    margin: 40px;
    padding-top: 10px;
}

.block-p-in-top-colomn {
    padding-top: 20px;
    padding-left: 100px;
}

.img-for-top-colomn {
    float: left;
    height: 150px;
    margin-left: 40px;
}

.block-for-news {
    margin-left: 40px;
}

.billet {
    width: 140px;
    height: 25px;
    border-radius: 10px 10px 10px 0px;
    background-color: aqua;
    padding: 10px;
    text-align: center;
}

.a-for-news {
    text-decoration: none;
}

.a-for-news:hover {
    text-decoration: underline;
}

.colomn-for-news {
    width: 87%;
    border-radius: 10px;
    margin: 40px;
    border: 4px double bisque;
    padding: 20px;
}

.colomn-for-news h2 {
    margin: 20px;
}

/* хлебные крошки_начало кода */
/* стиль списка */
.breadcrumb {
    list-style: none;
    margin-bottom: 30px;
    margin-left: 50px;
    margin-top: 80px;
}

/* стиль ссылок */
.breadcrumb a {
    color: #00ABE4;
    text-decoration: none;
    font-size: 14px;
}

/* Отображение элементов списка бок о бок */
ul.breadcrumb li {
    display: inline;
    font-size: 14px;
}

/* Добавить символ косой черты (/) перед/за каждым элементом списка */
ul.breadcrumb li+li::before {
    padding: 1px;
    color: #01257D;
    content: "/\00a0";
}

.breadcrumb li.breadcrumb-active {
    color: #01257D;
}

strong.style-normal {
    font-weight: normal;
}

/* хлебные крошки_конец кода */

.margin-left-40 {
    margin-left: 60px;
}

.grey-container {
    background-color: #c0c0c0;
    margin: 20px;
}

.grey-container h2 {
    margin: 20px;
}

.grey-container a {
    margin: 15px;
    text-decoration: none;
}

.grey-container a:hover {
    color: #000;
    text-decoration: underline;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-right-10 {
    padding-right: 10px;
}

.text-color-blue {
    color: #00ABE4;
}

article {
    margin: 40px 0;
}

.article-h1 {
    margin-bottom: 40px;
    text-align: center;
    font-size: 30px;
}

.article-h2 {
    margin: 30px 0;
    text-align: center;
}

.article-h3 {
    margin: 30px 100px;
}

.margin-right-40 {
    margin-right: 40px;
}

.margin-left-100 {
    margin-left: 100px;
}

.img-for-article {
    width: 60%;
}

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

.img-logo-letter {
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
    margin-top: 40px;
    margin-left: 40px;
}

.table-1 {
    width: 50%;
    margin-left: 100px;
    border-collapse: collapse;
}

.tr-border-bottom {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 40px;
}

.padding-left-100 {
    text-align: left;
    padding-left: 100px;
}

.footer {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 10px;
}

.year-in-footer::after {
	content: '2026';
}