#navigation {
width: 960px;
height: 50px;
margin: 0;
/*background-image: url(img/gor_menu.jpg);*/ 
text-align: center;
background-repeat: no-repeat;
background-position:center;
background:#FDFFE2; /*?Основной фон?*/    

} 
 
#navigation ul {
list-style: none;
margin: 0;
padding: 0;

/*
position: relative; 
left:50%;
float:left;
*/
} 

#navigation ul li {
display: inline;
margin: 0px;
display:inline-block;
text-align: center;
/*
position:relative;
left:-50%;
float:left;
*/ 

  
}  

#navigation ul li a {
height:28px;
display: block;
float: left;
color: #AD6A00;	   /*?Главное меню: неактивный пункт?*/									/*10*/ /*цвет текста в главном меню*/
text-decoration: none; 
font-family: Arial;
font-size: 12px;
font-weight: bold;
/*background-image: url(img/g_separatorline.jpg);*/
background-repeat: no-repeat;
background-position: right center;
padding-top: 0; 
padding-right: 17px;
padding-bottom: 0; /*	было 17 - подн§л текст*/
padding-left: 17px;

 
background:#FDFFE2; /*?Основной фон?*/            /* выпуклый блок*/
border-radius: 0px 0px 2px 2px;
/*-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
-moz-box-shadow:0 1px 4px ;
box-shadow:0 1px 4px ;
-webkit-box-shadow: 0 15px 10px -10px ;
-moz-box-shadow: 0 15px 10px -10px  ;
box-shadow: 10px 10px 10 0 ;
}

#navigation ul li a:hover {   
color: #F49200;       /*?Главное меню: пункт при наведении мыши?*/		 							/*11*/ /*цвет текста в главном меню после*/
/*background-image: url(img/button_hover.jpg);*/
background-repeat: repeat-x;
background-position: left top;
}

 
#navigation ul li a.selected {
color: #AD6A00;      /*?Главное меню: неактивный пункт?*/	   /*   ?   Главное меню: активный пункт?*/	 	 							
/*background-image: url(img/button_hover.jpg);*/
background-repeat: repeat-x;
background-position: left top;


background:#FDFFE2; /*?Основной фон?*/            /* выпуклый блок*/
border-radius: 0px 0px 2px 2px;
/*-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 15px 10px -10px inset;
-moz-box-shadow: 0 15px 10px -10px  inset;
box-shadow: 5px 5px 10px 0px  inset;x  ;
box-shadow: 2px 2px 10 0 ;
}




#menu2-wrap {
 width: 950px;
 display: table;
/* margin: 100px auto;*/ 
 margin-left: 0px;  
 height: 10px;
/* background: #f7f7f7;  фон меню*/ 
color: #FFFFFF;
/*background: url(files/pic/my11.png);*/ 
 z-index: 0;


filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#5D5D5D'); /* для IE6-9 */

background: -moz-linear-gradient(#F2F2F2,  #5D5D5D); /* для firefox 3.6+ */ 
background: -o-linear-gradient(#F2F2F2,  #5D5D5D); /* для Opera 11.10+ */
background: -ms-linear-gradient(#F2F2F2,  #5D5D5D); /* для IE10+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2F2F2),color-stop(100%,	#5D5D5D	));    /* для webkit-браузеров */
/*background: -webkit-gradient(linear, #F2F2F2, #5D5D5D);  для webkit-браузеров */

}
#menu2 {  
 list-style: none;
 padding: 0;
 margin: 0; 

 font-family: inherit;
 z-index: 4;
 position: relative;
 display: table-row;

 font-size: 1em;				/*размер шрифта для всех уровней*/
 /*background: red;*/   		/* фон меню*/ 
}


#menu2 li{
 position:relative; 
 display: table-cell;
 float: none;
 margin: 0;
 text-align: center; 
 
border-right: 0px solid #80DF95;    /*линия - разделитель между пунктами   готово*/
}

#menu2 li:last-child {   /* вопрос*/
 border: 0 none; 
}

