@charset "utf-8";

/*
/* 
 * HTML5 ✰ Шаблон
 *
 * Ниже приведены результаты трудоемких исследований по использованию стилей в различных браузерах. 
 * Выражается благодарность Николасу Галлахеру (Nicolas Gallagher), Джонатану Нилу (athan Neal),
 * Кроку Кэмену (Kroc Camen), а также сообществу по разработке H5BP и группе разработки.
 *
 * Подробная информация об этом CSS: h5bp.com/css
 * 
 * Изменения в Dreamweaver:
 * 1. Закомментирована подсветка выделения
 * 2. Удален раздел медиазапросов (мы добавляем собственные запросы в отдельном файле)
 *
 * ==|== нормализовать ==========================================================
 */


/* =============================================================================
   определения отображения HTML5
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section { 
	display: block; }
audio, canvas, video {
	 display: inline-block; *display: inline; *zoom: 1; }
video {
	max-width: 50vw;
	max-height: 90vw;
}
audio:not([controls]) {
	 display: none; }
[hidden] {
	 display: none; }

/* =============================================================================
   База
   ========================================================================== */

/*
 * 1. Исправление изменения размера текста в IE6/7 при установке размера шрифта тела в единицах em
 * 2. Принудительное применение вертикальной строки прокрутки в браузерах, отличных от IE
 * 3. Предотвращение изменение размера текста iOS при изменении ориентации устройства без отключения пользовательского масштаба: h5bp.com/g
 */

html {
	overflow-y: scroll;
	color:#280000;
}

body {
	
/*	margin-right: 0.5%;
	margin-left: 0.5%;
*/	
	line-height: 1.231;
	text-align: center;
	letter-spacing: 0.03em;
	/*background-color: #FCFCFC;*/
}

/* 
 * Удаление тени текста в выделении выбора: h5bp.com/i
 * Эти объявления выбора должны быть раздельными
 * Кроме того: веселый розовый! (или настройте фоновый цвет в соответствии с вашим дизайном)
 */

/* Dreamweaver: удалите эти комментарии, если вы хотите настроить выделение выбранной области */

 ::selection {
	color: #fff;
	text-shadow: none;
	background-color: #CCC;
}

/* =============================================================================
   Ссылки
   ========================================================================== */

a:visited {
	color: #0000B9;
	 }
a:focus {
	 outline: thin dotted; 
	 }

/* Улучшение читаемости при получении фокуса и наведении указателя во всех браузерах: h5bp.com/h */
a {
	position: relative;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	outline: none;
	white-space: normal;
	color: #000099;
	text-decoration: none;
}
a:active {
	text-decoration: underline;
	top: 1px;
	color: #0000B7;
	outline: 0;
}
	
a img {
	border:1px solid #D7D7D7;
	cursor: zoom-in;
}


/* =============================================================================
   Оформление
   ========================================================================== */

abbr[title] {
	 border-bottom: 1px dotted; 
}

b, strong {
	 font-weight: bold; }

blockquote {
	 margin: 1em 10em; 
}

dfn {
	 font-style: italic; 
}

hr {
	 display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; 
}

ins {
	 background: #ff9; color: #000; text-decoration: none; 
}

mark {
	 background: #ff0; color: #000; font-style: italic; font-weight: bold; 
}

