﻿   /* 15.07.2023 */
   body {
            background: #fff;
             }
		
        .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; */
				width : 180px; 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;
								}
								
								
                             .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;
								}
								
								 .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; 
								}
              
		.promegutok_m
		{
		width : 12px;
		border: 2px solid white; 
		background : white; 
		
		}
		
		.promegutok_pervyj_m
		{
		width : 15px;
		border: 2px solid white; 
		background : white; 
		}
		
	
		.promegutok
		{
		width : 12px;
		/* border: 2px solid white; */
		/*	background : white; */
		background : #eeeeee; 
		border: 2px solid #eeeeee;
		}
		
		.promegutok_pervyj
		{
		width : 15px;
		/* border: 2px solid white; */
		/*	background : white; */
		background : #eeeeee;
		border: 2px solid #eeeeee;
		}
		
		.promeg_strok
		{
		height : 10px;
		}
		
		.promeg_strok_big
		{
		height : 22px;
		}
		
		.promeg_grup_tem
		{
		-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
		height : 40px;
		color : green;
		font-weight: 700;
	    font-size: 14pt;
		}
		
		.polosa_gor
		{
		height : 10px;
		/*	background : white; */
		background : #eeeeee;
		
		}
		
		.polosa_ver
		{
		width : 10px;
	/*	background : white; */
		background : #eeeeee;
		}
		
		.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;
		}
		
		#vvodlogin_reg_np
		{
		resize : none;
		}
		
			#knopka_reg 
		{
			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;
		}
		
	    #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;
		}

							#e_mail_nevydelit
							 {
							 -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;
							 }
							 
	                         #login_reg
							 {
							 -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;
							 }	
							 
		                    #vopros_novogo_paroly
		                    {
							 -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
							 }
							 
							 #masage
							 {
							 -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;
							 }
							 
							 #masage_zabylpass
							  {
							 -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;
							 }
							 
							 #login_np
							 {
							 -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;
							 }
							 
							 #otpr_povtor
							 {
							 -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
							 }
							 
							 #masage_regrazalt
							  {
							 -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
							 }
							 
		#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;
		}
		
		       #otpr_povtor
				{
				color : black;
				text-decoration : underline;
				}
		
				 #otpr_povtor: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;
				}
				
				#vvodlogin_reg_np
				{
				font-weight : 700;
				font-size : 12pt;
				}
		  
		        #vvodparol_reg
				{
				font-weight : 700;
				font-size : 13pt;
				}
		  
		        #vvodparol_povtor
				{
				font-weight : 700;
				font-size : 13pt;
				}
				
				     #vvodparol_reg_np
						{
						font-weight : 700;
						font-size : 13pt;
						}
				  
					#vvodparol_povtor_np
						{
						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; /* цвет зрачка как у родителя */ 
									
									}	
									
				  /* конец глаза регистрации   конец глаза регистрации   конец глаза регистрации  конец глаза регистрации */ 
				    
					/* глаз смены пароля   глаз смены пароля   глаз смены пароля  глаз смены пароля */ 
									#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; /* цвет зрачка как у родителя */ 
									}	
									
				  /* конец глаза смены пароля   конец глаза смены пароля   конец глаза смены пароля  конец глаза смены пароля */                    
									  
									 
									  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;
		}
		
		#vopros_formy_vyhoda
		{
		font-weight : 600;
	    font-size : 16pt;
		}
		
		#name_sverhu
		{
		font-weight : 600;
		color : #32cd32;
		}
		
		
		#f_zabylpass
		{
		display : none;
		}
		
		#f_nov_p
		{
		display : none;
		}
		
		.text_str
		{
			-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
		text-indent: 25px;
		width : 90%; 
		margin-top: 0.2em;
		margin-bottom: 0.2em;
		font-size : 13pt;
		}
		
		h1
		{
		color : green
		}
		
		a
		{
		/* visibility: hidden; */
		font-size : 0pt;
		color : white;
		}
		
		
	/*	.nagmi:hover
		{
			color : green;
			cursor : pointer
		}
		
	 */
	
	#bigsmale50
		{
	/*	background: url("smale504.png") no-repeat;  */
	    background : #eeeeee;
		background-size: 100%;
		width : 300px;
		}
	 
	#schrift
	{
		font-family: "Arial black";
		font-weight : 600;
	    font-size : 90pt;
		color : red;
	}	
	
	#bigsmale501
		{
	/*	background: url("smale504.png") no-repeat;  */
	    background : #eeeeee;
		background-size: 100%;
		width : 300px;
		}
	 
	#schrift1
	{
		font-family: "Arial black";
		font-weight : 600;
	    font-size : 90pt;
		color : red;
	}	
	
	.language_change
	{
	width : 300px;
	height : 40px;	
	background : #98fb98;
    color : black;
	font-weight: 700;
	-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
	border: 2px solid #228B22;
	}
	
	
	.language_change:hover
	{
	background : #47ed47; 
	cursor : pointer;
	color : #555555;
	}
	
	
	
	
	.language_change_activ
	{
	width : 300px;
	height : 40px;	
	background : #32cd32;
    color : black;
	font-weight: 700;
	-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
	border: 2px solid #228B22;
	}
	
	.language_change_activ:hover
	{
	background : #28eb28;
	cursor : pointer;
	color : #555555;
	}
	
	
	
	
	
	
	.language_change_nem
	{
	height : 40px;	
	background : #98fb98;
    color : black;
	font-weight: 700;
	-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
	
	border-bottom: 2px solid #228B22;
	border-left: 2px solid #228B22;
	border-top: 2px solid #228B22;
	}
	
	.language_change_nem:hover
	{
	cursor : pointer;
	}
	
	
	.language_change_eng
	{
	height : 40px;	
	background : #98fb98;
    color : black;
	font-weight: 700;
	-ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
	
	border-bottom: 2px solid #228B22;
	border-right: 2px solid #228B22;
	border-top: 2px solid #228B22;
	}
	
	.language_change_eng:hover
	{
	cursor : pointer;
	}
	
	.nemez_zagolovok
	{
	    -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
		
		color : green;
		font-weight: 700;
	    font-size: 16pt;		
	}
	
	.rus_zagolovok
	{
	    -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
		
		color : green;
		font-weight: 400;
	    font-size: 14pt;		
	}
	
	.verh_grup_tem
	{
	background : #dddddd;
	border-top:  2px solid gray;	
	}