/* PC */
/* START */
p,
pre,
a,
tr,
td
{
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
}

body
{
}

a
{
display: block;
}

.WINDOW
{
position: absolute;
left: 0%;
top: 0%;
width: 100%;
height: 100%;
background: #ffffff;
overflow: hidden;
}

.HEAD
{
position: fixed;
left: 0%;
top: 0%;
width: 100%;
}

.FOOTER
{
position: fixed;
left: 0%;
bottom: 0%;
width: 100%;
}

.MAIN
{
position: relative;
width: 100%;
height: 100%;
}

.POL
{
position: absolute;
top: 0%;
height: 100%;
width: 30vh;
}

.POL_L
{
left: 0%;
}
.POL_R
{
right: 0%;
}

.POL_HEAD
{
position: relative;
width: 100%;
height: 15%;
}

.POL_MAIN
{
position: relative;
width: 100%;
height: 55%;
}

.POL_FOOTER
{
position: relative;
width: 100%;
height: 30%;
}

.INFOR_MAIN
{
position: relative;
width: 100%;
height: 65%;
}

.INFOR_FOOTER
{
position: relative;
width: 100%;
height: 0%;
}

.CONTENT
{
position: relative;
width: auto;
height: auto;
overflow: hidden;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
text-align: center;
}


/* MENU */
.MENU_HEAD
{
position: relative;
height: 10vh;
width: 99%;

font-family: 'Oswald', sans-serif;

background: #ffffff;
color: #b30015;
border: 0px groove #d39da3;
border-radius: 5px;
outline: none;
} 

.MENU
{
width: 100%;
overflow: hidden;
height: auto;
transform: translate(0%,0%);
max-height: 60px;
transition: 0.5s;
top: 20vh;
border: 0px groove #d39da3;
}

.MENU_MAIN
{
position: relative;
width: 100%;
height: auto;
}

.MENU_ALL
{
position: relative;
width: 20vh;
height: 50vh;
top: 29vh;
left: 50%;
transform: translate(-50%,-50%);
}

.MENU_MAIN ul
{
position: relative;
width: 100%;
margin: 0%;
padding: 0%;
}


/* PC */
@media only screen  and (min-width: 1000px), only screen and (min-height: 1000px)
{
  .MENU:hover
  {
  max-height: 100%;
  transform: translate(0%,-20vh);  ///
  }

  .MENU:hover .MENU_HEAD
  {
  border: 1px groove #d39da3;
  color: #b30015;
  }
}

.MENU_MAIN ul li
{
position: relative;
width: 100%;
height: 100%;
top: 0%;
height: 10vh;
list-style-type: none;
border: 0px groove #d39da3;
background: #ffffff;
margin: 0%;
padding: 0%;
color: #d39da3;
transform: translate(0%, 0%);
border-radius: 5px;

text-align: center;
vertical-align: middle;
transition: 0.5s;
}

/* PC */
@media only screen  and (min-width: 1000px), only screen and (min-height: 1000px)
{
.MENU_MAIN ul li:hover
{
color: #ffffff;
background: #d39da3;
}
}


.MENU_MAIN ul li a
{
text-decoration: none;
position: relative;
color: inherit;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
display: block;
margin: 0%;
padding: 0%;
border-radius: 5px;
transform: translate(-50%,-50%);
text-align: center;
}

li a p
{
position: relative;
transition: 0s;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
margin: 0%;
padding: 0%;
}


/* PC */
@media only screen  and (min-width: 1000px), only screen and (min-height: 1000px)
{
li a:active
{
background: #b30015;
}
}


/* POL */
/* .POL_R .POL_HEAD
{
height: 0%;
} */

.BUT_POL
{
position: relative;
left: 5vh;
top: 22.5vh;
width: 20vh;
height: 20vh;

}

#icon
{
position: relative;
left: 0%;
max-width: 100%;
max-height: 100%;
top: 0%;
}

#but_icon
{
position: relative;
left: 6vh;
top: 5vh;
bottom: 0%;
right: 6vh;
width: 18vh;
height: auto;
display: block;
}

.BUT_POL .BUT
{
position: relative;
width: 100%;
height: 50%;
font-family: 'Oswald', sans-serif;

background: #ffffff;
color: #b30015;
border: 0px groove #ffffff;
border-radius: 5px;
outline: none;
transition: 0.5s;
}

/* MAIN */

.INFOR
{
position: absolute;
height: 100%;
left: 30vh;
right: 30vh;
}

.INFOR_HEAD
{
position: relative;
width: 100%;
height: 10vh;
color: #d39da3;
}

.INFOR_HEAD div
{
position: relative;
top: 3vh;
width: 50%;
height: 100%;
float: left;
text-align: center;
}