#menu2 li a:hover {
/* color: red; 							слово пункта меню при  наведения  готово*/
}




#menu2 li a {
 display: block;
 color: #FFFFFF; 							/*слово пункта меню до  наведения  готово*/
 text-decoration: none;
 padding: 12px 16px 12px 16px; 
}


#menu2 li:hover { 						/*фон области пункта меню после наведения  готово (не м еняю)*/
/*  background: #528F60; */
}

#menu2 li ul li,
#menu2 li ul li ul li{        
 float:none;       
 width:360px;   
 display: block;
/* background: green;	*/
/*background: url(files/pic/my2.png);  фон  пункта подменю до  наведения  */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#5D5D5D'); /* для IE6-9 */

background: -moz-linear-gradient(#F2F2F2,  #5D5D5D); /* для firefox 3.6+ */ 
background: -o-linear-gradient(#F2F2F2,  #5D5D5D); /* для Opera 11.10+ */
background: -ms-linear-gradient(#F2F2F2,  #5D5D5D); /* для IE10+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2F2F2),color-stop(100%,	#5D5D5D	));    /* для webkit-браузеров */
/*background: -webkit-gradient(linear, #F2F2F2, #5D5D5D);  для webkit-браузеров */


background:#D5D5D5; /*  до */



 margin: 4px;
 padding: 1px;
 text-align: left;


 font-size: 1em;	/*размер шрифта для подменю 0.9 от основного     следующее будет еще меньше в 0.9 раз*/
text-decoration: none;
}


#menu2 li ul li a::after {
 color: #f7f7f7;				
 padding: 1px;
 border-bottom: 1px solid grey;
/*  text-decoration: underline;		слово пункта подменю до  наведения  */
}


#menu2 li ul li:hover { 
/*  background:#04969D;				фон  пункта подменю при наведении  наведения  */
background: url(files/pic/my2_.png);	
 text-decoration: none;			
 background:  #696969; /* после*/
 /*color:red;				 вопрос  */
}

#menu2 li ul li ul li { 
/*background: url(files/pic/my2.png); /* фон  пункта подменю до  наведения  */			/* фон  пункта второго подменю до наведении  наведения  */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#5D5D5D'); /* для IE6-9 */

background: -moz-linear-gradient(#F2F2F2,  #5D5D5D); /* для firefox 3.6+ */ 
background: -o-linear-gradient(#F2F2F2,  #5D5D5D); /* для Opera 11.10+ */
background: -ms-linear-gradient(#F2F2F2,  #5D5D5D); /* для IE10+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2F2F2),color-stop(100%,	#5D5D5D	));    /* для webkit-браузеров */
background:#D5D5D5; /*  до */		
/*background: -webkit-gradient(linear, #F2F2F2, #5D5D5D);  для webkit-браузеров */
}

#menu2 li ul li ul li ul li { 
/*background: url(files/pic/my2.png);			 фон  пункта второго подменю до наведении  наведения  */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#5D5D5D'); /* для IE6-9 */

background: -moz-linear-gradient(#F2F2F2,  #5D5D5D); /* для firefox 3.6+ */ 
background: -o-linear-gradient(#F2F2F2,  #5D5D5D); /* для Opera 11.10+ */
background: -ms-linear-gradient(#F2F2F2,  #5D5D5D); /* для IE10+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2F2F2),color-stop(100%,	#5D5D5D	));    /* для webkit-браузеров */
background: #D5D5D5;		
/*background: -webkit-gradient(linear, #F2F2F2, #5D5D5D);  для webkit-браузеров */
}

#menu2 li ul li ul li:hover,
#menu2 li ul li ul li ul li:hover{ 
background: url(files/pic/my2_.png);					/* фон  пункта второго подменю при наведении    */
 background:  #696969;
/* text-decoration: underline; 		 слово  пункта второго подменю при наведении  подчеркнуто  */
}

#menu2 li ul li ul {        
 margin-left: 65px;				  /*расстояние между областями первого и второго подменю */

}

#menu2 li ul{
 display:none;
 position:absolute;
 background-color:black;					/* между пунктами*/
 padding:0;
 z-index: 5;
}
#menu2 li:hover ul{   
 display:block; 
}

