body {
color: #FFFFFF;
background-color: #004080;
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 12px;
}

.margin {
margin: 3px 140px 3px 3px;
}

h1 {
font-size: 20px;
color: #C4ECFF;
}
h2 {
font-size: 16px;
color: #C4ECFF;
}
a {
color: #D5EAFF;
}
a:hover {
color: #6699CC;
text-decoration: none;
}
input,textarea,select {
color: #000000;
background-color: #D5F1FF;
border-top: 1px solid #888;
border-bottom: 1px solid #888;
border-right: 1px solid #888;
border-left: 1px solid #888;
}
td {
color: #ffffdb;
background-color: #004080;
font-size: 12px;
}
.gbcap {
font-weight: bold;
color: #64CDFF;
background-color: #FFFFFF;
padding: 2px;
}
.gbtext {
color: #000080;
background-color: #ffffff;
padding: 5px;
}
.gbtext2 {
color: #000080;
background-color: #f0f0f0;
padding: 5px;
}
.gbans {
color: #000080;
background-color: #ffffdb;
padding: 5px;
}
.gbcoms {
font-size: 12px;
color: #000080;
background-color: #ccff6d;
padding: 5px;
}
.gbcap a,.gbcap a:hover {
color:white;
}
.capnum {
color: #D5EAFF;
font-style: italic;
}
.mainform {
color: #ADD8E6;
background-color: #004080;
}
.frame {
background-color: #6699CC;
}
.gbowner {
font-style: italic;
font-weight: bold;
color: #6699CC;
}
.gbvis {
font-weight: bold;
color: #6699CC;
}
.gbcom {
color: #ffff92;
}
.comdate {
font-size: 11px;
color: #D5EAFF;
}
.fframe {
background-color: #6699CC;
}
.gbfound {
color:#880000;
font-weight:bold;
}
.styleX {FONT-SIZE: 12px; COLOR: #acc6f7; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.styleY {FONT-WEIGHT: normal; COLOR: #f0f7ff; text-shadow: 1px 1px 2px black, 0 0 1em black;}

.back-to-top {position: fixed;bottom: -40px;right: 40px;display: block;width: 50px;height: 50px;line-height: 50px;background: var(--links-color);color: #fff;text-align: center;text-decoration: none;border-radius: 50%;opacity: 0;-webkit-transform: scale(0.3);-ms-transform: scale(0.3);transform: scale(0.3);box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);z-index: 9;-webkit-transition: all 0.3s;transition: all 0.3s;}.back-to-top:focus {color: #fff;}.back-to-top.show {bottom: 40px;right: 40px;opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}.back-to-top.show:hover {color: #fff;bottom: 30px;opacity: 1;}.arrow {background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);position: absolute;width: 12px;height: 12px;background-size: contain;transform: rotate(-90deg);top: 30%;left: 40%;}.arrow:nth-child(2) {top: 42%;}@keyframes bounceAlpha {0% {opacity: 1;transform: rotate(-90deg) translateX(0px) scale(1);}25% {opacity: 0;transform: rotate(-90deg) translateX(10px) scale(0.9);}26% {opacity: 0;transform: rotate(-90deg) translateX(-10px) scale(0.9);}55% {opacity: 1;transform: rotate(-90deg) translateX(0px) scale(1);}}.back-to-top:hover .arrow {animation-name: bounceAlpha;animation-duration: 1.4s;animation-iteration-count: infinite;animation-timing-function: linear;}.back-to-top:hover .arrow:nth-child(2) {animation-name: bounceAlpha;animation-duration: 1.4s;animation-delay: 0.2s;animation-iteration-count: infinite;animation-timing-function: linear;}@media only screen and (max-width: 575px) {.back-to-top {width: 40px;height: 40px;line-height: 40px;}.back-to-top.show {bottom: 10px;right: 10px;}.back-to-top.show:hover {bottom: 10px;}.arrow {top: 27%;left: 37%;}}

.div-border-inside {	/* 15.06.25 */
  box-sizing: border-box;
  -webkit-box-sizing: border-box; /* для Safari */
  -moz-box-sizing: border-box; /* Для Firefox */
  box-sizing: border-box;
  border-radius: 12px;  
  width: 360px;
  border: 1px solid white;
  padding: 10px;
}

.div-border-inside:hover {
  box-shadow: inset 0 0 0 5px #2980B9;
  transition: box-shadow 0.3s ease;
}

.zoomin {
    padding: 30px;
    background-color: none;
	float:left;
    transition: transform .2s;
    width: 120px;
    height: 90px;
    margin: 0 auto;
}

.zoomin:hover {
    transform: scale(1.4);
}

.liulol {
  list-style-type: disc;
}

.container {
  display: flex;
}

#block1 {
float: left;
display: block;
width: 860px;
border: 1px solid white;
border-radius: 12px;
margin: 2px;
padding: 4px;
}

#block2 {
float: right;
display: block;
width: 200px;
border: 1px solid none; /* solid none or white */
border-radius: 12px;
margin: 2px;
padding: 4px;
}