.INFOR_MAIN
{
position: relative;
width: 100%;
height: 90vh;
}

#main_admin
{
position: absolute;
left: 0%;
bottom: 0%;
height: 2em;
width: 100%;
text-align: center;
vertical-align: middle;
color: #d39da3;
}

#main_table
{
position: absolute;
left: 0%;
top: 2vh;
bottom: 2em;
height: auto;
width: 100%;
}

#tables_div
{
position: absolute;
left: 0px;
right: 0px;
top: 5%;
bottom: 2em;
width: 100%;
height: auto;
}

#tables_div2
{
position: absolute;
}

#F_table
{
background: #d39da3;
}

#main_admin pre:nth-child(1)
{
position: absolute;
left: 0%;
text-align: center;
}
#main_admin pre:nth-child(2)
{
position: absolute;
left: 33%;
right: 33%;
width: auto;
text-align: center;
}
#main_admin pre:nth-child(3)
{
position: absolute;
right: 0%;
text-align: center;
}

/* SPRAVKA */
.SPRAVKA
{
position: fixed;
left: 0%;
top: 100vh;
width: 100vw;
height: 100vh;
z-index: 1;
transition: 1s;
background: -moz-linear-gradient(top,  rgba(211,157,163,0) 0%, rgba(211,36,53,0.6) 17%, rgba(211,0,21,0.64) 22%, rgba(87,46,50,0.7) 31%, rgba(73,51,53,0.7) 32%);
background: -webkit-linear-gradient(top,  rgba(211,157,163,0) 0%,rgba(211,36,53,0.6) 17%,rgba(211,0,21,0.64) 22%,rgba(87,46,50,0.7) 31%,rgba(73,51,53,0.7) 32%);
background: linear-gradient(to bottom,  rgba(211,157,163,0) 0%,rgba(211,36,53,0.6) 17%,rgba(211,0,21,0.64) 22%,rgba(87,46,50,0.7) 31%,rgba(73,51,53,0.7) 32%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d39da3', endColorstr='#b3493335',GradientType=0 );
z-index: 11;
}

.SPRAVKA div
{
position: absolute;
left: 15vw;
width: 70vw;
height: 85vh;
bottom: 0vh;
z-index: 2;
background: #d3d3d3;
color: #303030;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 1vw;

overflow-x: hidden;
overflow-y: auto;
}
.SPRAVKA div::-webkit-scrollbar
{
width:0px;
}

.SPRAVKA div div
{
position: relative;
left: 0%;
width: 68vw;
top: 0%;
min-height: 100%;
height: auto;
overflow: hidden;
text-align: center;
}

.SPRAVKa div div pre
{
text-align: center;
}

.ANDROID
{
  position: absolute;
  z-index: = -1;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  background: #ffffff;
  text-align: center;
}

#all{
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
}

.ANDR_MAIN
{
  position: absolute;
  left: 50%;
  top: 50%;
  height: 50vh;
  transition: 0s;
  transform: translate(-50%,-50%);
  background: #f0f0f0;
}

.ANDR_MAIN a
{
  position: absolute;
  display: block;
  font-size: 2em;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%,0%);
}

.ANDR_MAIN p
{
  font-size: 2.5em;
}

.ANDR_BUT
{
  position: relative;
  width: 80%;
  height: 50%;
  background: #ffffff;
  border: 0px groove #ffffff;
  border-radius: 5px;
  outline: none;
}

.ANDR_BUT:nth-child(1),
.ANDR_BUT:nth-child(3)
{
  top: 0%;
}

.ANDR_BUT:nth-child(2),
.ANDR_BUT:nth-child(4)
{
  top: 0%;
}

.POL_L .ANDR_BUT
{
  left: 0%;
}

.POL_R .ANDR_BUT
{
  left: 20%;
}

.ANDR_BUT img
{
  position: absolute;
  transition: 0s;
  transform: translate(-50%,-50%);
  left: 50%;
  top: 45%;
  height: 15vh;
  max-width: 100%;
}

/* SmartFone - горизонтальная и вертикальная */
@media only screen and (max-width: 1000px) and (max-height: 1000px)
{
  .ANDR_BUT
  {
    z-index: 10;
  }

  .BUT_POL .BUT:active
  {
    color: #ffffff;
  }
}

/* PC */
@media only screen  and (min-width: 1000px), only screen and (min-height: 1000px)
{
  .ANDR_BUT
  {
    z-index: -2;
  }

  .BUT_POL .BUT:hover
  {
  color: #ffffff;
  background: #d39da3;
  }
}

.BUT_POL .BUT:active
{
background: #b30015;
}