body {
            background: #fff;
        }
       /* 16.02.2022 */ 
 
	 * { font:17px serif; color:black; margin:0; padding:0; } 
  * html .pnghack { filter:expression('progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+ this.src +')'); width:expression(10000000000); height:expression(10000000000); } 
  body { padding:20px; } 
  h1 { margin-bottom:15px; } 
   
  
   
  .drag_window { position:absolute; top:60px; width:450px; border:3px double #333; z-index:10; } 
  .drag_window .title { position:relative; display:block; color:white; background:#333; padding:10px; cursor:move; -width:100%; } 
	
	#variant1_1 { top:500px; left:100px;  } 	
   
    #variant1_1:hover { color:green; }  
   
	#variant1_2 { top:500px; left:200px;  } 
		
	.stolbec_variantov	{ width : 150px}
	
				.stolbec_urovney 
				{
				font-size: 30pt;
				font-weight: 700;
				width : 50px; height : 50px;
				background : #d4d4d4; /* серый, недоступный */  
				-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
				}
		
		        #stolbec_urovney1
				{
				color : black;
				background : #98fb98; /* зеленый, доступный */
				}
				
				 #stolbec_urovney2
				{
				color : black;
				background : #98fb98; /* зеленый, доступный */
				}
				
				
				#stolbec_urovney3
				{
				color : black;
				background : #32cd32; /* зеленый, текущий */
				}
				
				
				
				
				.maloe_menu 
				{ 
				width : 220px; height : 40px;
				-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
				font-weight: 700;
				border: 2px solid green;
				background : #98fb98;
				color : black;
				}
				
				.maloe_menu:hover
				{
				cursor : pointer;
				border: 2px solid #00cc33;
				background : #66ff66;
				}
		
				.small_picture
				{
				width : 100px; height : 62px; 
				background : #d4d4d4; /* серый, недоступный */  
				 -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
				}
				
				
				.small_interval
				{
				width : 12px;
				 -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
				}
			
				#nazvanie 
				{
				font-weight: 700; font-size: 30pt;
				-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
				}
	
		        .strelka /* смена пятерок меню */ 
				{
				width : 40px; height : 40px;
				font-weight: 700; font-size: 30pt;
				-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
				}
			
			   .liniya_razm
				{
				border : none;
				background-color : gray;
				color : gray;
				height : 2px;
				}
	
	           .stolb_menu
				{
				width : 150px; height : 40px;
				font-weight: 700;
				background : #98fb98;
				color : black;
				
				-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
				/* border: 4px ridge #00ff00; */
				/* border: 2px solid #32cd32; */
				border: 2px solid #228B22;
				}
				
				.stolb_menu:hover
				{
				cursor : pointer;
				} 
	          
			    
				.small_nadpis
				{
				height : 15px; font-size: 9pt; background : #d4d4d4;
				-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
				}
			
				#big_picture_place
				{
				-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
				}
			
	 
				.liniya
				{
				height : 5px;
				background : #66ff66;
				width : 40px;
				}
				
				.liniya:hover
				{
				cursor : pointer;
				}
				
				.liniya_pr
				{
				height : 5px;
				background : white;
				width : 10px;
				}
				

				.bokovye_knopki
				{
				width : 200px;
				height : 46px;
				background : #98fb98;
		        font-weight: 700;
				border: 2px solid #228B22; 
				-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
				}
							
				.bokovye_knopki:hover
				{
				background : #66ff66;
		        cursor : pointer;
				border: 2px solid #00cc33;
				}
							
				.bokovye_knopki1
				{
				width : 200px;
				height : 21px;
				background : #98fb98;
		        font-weight: 700;
				border: 2px solid #228B22; 
				-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
				}
							
				.bokovye_knopki1:hover
				{
				background : #66ff66;
		        cursor : pointer;
				border: 2px solid #00cc33;
				}				
	
				.prosvet
				{
				height : 5px;
				}
	
				.zadanie
				{
				background : yellow;
				margin-top: 0.2em; /* Отступ сверху */
				margin-bottom: 0.2em; /* Отступ снизу */
				}
	
				.forma_konez_urb
			   {
			   background: white;
			   border: 2px solid #228B22;
			  
			   position: absolute; 
			   width : 400px;
			   height : 270px;
			   display : none;
			   }
	
				#prav1
				{
				 font-weight: 700;
				}
				
					   
				.knop_nazat
				{
				font-size: 30pt;
				font-weight: 700;
				
				color : black;
				background: #98fb98;
				border: 2px solid #228B22;
				
				width : 50px; height : 50px;
				-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
				}
				
				.knop_nazat:hover
				{
				background: #47ed47;
				color : #555555;
				cursor : pointer;
				border : 2px solid #00cc33;
				}
		
		/* ------------------- выше функции оболочки  ------------------- выше функции оболочки ------------------- выше функции оболочки   ------------------- выше функции оболочки  ------------------- выше функции оболочки*/
		
		
		.stroka_vnutri_ur3 
		{
		-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
		height : 50px;
		}
		
		.net_vybor {width : 50px; color : red} 
		.net_vybor : hover {cursor : pointer;} 
		
		.da_vybor {width : 50px; color : green}
		.da_vybor : hover {cursor : pointer;} 
		
		.variant_otveta {color : black; font-weight: 700;} 
		
		.stob_razd_u3 {width : 5px}
		
		
		#prav2
		{
		 font-weight: 700;
		}
		
		#konec_ur2
		{
		 font-weight: 700;
		}
		
		
		 .photo 
				   {
					display: inline-block; /* Строчно-блочный элемент */
					position: relative; /* Относительное позиционирование */
				  }
				   
		.photo::after 
				   {
					content: attr(data-title); /* Выводим текст */
					position: absolute; /* Абсолютное позиционирование */
					
					left: 10%; top: 10%; /* Положение подсказки */
					
					z-index: 1; /* Отображаем подсказку поверх других элементов */
				   
					background: rgba(225,225,225,0.9); /* Полупрозрачный цвет фона */
					
					font-family: Arial, sans-serif; /* Гарнитура шрифта */
					font-size: 20px; /* Размер текста подсказки */
					padding: 5px 10px; /* Поля */
					border: 1px solid #228B22; /* Параметры рамки */
					
				   }	   
				   
		.photo:hover::after 
				   {
					content: attr(data-title); /* Выводим текст */
					position: absolute; /* Абсолютное позиционирование */
					
					left: 10%; top: 10%; /* Положение подсказки */
					
					z-index: 1; /* Отображаем подсказку поверх других элементов */
				   
					background: rgba(225,225,225,0.9); /* Полупрозрачный цвет фона */
					color: green;
					font-family: Arial, sans-serif; /* Гарнитура шрифта */
					font-size: 22px; /* Размер текста подсказки */
					padding: 5px 10px; /* Поля */
					border: 1px solid #228B22; /* Параметры рамки */
					
				   }		
		
		
							.stolb_zadanija2p
							{
		                     width : 200px;
							height : 16px;
							background : #98fb98;
		                    font-weight: 700;
							border: 2px solid #228B22; 
							-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
							font-size : 11pt; /*  надпись Показать подсказки  */
							}
							
			  .stolb_zadanija2p:hover
				{
				cursor : pointer;
				border: 2px solid #00cc33;
				background : #66ff66;
				}
				
	/* 3 уровень  3 уровень  3 уровень  3 уровень  3 уровень  3 уровень  3 уровень  3 уровень  3 уровень  3 уровень   3 уровень  3 уровень  3 уровень  3 уровень  3 уровень   3 уровень  3 уровень  3 уровень  3 уровень  3 уровень */			
	
    .stroka_variantov_ur2 {height : 60px}
	.stroka_ur2 {height : 50px}
	
		.ris_ur2 
		{
		width : 330px; height : 180px
		-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; 
		}
		
	.stob_razd_u2 { width : 5px}
	
	.drag_obj 
  { 
  position:absolute;  cursor:move; text-align:center; z-index:100; font-weight: 700; 
        -ms-user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-webkit-user-select: none;
  
  } 
  .drag_obj span { display:block; padding:1px 3px; background:white; } 
  .drag_obj:hover * { color:green; } 
  
  
   #knopka_proverit_ur3
		{
		background : #d4d4d4;
		-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
		}
		
	.forma_konez_ur3b
			   {
			   background: white;
			   border: 2px solid #228B22;
			   
			   position: absolute; 
			   width : 400px;
			   height : 270px;
			   display : none;
			   z-index:110;
			  }	
			  
		.pravila_ur3_reg
		{
		position: absolute; /* Абсолютное позиционирование */
		 background: white;
	     border: 2px solid #228B22;
			
			  
			   width : 460px;
			   height : 350px;
		}
			  
			.stolb_menu_vybor
                                   {
								width : 400px; height : 30px;
								font-weight: 700;
								background : #98fb98;
								color : black;
								
								-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
								/* border: 4px ridge #00ff00; */
								/* border: 2px solid #32cd32; */
								border: 2px solid #228B22;
								}
								
								.stolb_menu_vybor:hover
								{
								cursor : pointer;
								
								}  
								
			#vopros_formy_vyhoda	
              {
			  font-weight: 700;
			  }			
								
			  
   .zve_class
   {
   filter: alpfa(opacity=0);
   opacity : 0;
     position: absolute; 
   }
   
    .zve_s_class
   {
   filter: alpfa(opacity=100);
   opacity : 1; 
   }
	
		#proyd_tema
		{
		font-weight: 700;
		}
		
		#proyd_tema_an
		{
		font-weight: 700;
		}
		
		.class1
		{
		
		}
		
		.class2
		{
		 display : none;
		}
		
		               #f_predup
						{
						z-index:15;
						}
						
	                #masage_predup
					{
					 font-weight: 700;
					
					}	
		
		#projden_ur3_anonim
		{
		 display : none;
		 z-index:120;
		}
		
		 h1
		{
		text-indent: -9999px;
		background : white;
		height : 0px;
		 margin-bottom: -15px;
		}
		
		#part_h1
		{
		font-weight: 700;
		}
		
		 a
		{
		/* visibility: hidden; */
		font-size : 0pt;
		color : white;
		line-height: 0px;
		height: 0px; 
		padding: 0px;
		margin: 0px;
		}
		
		.vidimaya_ssylka
		{
		font-size : 13pt;
		color : green;
		}
		
		#projden_ur3
		{
		z-index:120;
		}
		
		
		#projden_ur3_nov
		{
		z-index:130;
		}
		
		#konec_ur3
		{
		font-weight: 700;
		}