/* Повторное объявление семейства моноширинных шрифтов: h5bp.com/j */
pre, code, kbd, samp {
	 font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Улучшение читаемости предварительно форматированного текста во всех браузерах */
pre {
	 white-space: pre; white-space: pre-wrap; word-wrap: break-word; 
}

q {
	 quotes: none; 
}
q:before, q:after {
	 content: ""; content: none; 
}


/* Размещение верхнего и нижнего индекса без влияния на высоту строки: h5bp.com/k */
sub, sup {
	 font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; 
}
sup {
	 top: -0.5em; 
}
sub {
	 bottom: -0.25em; 
}


/* =============================================================================
   Списки
   ========================================================================== */

ul, ol {
	 margin: 0; padding: 0; }
	 
ul{
	list-style:circle;
}
	 
ol {
	list-style:decimal;
}
	 
dd {
	margin: 0;
	text-align:center;
}
nav ul, nav ol {
	 list-style: none; list-style-image: none; margin: 0; padding: 0; }
dl{
	text-align:center;
}

/* =============================================================================
   Встроенное содержимое
   ========================================================================== */

/*
 * 1. Улучшение качества изображения при масштабировании в IE7: h5bp.com/d
 * 2. Устранение разрыва между изображениями и границами в контейнерах изображений: h5bp.com/e 
 */

img {
	 border: 0;
	  -ms-interpolation-mode: bicubic;
	   vertical-align: bottom;
}

/*
 * Исправление: переполнение не скрыто в IE9 
 */

svg:not(:root) {
	 overflow: hidden; 
}

/* =============================================================================
   Фигуры
   ========================================================================== */

figure {
	 margin: 0; 
}

/* =============================================================================
   Формы
   ========================================================================== */

form {
	 margin: 0;
}

/* Указываем, что метка (label) передаст фокус связанному элементу формы */
label {
	 cursor: pointer; 
}

/* 
 * 1. Исправление: цвет не наследуется в IE6/7/8/9 
 * 2. Исправление: выравнивание неправильно отображается в IE6/7 
 */

legend {
	border: 0;
	padding: 0;
	font-weight: bolder;
	text-shadow: 3px 3px 6px #bbb;
}

/*
 * 1. Исправление: размер шрифта не наследуется во всех браузерах
 * 2. Удаление полей в FF3/4 S5 Chrome
 * 3. Определение согласованного вертикального выравнивания во всех браузерах
 */

 button,input,select, textarea {
	margin: 0.2rem;
	vertical-align:inherit;
	font-family:inherit;
	font-size:0.8rem;
}
	 
select{
	font-family:inherit;
}
option{
	padding-right:0.8rem;
}
/*
 * 1. Определение высоты строки как нормальной в соответствии с FF3/4 (задано с помощью !important в таблице стилей UA)
 * 2. Исправление неправильного отображения внутренних интервалов в IE6/7
 */

button,input {
	 line-height: normal;
	  overflow: visible;
}

/*
 * Повторное объявление внутренних интервалов в элементе table для предотвращения проблем с перекрытием и пробелами в IE6/7
 */

table button,table input {
	 *overflow: auto; 
}

/*
 * 1. Отображение курсора в виде руки для элементов формы, которые можно щелкать
 * 2. Разрешение применения стилей к элементам формы, которые можно щелкать, в iOS
 */
button,input[type="botton"],input[type="submit"],input[type="checkbox"],input[type="file"],input[type="radio"],input[type="image"]{
	cursor: pointer;
}
/*
 * Согласованное изменение размера полей и внешний вид полей
 */
input[type="text"],input[type="button"], input[type="reset"], input[type="submit"]{
	min-height: 1.012rem;
}

input[type="checkbox"], input[type="radio"] {
	 box-sizing: border-box; 
}
input[type="search"] {
	 -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; 
}
input[type="search"]::-webkit-search-decoration {
	 -webkit-appearance: none; 
}

input, select {
	box-sizing: unset;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #CCC;
	border-radius:3px;
	text-align: center;
}

input[type="button"], input[type="submit"], input[type="reset"]{
	background-color: #F8F8F1;
}

input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus{
	background-color:#E2E2E2;
}

/* 
 * Устранение внутреннего заполнения и границ в FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0; 
	padding: 0; 
}

/* 
 * 1. Удаление вертикальной строки прокрутки по умолчанию в IE6/7/8/9 
 * 2. Разрешается только изменение размера по вертикали
 */

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical; 
}

/* Цвета для обозначения правильности формы 
input:valid, textarea:valid {
	  }
input:invalid, textarea:invalid {
	 background-color: #f0dddd; }

input[required]:not([disabled="disabled"]), textarea[required]:not([disabled="disabled"]),select[required]:not([disabled="disabled"]){
	background-color: transparent; 
}
*/
/*
input[required]:invalid:not([disabled="disabled"]),{
	background-color: #f0dddd;
}
*/

/* =============================================================================
   Таблицы
   ========================================================================== */

table {
	border-collapse: collapse;
	border-spacing: 0; }
td {
	 vertical-align: top;
	 padding: 0.5em;
	  }


/* основные стили =====================================================
   Автор: 
   ========================================================================== */

* {
	margin: 0;
	padding: 0;
}
p {
	margin: 0 0 1em;
}
/*  для плавной анимации  показать скрыть
div {
	visibility: visible;
	opacity:1;
	-moz-transition: opacity 0.75s ease-out 0s,visibility 0s step-start 1s;
	-o-transition: opacity 0.75s ease-out 0s,visibility 0s step-start 1s;
	transition: opacity 0.75s ease-out 0s,visibility 0s step-start 1s;
}*/

