@charset "utf-8";
*{padding: 0px;
margin: 0px;}

html{height: 100%;}
body {
  background-image: url(image/fon.jpg);
  height: 100%;
  display: flex;
  flex-flow: column; 
}
 
.page {
   min-height: 100%;
   position: relative;
}
 

/* Правила для контента */
.content {
   padding-top: 1Vmin;
   padding-bottom: 1Vmin;
}
 
/* Правила для подвала сайта */
.footer {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 120px;   /* Высота блока footer */
   background: rgba(14,14,14,0.95);
}

.bottom:hover{cursor: pointer;}

#fu{display: flex;
align-items: center;
justify-content: center;
flex-flow: row wrap;}
#logimg{margin: 10px;
        box-shadow: -1px 10px 10px   #b8bbc2;
height: 100px;
align-self: flex-start;}
header{  
    flex: 0 0 auto;
	background-image: url(image/logopod.jpg) ;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 0px 0px 70px 70px;
	font-size: 5Vmin;
	font-weight:900;
	color:beige;
    text-shadow: 1px 1px 2px black, 0 0 1em red; /* Параметры тени */
    box-shadow: -1px 10px 10px   #b8bbc2;
}
aside{ 
    display: flex;
        margin-top: 30px;
        align-items: center;
        flex-flow: column;
        flex: 1;
        
}

#Filer{
display: flex;
flex-flow: row wrap;}
section {
        flex: 5;
        padding: 5Vmin;  
        font-size: 3Vmin;
        background-color: white;
        margin-top:20px;
        margin: 10px;
        box-shadow: 0 10px 10px 5px   #b8bbc2;
        flex-wrap: wrap;
        align-content:stretch;
        align-self: flex-start;
}
#osnova{ 
    flex: 1 0 auto;
        display: flex;
        flex-flow: row wrap;
        
}
footer{
    border: 2px solid black;
    border-bottom: none;
    background-color: rgba(135,235,125,0.7);
    border-radius: 20px 20px 0px 0px;
    box-shadow: -1px 5px 5px #b8bbc2;
    text-shadow: -1px -1px 2px green, 0 0 1em cyan;
   
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    padding: 10px;
    align-self: center;
    flex: 0 0 auto;
    }
   
  #link a {color: white;
   
     text-align: center; /* Выравнивание по центру */
     height: 100%; /* Высота на весь слой */}
 #linkm{color: blue}
 #linkm:link, #link a:link {  
    text-decoration: none}

menu{
  padding: 10px;
  margin: 5px;
  margin-top: 10px;
  white-space: nowrap;
	color:blue;
border: 2px solid black;
background: greenyellow;
        background:  linear-gradient(0deg, rgba(143,245,91,1), rgba(103,205,245,1));
font-size: 4Vmin;
	border-radius: 60px 60px 70px 97px;
	box-shadow: -1px 10px 10px   #b8bbc2;
	text-align: center;	
	text-shadow: -1px -1px 2px green, 0 0 1em aqua;
	}
menu:hover{cursor: pointer;
	box-shadow: none;
	color:black;
 background:  linear-gradient(0deg, rgba(103,205,245,1), rgba(143,245,91,1));}	
fieldset {padding: 5px;}

legend{margin-top: 5px;
       font-weight: 700;
       font-style: italic;
      }

      .filelo{  display: flex;
                flex-flow: column;
                background-color: beige;
                margin: 6px;
                border-radius: 6px;
                box-shadow: -1px 10px 10px   #b8bbc2;
                text-align: center;
                flex: 1;
                justify-content: flex-end;
        }
        .filelo div:nth-child(4){font-size: x-large;}
        .filelo div:nth-child(5){font-size: x-large;}
        .filelo div:nth-child(6){font-size: x-large;}
        .filelo div {padding-top: 10px; font-weight: bold;}
        .filelo div:first-child{font-size: larger;
                                font-weight: 900;
                                color: blueviolet;
                                margin-bottom: 14px;
                                text-shadow: 1px 1px 0 black 10px, -1px -1px 0 black 10px}
 
        #link{
          background-image: url(image/download.png) ;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 0px;
	display: block;
	  box-shadow: -1px 10px 10px   #b8bbc2;
	text-shadow: 1px 1px 0 black, -1px -1px 0 black;
        height: 25px;
        padding: 10px;
        text-align: center;
        vertical-align: central;
        line-height: 25px;
        color: white;
        font-weight: 600; 
        }
        #link:hover{
            cursor: pointer;
        box-shadow: none;
        text-shadow: none;
             }
 
      .filel{display: block;         
                background-color: beige;
               
                margin: 6px;
                padding: 6px;
                border-radius: 6px;
                box-shadow: -1px 10px 10px   #b8bbc2;
                text-align: center;
        }
        .filel div {padding-top: 10px; font-weight: bold;}
        .filel div:first-child{font-size: larger;
                                font-weight: 900;
                                color: blueviolet;
                                margin-bottom: 14px;
                                text-shadow: 1px 1px 0 black 10px, -1px -1px 0 black 10px}        
        pre{
        white-space: pre-wrap;}
        
        
