body { background-color: ;
       background-image: url("./images/BI.JPG");
       background-size: 120%;
       background-repeat: repeat;
 }
.head {
	display: flex;
 }
.mrytsykn {
	width: 50%;
	margin-left: 3px;
	padding-left: 3px;
 }
.mrytsykn a{
	margin-left: 5px;
	padding-left: 5px;
 }
.zssf {
	width: 50%;
	text-align:right;
	margin-left: 3px;
	padding-left:3px;
 }
a {
	color: #003300!important;
	text-decoration: none;
	font-size: 115%;
 }

a:hover {
	text-decoration: underline;
 }
a.B {
	font-weight: bold;
 }
img {
	height: auto;
	border-radius: 3px;
	max-width: 300px;
	max-height: 300px;
 }
ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
 }
li {
	list-style: none;
	margin: 3px;
	padding: 3px;
	color: #0b62c1;
	font-size: 80%;
 }
li#ZEN {
	border:solid #ffccff 1px;
 }
.foot {
	width: 100%;
	text-align: right;
	margin-left: 3px;
	padding-left: 3px;
 }
.mid {
	width: 100%;
	text-align: center;
 }
.mid img {
	cursor:pointer;
	border:#ffccff solid 4px;
 }
.mid img:hover {
	border:#ff33cc ridge 4px;
 }