
/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
}

main, article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
    display:block;
}

nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote::before, blockquote::after,
q::before, q::after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}

/* normalizing (HTML5 Boilerplate) */
body {font:13px/1.231 sans-serif;*font-size:small;}
select, input, textarea, button {font:99% sans-serif;}
pre, code, kbd, samp {font-family:monospace,sans-serif;}

html {overflow-y:scroll;}
h1,h2,h3,h4,h5,h6 {font-weight:bold;}
a:hover, a:active {outline:0;}

ul, ol {margin-left:2em;}
ol {list-style-type:decimal;}
nav ul, nav li {margin:0;}

small {font-size:85%;}
strong, th {font-weight:bold;}
td {vertical-align:top;}

sub, sup {font-size:75%;line-height:0;position:relative;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}

pre {white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;padding:15px;}
textarea {resize:none;overflow:auto;}

input::-moz-focus-inner {border:0;}
input[type="radio"] {vertical-align:text-bottom;}
input[type="checkbox"] {vertical-align:bottom;}

label, input[type="button"], input[type="submit"], input[type="image"], button {cursor:pointer;}
button, input, select, textarea {margin:0;}

a:link {outline:0;-webkit-tap-highlight-color:#FF5E99;}
button {width:auto;overflow:visible;}

/**
 * Author: Marcin "MiGoo" Gębski
 */
body, input, select, textarea {font-family:Verdana,sans-serif;font-size:13px;color:#FFF;}

/* box-sizing */
*, *::before, *::after {-moz-box-sizing:border-box;box-sizing:border-box;}

/* selection */
::-moz-selection {color:#FFF;background:#888;text-shadow:none;}
::selection {color:#FFF;background:#888;text-shadow:none;}

/* helpers */
.hidden {display:none;}
.visuallyhidden {position:absolute;clip:rect(1px,1px,1px,1px);}
.invisible {visibility:hidden;}

.clearfix::after {content:"";clear:both;display:block;}

/* anchors */
a {text-decoration:none;color:#FFF;}
a:hover {text-decoration:underline;}

/* body */
body {background:#000;}

	/* list */
	.list {margin:30px 0 30px 50px;}
		.level-1 > li + li, .level-2 > li + li {margin-top:30px;}
			.level-1 > li > ul {margin-top:10px;}

	/* .wrapper */
	.wrapper {width:1024px;height:912px;background-repeat:no-repeat!important;margin:10px auto;overflow:hidden;position:relative;}
	.wrapper.grey:after {position:absolute;top:0;right:0;bottom:0;left:0;content:"";width:100%;height:100%;background:rgba(0,0,0,.5);z-index:200;}

		/* buttons */
		.button {display:inline-block;width:37px;height:37px;white-space:nowrap;text-indent:100%;line-height:37px;background-image:url(images/sprite-overall.png);overflow:hidden;}
		.button.info {width:36px;background-position:-505px -384px;}
		.button.play {background-position:-964px -37px;}
		.button.pause {background-position:-551px -384px;}
		.button.stop {background-position:-458px -384px;}
		.button.check {background-position:-445px -431px;}
		.button.cross {background-position:-597px -384px;}
		.button.reset {background-position:-964px -84px;}

		.button.big {width:68px;height:67px;font-size:24px;font-weight:600;text-indent:0;text-align:center;line-height:67px;background-position:-289px -399px;}
		.button.big.active {background-position:-367px -399px;}

		/* jPlayer */
		.jp-interface {overflow:hidden;position:relative;}
		.jp-interface > * {float:left;}
			.jp-controls {list-style:none;margin:0;}
				.jp-controls li {float:left;}
				.jp-controls li:last-child {margin-left:10px;}
			.jp-progress {position:absolute;top:50%;left:100px;width:159px;height:5px;background:url(images/sprite-overall.png) -289px -384px;margin-top:-2px;}
				.jp-seek-bar {height:17px;margin-top:-7px;}
					.jp-play-bar {height:inherit;position:relative;}
					.jp-play-bar:before {position:absolute;top:1px;right:-8px;content:"";width:16px;height:17px;background:url(images/sprite-overall.png) -964px -10px;}

		/* main */
		main .browse {position:absolute;top:50%;display:block;width:84px;height:76px;white-space:nowrap;text-indent:100%;background:url(images/sprite-overall.png);margin-top:-16px;overflow:hidden;cursor:pointer;}
		main .browse.prev {left:10px;background-position:-860px -794px;}
		main .browse.prev:hover {background-position: -860px -460px;}
		main .browse.next {right:10px;background-position:-860px -576px;}
		main .browse.next:hover {background-position: -860px -692px;}

		/* footer */
		.footer {width:944px;height:127px;background:url(images/sprite-overall.png) -10px -10px;margin:2px auto 0;position:relative;}
		.footer:after {position:absolute;left:0;bottom:-156px;width:1024px;height:136px;content:"";background:url(images/ue.png);margin-left:-40px;}
			.footer > * {position:absolute;top:50%;}
			.footer_info, .footer_player, .footer_game {height:37px;margin-top:-18px;}

			/* info */
			.footer_info {left:50px;}
				.footer_info > div {display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:700px;height:350px;color:#000;background:#FFF;padding:20px;border:2px solid #554840;border-radius:10px;margin:auto;z-index:1000;}
					.footer_info > div > p {font-weight:bold;}

					.footer_info address {font-style:normal;margin-top:20px;}
						.footer_info address strong {display:block;font-weight:normal;text-decoration:underline;margin-bottom:10px;}
						.footer_info address p + strong {margin-top:10px;}
							.footer_info address a {color:inherit;}
						.footer_info address .close {text-align:right;}

			/* player */
			.footer_player {left:145px;width:280px;}

			/* pages */
			.footer_pages {left:465px;width:290px;margin-top:-34px;}
				.footer_pages ul {list-style:none;margin:0;}
					.footer_pages li {float:left;}
					.footer_pages li + li {margin-left:6px;}
						.footer_pages a:hover {text-decoration:none;}

			/* game */
			.footer_game {right:45px;}
				.footer_game .reset {margin-left:25px;}
