@charset "windows-1251";
/* ------------------------ Стили НОВОГО головного меню ------------------------ */
	div.menuNN {
        /*align-content: center;*/
		/*margin:0;*/
		background:linear-gradient(0deg, rgb(24,70,135) 3%, rgb(34,80,145) 22%, rgb(49,95,160) 41%, rgb(74,120,185) 60%, rgb(94,140,205) 79%, rgb(94,140,205) 98%, rgb(24,70,135) 100%);
		/*height: 46px;*/
		width: 100%;
		top: 0px;
        margin: 0; padding: 0;
        padding-top: 5px;
        list-style: none;
        position: sticky;
	}
div.menuNN ul {
    padding-left: 0;
    padding-bottom: 10px;
    list-style: none;
    line-height: 15px; /* add this */
    /*padding: 0 7%; /* changed this */    
}
div.menuNN ul li{
    display: inline-block;
    white-space:pre-wrap;
    vertical-align:top;
    padding-left: 10px;
    padding-right: 10px;
}
div.menuNN > ul li a {
    color: #eee;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    word-break:break-all;
}
/* ------------------------ Стили головного меню ------------------------ */
	div.menu {
		margin:0;
		position: fixed;
		background:linear-gradient(0deg, rgb(24,70,135) 3%, rgb(34,80,145) 22%, rgb(49,95,160) 41%, rgb(74,120,185) 60%, rgb(94,140,205) 79%, rgb(94,140,205) 98%, rgb(24,70,135) 100%);
		left:3px;
		/*top:109px;*/
		height: 46px;
		width: 100%;
		z-index: 100;
	}
div.menu_abs {
	margin:0;
	/*position: absolute;*/
	height: 46px;
	width: 100%;
	background:linear-gradient(0deg, rgb(24,70,135) 3%, rgb(34,80,145) 22%, rgb(49,95,160) 41%, rgb(74,120,185) 60%, rgb(94,140,205) 79%, rgb(94,140,205) 98%, rgb(24,70,135) 100%);
	position: relative;
	/*top:0px;*/
}
    .menu > ul {										/* Горизонтальное меню*/
		list-style: none; 	/*убираем маркеры списка*/
		margin: 0; 			/*убираем отступы*/
		padding-left: 0; 	/*убираем отступы*/
		margin-top:0px; 	/*делаем отступ сверху*/
		/*background:url("../../images/m/gmd.gif") repeat left top;*/
/*		background:linear-gradient(0deg, rgb(24,70,135) 3%, rgb(34,80,145) 22%, rgb(49,95,160) 41%, rgb(74,120,185) 60%, rgb(94,140,205) 79%, rgb(94,140,205) 98%, rgb(24,70,135) 100%);	*/
		height: 46px; 		/* 42px задаем высоту*/
    }
    .menu li > ul {								/* Вертикальное меню*/
      list-style: none; 	/*убираем маркеры списка*/
      margin: 0; 			/*убираем отступы*/
      padding-left: 0; 		/*убираем отступы*/
      margin-top:25px; 		/*делаем отступ сверху*/
      background:#e5dac1; 	/*добавляем фон всему меню*/
    }
	
    .menu > ul > li > a {					/* Ссылка в горизонтальном меню */
      text-decoration: none; /*убираем подчеркивание текста ссылок*/
      /*background:url("../../images/m/gmd.gif") repeat left top;*/
		background:linear-gradient(0deg, rgb(24,70,135) 3%, rgb(34,80,145) 22%, rgb(49,95,160) 41%, rgb(74,120,185) 60%, rgb(94,140,205) 79%, rgb(94,140,205) 98%, rgb(24,70,135) 100%);
      /*background:linear-gradient(0deg, rgba(37,86,154,1) 61%, rgba(99,160,237,1)  100%);*/
      color:#ddd; 			/*меняем цвет ссылок*/
      padding:0px 5px; 	/*добавляем отступ*/
      font-family: arial; 	/*меняем шрифт*/
      line-height:46px; 	/* 42px ровняем меню по вертикали*/
      display: block; 
        font-size: 91%;
        padding: 0px 4px;
    }
    a.a1 {				/* Ссылка в НОВОМ горизонтальном меню УБРАТЬ */
      text-decoration: none; /*убираем подчеркивание текста ссылок*/
      color:#ddd; 			/*меняем цвет ссылок*/
      font-family: arial; 	/*меняем шрифт*/
		font-weight: bold;
      line-height:12px; 	/*ровняем меню по вертикали*/
      display: block; 
/*        font-size: 91%;	*/
        padding: 0px 4px;
    }
    a.a2 {				/* Ссылка в НОВОМ горизонтальном ДЛЯ МОБИЛЬНИКОВ */
      text-decoration: none; /*убираем подчеркивание текста ссылок*/
      color:#ddd; 			/*меняем цвет ссылок*/
 /*     padding:0px 5px; */		/*добавляем отступ*/
      font-family: arial; 	/*меняем шрифт*/
		font-weight: bold;
      line-height:12px; 	/*ровняем меню по вертикали*/
      display: block; 
 /*       font-size: 42px;*/
        padding: 0px 4px;
    }
