html{
scroll-behavior: smooth;}

body 
{background: url(fon.jpg);
background-attachment: fixed;
background-size: cover; /* Растягиваем картинку  по ширине */
/*background: #EAEAEA; 
background: #FFFFFF;*/
padding: 0; /* убираем отступы */
margin: 0; /* убираем отступы */
font-family: Verdana;}

nav /* меню */
{position: fixed;
z-index: 2;
background: #030167;
text-shadow: 2px 1px 1px #14276C;
border-top: solid 0px #FF0000;
border-bottom: solid 5px #FF0000;
width: 960px;
opacity: 0.9;
margin-top: -70px;
left: 50%;
margin-left: -480px;
/*border-width: 3px 0px 3px 0px;
border-style: solid;
border-color: #969696;*/}

.mob-menu
{display: block;}

#box
{position: absolute;
width: 300px;
border: solid 0px #C0C0C0;
margin: 55px 0 0 0;
padding: 10px;
background-color: #030167;
box-shadow: 0px 0px 10px 2px #2F73B6;}

#box a/* стиль кнопок в меню */
{display: block;
width: 100%;
text-align: left;
float: left;
padding: 10px;
font-size: 12px; /* Размер шрифта */ 
background: none;
transition: 0.5s;}

#log
{background: #FF0000;
text-shadow: 2px 1px 1px #000000;
padding: 10px 10px 12px 10px;
margin-left: 20px;
margin-right: 40px;
text-align:  center;
color: #FFFFFF;
font-size: 20px;
font-weight: 600;
text-decoration: none;
float: left;}

nav a/* стиль кнопок в меню */
{display: block;
padding: 13px 10px 12px 10px;
margin-left: 0px;
float: left;
text-decoration: none;
font-size: 15px ; /* Размер шрифта */ 
/* font-weight: 400;  жирное начертание */
color: #F8F8F8; /* цвет текста */
text-align: center; /* текст по центру */
border-right: 0px solid #FFFFFF;
transition: 0.2s;}
nav a:hover /* вид кнопки при наведении */
{color: #FFC183;}

#menu-ikon
{display: none;}

#podelitsy1
{margin-right: 20px;
float: right;
padding: 3px 0px 0px 0px;}

#podelitsy2
{display: none;}

.kontainer
{width: 960px; /* Ширина блока */
padding: 0px;
box-shadow: 0px 0px 10px 2px #333333;
background: #FFFFFF;
overflow: hidden; /* выравнивание блоков в контеинере */
margin: auto;
margin-top: 70px;
margin-bottom: 30px;}

section /* блок с основным контентом */
{width: 730px; /* Ширина блока */
padding: 0 0 40px 0;
margin: 20px 115px 0px 115px;
float: left; /* Обтекание по правому краю */
overflow: hidden;}
section img /* максимальная ширина изображения */
{max-width: 730px; /* максимальная ширина изображения */
border-color: #000000;
vertical-align: middle; /* убираем отступ от картинки */
margin-left: 0px;}
section pre
{white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
font: 16px Verdana;
line-height: 1.6;}

footer /* подвал сайта */
{width: 100%; /* Ширина блока */
background: #5B606E;
color: #FFFFFF;
border: solid 0px #c0c0c0;
padding: 10px 0px 10px 0px;
margin: 0 0 -20px 0;}
footer img /* максимальная ширина изображения */
{max-width: 350px; /* максимальная ширина изображения */
vertical-align: bottom;}
footer a
{text-decoration: none; /* убирает подчеркивание ссылок */}
footer a:hover /* вид ссылки при наведении */
{text-decoration: underline; /* Добавляем подчеркивание при наведении курсора на ссылку */}

.rubrika_a
{text-decoration: none; /* убирает подчеркивание ссылок */
font-size: 18px ; /* Размер шрифта */}
.rubrika_a:hover /* вид ссылки при наведении */
{text-decoration: underline; /* Добавляем подчеркивание при наведении курсора на ссылку */}

h1 /* селектор тега h1 */
{font: 32px Verdana; /* размер и стиль шрифта */
text-align: center;
color: #002d59; /* цвет текста */}
h2
{margin: 25px 0 -25px 0;
text-align: center;
color: #002d59;}

table {
font-size: 14px;
background: #F7F7F7;
width: 100%;
border: 1px solid #969696; /* Рамка вокруг ячеек */
border-collapse: collapse;
margin: 25px 0px 0px 0px;}
td, th {
padding: 5px; /* Поля вокруг текста */
border: 1px solid #969696; /* Рамка вокруг ячеек */}

ul{
font-size: 13px;
margin: 20px 0px 20px 0px;
padding: 10px 25px 10px 25px;
border: 1px solid #969696;
line-height: 1.6;}
li a{
text-decoration: none;}
li a:hover{
text-decoration: underline;}

.jakor /* якорь */
{top:-50px;
position: relative;}

ol{
font-size: 13px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid #969696;
line-height: 1;}

div.a /* Отступы по бокам */
{margin: 0px 20px -25px 20px;
color: #0130CA;}

div.video
{text-align: center; /* Выравнивание по центру */
margin: 25px 0px 0px 0px;
position: relative;
padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
height: 0;
overflow: hidden;}
div.video iframe 
{position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-width: 0;
outline-width: 0;}

div.center
{text-align: center; /* Выравнивание по центру */
margin: 0px 0px -25px 0px; /* Отступы вокруг картинки */}

.width-1
{width: 360px;
float: right; /* Выравнивание по левому краю */
margin: 0px 0px 0px 15px; /* Отступы вокруг картинки */}

.width-2
{width: 355px;
float: left; /* Выравнивание по левому краю */
margin: 25px 5px 70px 5px; /* Отступы вокруг картинки */}

.width-3
{width: 233px;
float: left; /* Выравнивание по левому краю */
margin: 25px 5px 70px 5px; /* Отступы вокруг картинки */}

.center-img
{text-align: center; /* Выравнивание по центру */
width: 100%;
margin: 25px 0px 0px 0px; /* Отступы вокруг картинки */
display: block;}

.pohogie-statii{
float: left;
width: 172.5px;
height: 200px;
margin: 0px 5px 0px 5px;
font: 12px Verdana;
text-align: center;
border: 0px solid #505050;}
.pohogie-statii-container{
width: 172.5px;
border: 0px solid #D0D0D0;
/*border-radius: 5px;*/
padding: 0px;
margin-bottom: 10px;
float: left;
overflow: hidden;
box-shadow: 2px 2px 3px #999;}
.pohogie-statii-container img{
width: 100%;}
.pohogie-statii a{
text-decoration: none;
font-weight: 600;
color: #4B4B4B;}
.pohogie-statii a:hover /* вид ссылки при наведении */
{text-decoration: underline; /* Добавляем подчеркивание при наведении курсора на ссылку */}

a.button /* стиль кнопок пагинации*/
{padding: 5px 10px 5px 10px; /* отступы */
text-decoration: none;
background: #0150A9;
font-weight: 600;
margin: 5px; /* отступы */
font-size: 15px; /* Размер шрифта */ 
color: #F6F6F6; /* цвет текста */
text-align: center; /* текст по центру */
border: solid 0px #c0c0c0; /* тип, ширина и цвет границ кнопки */
border-radius: 2px; /* закругление углов */}
a.button:hover /* вид кнопки при наведении */
{color: #ffffff; /* цвет текста */
background: #015EE8;}

#button-up{
display: none;	
opacity:0.5;
filter:alpha(opacity=50);
position: fixed;
z-index: 5;
right: 20px;
bottom: 20px;			
color: #000;
transition: .3s;}
#button-up:hover{
cursor: pointer;
opacity: 1;
filter:alpha(opacity=100);
transition: .3s;
color: #FF0000;}
#button-up img{
width: 100px;}



@media screen and (max-width: 980px){
#button
{display: none;}
.kontainer 
{width: 770px;}
section
{margin: 20px 20px 0px 20px;}
nav
{position: absolute;
width: 100%;
left: 0;
margin-left: 0px;}
.jakor /* якорь */
{top:0px;
position: relative;}
} 


@media screen and (max-width: 830px) {
nav
{margin-top: -40px;}
#menu-ikon
{display: block;
float: right;}
.mob-menu
{float: right;}
#menu
{display: none;}

#log
{margin-left: 10px;
margin-right: 10px;}
#podelitsy
{margin-right: 20px;}

#box
{width: 100%;
margin: 50px 0 0 0;
padding: 0px;}
#box a/* стиль кнопок в меню */
{width: 100%;
text-align: center;
font-size: 16px; /* Размер шрифта */
padding: 5px;}

#podelitsy1
{display: none;}

#podelitsy2
{display: block;
text-align: center;}

body 
{background: #FFFFFF; /* Фона сайта */}

.kontainer 
{width: 100%;
overflow: hidden;
padding: 0px;
margin-top: 40px;
box-shadow: 0px 0px 0px 0px #333333;}

section
{width: 95%;
padding: 0px 10px 20px 10px;
margin: 0px 0px 0px 0px;}
section img
{max-width: 100%;}
section table {
width: 100%;}

.width-1
{width: 100%;
margin: 25px 0 50px 0;}

.width-2
{width: 100%;
margin: 25px 0 50px 0;}

.width-3
{width: 100%;
margin: 25px 0 50px 0;}

.pohogie-statii{
width: 100%;
height: 100%;
float: left;
margin-bottom: 30px;
font: 16px Verdana;
text-align: center;
border: 0px solid #505050;}
.pohogie-statii-container{
border: 0px solid #D0D0D0;
width: 50%;
height: 100%;
margin-bottom: 10px;
overflow: hidden;
box-shadow: 0px 0px 0px;}
.pohogie-statii-container img{
width: 95%;}  
}