@import url('https://fonts.googleapis.com/css?family=Oxanium%7CSignika%3Awght%40500%3B700&subset=latin,latin-ext');
#n{font-size:1.2em;background-image:none;padding:5px 15px}
#m{width:120px;text-align:left;vertical-align:top;background-image:url(bg.svg);background-repeat:repeat;background-position:bottom left}
#n{width:100px}
#n,.c,.k{letter-spacing:1px}
#f{-webkit-animation:ps 9s infinite alternate;-moz-animation:ps 9s infinite alternate;-ms-animation:ps 9s infinite alternate;-o-animation:ps 9s infinite alternate;animation:ps 9s infinite alternate}
@keyframes ps{0%,100%{color:#ccfffe}25%,75%{color:#0ff}50%{color:#1f69ff}}
.b{text-align:left}
.h{height:28px}
.j{text-align:justify;text-indent:15px}
.k{font-size:120%}
.pp{width:100%;background-image:url(oktavs.svg);background-repeat:repeat-x}
button,input,select,.tf{background-color:#ccfffe;color:#1a0e3d}
a,a:hover,a:active{color:#0ff;text-shadow:0px 0px 5px #0ff}
a,a:visited{text-decoration:none;text-shadow:1px 1px 2px #0ff}
a:hover,a:active{text-decoration:none}
a:visited{color:#8ff}
body,fieldset,h1,#f,#v,.j,.x{line-height:130%}
div,td,p{margin:20px}
body,a,a:hover,a:active,a:visited,#n{background-color:#1a0e3d}
body,hr{margin:0;color:#cff}
body,td{font-size:100%;font-family:'Signika',sans-serif}
table,td,hr,img,p,#head a,#foot,.va{border:0;padding:0;text-indent:0px}
hr{text-indent:0px;height:2px}
table{border-collapse:collapse;border-spacing:0}
table,fieldset,#head,#f,#foot,#m,#v,.bg,.c,.k,.m,.x{text-align:center}
table,hr,.bg{width:100%}
hr,fieldset,th,.th li,.tc,.tf{border:1px solid #cff}
td,#head a,a.va,a.va:visited,a.va:hover,a.va:active,a.va:link,th a:link,.th th a:link{background-color:transparent}
hr{background-color:#ccfffe}
th,.th li{height:115px;padding:5px}
button:hover,input:hover,select:hover{border:1px solid #1a0e3d}
input,select,th img,.th li img,#nk{border:1px solid #cff;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;overflow:hidden;transition-duration:0.2s}
th img:hover,.th li img:hover{transform:rotate(15deg);transition-duration:0.4s}
#b:hover,#j:hover{transform:scaleX(1.3);transition-duration:0.4s}
.th li{width:115px;margin:9px}
.th li img,.th{vertical-align:middle}
#v,.c,.k,.x{font-family:'Oxanium',cursive}
.b468{width:468px;height:60px}
.ic{width:1.4em;height:1.4em}
.va{width:88px;height:31px}
.banner{width:234px;height:60px}
.u{text-decoration:underline !important}
.big{font-size:larger}
.small{font-size:smaller}
.tc,.tf{border-spacing:5px}
.m{white-space:nowrap}
.m li,.m,.m ul{list-style:none;margin:0;padding:0}
.m,.m ul{display:block;z-index:9}
.m li a{width:100%;opacity:0.95;text-decoration:none;display:block;font-size:1em;font-family:'Oxanium',sans-serif}
.m a,.m a:link,.m a:active,.m a:hover,.m a:visited,#vm li:hover>a{border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;width:92%;height:1.1em;padding:1px 2px 8px 2px;margin:9px 5px}
.m a,.m a:link{color:#0ff;text-shadow:1px 1px 2px #0ff;background-color:#1a0e3d;background:-webkit-linear-gradient(top,#333,#1a0e3d,#000);background:-moz-linear-gradient(top,#333,#1a0e3d,#000);background:-ms-linear-gradient(top,#333,#1a0e3d,#000);background:-o-linear-gradient(top,#333,#1a0e3d,#000);-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;border:1px solid #1e1e13;-webkit-box-shadow:-3px 0px 7px 0px red,inset 0px 0px 1px 1px #777;-moz-box-shadow:-3px 0px 7px 0px red,inset 0px 0px 1px 1px #777;box-shadow:0px 0px 4px 2px #4f535c,inset 0px 0px 1px 1px #777}
.m a:visited{color:#8ff;text-shadow:-1px -1px 1px #0ff}
.th li{list-style:none;float:left}
.th li img{transform:translate3d(0px,9px,0px)}
th,.th li{background:radial-gradient(#103683 20%,transparent 20%)0 0,radial-gradient(#103683 20%,transparent 20%)6px 6px,radial-gradient(#103683 20%,#1a0e3d 50%)0 0,radial-gradient(#103683 20%,#1a0e3d 50%)6px 6px;background-color:#1a0e3d;background-size:12px 12px}
.m a:visited{background-color:#141354;background:-webkit-linear-gradient(top,#000,#141354,#1f69ff);background:-moz-linear-gradient(top,#000,#141354,#1f69ff);background:-ms-linear-gradient(top,#000,#141354,#1f69ff);background:-o-linear-gradient(top,#000,#141354,#1f69ff)}
.m a:active,.m a:hover,#vm li:hover{color:#0ff;text-shadow:0px 0px 5px #0ff;background-color:#1f69ff;transform:translate3d(2px,2px,2px)}
.m a:active,.m a:hover{background:-webkit-linear-gradient(top,#103683,#1f69ff,#103683);background:-moz-linear-gradient(top,#103683,#1f69ff,#103683);background:-ms-linear-gradient(top,#103683,#1f69ff,#103683);background:-o-linear-gradient(top,#103683,#1f69ff,#103683)}
#head{background:-webkit-radial-gradient(50% 100%,circle farthest-corner,#1a0e3d 0%,#103683 50%,#103683 100%);background:-moz-radial-gradient(50% 100%,circle farthest-corner,#1a0e3d 0%,#103683 50%,#103683 100%);background:-ms-radial-gradient(50% 100%,circle farthest-corner,#1a0e3d 0%,#103683 50%,#103683 100%);background:-o-radial-gradient(50% 100%,circle farthest-corner,#1a0e3d 0%,#103683 50%,#103683 100%);background:radial-gradient(circle farthest-corner at 50% 100%,#1a0e3d 0%,#103683 50%,#103683 100%);border-top:9px solid transparent}
#foot{background:-webkit-radial-gradient(50% 0%,circle farthest-corner,#1a0e3d 0%,#103683 50%,#103683 100%);background:-moz-radial-gradient(50% 0%,circle farthest-corner,#1a0e3d 0%,#103683 50%,#103683 100%);background:-ms-radial-gradient(50% 0%,circle farthest-corner,#1a0e3d 0%,#103683 50%,#103683 100%);background:-o-radial-gradient(50% 0%,circle farthest-corner,#1a0e3d 0%,#103683 50%,#103683 100%);background:radial-gradient(circle farthest-corner at 50% 0%,#1a0e3d 0%,#103683 50%,#103683 100%);border-bottom:9px solid transparent}
#v{background-image:url(violin.svg);background-repeat:no-repeat;background-size:contain;background-position:bottom center}
.dk{border:35px solid transparent;border-image:url(zene.svg) 40 stretch}
@media(orientation:portrait){
#m,#m+td{display:block;width:100%!important;box-sizing:border-box;margin:0!important}
#m{text-align:center;padding:10px 0}
.m{white-space:normal!important;display:flex!important;flex-wrap:wrap;justify-content:center;margin-bottom:15px;position:static!important}
.m li a{width:auto!important;height:auto!important;display:inline-block!important;margin:4px!important;padding:6px 15px!important}
#m .va,#m br{display:none!important}}
#m{vertical-align: top;margin: 0;flex-shrink: 0;width: max-content;display: flex;flex-direction: column;}
#m > a.va:first-of-type{margin-top: auto !important;}
#m > a.va{align-self: center;padding: 15px;}
#m > br{display: none;}
ul.m{position: -webkit-sticky;position: sticky;top: 0;}
#mrw{display: flex;width: 100%;}
@media(orientation:portrait){#mrw{display:block;}}