#a1 {	/*  */
	color: #000000;
}
.menu > ul > li > span > a {		/* Ссылка в активном гориз. меню */
   text-decoration: none; /*убираем подчеркивание текста ссылок*/
   background:linear-gradient(0deg, rgb(24,70,135) 3%, rgb(34,80,145) 22%, rgb(49,95,160) 41%, rgb(74,120,185) 60%, rgb(94,140,205) 79%, rgb(94,140,205) 98%, rgb(24,70,135) 100%);
   color:#fff; 			/*меняем цвет ссылок*/
   padding:0px 5px; 	/*добавляем отступ*/
   font-family: arial; 	/*меняем шрифт*/
   line-height:12px; 	/*42px ровняем меню по вертикали*/
   display: block; 
   font-size: 91%;
   padding: 0px 4px;
    }

    .menu li > ul > li > a {	/* Ссылка в вертикальном меню */
      text-decoration: none; /*убираем подчеркивание текста ссылок*/
      background:#e5dac1; 	/*добавляем фон к пункту меню*/
      color:#505050; 		/*меняем цвет ссылок*/
      padding:0px 5px; 		/*добавляем отступ*/
      font-family: arial; 	/*меняем шрифт*/
	  font-size:14px;
	  font-weight:bold;
      line-height:28px; 	/*равняем меню по вертикали*/
      display: block; 
	  border-style: double;
	  border-color: #cba;
	  border-bottom-style:double;
    }
    .menu li > ul > li > span > a {	/* активная вертикальная ссылка */
      text-decoration: none; /*убираем подчеркивание текста ссылок*/
      background:#FFCC99; 	/*добавляем фон к пункту меню*/
      color:#505050; 		/*меняем цвет ссылок*/
      padding:0px 5px; 		/*добавляем отступ*/
      font-family: arial; 	/*меняем шрифт*/
	  font-size:14px;
	  font-weight:bold;
      line-height:28px; 	/*равняем меню по вертикали*/
      display: block; 
	  border-style: double;
	  border-color: #cba;
	  border-bottom-style:double;
    }
    .menu > ul > li > a:hover {
      background:linear-gradient(0deg, rgb(54,100,165) 3%, rgb(64,110,175) 22%, rgb(79,125,190) 41%, rgb(104,150,215) 60%, rgb(124,170,235) 79%, rgb(124,170,235) 98%, rgb(54,100,165) 100%);
	  color:#ffffff; 		/*меняем цвет ссылок*/
    }
    .menu li > ul > li > a:hover {
	  background:#FFCC99;
      color:#000000; 		/*меняем цвет ссылок*/
    }
    .menu li > ul > li > span > a:hover {
	  background:#FFCC99;
      color:#000000; 		/*меняем цвет ссылок*/
    }
    .menu li > ul > li >  a:hover {
	  background:#FFCC99;
      color:#000000; 		/*меняем цвет ссылок*/
    }

    .menu span {
	  background:#FFCC99;
      color:#000000;
    }

    .menu li {
      float:left; 			/*Размещаем список горизонтально для реализации меню*/
      position:relative; 	/*задаем позицию для позиционирования*/
    }
         
        													/*Стили для скрытого выпадающего меню из верхнего горизонтального*/
        .menu li > ul {
            position:absolute;
            display:none;   
        }
        													/*Стили для скрытого выпадающего меню из вертикального*/
        .menu > ul > li > ul {
            top:16px;
			left:0px;
        }
        .menu > ul > li > ul > li > ul {
            top:-25px;
			left:300px;
        }
         
        /*Делаем скрытую часть видимой*/
        .menu li:hover > ul {
            display:block; 
            width:300px;		/*Задаем ширину выпадающего меню*/      
		}
       	.menu li:hover > ul > li {
			float:none; 		/* Убираем горизонтальное позиционирование*/
        }