#menu2 li ul li ul,      
#menu2  li:hover ul li ul,
#menu2  li:hover ul li ul li ul{    
 display:none;
 position:absolute;
 left:298px;				  /*расстояние между областями первого и второго подменю */
 top:0;
}

#menu2 li ul li:hover ul,
#menu2 li ul li ul li:hover ul{
 display:block;
}
}

#menu2 li:hover a {
 color: black ;  				/* вопрос  */
 
}

#menu2 li:hover > ul li a {
 color: #680673;	    /*слова в подменю и в подменю 2 до наведения*/
  }
  
#menu2 li:hover > ul li a:hover {
/* color: red;      слова в подменю и в подменю 2 при наведении*/
  }
    
  

#menu2 li > a:after { 
/* color: #141191;   значок (content) ссылки до наведения*/
 content: '\25BC';  /* значок в подменю  25BA до наведения*/
 font-size: 1.0em;
 text-decoration: none;
} 

#menu2 li > a:only-child:after {			/* значок (content) до наведения  если нет далее списка для этого пункта*/
 content: '';
}   

#menu2 li ul li > a:after,
#menu2 li ul li ul li > a:after {
content:  '\25BA';  			/* значок в  первом подменю  до наведения если есть следующий уровень   цвет в #menu2 li > a:after */
color:#680673; border: 0; 
text-decoration: none;
} 

#menu2 li:hover > a:after {		
content: '\25BC';
font-size: 1.0em;
border: 0px;
/* color: red;							 значок  в  главном меню  при наведения  если есть следующий уровень   >  */
padding-top: 30px;
}

#menu2 li:hover a:after {		/* значок  в  главном меню  при наведения  если есть следующий уровень   >  */
/* color: #FFFFFF;*/
}




 
#menu2 li:hover > a:only-child:after {
 content: '';  								/* значок (content) после наведения  если нет далее списка для этого пункта*/

 }   

#menu2 li ul li:hover > a:after {
 content:  '\25BA'; 	
text-decoration: none; 
 /* color: red;   значок (content) при наведения  в подпунктах если  есть далее список для этого пункта*/
} 

#menu2 li ul li:hover > a:only-child:after {
content:  '';  							 /* значок в во вором подменю  при наведения если надалее нет пунута  */
text-decoration: none;
color: #FFFFFF;

} 
/*
#menu2 ul ul li:first-child > a:after { /* первый пункт  во вором подменю  при наведения  слева вертикаль>     
} 
 position: absolute;
 left: -6px;
 top: 50%;
 margin-top: -2px;
 border-left: 0; 
 border-bottom: 6px solid transparent;
 border-top: 6px solid transparent;
 border-right: 6px solid #fff;
}
*/
#menu2 li ul { /* gthdjt  подменю   222222222222222222222222 double   overflow-y:scroll; max-height: calc(100vh - 310px);*/
width:670px; 


 z-index: 5;


border: 1px solid  #680673 ;


overflow-y:auto;



overflow-x:hidden;

/*height:calc( 100vh – 300px);*/ 
 
 
}


#menu2 li ul  li ul{ /* второе  подменю 222222222222222222222222 */
width:420px; 
border: 0px solid  #680673 ;
overflow-y:auto;
}


/*********************************************************/




#menu-wrap-bot {
 width: 950px;

 display: table;
 margin: 100px auto;
margin-top:-24px;
/*background: url(files/pic/my11.png);*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B5B5B5', endColorstr='#575757'); /* для IE6-9 */