fieldset {
	width: auto;
	background-color: #FDFDFD;
	border-radius: 3px;
	padding: 0.7em;
	-o-box-shadow: 2px 2px 7px 0px #DADADA;
	-moz-box-shadow: 2px 2px 7px 0px #DADADA;
	-webkit-box-shadow: 2px 2px 7px 0px #DADADA;
	box-shadow: 2px 2px 7px 0px #DADADA;
	text-align: center;
	border: none;
}

#wrapper {
	min-width: 960px;
	max-width: 1600px;
	margin: 0 auto;
	/*background:	 #FCFCFC;*/
}

/* header
-----------------------------------------------------------------------------*/
#header {
	position: relative;
	height: 3.75rem;
	width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	z-index:9;
}
#header_center{
	height:1rem;
	margin-left:22rem;
}
/* Middle
-----------------------------------------------------------------------------*/
#middle {
	position: relative;
	width: inherit;
	border-left-width: 13.15rem;
	border-left-style: solid;
	border-left-color: transparent;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	z-index: 8;
	}
	
#container {
	width: 100%;
	padding-right: 0.3rem;
	/* [disabled]float: right; 
	overflow: hidden;*/
	text-align: center;
	z-index: 10;
}
#content {
	width: 100%;
	position: inherit;
	box-sizing:border-box;
	z-index:11;
	text-align: center;
}


#content_item{
	min-height: calc(100vh - 19rem);
	width: 100%;
	z-index: 500;
}

#top_panel {
	position:relative; 
	margin-left: 0.5rem;
	margin-bottom: 4rem;
	z-index: 1250;
}

/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
	position: relative;
	float:left;
	width: 13.15rem;
	left: -13.155rem;
	background:#EDF2D2;
	background:radial-gradient(ellipse at 50% 50%, #E6EDC3 20%, #EDF2D2 ,#F9FBF0,#FFF,#FFF);
}
#sidebar_down_part
{
	background-image: url(/Imiges/sidebar_down.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 13rem;
	min-height: 60px;
	background-position: bottom;
	clear: left;
}

#sidebar_item
{
	min-height: 40rem;
	background-image: url(/Imiges/sidebar_fon.jpg);
	background-repeat: repeat;
	overflow: hidden;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer{
	height: 5rem;
	margin-top: 0.75rem;
	padding-bottom:0.75rem;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCC;
	font-size: 0.8rem;
	text-shadow: 3px 3px 6px #bbb;
}
#footer span.link a{
	color: #0E0000;
	font-size:inherit;

}
#user_register {
	position:absolute;
	top:5rem;
	right:4rem;
	width: 15rem;
	padding:1rem;
	border-radius:3px;
	background:#FFF;
	font-size:0.75rem;
	z-index:1110;
}

#user_register>a {
	margin-bottom:0.4rem;
	margin-right:2rem;
}

#user_register input[type=submit] {
	margin-top:0.5rem;
	margin-bottom:0px;
}

#logo_work_page{
	float: left;
	background: transparent;
}

#header_menu{
	width: auto;
	margin-top:0.75rem;
	padding-bottom: 1.5rem;
}

#main_menu{
	margin-left: 1.5rem;
}

#main_menu>div{
	display: inline-block;
}

#member_out {
	margin-left: 1rem;
}
#form_user_register {
	position: relative;
	width: 16rem;
}

#load_static {
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 3000;
	filter: Alpha(Opacity=0.5);
	opacity: 0.5;
	background-color:#FFF;
	cursor:wait;
}
#load_img {
	z-index: 2100;
	filter: Alpha(Opacity=1);
	opacity: 1;
	position: fixed;
	left: 45%;
	top: 50%;
}
#logout{
	position: relative;
	top: 0.2rem;
	margin-left: 1rem;
}
#logout .picto_arr_out{
	left:-11px;
	top:2px;
}

#logout:active .picto_arr_out{
	left:-9px;
}

#logout:active .picto_door:after{
    -webkit-transform: skewY(15deg);
    -moz-transform: skewY(15deg);
    -o-transform: skewY(15deg);
    transform: skewY(15deg);
}
#go_home {
	position: relative;
	margin-right: 3.5rem;
	top: 0px;
}
#go_home:active {
	top: 1px;
}
#go_home>a>img {
	width:15px;
	height:17px;
	cursor:pointer;
	border:none;
	box-shadow:3px 3px 3px 0px #CCCCCC;
}

