body {font-family:times}
a {color:#0030CE}
a.z0 {color:#000000; font-size:130%; font-weight:bold}
a.z1 {color:#000000; font-size:130%; font-weight:bold}
a.z2 {color:#000000}
a.z3 {color:#606060}
a.hd {color:#FFFFFF}
div.lrg {text-align:center}
div.lrg2 {width:0; margin:auto}
div.lrg2 p {text-align:justify; font-family:verdana; font-size:70%}
div.lrg2 ul {text-align:justify; font-family:verdana; font-size:70%}
div.ref {width:0; text-align:left; font-family:verdana; font-size:70%; color:#9CB6CE}
div.copy {font-family:times; font-size:80%; color:#606060; text-align:right}
a.copy {color:#606060 }
table.lrg {width:0; padding:0 }
td.m0 {width:19.5%; font-size:80%; font-weight:bold; background-color:#FFCF63}
td.m0 a {color:#000000}
td.m0 ul {margin-bottom:5}
td.m1 {width:19.5%; background-color:#FFCF63; text-align:center; vertical-align:top; font-family:Verdana; font-weight:bold}
td.m2 {width:19.5%; background-color:#1e64aa; text-align:center; vertical-align:top; font-family:Verdana; color:#FFFFFF; font-weight:bold}
td.m2 a {color:#9CB6CE}
td.m3 {width:1%}
td.m4 {width:1%; background-color:#FFCF63}
td.mu {width:12; vertical-align:top}
td.mf {background-image:url('images/m22f.gif')}
:h1 {font-family:times; font-size:150%; background-color:#FFCF63}
h1 {font-family:arial; font-size:120%; color:#dbe5f1; text-align:left; margin-bottom:10; margin-top:30}
td.h1 {width:12; vertical-align:top; background-color:#FFCF63}
td.hd {background-color:#1e64aa; color:#FFFFFF; font-weight:bold; font-family:verdana; font-size:70%}
td.hd0 {background-color:#FFFFFF; color:#000000; font-weight:bold; font-family:verdana; font-size:70%}
td.ur {text-align:center; background-color:#FFCF63; color:#000000; font-family:verdana; font-size:70%}
td.vp {background-color:#FFCF63; color:#000000; font-family:verdana; font-size:70%}
td.urlt {text-align:center; background-color:#FFCF63; color:#000000; font-family:verdana; font-size:70%; CURSOR:hand}
td.nul {background-color:#dbe5f1; color:#000000; font-family:verdana; font-size:70%}
td.no {background-color:#9CB6CE; color:#1e64aa; font-family:verdana; font-size:70%}
ul.zg {text-align:left; font-size:80%; font-weight:bold; margin-top:0}
ul.zg a {color:#F70000}
li.zgr {color:#F70000}
:td.ur a {color:#000000}
*,*:before,*:after {box-sizing:border-box; position:relative; margin:0; padding:0}
:root {--width:768px; --acent:#006abf; --acent-light:linear-gradient(90deg,#009dff12,#0087ff00); --accent-text:#006abf; --accent-text-stand:#fff; --font-size:12px; --write-mode:sideways-lr}
html {font-size:var(--font-size)}
a,p,li,td {font-size:1rem !important}
ul,ol {list-style-type:none; margin-bottom:1rem}
img[src='images/rasfl0.gif'] {width:100%; object-fit:contain; max-height:50px; margin-bottom:1rem}
div.lrg2 {width:100%}
div.lrg2 > table {width:100%}
div.lrg {width:var(--width); margin:0 auto; position:relative}
table.lrg {margin-top:1rem}
div.lrg > * {}
table.lrg {width:100%}
table.lrg tr {display:grid; gap:15px; grid-template-columns:1fr 1fr 1fr}
input.searchKey {width:100%; padding:10px 15px; margin-top:1rem; border-radius:5px; border:1px solid #eee}
table {border-spacing:0}
table.lrg td {width:100% !important}
td.m1,td.m2 {padding:10px; border-radius:5px 5px 0 0}
td.m0 {border-radius:0 0 5px 5px}
td.m1 {}
table.inf tbody td.number {background:#eee; width:0}
table.inf tbody td.number:not(:first-child) {background:unset; width:unset}
td.m2 {}
td.m3,td.m4 {opacity:0; display:none}
td.m2 a {color:#fff; text-decoration:none}
td.m1::after {content:' '; position:absolute; top:-25px; color:#333; width:30px; height:20px; left:0; right:0; margin:auto; font-weight:bold; background:var(--acent); clip-path:polygon(100% 0,0 0,50% 100%)}
td.ur,td.m1,td.m4,td.m0 {background-color:unset; background:var(--acent-light)}
td.m1,td.m0 {box-shadow:inset 0 0 1px 0 #555}
td.m1 {background:var(--acent); color:#fff}
td.m0 a {color:#777; text-decoration:none}
td.m0 a:hover {color:#111}
td.m0 ul {list-style-type:none}
td.m0 ul li {padding:10px 15px}
td.m0 ul li:not(:last-child) {border-bottom:1px solid #5551}
table.inf tr > td:first-child:not(.number) {width:0; writing-mode:var(--write-mode)}
td.number {} 
td.hd {padding:10px}
td.ur {text-align:left; padding:5px 15px}
a {text-decoration:none; overflow-wrap:anywhere}
* {text-wrap:wrap}
td.vp {padding:5px}
table.inf a.hd:first-child {height:100%; display:block; text-align:left}
table.inf thead td:not(.number) {box-shadow:0 0 1px #fff; overflow-wrap:anywhere; writing-mode:var(--write-mode); text-align:left; width:max-content}
table.inf tbody td {background:#fff; box-shadow:0 0 1px #555; color:#333}
table.inf tbody td.hd0 {opacity:0}
table.inf tbody tr:not(:last-child) {}
table.inf a.hd {color:#333}
td.nul::before {content:'Нет пары...'; margin-left:15px; color:#aaa}
div.copy {text-align:left}
div.copy p.sub-author {font-size:1.5rem; margin-top:1rem; margin-bottom:1rem}
div.copy * {font-size:1.5rem}
div.ref {font-size:1.5rem; margin-bottom:1rem}
hr {display:none}

@media (max-width: 993px) { :root { --width: 90%; } }