body 
		{
            background: #fff;
        }
		/* 25.12.2021 */ 
        .stolb_menu
		{
		width : 140px; height : 80px;
		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_menu3
				{
				width : 140px; height : 36px;
				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-left: 2px solid #228B22;
				border-right:  2px solid #228B22;
				/* border: 2px solid #228B22; */
				}
				
				.verh_stolb_menu
				{
					border-top:  2px solid #228B22;
					border-left: 2px solid #228B22;
					border-right:  2px solid #228B22;
					
				font-size: 13pt;
				
				height : 23px;
				background : #28eb28;
				-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
				/* border: 4px ridge #00ff00; */
				/* border: 2px solid #32cd32; */
				}
				
				.niz_stolb_menu
				{
				height : 25px;
				background : #28eb28;
				
				border-bottom: 2px solid #228B22;
				
				border-left: 2px solid #228B22;
				border-right:  2px solid #228B22;
				}
		
		.stolb_menu:hover
		{
		cursor : pointer;
		}
            
			.stolb_menu1
			{
			width : 140px; 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_menu1:hover
			{
			cursor : pointer;
			}
 
 
		.promegutok
		{
		width : 12px;
		background : white;
		border: 2px solid white;
		}
		
		.promegutok_pervyj
		{
		width : 15px;
		background : white;
		border: 2px solid white;
		}
		
		.promeg_strok
		{
		height : 10px;
		}
		
		.polosa_gor
		{
		height : 10px;
		background : white;
		}
		
		.polosa_ver
		{
		width : 10px;
		background : white;
		}
		
		.ramka_smilov
		{
		width : 10px;
		}
		
		.prom_menu_vert
		{
		height : 10px;
		}
		
		.prom_menu_vert1
		{
		height : 1px;
		}
		
		.prom_smile_ver
		{
		height : 40px;
		}
		
		.smil
		{
		border-radius: 98px; /* Радиус скругления */
		}
		
		.liniya
		{
		border : none;
		background-color : gray;
		color : gray;
		height : 2px;
		}
		
		#vvodlogin
		{
		resize : none;
		}
		
		#vvodlogin_reg
		{
		resize : none;
		}
		
		
			#knopka_reg 
		{
			width : 170px;
			height : 30px;
			
			border: 2px solid gray;
			background : #d4d4d4;
			font-weight: 700;
		}

		#knopka_vojti  
		{
			width : 170px;
			height : 30px;
			
			border: 2px solid #228B22;
			background : #98fb98;
			font-weight: 700;
		}
		
		#knopka_vojti:hover 
		{
		cursor : pointer;
		background : #47ed47; 
		color : #555555;
		}
		
		
		#zabyl_parol
		{
		color : black;
		text-decoration : underline;
		}
		
		#zabyl_parol:hover
		{
		color : green;
		cursor : pointer;
		}
		
		.pravila_ur3
		{
		position: absolute; /* Абсолютное позиционирование */
		 background: white;
	     border: 2px solid #228B22;
			  
			  
			   width : 400px;
			   height : 270px;
		}
		
		.pravila_ur3_reg
		{
		position: absolute; /* Абсолютное позиционирование */
		 background: white;
	     border: 2px solid #228B22;
			  
			  
			   width : 460px;
			   height : 350px;
		}
		
		#prom_reg_vert
		{
		 height : 50px;
		}
		
		.otstup_pr_reg
		{
		 width : 40px;
		}
		
		#email
		{
		resize : none;
		}
		
		.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;
				}
		#form_reg1
           {
		   display:none;
		   }	

         .galka_vhod	
          {
		  width : 17px;
		  color : #32cd32;
		  font-weight : 700;
		  font-size : 15pt;
		  }		

              .photo_ne_vidimo /* класс когда замечание не видно - display: none */
				   {
					display: block; /* Строчно-блочный элемент */
					position: relative; /* Относительное позиционирование */
				   
					 width : 150%;
				  }
               
			   
			   .photo 
				   {
					display: inline-block; /* Строчно-блочный элемент */
					position: relative; /* Относительное позиционирование */
				   
					 width : 150%;
				  }
				   
				.photo:hover::after 
				   {
					
					
					content: attr(data-title); /* Выводим текст */
					position: absolute; /* Абсолютное позиционирование */
					
					left: 10%; top: -200%; /* Положение подсказки */
					
					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; /* Параметры рамки */
				   }
				   

             .foto_vidimo 
				   {
					display: inline-block; /* Строчно-блочный элемент */
					position: relative; /* Относительное позиционирование */
				   
					 width : 150%;
				  }
				   
				.foto_vidimo::after 
				   {
					content: attr(data-title); /* Выводим текст */
					position: absolute; /* Абсолютное позиционирование */
					
					left: 10%; top: -200%; /* Положение подсказки */
					
					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; /* Параметры рамки */
				   }		

					.krest_reg
					{
					 font-size : 15pt;
					}
		  
				#vvodlogin_reg
				{
				font-weight : 700;
				font-size : 12pt;
				}
		  
		        #vvodparol_reg
				{
				font-weight : 700;
				font-size : 13pt;
				}
		  
		        #vvodparol_povtor
				{
				font-weight : 700;
				font-size : 13pt;
				}
				
				#email
				{
				font-weight : 700;
				font-size : 12pt;
				}
				
				#form_reg
				{
				display : none;
				}
				
									#eye 
									{
									  display: inline-block;
									  position: relative;
									  width: 1em; /* ширина элемента */ 
									  height: 1em; /* высота элемента */ 
									  background: #d4d4d4; /* цвет иконки как цвет текста */ 
									  border-radius: 70% 0 / 70%;
									  transform: rotate(45deg);
									
									}

									#eye::before,
									#eye::after 
									{
									  content: "";
									  position: absolute;
									  top: 20%;
									  left: 20%;
									  width: 60%;
									  height: 60%;
									  background: #fff;
									  border-radius: 100%;
									  
									
									
									}
									#eye::after 
									{
									  width: 40%;
									  height: 40%;
									  top: 30%;
									  left: 30%;
									  background: inherit; /* цвет зрачка как у родителя */ 
									
									}				
				
				                        del:before 
										{
										content: "";
										border-bottom: 3px solid red;
										position: absolute;
										width: 100%;
										height: 50%;
										transform: rotate(-12deg);
	                                    }
				
		
		td
		  {
			  position: relative;
		  }

		 

		  td.line:after
		  {
			 border-bottom: 2px solid #d4d4d4;
             position: absolute;
             content: "";
             width: 50%;
             height: 45%;
             left : -17%;
             transform: rotate(-45deg);
		  }
		  
		  td.line_zel:after
		  {
			 border-bottom: 2px solid #98fb98;
             position: absolute;
             content: "";
             width: 50%;
             height: 45%;
             left : -17%;
             transform: rotate(-45deg);
		  }
		  
		  td.line_gray:after
		  {
			 border-bottom: 2px solid #d4d4d4;
             position: absolute;
             content: "";
             width: 50%;
             height: 45%;
             left : -17%;
             transform: rotate(-45deg);
		  }

		  td.line_ne_vidno:after
		  { 
             position: absolute;
             content: "";
             width: 50%;
             height: 45%;
             left : -17%;
             transform: rotate(-45deg);
		  }
		
		#text_prov
		{
			font-weight : 600;
				font-size : 16pt;
		}
		
		.sticky {
				position: sticky;
				top: 0px;
				padding: 0;
                 margin-top: -10px;
				 z-index : 10;	
				}
				
			.megdu_strok
		{
		height : 3px;
		}	
		
		.perevod
		{
		width : 400px;
		font-weight: 700;
		}
		
		.otstup
		{
		width : 30px;
		}
		
		.otstup1
		{
		width : 60px;
		}
		 .green_line
		 {
		 background-color : green;
		 height : 2px;
		 }
		 
		 .zvuk
		{
		width : 40px;
		font-weight: 700;
		color : black;
		background: #98fb98;
	    border: 2px solid #228B22;
		
		-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
		}
		       
			        .zvuk:hover
						{
						background: #47ed47;
						color : #555555;
						cursor : pointer;
						border : 2px solid #00cc33;
						}
						
			.slovo
		{
		width : 280px;
		}
		
		.perevod
		{
		width : 280px;
		font-weight: 700;
		}	

		.ris
		{
		width : 180px;
	    -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
		}
		
		 #naverh1
		{
		width : 40px;
		height : 40px;
		background : #98fb98;
		border: 2px solid #228B22;
		color : green;
		
		font-size: 24pt;
	    -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
		}
		
		 #naverh1:hover
		{
		cursor : pointer;
		background : #47ed47; // светящийся темно-зеленый
		}
		
		#naverh
		{
		position : fixed;
		bottom : 0px;
		right : 0px;
		
		width : 60px;
		height : 60px;
		background : white;
		}
		
		#net_slov
		{
		font-size: 24pt;
		font-weight: 700;
		color : green;
		
		}
		
		.mesto_scetchika
		{
		position : fixed;
		bottom : 0px;
		left : 50px;
		}
		
		.mesto_scetchika_obychno
		{
		position : static;
		}
		
		                       .stolb_menu_vybor
                                   {
								width : 100px; 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 : 600;
	    font-size : 16pt;
		}					
		
		#name_sverhu
		{
		font-weight : 600;
		color : #32cd32;
		}
		
		/* --------------------------------------------------------------------------------------------------------- */
		
		#f_zabylpass
		{
		display : none;
		}
		
		#vopros_novogo_paroly
		  {
		 -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
		 }
		 
		                       .stolb_menu_vybor1
                                   {
								width : 150px; 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_vybor1:hover
								{
								cursor : pointer;
								background : #47ed47; 
								}
		
		#f_nov_p
		{
		display : none;
		}
		
		#vvodlogin_reg_np
		{
		resize : none;
		}
		
		 #knopka_reg_np 
		{
			width : 170px;
			height : 30px;
			
			border: 2px solid gray;
			background : #d4d4d4;
			font-weight: 700;
		-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
		}
		                            #login
									 {
									 -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
									 }
									
									#login_np
									 {
									 -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
									 }
									 
									 #povtor_pass_nevydelit
									 {
									 -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
									 }
									 
									 
									 #pass_nevydelit
									 {
									 -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
									 }
									 
									 #zakryt
		                             {
									 -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
									 }
									
									#zakryt_np
		                             {
									 -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
									 }	

                                    #e_mail_nevydelit
									{
									 -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
									 }
									 
									 #knopka_reg
									 {
									 -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
									 }
									 
									 #novpass_np_nevyd
									 {
									 -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
									 }
									 
									 #povtorpass_np_nevyd
									 {
									 -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
									 }
									 
									 #masage_regrazalt_np
									 {
									 -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
									 }
									 

		#vvodlogin_reg_np
		{
		font-weight : 700;
		font-size : 12pt;
		}
		
		#vvodparol_reg_np
		{
		font-weight : 700;
		font-size : 13pt;
		}
		
		#vvodparol_povtor_np
		{
		font-weight : 700;
		font-size : 13pt;
		}
		
		/* глаз смены пароля   глаз смены пароля   глаз смены пароля  глаз смены пароля */ 
									#eye_np 
									{
									  display: inline-block;
									  position: relative;
									  width: 1em; /* ширина элемента */ 
									  height: 1em; /* высота элемента */ 
									  background: #d4d4d4; /* цвет иконки как цвет текста */ 
									  border-radius: 70% 0 / 70%;
									  transform: rotate(45deg);
									
									}
		
			                        #eye_np::before,
									#eye_np::after 
									{
									  content: "";
									  position: absolute;
									  top: 20%;
									  left: 20%;
									  width: 60%;
									  height: 60%;
									  background: #fff;
									  border-radius: 100%;
									}
									
									#eye_np::after 
									{
									  width: 40%;
									  height: 40%;
									  top: 30%;
									  left: 30%;
									  background: inherit; /* цвет зрачка как у родителя */ 
									}	
		                            
									   #otpr_povtor
										{
										color : black;
										text-decoration : underline;
										 -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
										}
								
										 #otpr_povtor:hover
										{
										color : green;
										cursor : pointer;
										}
										
										 h1
										{
										text-indent: -9999px;
										background : white;
										height : 0px;
										 margin-bottom: -15px;
										}
										
										a
										{
										/* visibility: hidden; */
										font-size : 0pt;
										color : white;
										line-height: 0px;
										height: 0px; 
										padding: 0px;
										margin: 0px;
										}