/* ------------------------ Для мобильников ------------------------ */
header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 20;
	height: 60px;
	background: #fff;
    display: flex;
    padding: 5px 0;
    align-items: center;
    justify-content: space-between;

}
	
.header__nav {
    position: absolute;
	display: block;	
	position: absolute;
    top: 55px;
    width: 99vw;
	height:100vh;
	left: -100%;
    transition: all 0.4s ease;
	overflow:scroll;
}

.header__menu {
	display: block;	
	position: relative;
	z-index: 2;
}
.header__nav {
	display: block;	
	position: absolute;
    top: 55px;
    left: 0;
    background: #fff;
    width: 99vw;
	height:100vh;
	left: -100%;
    transition: all 0.4s ease;
	overflow:scroll;
}
.header__nav.open-menu{
    left:0;
}
.menu-burger__header {
	position: relative;
    width: 40px;
    height: 35px;
    display: block;
    margin-left: 10px;
   }
.menu-burger__header span, .menu-burger__header:after, .menu-burger__header:before{
	height: 3px;
	width: 100%;
	position: absolute;
	background: #515758;
	margin: 0 auto;
}
.menu-burger__header span{
	top: 16px;
}
.menu-burger__header:after, .menu-burger__header:before{
	content: '';
}
.menu-burger__header:after{
	bottom: 5px;
}
.menu-burger__header:before{
	top: 5px;
}
.menu-burger__header.open-menu span {
	opacity:0; 
    transition: 0.5s; 
}
.menu-burger__header.open-menu:before {
	transform: rotate(38deg);
    top: 16px;
    transition: 0.4s;
}
.menu-burger__header.open-menu:after {
	transform: rotate(-38deg);
    bottom: 16px;
    transition: 0.4s;
}

.del_content {
    display: none;
}


