html,body{height:100%}
body{margin:0;background:#ccc;font-size:16px;line-height:1.15}
a:visited{color:#060}
a:link,.reg_link a:visited{color:#090;text-decoration:none}
a:hover{text-decoration:underline}
a:active{color:#c00;text-decoration:underline}
img{max-width:100%;border:none}
table{background:#fff;text-align:center;border-collapse:collapse;margin:0.3em auto}
td,th{padding:0.3em;border:1px solid black}
h1{font:bold 140% sans-serif;text-align:center;margin:1em 0 0.1em;text-transform:uppercase}
h2{font:bold 130% sans-serif;margin:0.9em 0 0.1em}
h1+*,h2+*{margin-top:0}
ul,ol{margin-top:0}
p{margin-bottom:0}
p+ul,p+ol{margin-bottom:auto}
.sw{max-width:50em;min-height:100%;margin:0 auto;background:#fff;padding:0.3em 0.5em 0.5em;position:relative}
.caption{text-align:right;font:75% sans-serif;margin:0;color:#666}
.logo{text-align:center;margin:0.4em 0 0.6em}
.logo img{max-width:70%}
nav span{font:5em/0 sans-serif;color:#666;display:none;cursor:pointer}
nav div{text-align-last:justify;font:500 110% sans-serif;background:#999;padding:0.3em}
nav a:link,nav a:visited{color:#fff}
nav a:hover{text-decoration:none;text-shadow:#fff 0 0 0.05em}
.reg_link{text-align:center;font:bold 110% sans-serif}
footer{text-align:center;clear:both}
footer a:link,footer a:visited{color:#000}
footer p{margin:0}
.video{position:relative;padding-top:56.25%}
.video iframe{position:absolute;top:0;width:100%;height:100%}
.ya-share2{display:table;margin:1em auto;clear:both}
@media(max-width:45em)
{
.logo{text-align:right}
.caption,nav div{display:none}
nav:hover div{display:block;box-shadow:0.5em 0.5em 1em 0 #666;border-radius:0 0.5em 0.5em}
nav{position:absolute;top:2.3em;z-index:9}
nav span{display:inline}
nav a{display:block;margin:1.2em 0}
}