body {
	
    /* background:url(images/fon.jpg) 100% 0% fixed  no-repeat; */
    background: linear-gradient(90deg, #9fc6e3 0%, #f1f9fb 85%);
    background-size: cover;
    overflow: auto;
    font-family: Verdana,(Comic), sans-serif;
    }
            .small-links {
    font-size: 0.7em;
}
.small-links p {
    margin: 3px 0;
}

        
     a:link { color: #87CEFA; }

    .popup {width: 150px; cursor:pointer;   
    }
    
    .popup:focus {width: auto;    
    }
    
    
    	  	 .animate-charcter
    {
         text-transform: none;
         background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
         );
 
  background-size: 200% auto;
  color: #fff;
 
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 5s linear infinite reverse;
 
  justify-content:  center;
  font-size: 1.3 em;      
  }

  @keyframes textclip {
  to {
    background-position: 200% center;
     }
   }


	
    #openstat {	  		
	position:fixed ;
	top: 95%;
	text-align:  center; 
	left: 5%;
	right: 5%;
	font-size: 7px;
	}
	
	  #openstat3{
	    position: relative;
	    display: block;
	    text-align: center;
	    margin: auto;
	    bottom: 2%; 			
	    }
	    
	    #openstat2{
	    position: fixed;
	    top: 3%;
	    left: 96%;
	    margin: auto;
	    bottom: 2%; 			
	    }
	    
        #openstat4 {
 	    position: fixed;
 	    left:94%;
 	    top: 93%;
        }
        
        #tekst1 {
	    background:#feffff 0%, #d2ebf9 100%;
	    position:relative;
	    display:block;
	    width: 85%;	
	    height:auto;			
	    margin: auto ;
	    font-family: sans-serif;
	  
	    text-align: center;
	    border: 0px outset #2c5567;
	    }
	    
	     #tekst {
	    background:#feffff 0%, #d2ebf9 100%;
	    position:relative;
	    display:block;
	    width: 85%;	
	    height:auto;			
	    margin: auto ;
	    font-family: sans-serif;
	    color: white;
	    text-align: center;
	    border: 0px outset #2c5567;
	    }

	    
	    
	    
	    #otec {
	  
	    position:relative;
	    display:block;
	    width: 85%;	
	    height:auto;			
	    margin: auto ;
	    font-family: sans-serif;
	    color: white;
	    text-align: center;
	    border: 0px outset #2c5567;
	    }


	 	
    #pagename {
	position: relative;
	display: block;		
	text-align: center;
	top: 5%;
	right: 5%;
	left: 5%;
	height:6%; 
    color: #444;
    }
    
    #menyu {
	position: relative ;
	display: block;		
	font-size: 8px ;	
	margin: 3px;	
	text-align:  center;
	top: 7%;
	height:8px; /* Высота блочного эл*/
	right: 2%;
	left: 2%;
	}
	
	
    #nazad {
	position: fixed;
	top: 2%;
	left: 3%;
	height:4%;
	width: 10%; 
    color: #444;
    }
 
    color: #444;
    }

    
    .quote__text-letter {
    font-size: 18px; 
    }


            #calen {
	        position:relative;
		    color: black;
		 	display: inline;
		 	overflow: scroll;
		 	text-align: justify;
		 	left: 0%;
		 	right: 0%;
		 	top: 10%; 
		 	width: 99%; 
		 	height: 100%;
		    font:  600;
		 	padding: 2px; /* Поля вокруг текста */}
            
		 	#astr {
	        position:relative;
		    color: black;
		 	display: inline;
		 	overflow: scroll;
		 	text-align: justify;
		 	left: 0%;
		 	right: 0%;
		 	top: 10%; 
		 	width: 99%; 
		 	height: 100%;
		 	font-size: 16px;
		 	padding: 2px; /* Поля вокруг текста */
		 	}
		 	
		 	#kn9 {
	        position:relative;
		    color: black;
		 	display: inline;
		 	overflow: scroll;
		 	text-align: justify;
		 	left: 1%;
		 	right: 1%;
		 	top: 10%; 
		 	width: 98%; 
		 	height: 100%;
		 	font-size: 11px;
		 	padding: 2px; /* Поля вокруг текста */
            }
            
            #kn14 {
	        position:relative;
		    color: black;
		 	display: inline;
		 	overflow: scroll;
		 	text-align: justify;
		 	left: 1%;
		 	right: 1%;
		 	top: 10%; 
		 	width: 98%; 
		 	height: 100%;
		 	font-size: 11px;
		 	padding: 2px; /* Поля вокруг текста */
            }

            #kn10 {
	        position:relative;
		    color: black;
		 	display: inline;
		 	overflow: scroll;
		 	text-align: justify;
		 	left: 1%;
		 	right: 1%;
		 	top: 10%; 
		 	width: 98%; 
		 	height: 100%;
		 	font-size: 11px;
		 	padding: 2px; /* Поля вокруг текста */
            }
            
            #kn11 {
	        position:relative;
		    color: black;
		 	display: inline;
		 	overflow: scroll;
		 	text-align: justify;
		 	left: 1%;
		 	right: 1%;
		 	top: 10%; 
		 	width: 98%; 
		 	height: 100%;
		 	font-size: 11px;
		 	padding: 2px; /* Поля вокруг текста */
            }
            
            #kn12 {
	        position:relative;
		    color: black;
		 	display: inline;
		 	overflow: scroll;
		 	text-align: justify;
		 	left: 1%;
		 	right: 1%;
		 	top: 10%; 
		 	width: 98%; 
		 	height: 100%;
		 	font-size: 11px;
		 	padding: 2px; /* Поля вокруг текста */
            }


            #kn13 {
	        position:relative;
		    color: black;
		 	display: inline;
		 	overflow: scroll;
		 	text-align: justify;
		 	left: 1%;
		 	right: 1%;
		 	top: 10%; 
		 	width: 98%; 
		 	height: 100%;
		 	font-size: 11px;
		 	padding: 2px; /* Поля вокруг текста */
            }

            #kn15 {
	        position:relative;
		    color: black;
		 	display: inline;
		 	overflow: scroll;
		 	text-align: justify;
		 	left: 1%;
		 	right: 1%;
		 	top: 10%; 
		 	width: 98%; 
		 	height: 100%;
		 	font-size: 11px;
		 	padding: 2px; /* Поля вокруг текста */
            }


	 	    #kn1 {
	        position:relative;
		    color: black;
		 	display: inline;
		 	overflow: scroll;
		 	text-align: justify;
		 	left: 1%;
		 	right: 1%;
		 	top: 10%; 
		 	width: 98%; 
		 	height: 100%;
		 	font-size: 11px;
		 	padding: 2px; /* Поля вокруг текста */
            }
            
            #kn2 {
	        position:relative;
		    color: black;
		 	display: inline;
		 	overflow: scroll;
		 	text-align: justify;
		 	left: 1%;
		 	right: 1%;
		 	top: 10%; 
		 	width: 98%; 
		 	height: 100%;
		 	font-size: 11px;
		 	padding: 2px; /* Поля вокруг текста */
            }
            
            #kn16 {
	        position:relative;
		    color: black;
		 	display: inline;
		 	overflow: scroll;
		 	text-align: justify;
		 	left: 1%;
		 	right: 1%;
		 	top: 10%; 
		 	width: 98%; 
		 	height: 100%;
		 	font-size: 11px;
		 	padding: 2px; /* Поля вокруг текста */
            }

			#kn3 {
	        position:relative;
		    color: black;
		 	display: inline;
		 	overflow: scroll;
		 	text-align: justify;
		 	left: 1%;
		 	right: 1%;
		 	top: 10%; 
		 	width: 98%; 
		 	height: 100%;
		 	font-size: 11px;
		 	padding: 2px; /* Поля вокруг текста */
            }
            
            #kn4 {
	        position:relative;
		    color: black;
		 	display: inline;
		 	overflow: scroll;
		 	text-align: justify;
		 	left: 1%;
		 	right: 1%;
		 	top: 10%; 
		 	width: 98%; 
		 	height: 100%;
		 	font-size: 11px;
		 	padding: 2px; /* Поля вокруг текста */
            }
            
            #kn5 {
	        position:relative;
		    color: black;
		 	display: inline;
		 	overflow: scroll;
		 	text-align: justify;
		 	left: 1%;
		 	right: 1%;
		 	top: 10%; 
		 	width: 98%; 
		 	height: 100%;
		 	font-size: 11px;
		 	padding: 2px; /* Поля вокруг текста */
            }
            
            #kn6 {
	        position:relative;
		    color: black;
		 	display: inline;
		 	overflow: scroll;
		 	text-align:  center;
		 	left: 1%;
		 	right: 1%;
		 	top: 10%; 
		 	width: 98%; 
		 	height: 100%;
		 	font-size: 11px;
		 	padding: 2px; /* Поля вокруг текста */
            }
            
            #kn7 {
	        position:relative;
		    color: black;
		 	display: inline;
		 	overflow: scroll;
		 	text-align: center;
		 	left: 1%;
		 	right: 1%;
		 	top: 10%; 
		 	width: 98%; 
		 	height: 100%;
		 	font-size: 11px;
		 	padding: 2px; /* Поля вокруг текста */
            }
            
            #kn8 {
	        position:relative;
		    color: black;
		 	display: inline;
		 	overflow: scroll;
		 	text-align: center;
		 	left: 1%;
		 	right: 1%;
		 	top: 10%; 
		 	width: 98%; 
		 	height: 100%;
		 	font-size: 11px;
		 	padding: 2px; /* Поля вокруг текста */
            }
            
            #kn11 {
	        position:relative;
		    color: black;
		 	display: inline;
		 	overflow: scroll;
		 	text-align: center;
		 	left: 1%;
		 	right: 1%;
		 	top: 10%; 
		 	width: 98%; 
		 	height: 100%;
		 	font-size: 11px;
		 	padding: 2px; /* Поля вокруг текста */
            }
            
            #kn12 {
	        position:relative;
		    color: black;
		 	display: inline;
		 	overflow: scroll;
		 	text-align: center;
		 	left: 1%;
		 	right: 1%;
		 	top: 10%; 
		 	width: 98%; 
		 	height: 100%;
		 	font-size: 11px;
		 	padding: 2px; /* Поля вокруг текста */
            }

        #uvum2 {
	    position: relative;
	    display: block;
	    text-align: right;
	    min-width: 760px;
	    max-width: 900px;
	    height: auto;			
	    margin: auto;	
        color: #444;
        }
        
            #uvum3 {
	        position:relative;
		 	display:   inline-block;
		 	color: black;
		 	overflow: scroll;
		 	text-align: right;
		 	left: 1%;
		 	right: 1%;
		 	top: 32%; 
		 	width: 98%; 
		 	height: 100%;
		 	font-size: 20px;
		 	padding: 2px; /* Поля вокруг текста */      
		 	}


            #uvum {
	        position:relative;
		    color: black;
		 	display:block;
		 	overflow: scroll;
		 	text-align: center;
		 	left: 1%;
		 	right: 1%;
		 	top: 20%; 
		 	width: 98%; 
		 	height: 100%;
		 	font-size: 20px;
		 	padding: 2px; /* Поля вокруг текста */        }

        .pad{
	    padding: 0% 2% 0% 2%;
	    text-align:  justify;
        }

        #programm{
	    position:relative;
	    display: block;
	    height: auto;			
	    margin: auto;
	    min-width: 760px;
	    max-width: 900px;	
	    }

	    		    	  	  
	#footer {	  		
	position:fixed ;
	top: 98%;
	text-align:  center; 
	color: black;
	left: 5%;
	right: 5%;
	font-size: 5px;
	}