.menu {
	position: fixed; 
	TOP: 40px; 
	LEFT: 10px;
	position: -webkit-sticky;
  position: sticky;
  /*top: 40px;*/
  z-index: 0;
    width: 300px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 15px; /*14px; */
	color: #000000;
    line-height: 1.5;
    padding-bottom: 10px;
	/*min-height:100vh;*/
    padding-left: 0;
    margin: 0;
	/*overflow-y: auto;*/
    list-style: none;
	background: #eee; /* ??? */
	/*position: fixed; TOP: 40px; LEFT: 10px; проба*/
}

.menu-section {
    user-select: none;
}

.menu-section__header::before {
    display: block;
    width: 30px;
    height: 20px;
    background: url(expanded.gif) no-repeat center;
    content: "";
	/*transition: height 1s ease-out 0.2s;
	transition: all .3s ease;*/
}

.menu-section--closed .menu-section__header::before {
    background-image: url(collapsed.gif);
}

.menu-section__header {
    background: url(title.gif) repeat-x;
    font-weight: bold;
    color: white;
    border-bottom: 1px solid #ddd;
    margin: 0;
    height: 30px; /*24px*/

    display: flex;
    align-items: center;

    cursor: pointer;
}

.menu-section__content {
    padding-left: 0;
    list-style: none;
}

.menu-section--closed .menu-section__content {
    display: none;
}

.submenu {
    padding-left: 20px;
    list-style: none;
}

.menu-item {
    display: block;
    padding: 3px 3px;
    background: #eee;
    border-bottom: 1px solid #ddd;
    color: #003333; /*44b6ca /*#000033; /*013f3e #066;* #013f3e -темн.зелен.*/
    text-decoration: none;
}

.menu-item--active {
    background: #FFF; /*#fff; *#FFFFED;*/
    color: #003333; /*#004189;*/  /*c3ecec -fon*/
    font-weight: bold;/**/
}

.menu-item:hover {
    background : #339999 url(linkarrow.gif) no-repeat right center;/* 30afaf 95d4d4 66cccc #5092DB #4688D1 #3574BA*/
    color: #fff;
    text-decoration: none;
}
.overflow {
  min-height: 400px;
}
/****** spoiler *****/
.spoiler input, .spoiler div  { 
    display: none; /* Скрываем содержимое */
}
.spoiler label::before {
    content: '►'; /* Текст перед заголовком */
    margin-right: 5px; /* Расстояние до текста */
	color: #990000; /*#993300;
	text-decoration: underline;*/
	cursor: pointer;
	/*font-weight: 700;*/
	/*font-size: 20px;*/ 
}	
   /* Открытый спойлер */
.spoiler :checked + label::before 
   { content: '▼'; 
   color: #009900;
}
.spoiler :checked ~ div {
    display: block; /* Показываем спойлер */
    padding: 10px; /* Поля вокруг текста */
}
/* ----- 
.details summary::after {
content: "Открыть";
}
.details[open] summary::after {
content: "Закрыть";
}
*/
.details:not([open]) summary small {
  display: block;
  cursor: pointer;
}
.details[open] summary small {
  color: gray;
  cursor: pointer;
}