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

nav /* меню */
{position: fixed;
z-index: 2;
background: #108CC9;
text-shadow: 2px 1px 1px #14276C;
border-top: solid 4px #FF0000;
border-bottom: solid 0px #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: 50px 0 0 0;
padding: 10px;
background-color: #108CC9;
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 10px 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;}

#podelitsy
{margin-right: 20px;
float: right;}
.ya-share2 a
{padding: 10px 0px 10px 0px;
border-right: 0px solid #FFFFFF;}

.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: auto;}
footer img /* максимальная ширина изображения */
{max-width: 350px; /* максимальная ширина изображения */
vertical-align: bottom;}
footer a
{text-decoration: none; /* убирает подчеркивание ссылок */}
footer a:hover /* вид ссылки при наведении */
{text-decoration: underline; /* Добавляем подчеркивание при наведении курсора на ссылку */}

h1 /* селектор тега h1 */
{font: 32px Verdana; /* размер и стиль шрифта */
text-align: left; /* текст по центру */
color: #002d59; /* цвет текста */}
h2
{margin: 10px 0 -30px 0;}
h3
{margin: 10px 0 -30px 0;}
h4
{margin: 10px 0 -30px 0;}

ul
{margin: -20px 0 -30px 0;}

ol
{margin: -20px 0 -30px 0;
counter-reset:  item;
list-style-type: none;}
ol > li:before
{counter-increment: item;
content: counter(item) ". ";
font-weight: bold;}

li{margin-bottom: -15px;}

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

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

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

.c iframe 
{position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-width: 0;
outline-width: 0;}

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

.left
{float: left; /* Выравнивание по левому краю */
margin: 0px 5px 22px 5px; /* Отступы вокруг картинки */}
.le
{float: left; /* Выравнивание по левому краю */
margin: 0px 15px 0px 0px; /* Отступы вокруг картинки */}

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

.right
{float: right; /* Выравнивание по правому краю  */ 
margin: 0px 5px 22px 5px; /* Отступы вокруг картинки */}
.ri
{float: right; /* Выравнивание по правому краю  */ 
margin: 0px 0px 0px 15px; /* Отступы вокруг картинки */}

.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;}



@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;}
}


@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;}

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%;}

.le
{width: 100%;
margin: 0px 0px 20px 0px;}
.le img
{width: 100%;}

.ri
{width: 100%;
margin: 0px 0px 20px 0px;}
.ri img
{width: 100%;}

.left
{width: 100%;
margin: 0px 0px 20px 0px; /* Отступы вокруг картинки */}
.left img
{width: 100%;}

.pohogie-statii{
width: 100%;
height: 100%;
float: left;
margin-bottom: 30px;
font: 18px 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%;}  
}