#Knopkapopip {
    position: fixed;
    top: 10px;
    right: 0px;
	display: block;
	z-index: 999;
}
a.button19 {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 -1px rgba(0,0,0,.5);
  user-select: none;
  padding: .7em 1.5em;
  border: 1px solid rgb(80,32,0);
  border-radius: 5px;
  outline: none;
  background: rgb(147,80,36) linear-gradient(rgb(106,58,26), rgb(147,80,36) 80%), opacity(0.7);
  box-shadow:
   0 2px rgb(86,38,6),
   0 1px 6px rgba(0,0,0,.4),
   inset 0 1px rgba(255,255,255,.3),
   inset 0 0 3px rgba(255,255,255,.5);
  -webkit-transform: translate(0, 4px);
  /*box-shadow:
   0 6px rgb(86,38,6),
   0 3px 15px rgba(0,0,0,.4),
   inset 0 1px rgba(255,255,255,.3),
   inset 0 0 3px rgba(255,255,255,.5);*/
  transition: .2s;
} 
.button19:hover {
  background: rgb(167,91,41) linear-gradient(rgb(126,69,31), rgb(167,91,41) 80%), opacity(0.7);
}
.button19:active {
  background: rgb(120,63,25) linear-gradient(rgb(120,63,25) 20%, rgb(167,91,41)), opacity(0.7);
  margin-top: 3px;
  box-shadow:
   0 2px rgb(86,38,6),
   0 1px 6px rgba(0,0,0,.4),
   inset 0 1px rgba(255,255,255,.3),
   inset 0 0 3px rgba(255,255,255,.5);
  -webkit-transform: translate(0, 4px);
  transform: translate(0, 4px);
}

#oknopop {
        width: 400px;
        height: 720px;
        text-align: center;
        padding: 15px;
        border: 3px solid #8B4513;
        border-radius: 10px;
        color: #000;
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
		background-color: #FFF8DC;
      }
#oknopop:target {display: block;}
/*.close {
        display: inline-block;
        border: 1px solid #0000cc;
        color: #0000cc;
        padding: 0 12px;
        margin: 10px;
        text-decoration: none;
        background: #f2f2f2;
        font-size: 14pt;
        cursor:pointer;
}*/
/*
.close:hover {background: #e6e6ff;}
*/
#oknopop table {
   border: 1px solid grey;
   border-collapse: collapse;
}
/* границы ячеек первого ряда таблицы */
#oknopop th {
   border: 1px solid grey;
   font-weight: normal;
}
/* границы ячеек тела таблицы */
#oknopop td {
   border: 1px solid grey;
   text-align: center;
}
#oknopop .thzag {
	color: #fff;
    background-color: #8B4513;
}	  
#oknopop .thfontw {
	font-weight: 600; /* Жирное начертание */
	color: #8B4513;
	background-color: burlywood;
}
a.button20 {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 -1px rgba(0,0,0,.5);
  user-select: none;
  padding: .7em 1.5em;
  border: 1px solid rgb(80,32,0);
  border-radius: 5px;
  outline: none;
  background-color: #8B4513;
  box-shadow:
   0 2px rgb(86,38,6),
   0 1px 6px rgba(0,0,0,.4),
   inset 0 1px rgba(255,255,255,.3),
   inset 0 0 3px rgba(255,255,255,.5);
  -webkit-transform: translate(0, 4px);
  transition: .2s;
} 
.button20:active {
  background: rgb(120,63,25) linear-gradient(rgb(120,63,25) 20%, rgb(167,91,41)), opacity(0.7);
  margin-top: 3px;
  box-shadow:
   0 2px rgb(86,38,6),
   0 1px 6px rgba(0,0,0,.4),
   inset 0 1px rgba(255,255,255,.3),
   inset 0 0 3px rgba(255,255,255,.5);
  -webkit-transform: translate(0, 4px);
  transform: translate(0, 4px);
}
@media screen and (max-width: 1023px) {
#Knopkapopip {
	    position: fixed;
        width: 100%;
        height: 100%;
		display: none;
      }
}