background: -moz-linear-gradient(#B5B5B5,  #575757); /* для firefox 3.6+ */ 
background: -o-linear-gradient(#B5B5B5,  #575757); /* для Opera 11.10+ */
background: -ms-linear-gradient(#B5B5B5,  #575757); /* для IE10+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B5B5B5),color-stop(100%,	#575757	));    /* для webkit-браузеров */
/*background: -webkit-gradient(linear, #B5B5B5, #575757);  для webkit-браузеров */
color: #FFFFFF;
}

#menu-bot {  
 list-style: none;
 padding: 0;
 margin: 0; 
 font-family: inherit;
 font-size: 14px;
 z-index: 4;
 position: relative;
 display: table-row;

 font-size: 0.9em;				/*размер шрифта для всех уровней   #f7f7f7;*/
 /*height:90px;*/
}
#menu-bot li{
 position:relative; 
 display: table-cell;
 border-left: 0px;
 float: none;
 margin: 0;
 text-align: center; 
 
 /*border-right: 1px solid #80DF95;*/   /*линия - разделитель между пунктами   готово*/
}

#menu-bot li:last-child {
 border: 0 none; 
}

#menu-bot li a {
 display: block;
 color:  #FFFFFF;							/*слово пункта меню до  наведения  готово*/
 text-decoration: none;
 padding: 12px 16px 12px 16px; 
 
}


#menu-bot li:hover { 						/*фон области пункта меню после наведения  готово*/
/*  background: #528F60; */
}


#menu-bot li ul li {        
 float:none;       
 width:250px;   
 display: block;
 background: #000;
 margin: 0;
 padding: 0;
 text-align: left;
 border: 0 none;
 font-size: 0.8em;	/*размер шрифта для подменю 0.9 от основного     следующее будет еще меньше в 0.9 раз*/
 margin-top: -100px;
}


#menu-bot li ul li a {
 color: #f7f7f7;
 padding: 10px;
 border-bottom: 1px solid #333;
}

#menu-bot li ul li:hover { 
 background:#000;
 text-decoration: underline;
 color: #f7f7f7;
}

#menu-bot li ul li ul li:hover { 
 background:#000;
 text-decoration: underline; 
}

#menu-bot li ul li ul {        
 margin-left: 2px;
}

#menu-bot li ul{
 display:none;
 position:absolute;
 background-color:#4d2001;
 list-style:none;
 padding:0;
 z-index: 5;
}
#menu-bot li:hover ul{   
 display:block; 
}

#menu-bot li ul li ul,      
#menu-bot  li:hover ul li ul{    
 display:none;
 position:absolute;
 left:250px;
 top:0;
}

#menu-bot li ul li:hover ul{
 display:block;
}

#menu-bot li:hover a {
 color: #DBDAD7 ;  /*слова в меню после наведения*/
}
#menu-bot a.selected {
 color: red;	
}


#menu-bot li:hover > ul li a {
 color: #f7f7f7;      /*слова в подменю*/
}
/* 
#menu-bot li > a:after { 
 color: #000000;  значок (content) ссылки
 content: ' ?';
 font-size: 16px;
} 
*/
#menu-bot li > a:only-child:after {
 content: '';
}   

#menu-bot li ul li > a:after {
content:  ' \25BA';  /* значек в подменю  25BA до наведения*/
} 

#menu-bot li:hover > a:after {
padding-top: 30px;
 /*content: url(files/pic/my.png);*/
 content: '\25BC';
 
 color: #000;
 font-size: 16px;
}
 
#menu-bot li:hover > a:only-child:after {
 content: '';  /*  нет значка, если нет подменю*/
}   

#menu-bot li ul li:hover > a:after {
 content:  '';   /*  нет значка в подменю после наведение на слово  */
} 

#menu-bot li ul li:hover > a:only-child:after {
 content: '';   /*  нет значка, если нет подменю*/
} 


#menu-bot ul ul li:first-child > a:after { /* первый пункт  во вором подменю  при наведения  слева вертикаль>  #navigation ul li a.selected*/
} 
 position: absolute;
 left: -6px;
 top: 50%;
 margin-top: -2px;
 border-left: 0; 
 border-bottom: 6px solid transparent;
 border-top: 6px solid transparent;
 border-right: 6px solid #fff;
}