@media screen and (orientation: portrait) {
    menu{text-align: left;}
#osnova{flex-flow: column;}
aside{flex-flow: row wrap;
      align-items: center;
      font-size: 18px;
    justify-content: center;}
}
input[type="submit"]{border-radius: 20px;}

input[type="button"]{border-radius: 5px;
padding: 2px;
margin: 5px;}

input{
        border: 2px solid black;
        padding: 6px;
        margin-top: 3px;
        font-weight: 700;
        font-size: 16px;
        }
select{
        border: 2px solid black;
        padding: 6px;
        margin-top: 3px;
        font-weight: 700;
        font-size: 16px;
        }
.ContentAdminSelect{height: 18Vmin;
                    padding: 5px;
                    overflow: auto;
        border: 2px solid black; 
        background-color: gold;}
.ContentAdminSelectCaption{height: 4Vmin;
        text-align: justify;
                           padding: 5px;
        border: 2px solid black;
        border-bottom: none;
        background-color: gold;}
        
input:hover[type="submit"]{
        cursor: pointer;
        border: 2px solid whitesmoke;
        font-weight: 600;
        font-size: 15px;
        }
        
 textarea{width: 100%;
          height: 400px;  }
 #Profil{
        margin-top: 10px;
        padding:9px;
        font-size: 2Vmin;
        background-color: white;
        box-shadow: 0 10px 10px 5px   #b8bbc2;
        width: 150px;
        border-radius: 20px;
        flex-wrap: wrap;
        }
      
        .formFix{
            clear:both; 
            text-align:right;
            line-height: 3Vmin;
        }
        
.formFix label {float:left;
            padding-right: 10px;
                }

.FileFormFix{float: none;}

td{padding: 3px;}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(3); /* IE */
  -moz-transform: scale(3); /* FF */
  -webkit-transform: scale(3); /* Safari and Chrome */
  -o-transform: scale(3); /* Opera */
  padding: 5px;
  margin: 10px;
}
/* ДЛя окна сообщений*/
#inform {
    visibility: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
}
#infou {width: 250px;
        
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -25px 0 0 -62px;
        padding: 4px;
        padding-bottom: 0px;
        
        font-size: 22px;
        border: 2px solid black;
        box-shadow: 0 10px 10px 5px   #b8bbc2;
        background-color: rgba(135,235,125,0.9);
        text-shadow: -1px -1px 2px green, 0 0 1em aqua;
        border-radius: 20px;
        text-align: center;
       }
       
#infou input[type="button"]{border-radius: 5px;
    border-radius: 5px;
    padding: 8px;
    width: auto;
    background-color: beige;
    cursor: pointer;
}
#ContentTextTC, #ContentTextI{cursor: pointer;
         position: relative;
         top: 10px;
         margin-bottom: 10px;
/*	filter: drop-shadow(3px 5px 5px #000);*/
}
#ContentTextTC{
	filter: drop-shadow(3px 5px 5px #000);
}
#inf{
    text-align: center;
        font-size: 22px;
        border: 2px solid black;
        box-shadow: 0 10px 10px 5px   #b8bbc2;
        background-color: rgba(135,235,125,0.9);
        text-shadow: -1px -1px 2px green, 0 0 1em aqua;
        border-radius: 8px;    
}