@charset "utf-8";
/* CSS Document */
/* ------- ОФОРМЕЛИЕ ------- */
/* * {
margin: 0; Отступы вокруг элемента
padding: 0; Поля вокруг текста
} - убираем потому что материалы накладываются друг на друга*/

li { list-style-type: none; } /*Убираем маркеры */

a { text-decoration: none; /* Отменяем подчеркивание у ссылки */ outline: none; /* Убираем белую границу вокруг ссылок при нажатии */
}  
/*a:link {color:#06F;} /* Определяет цвет ссылок на веб-странице*/
/*a:visited {color:#06F;} /* Стиль для посещенной ссылки*/
/*a:hover {color:#06F;} /* Стиль для ссылки при наведении на нее мышью.*/
/*a:active {color:#06F;} /* Стиль для активной ссылки. Активной ссылка становится при нажатии на нее.*/

.left-menu a{ text-decoration: none; /* Отменяем подчеркивание у ссылки */ outline: none; /* Убираем белую границу вокруг ссылок при нажатии */ }  
.left-menu a:link {color: #06F;} /* Определяет цвет ссылок на веб-странице*/
.left-menu a:visited {color:#06F;} /* Стиль для посещенной ссылки*/
.left-menu a:hover {color:#06F; border-bottom: 1px dashed #06F; /* Добавляем пунктирную линию линию */} /* Стиль для ссылки при наведении на нее мышью.*/
.left-menu a:active {color:#06F;} /* Стиль для активной ссылки. Активной ссылка становится при нажатии на нее.*/


.latestnews a{ text-decoration: none; /* Отменяем подчеркивание у ссылки */ outline: none; /* Убираем белую границу вокруг ссылок при нажатии */ }  
.latestnews a:link {color: #06F;} /* Определяет цвет ссылок на веб-странице*/
.latestnews a:visited {color:#06F;} /* Стиль для посещенной ссылки*/
.latestnews a:hover {color:#06F; border-bottom: 1px dashed #06F; /* Добавляем пунктирную линию линию */} /* Стиль для ссылки при наведении на нее мышью.*/
.latestnews a:active {color:#06F;} /* Стиль для активной ссылки. Активной ссылка становится при нажатии на нее.*/

p { 
/*text-indent: 25px; Отступ первой строки - Абзац */
padding: 0px; /*Поля вокруг текста*/
margin: 0px;/*Отступы вокруг элемента*/
}  

hr { 
margin-top: 10px; /*Отступ сверху*/
margin-bottom: 10px; /*Отступ снизу*/
border: 0;
height: 1px;
background: #000;
background-image: -webkit-linear-gradient(left, #E6EEF1, #000, #E6EEF1);
background-image: -moz-linear-gradient(left, #E6EEF1, #000, #E6EEF1);
background-image: -ms-linear-gradient(left, #E6EEF1, #000, #E6EEF1);
background-image: -o-linear-gradient(left, #E6EEF1, #000, #E6EEF1);}
h1{
text-align: left; /*Выравнивание заголовка*/
color: #000; /*Цвет символа*/
font: 1.0em/1.3 Arial, Helvetica, sans-serif; /*Размер шрифта, отступ и шрифт*/ 
}
/* ------- ЗАГОЛОВОК ЛИНИЯ h2------- */
h2 {
overflow: hidden;/*Чтобы спрятать часть линий, которые будут вылазить за пределы блока*/
text-align: center;/*Выравнивание заголовка по центру, можно использовать left, right*/
color: #000; /*Цвет символа*/
font: 1.5em/1.3  Arial, Helvetica, sans-serif; /* Размер шрифта, отступ и шрифт*/ 
margin-top: 5px; /*Отступы вокруг элемента - отступ блока сверху*/
margin-bottom: 10px; /*Отступы вокруг элемента - отступ блока снизу*/ 
/*text-shadow: #cad5e2 1px 1px 0, #cad5e2 2px 2px 0, 
             #cad5e2 3px 3px 0, #cad5e2 4px 4px 0, 
             #cad5e2 5px 5px 0; Тень текста*/
}
h2:before,
h2:after {
content: ""; /*Обязательно указываем пустое свойство content, иначе псевдоэлементы не появятся на сайте*/
display: inline-block; /*Указываем что наши линии будут строчно-блочные*/
vertical-align: middle; /*Выравнивание по высоте - по центру*/
width: 100%; /*Задаем ширину 100% и выбираем высоту линии*/
height: 1px; /*Высота линии*/
/*background-color: #78AA24; Добавляем цвет для линии*/
position: relative; /*Добавляем пседоэлемантам возможность изменить позицию линии, для создания отступов от текста*/
}
h2:before {
margin-left: -100%;/*Смещаем левую линию на 100% влево, чтобы линия встала рядом с текстом слева*/
left: -14px;/*Указываем в пикселях отступ линии от текста заголовка*/
}
h2:after {
margin-right: -100%;/*Смещаем правую линию на 100% вправо, чтобы линия встала рядом с текстом справа*/
right: -14px;/*Указываем в пикселях отступ линии от текста заголовка*/
}
/* ------- ЗАГОЛОВОК ЛИНИЯ h2 / КОНЕЦ ------- */
/* ------- ЗАГОЛОВОК ЛИНИЯ h3------- */
h3 {
overflow: hidden;/*Чтобы спрятать часть линий, которые будут вылазить за пределы блока*/
text-align: center;/*Выравнивание заголовка по центру, можно использовать left, right*/
color: #000; /*Цвет символа*/
font: 1.5em/1.3 Arial, Helvetica, sans-serif; /*размер шрифта, отступ и шрифт*/ 
margin-top: 5px; /*Отступы вокруг элемента - отступ блока сверху*/
margin-bottom: 10px; /*Отступы вокруг элемента - отступ блока снизу*/ 
/*text-shadow: #cad5e2 1px 1px 0, #cad5e2 2px 2px 0, 
             #cad5e2 3px 3px 0, #cad5e2 4px 4px 0, 
             #cad5e2 5px 5px 0; Тень текста*/
}
h3:before,
h3:after {
content: ""; /*Обязательно указываем пустое свойство content, иначе псевдоэлементы не появятся на сайте*/
display: inline-block; /*Указываем что наши линии будут строчно-блочные*/
vertical-align: middle; /*выравнивание по высоте - по центру*/
width: 100%; /*Задаем ширину 100% и выбираем высоту линии*/
height: 1px; /*Высота линии*/
background-color: #78AA24; /*Добавляем цвет для линии*/
position: relative; /*Добавляем пседоэлемантам возможность изменить позицию линии, для создания отступов от текста*/
}
h3:before {
margin-left: -100%;/*Смещаем левую линию на 100% влево, чтобы линия встала рядом с текстом слева*/
left: -14px;/*Указываем в пикселях отступ линии от текста заголовка*/
}
h3:after {
margin-right: -100%;/*Смещаем правую линию на 100% вправо, чтобы линия встала рядом с текстом справа*/
right: -14px;/*Указываем в пикселях отступ линии от текста заголовка*/
}
/* ------- ЗАГОЛОВОК ЛИНИЯ h3 / КОНЕЦ ------- */
/* ------- ТАБЛИЦА ------- */
table{
font-size: 16px; /*Размер шрифта*/ 
text-align: center; /*Горизонтальное выравнивание текста*/
color: #000; /*Цвет символа*/ 
margin-left: auto; /*Отступ слева*/ 
margin-right: auto; /*Отступ справа*/  
margin-top: 10px; /*Отступ сверху*/ 
margin-bottom: 10px; /*Отступ снизу*/ 
padding: 2px; /*Поля вокруг текста*/ 
/*border-radius: 10px; Радиус скругления уголков рамки*/ 
}
td {
padding: 3px; /* Поля вокруг текста*/ 
/*background: rgba(150, 150, 150, 0.1); Цвет фона*/
border: 1px solid #999; /* #014e72 Параметры границы */
/*border-radius: 4px; Радиус скругления уголков рамки*/ 
}
@media all and (max-width:560px)
{
table {
font-size: 11px; /*Уменьшение шрифта текста в таблице*/ 
text-align: center; /*Горизонтальное выравнивание текста*/
color: #000; /*Цвет символа*/  
margin-left: auto; /*Отступ слева*/ 
margin-right: auto; /*Отступ справа*/  
margin-top: 10px; /*Отступ сверху*/ 
margin-bottom: 10px; /*Отступ снизу*/ 
padding: 2px; /*Поля вокруг текста*/ 
border-radius: 10px; /*Радиус скругления уголков рамки*/
}
} 
/* ------- ТАБЛИЦА / КОНЕЦ ------- */
/* ------- ТЕНИ ДЛЯ РИСУНКОВ ------- */
.teni img {
/*max-width: 100%; Максимальная ширина*/
/*margin-right: 10px; Отступ блока справа*/
/*margin-top: 5px; Отступ сверху*/
/*margin-bottom: 4px; Отступ блока снизу*/
/*height: auto; Высота блока*/
/*border-radius: 30px; Скруглеение уголков у рисунка*/
/*filter: alpha(Opacity=75); Полупрозрачность для IE*/
/*opacity: 0.75; Полупрозрачность для других браузеров*/ 
/*-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
/*-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
/*box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}
/* ------- ТЕНИ ДЛЯ РИСУНКОВ / КОНЕЦ ------- */
img {
max-width: 100%; /*Максимальная ширина*/ 
height: auto; /* Высота блока */
/*border-radius: 10px; Скруглеение уголков у рисунка*/
}
/* ------- ОФОРМЛЕНИЕ / КОНЕЦ ------- */

body{ 
color: #000; /*Цвет символа*/ 
font: 1.0em/1.2 Arial, Helvetica, sans-serif; /*размер шрифта, отступ и шрифт*/
padding: 0px; /*Поля вокруг текста*/
margin: 0px;/*Отступы вокруг элемента*/
/*font-style: italic; Курсивное начертание*/	
overflow-y: scroll; /*Полоса прокрутки */
/*background: url(../img/1-fon-dlya-sayta.jpg); Цвет фона, путь к фоновому изображению*/
/*background: #EDD1A7; Цвет фона*/
/*background: repeating-linear-gradient(90deg, #FAF4E2, #FAF4E2 10px, #FFF 10px, #FFF 20px); Линейный градиент*/

background-image: url(../images/gory.jpg);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed; /*Фиксируем фон веб-страницы*/
background-size: 1200px;
}

/* ------- ОБЁРТКА ------- */
#cont {
max-width: 100%; /*Максимальная ширина блока*/
width: 1200px; /*Ширина блока*/
margin: 0 auto; /*Отступы вокруг элемента*/

background-image: url(../images/gory.jpg);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed; /*Фиксируем фон веб-страницы*/
background-size: 1200px;
}
#head {
width: 90%; /*Ширина блока*/
float: left; /*Обтекание по левому краю*/
margin-left: 5%; /*Отступ блока слева*/
margin-top: 10px; /*Отступ блока сверху*/
margin-bottom: 10px; /*Отступ блока снизу*/
padding-top: 5px; /*Отступ внутри блока сверху*/
padding-bottom: 5px; /*Отступ внутри блока снизу*/
/*background: #FFF;*/
background: rgba(0, 0, 0, 0); /*прозрачный фон*/
/*border-radius: 10px; Радиус скругления уголков рамки*/
/*border: 1px solid #999; Линия вокруг блока*/
/*border: 1px solid rgba(0, 0, 0, 0.0); Линия вокруг блока*/ 
border-left: 1px solid #999; 
border-right: 1px solid #999;
/*-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}
/* ------- ОБЁРТКА / КОНЕЦ ------- */
/* ------- МЕНЮ ------- */
#verh1 {
width: 100%; /*Ширина блока*/
height: 54px; /*Высота блока*/
position: fixed; /*Относительное позиционирование*/
z-index: 100;  /*Элементы на веб-странице могут накладываться друг на друга в определенном порядке*/
/*border: 1px solid #06F /*Параметры рамки - синяя */
/*border: 1px solid rgba(0, 0, 0, 0.0); /*Параметры рамки - синяя */
}
#verh2 {
width: 90%; /*Ширина блока*/
height: 54px; /*Высота блока*/
margin: 0 auto; /* Отступы вокруг элемента - выравнивание блока div по центру*/
/*margin-top: 4px; /*Отступ сверху*/
/*margin-bottom: 1px; /*Отступ снизу*/
/*outline: 1px solid #999; Чёрная рамка не влияет на границы*/
/*border: 1px solid #0C9; /*Параметры рамки - зелёная*/ 
/*border: 1px solid rgba(0, 0, 0, 0.0); #0C9; /*Параметры рамки - зелёная*/ 
}
#menu {
width: 90%; /*Ширина блока*/
text-align: center; /*Горизонтальное выравнивание текста*/ 
height: 60px; /*Высота блока (убрать)*/
max-width: 1080px; /*Максимальная ширина блока*/
margin: 0 auto; /*Отступы вокруг элемента*/
outline: 1px solid #999; /*Чёрная рамка не влияет на границы*/
/*border: 1px solid rgba(0, 0, 0, 0.8);   #999; Параметры рамки - чёрная*/
}

#js-meganav{
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

#jux_memamenu95 #js-mainnav.megamenu {
border: 0px solid #6c5a5a;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
/**/
/* ------- МЕНЮ / КОНЕЦ ------- */

#top{
width: 100%; /*90 % Ширина блока*/
text-align: center; /*Горизонтальное выравнивание текста*/ 
float: left; /*Обтекание по левому краю*/
/*margin-left: 5%; Отступ блока слева*/
/*margin-top: 5px; /*Отступ блока сверху*/
margin-bottom: 0px; /*Отступ блока снизу*/
/*border-top: 1px solid #999;*/ 
/*border-bottom: 1px solid #999;*/
/*padding-top: 0px; Отступ внутри блока сверху*/
/*padding-bottom: 0px; Отступ внутри блока снизу*/
/*background: rgba(0, 0, 0, 0.0); прозрачный фон*/
/*border-radius: 10px 50px;Радиус скругления уголков рамки*/
border-bottom: 1px solid #999; /*Линия внизу блока*/
/*border: 1px solid rgba(0, 0, 0, 0.0); Линия вокруг блока*/  
/*-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/ 
}

/* ------- НАВИГАТОР САЙТА ------- */
#breadcrumbs {
width: 90%; /*Ширина блока*/
text-align: center; /*Горизонтальное выравнивание текста*/ 
/*font-size: 12px; Размер шрифта*/
float: left; /*Обтекание по левому краю*/
margin-left: 5%; /*Отступ блока слева*/
margin-top: 5px; /*Отступ блока сверху*/
margin-bottom: 0px; /*Отступ блока снизу*/
padding-left: 0px; /*Отступ внутри блока слева*/
padding-right: 0px; /*Отступ внутри блока справа*/
padding-top: 0px; /*Отступ внутри блока сверху*/
padding-bottom: 0px; /*Отступ внутри блока снизу*/
border-top: 1px solid #999; 
border-bottom: 1px solid #999;
/*background: rgba(0, 0, 0, 0.0); прозрачный фон*/
/*border-radius: 10px 50px;Радиус скругления уголков рамки*/
/*border: 1px solid #999; Линия вокруг блока*/
}
#breadcrumbs li{ 
float:left;/* Прижимаем в лево*/} 
.divider
{
margin-right: 5px; /*Отступ блока слева*/
}
/* ------- НАВИГАТОР САЙТА ------- */

#left  {
width: 20%;
float: left; /*Обтекание по левому краю*/
margin-left: 2%; /*Отступ блока слева*/
margin-top: 5px; /*Отступ блока сверху*/
margin-bottom: 5px; /*Отступ блока снизу*/
padding-top: 1%; /*Отступ внутри блока сверху*/
padding-bottom: 1%; /*Отступ внутри блока снизу*/
padding-left: 1%; /*Отступ внутри блока слева*/
padding-right: 1%; /*Отступ внутри блока справа*/
background: rgba(255, 255, 255, 0.9); /*прозрачный фон*/
/*border-radius: 10px;*/ 
outline: 1px solid #999; /*Чёрная рамка не влияет на границы*/
/*-moz-outline-radius:10px;*/
/*border: 1px solid #999999;*/
/*-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}
@media screen and (max-width: 800px) {
#left  {width:90%;  margin-left: 4%; /*Отступ блока слева*/ }
}
#right {
width: 20%;
float: right; /*Обтекание по правому краю*/
margin-right: 2%; /*Отступ блока справа*/
margin-top: 5px; /*Отступ блока сверху*/
margin-bottom: 5px; /*Отступ блока снизу*/
padding-top: 1%; /*Отступ внутри блока сверху*/
padding-bottom: 1%; /*Отступ внутри блока снизу*/
padding-left: 1%; /*Отступ внутри блока слева*/
padding-right: 1%; /*Отступ внутри блока справа*/
background: rgba(255, 255, 255, 0.9); /*прозрачный фон*/
/*border-radius: 10px;*/ 
outline: 1px solid #999;  /*Чёрная рамка не влияет на границы*/
/*-moz-outline-radius:10px;*/
/*border: 1px solid #999999;*/
/*-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}
@media screen and (max-width: 800px) {
#right { width:90%; margin-right: 4%; /*Отступ блока справа*/}
}

/* скрыли обе колонки */
.all-hidden #right,.all-hidden #left{display:none;}
.all-hidden #content{width:94%;}
@media screen and (max-width: 800px) {
.all-hidden #content {width:90%;}}
/* скрыли только правую колонку */
.right-hidden #right{display:none;}
.right-hidden #content{width:70%;}
@media screen and (max-width: 800px) {
.right-hidden #content{width:90%;}}
/* скрыли только левую колонку */
.left-hidden #left{display:none;}
.left-hidden #content{width:70%;}
@media screen and (max-width: 800px) {
.left-hidden #content {width:90%;}}

#content{
width: 46%;
float: left; /*Обтекание по правому краю*/
margin-left: 2%; /*Отступ блока слева*/
margin-top: 5px; /*Отступ блока сверху*/
margin-bottom: 5px; /*Отступ блока снизу*/
padding-top: 1%; /*Отступ внутри блока сверху*/
padding-bottom: 1%; /*Отступ внутри блока снизу*/
padding-left: 1%; /*Отступ внутри блока слева*/
padding-right: 1%; /*Отступ внутри блока справа*/
/*background: #FFF;*/
background: rgba(255, 255, 255, 0.7); /*прозрачный фон*/
/*border-radius: 10px;*/  
/*border: 1px solid #999999;*/ 
border-top: 1px solid #999; 
border-bottom: 1px solid #999;
/*-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}
@media screen and (max-width: 800px) {
#content { width:90%; margin-left: 4%; /*Отступ блока слева*/ }
}

#content2{
width: 94%;
float: left; /*Обтекание по правому краю*/
margin-left: 2%; /*Отступ блока слева*/
margin-top: 5px; /*Отступ блока сверху*/
margin-bottom: 5px; /*Отступ блока снизу*/
padding-top: 1%; /*Отступ внутри блока сверху*/
padding-bottom: 1%; /*Отступ внутри блока снизу*/
padding-left: 1%; /*Отступ внутри блока слева*/
padding-right: 1%; /*Отступ внутри блока справа*/
background: #FFF;
background: rgba(0, 0, 0, 0); /*прозрачный фон*/
/*border-radius: 10px;*/  
/*border: 1px solid #999999;*/ 
border-top: 1px solid #999; 
border-bottom: 1px solid #999;
/*-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}
@media screen and (max-width: 800px) {
#content2{ width:90%; margin-left: 4%; /*Отступ блока слева*/ }
}

#footer {
width: 90%; /*Ширина блока*/
float: left; /*Обтекание по левому краю*/
margin-left: 5%; /*Отступ блока слева*/
margin-top: 0px; /*Отступ блока сверху*/
margin-bottom: 5px; /*Отступ блока снизу*/
/*padding-top: 0px; /*Отступ внутри блока сверху*/
/*padding-bottom: 0px; /*Отступ внутри блока снизу*/
/*background: #014e72; Фон*/
/*border-radius: 10px; Радиус скругления уголков рамки*/
/*border: 1px solid rgba(0, 0, 0, 0.0); Линия вокруг блока*/ 
border-left: 1px solid #999; 
border-right: 1px solid #999;
border-top: 1px solid #999; 
border-bottom: 1px solid #999;
/*-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}
.ban {
width: 98%; /*Ширина блока*/
float: left; /*Обтекание по левому краю*/
text-align: center;
margin-left: 1%; /*Отступ блока слева*/
margin-top: 10px; /*Отступ блока сверху*/
margin-bottom: 10px; /*Отступ блока снизу*/
/*padding-top: 0px; Отступ внутри блока сверху*/
/*padding-bottom: 0px; Отступ внутри блока снизу*/
/*background: #014e72; Фон*/
/*border-radius: 10px; Радиус скругления уголков рамки*/
/*border: 1px solid rgba(0, 0, 0, 0.0); Линия вокруг блока*/ 
/*-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
*/
}

.footerleft {
width: 45%; /*Ширина блока*/
/*height: 90px;*/ 
text-align: left;
float: left; /*Обтекание по левому краю*/
margin-left: 2%; /*Отступ блока слева*/
margin-top: 5px; /*Отступ блока сверху*/
margin-bottom: 5px; /*Отступ внутри блока снизу*/
padding-left: 1%; /*Отступ внутри блока слева*/
padding-right: 1%; /*Отступ внутри блока справа*/
padding-top: 1%; /*Отступ внутри блока сверху*/
padding-bottom: 1%; /*Отступ внутри блока снизу*/
/*background: #014e72; Фон*/
/*border-radius: 10px; Радиус скругления уголков рамки*/
border: 1px solid #999; /*Линия вокруг блока*/ 
/*-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}
.footerright {
width: 45%; /*Ширина блока*/
/*height: 90px;*/
/*font-size: 9pt;  Размер шрифта в пунктах */ 
float: left; /*Обтекание по левому краю*/
margin-left: 2%; /*Отступ блока слева*/
margin-top: 5px; /*Отступ блока сверху*/
margin-bottom: 5px; /*Отступ блока снизу*/
padding-left: 1%; /*Отступ внутри блока слева*/
padding-right: 1%; /*Отступ внутри блока справа*/
padding-top: 1%; /*Отступ внутри блока сверху*/
padding-bottom: 1%; /*Отступ внутри блока снизу*/
/*background: #014e72; Фон*/
/*border-radius: 10px; Радиус скругления уголков рамки*/
border: 1px solid #999; /*Линия вокруг блока*/ 
/*-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}
@media screen and (max-width: 800px) {
.footerleft {width:94%;}
.footerright {width:94%;}
}
/* ------- ТРИ КОЛОНКИ В БЛОКЕ ------- */
#a, #u, #e { 
/*margin-top: 0px; Отступ блока сверху*/
/*margin-bottom: 0px; Отступ блока снизу*/
/*float: left; /*Обтекание по левому краю*/
}
/*#a {width: 32%; text-align: left; margin-left: 2%;}
/*#u {width: 32%; text-align: left;}*/
/*#e {width: 32%; text-align: left;}*/

@media screen and (max-width: 800px) {
/*#a {width:100%; margin-left: 0%;}*/
/*#u {width:100%; margin-left: 0%;}*/
/*#e {width:100%; margin-left: 0%;}*/
}
/* ------- ТРИ КОЛОНКИ В БЛОКЕ / КОНЕЦ ------- */

.leftblok{
width: 25%; /*Ширина блока*/
/*height: 90px;*/
text-align: left;
float: left; /*Обтекание по левому краю*/
margin-left: 7%; /*Отступ блока слева*/
margin-top: 5px; /*Отступ блока сверху*/
margin-bottom: 5px; /*Отступ внутри блока снизу*/
padding-left: 1%; /*Отступ внутри блока слева*/
padding-right: 1%; /*Отступ внутри блока справа*/
padding-top: 1%; /*Отступ внутри блока сверху*/
padding-bottom: 1%; /*Отступ внутри блока снизу*/
border: 1px solid #999; /*Линия вокруг блока*/ 
}
.centrtblok{
width: 25%; /*Ширина блока*/
/*height: 90px;*/ 
text-align: left;
float: left; /*Обтекание по левому краю*/
margin-left: 2%; /*Отступ блока слева*/
margin-top: 5px; /*Отступ блока сверху*/
margin-bottom: 5px; /*Отступ внутри блока снизу*/
padding-left: 1%; /*Отступ внутри блока слева*/
padding-right: 1%; /*Отступ внутри блока справа*/
padding-top: 1%; /*Отступ внутри блока сверху*/
padding-bottom: 1%; /*Отступ внутри блока снизу*/
border: 1px solid #999; /*Линия вокруг блока*/ 
}
.rightblok {
width: 25%; /*Ширина блока*/
/*height: 90px;*/
float: left; /*Обтекание по левому краю*/
margin-left: 2%; /*Отступ блока слева*/
margin-top: 5px; /*Отступ блока сверху*/
margin-bottom: 5px; /*Отступ блока снизу*/
padding-left: 1%; /*Отступ внутри блока слева*/
padding-right: 1%; /*Отступ внутри блока справа*/
padding-top: 1%; /*Отступ внутри блока сверху*/
padding-bottom: 1%; /*Отступ внутри блока снизу*/
border: 1px solid #999; /*Линия вокруг блока*/ 
}
@media screen and (max-width: 800px) {
.leftblok {
width:95.5%;
margin-left: 1%; /*Отступ блока слева*/
margin-top: 5px; /*Отступ блока сверху*/
margin-bottom: 5px; /*Отступ блока снизу*/
padding-top: 0%; /*Отступ внутри блока сверху*/
padding-bottom: 0%; /*Отступ внутри блока снизу*/
text-align: left;
}
.centrtblok {
width:95.5%;
margin-left: 1%;
margin-top: 5px; /*Отступ блока сверху*/
margin-bottom: 5px; /*Отступ блока снизу*/
padding-top: 0%; /*Отступ внутри блока сверху*/
padding-bottom: 0%; /*Отступ внутри блока снизу*/
}
.rightblok {
width:95.5%;
margin-left: 1%; /*Отступ блока слева*/
margin-top: 5px; /*Отступ блока сверху*/
margin-bottom: 5px; /*Отступ блока снизу*/
padding-top: 0%; /*Отступ внутри блока сверху*/
padding-bottom: 0%; /*Отступ внутри блока снизу*/
text-align: left;
}
}