#admin_email {
	position: relative;
	display: inline-block;
	z-index: 5;
}
#admin_email input[type="image"]{
	top: 0.45rem;
}
#admin_email>input.knob_no_brd {
	padding:0px;
	background-color:transparent;
	box-shadow:3px 3px 6px 0px rgb(0 0 0 / 15%);
}

#register_kye{
	position:relative;
	width:1rem;
	height:0.75rem;
	top:0.55rem;
}

/* ===========  МЕНЮ ======================================== */

ul.MenuBarHorizontal{
	position: relative;
	padding: 0;
	list-style-type: none;
	cursor: default;
	text-align: center;
}

ul.MenuBarHorizontal a{
	padding: 1.5rem;
	padding-bottom: 2rem;
	border-radius: 100%;
	background:radial-gradient(ellipse at 50% 40%, rgba(0,0,0,0.08) 20%, rgba(0,0,0,0.03) ,rgba(0,0,0,0.01),#FFFF,#FFFF);
	font-weight: lighter;
	text-shadow: 1px 1px 1px #666;
	color: #dfaf82;
	outline: 0;
}

ul.MenuBarHorizontal li a:active{
	text-decoration: underline;
	top: 1px;
}

ul.MenuBarHorizontal li:hover a{
	color: #dd9149;
}

ul.MenuBarHorizontal li
{
	display: inline-block;
	position:relative;
	list-style-type: none;
	text-align:center;
	cursor: pointer;
	min-width:15.5rem;
	font-weight: bold;
	letter-spacing: 0.3em;
}

ul.MenuBarHorizontal li:hover>ul , ul.MenuBarHorizontal li>ul:focus
{
	opacity:1;
	-webkit-transition: opacity 1s ease-out 0s;
    -moz-transition: opacity 1s ease-out 0s;
    -o-transition: opacity 1s ease-out 0s;
    transition: opacity 1s ease-out 0s;
}

/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal li>ul
{
	position: absolute;
	margin-bottom: 0.8rem;
	vertical-align: middle;
	font-size: 0.75rem;
	list-style-type: none;
	opacity: 0;
	z-index: 1120;
	cursor: default;
	/* [disabled]left: -1000em; */
	text-align: center;
	-webkit-transition: opacity 1s ease-out 0s;
	-moz-transition: opacity 1s ease-out 0s;
	-o-transition: opacity 1s ease-out 0s;
	transition: opacity 1s ease-out 0s;
}
ul.MenuBarHorizontal li>ul li
{
	margin: 0.2rem;
	padding: 0.5em;
	width: 3rem;
	vertical-align: middle;
	border-radius: 3px;
	-o-box-shadow: 1px 2px 5px 0px #C0C0C0;
	-moz-box-shadow: 1px 2px 5px 0px #C0C0C0;
	-webkit-box-shadow: 1px 2px 5px 0px #C0C0C0;
	box-shadow: 1px 2px 7px 0px #999999;
	letter-spacing: 0.3em;
	background:#EDF2D2;
	background:radial-gradient(ellipse at 50% 40%,#E4ECBD 30%, #EDF2D2 ,#F9FBF0);
	text-align:center;
}

ul.MenuBarHorizontal li>ul li:active
{
	-o-box-shadow: inset 1px 2px 5px 0px #C0C0C0;
	-moz-box-shadow: inset 1px 2px 5px 0px #C0C0C0;
	-webkit-box-shadow: inset 1px 2px 5px 0px #C0C0C0;
	box-shadow: inset 1px 2px 7px 0px #999999;
}

ul.MenuBarHorizontal li>ul li:active a{
	text-decoration: underline;
	top: 1px;
	outline: 0;
}


/* ==|== несемантические вспомогательные классы ========================================
   Определите свои стили до этого раздела.
   ========================================================================== */

/* Замена изображения */
.ir { display: block; border: 0; text-indent: -999rem; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Скрыть от программ чтения с экрана и браузеров: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Скрыть только визуально, но оставить доступным для программ чтения с экрана: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Расширение класса .visuallyhidden, позволяющее передать фокус элементу при навигации с помощью клавиатуры: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Скрыть визуально и от программ чтения с экрана, но сохранить макет */
.invisible { visibility: hidden; }

/* Содержание потоков: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* ==|== стили печати =======================================================
   Стили печати.
   Встроено, чтобы не требовалось HTTP-соединение: h5bp.com/r
   ========================================================================== */
 
 @media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Более быстрая печать черного цвета: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Не показывать ссылки для изображений или javascript/внешние ссылки */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}