/* -----------------------Стили головного меню для окна < 1111 ----------------------------------------- */
/* -----------------------Стили головного меню для окна < 1111 ----------------------------------------- */
	div.menuM {
		margin:0;
		z-index:100;
		position:relative;
		left:0px;
		top:0px;
	}
    .menuM > ul {										/* Горизонтальное меню*/
		list-style: none; 	/*убираем маркеры списка*/
		margin: 0; 			/*убираем отступы*/
		padding-left: 0; 	/*убираем отступы*/
		margin-top:0px; 	/*делаем отступ сверху*/
		background:linear-gradient(0deg, rgba(37,86,154,1) 61%, rgba(99,160,237,1) 100%);
/*		background:url("../../images/m/gmd.gif") repeat left top;	*/
/*		background:#819A32;	*/
		height: 42px; 		/*задаем высоту*/
    }
    .menuM > ul > li{										/* Горизонтальное меню*/
/*		border-right: 1px solid #677B27; /*добавляем бордюр справа*/
		height: 40px; 							/* задаем высоту*/
	}
    .menuM > ul > li:first-child{										/* Горизонтальное меню*/
/*		border-right: 1px solid #677B27; /*добавляем бордюр справа*/
		border-left: 2px solid #0AE;			/* Равномерный бордюр кругом */
	}
    .menuM li > ul {								/* Вертикальное меню*/
      list-style: none; 	/*убираем маркеры списка*/
      margin: 0; 			/*убираем отступы*/
      padding-left: 0; 		/*убираем отступы*/
      margin-top:25px; 		/*делаем отступ сверху*/
/*      background:#819A32; 	/*добавляем фон всему меню*/
    }
	
    .menuM > ul > li > a {								/* Ссылка в горизонтальном меню */
	  text-align:center;
      text-decoration: none; 	/*убираем подчеркивание текста ссылок*/
      color:#ddd; 				/*меняем цвет ссылок*/
      padding:9px 5px; 	/*добавляем отступ*/
      font-family: arial; 	/*меняем шрифт*/
      line-height:14px; 	/*ровняем меню по вертикали*/
      display: block; 
/*      border-right: 1px solid #677B27; /*добавляем бордюр справа*/
	  margin-top:0px;
    }
    .menuM li > ul > li > a {							/* Ссылка в вертикальном меню */
      text-decoration: none; /*убираем подчеркивание текста ссылок*/
      background:#e5dac1; 	/*добавляем фон к пункту меню*/
      color:#505050; 		/*меняем цвет ссылок*/
      padding:9px 5px; 		/*добавляем отступ*/
      font-family: arial; 	/*меняем шрифт*/
	  font-size:14px;
	  font-weight:bold;
      line-height:28px; 	/*ровняем меню по вертикали*/
      display: block; 
	  border-style: double;
	  border-color: #cba;
	  border-bottom-style:double;
    }

	/*засвечиваем весь блок li*/
        .menuM > ul > li:hover {
            background:url("../../images/m/gml.gif") repeat left top;
			
		}
	
    .menuM > ul > li > a:hover {
/*      background:url("../../images/m/gml.gif") repeat left top;/*добавляем эффект при наведении*/
		background:url("../../images/m/gml.gif") repeat left top;
/*		background:#C66;	*/
	  color:#ffffff; 		/*меняем цвет ссылок*/
    }
    .menuM li > ul > li > a:hover {
	  background:#FFCC99;
      color:#000000; 		/*меняем цвет ссылок*/
    }
    .menuM li {
      float:left; 			/*Размещаем список горизонтально для реализации меню*/
      position:relative; 	/*задаем позицию для позиционирования*/
    }
         
        													/*Стили для скрытого выпадающего меню из верхнего горизонтального*/
        .menuM li > ul {
            position:absolute;
            display:none;   
        }
        													/*Стили для скрытого выпадающего меню из вертикального*/
        .menuM > ul > li > ul {
            top:16px;
			left:0px;
        }
        .menuM > ul > li > ul > li > ul {
            top:-25px;
			left:300px;
        }
         
        /*Делаем скрытую часть видимой*/
        .menuM li:hover > ul {
            display:block; 
            width:300px;		/*Задаем ширину выпадающего меню*/      
		}
       	.menuM li:hover > ul > li {
			float:none; 		/* Убираем горизонтальное позиционирование*/
        }

/* --------------------------------------------------------- Стили старого меню ----------------------------------------------------------- */
#h_menu {
	position: relative;
	top:0px;
	width:100%;
	background-image:url(../../images/m/gmd.gif);
	height:28px;
	vertical-align:middle;
	padding-top:0px;
}
#headmenu a {
	position: relative;
	top:2px;
	display:block;
	float:left;
	text-align:center;
    margin:0px;
    padding:4px 7px 4px 7px;
	color:#DDD;
	background:url("../../Styles/tabright10.gif") no-repeat left top;
	background-position:100% -45px;
	text-align:center;
	text-decoration:none;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:14px;
}
#headmenu a:hover {
      color:#FFF;
	  background-position:0% -42px;
}
#headmenu a:hover span {
      color:#FFF;
	  background-position:0% -42px;
}
#headmenu #current a {
              background-position:0% -45px;
}
#headmenu #current a span {
              background-position:0% -45px;
}
/* ----------------------------------------------------------- */
#h_menu_weak {
	position: relative;
	top:0px;
	width:100%;
	background-color:#FFF;
	height:75px;
	vertical-align:middle;
	padding-top:0px;
}
#headmenu_weak a {
	position: relative;
	top:2px;
	display:block;
	float:left;
	text-align:center;
    margin:0px;
    padding:4px 7px 4px 7px;
	color:#000;
	background-color:#FFF;
	text-align:center;
	text-decoration:none;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:20px;
	font-weight:bold;
	border:double;
}
#headmenu_weak a:hover {
/*	
	  background-color:#EEC;
	  border-bottom-color:#CCC;
	  border-right-color:#CCC;
	  border-left:solid;
	  border-top:solid;
*/
	  background-color:#EEC;
	  border-top:20;
	  border-top-color:#555;
	  border-left-color:#555;
	  border-right:solid;
	  border-bottom:solid;
}
#headmenu_weak a:hover span {
	  background-color:#CCC;
}
#headmenu_weak #current a {
	background-color:#CCC;
}
#headmenu_weak #current a span {
    background-color:#CCC;
}