
/* 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.small {display:inline-block;width:29px;height:29px;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.info.small {width:29px;background-position: -505px -346px;text-indent: 36px;}
.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.check.small {background-position: -703px -346px;text-indent: 30px;}
.button.cross {background-position:-597px -384px;}
.button.reset {background-position:-964px -84px;}
.button.reset.small {background-position: -737px -382px;text-indent: 30px;}
.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;}
.button.small {width:29px;height:29px;font-size: 17px;font-weight: 500;text-indent: 0px;text-align:center;line-height: 29px;background-position: -635px -346px;margin-right: 4px;}
.button.small.active {background-position: -668px -346px;}
/* 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;}
/**
 * Author: Grzegorz Urbański
 */

/* footer2 */
.footer2 {width: 947px;height:127px;background-color: #fff;border-radius: 10px;border: 2px solid #70635D;margin:2px auto 0;position:relative;}
.footer2:after {position:absolute;left:0;bottom:-156px;width:1024px;height:136px;content:"";background:url(images/ue.png);margin-left:-40px;}
.footer2 > * {position:absolute;top: 62%;}
.assignment {top: 10%;left: 2%;}
.assignment_head {color: #B1052D;float: left;font-weight: bold;font-size: 14px;}
.assignment_description {color: #000;font-size: 14px;padding-left: 84px;width: 905px;}
.footer_navi {width: 940px;height: 45px;border-top: 1px solid #DEDEDE;}
.footer_navi .footer_info{margin: 8px 0px 0px 28px;}
.footer_navi .footer_pages{margin: -38px 17px 0px 0px;float: right;width: auto;}
.footer_pages_head {color: #B1052D; font-weight: bold; font-size: 14px; margin-top: 5px;}
.footer_navi .footer_game{margin: -36px 0px 0px 41px;}