article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block
}

audio, canvas, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active, a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body {
    font-size: 1em;
    line-height: 1.45;
    margin-top: 70px;
    padding-bottom: 70px;
}

::-moz-selection {
    background: #588eaea1;
    text-shadow: none;
    color: #fff
}

::selection {
    background: #588eaea1;
    text-shadow: none;
    color: #fff
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

img {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.legacy {
    margin: 2em auto;
    background: #fff6b0;
    color: #000;
    padding: 1em 2em;
    text-align: center;
    width: 60%
}

.legacy a {
    color: #000;
    border-color: #666
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a {
    -webkit-transition: background-color 0.4s ease;
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease
}

html, button, input, select, textarea {
    font: 0.938em/1.52 "Open Sans", Arial, sans-serif;
    color: #777
}

html, body {
    background: #313a45
}

h1 {
    font-size: 2.667em;
    margin-top: 0.5em
}

h2 {
    font-size: 1.25em
}

h1, h2, h3, h4 {
    line-height: 1.2;
    color: #00497b;
    font-weight: 100
}

h1 a, h2 a, h3 a, h4 a, h5 a {
    color: #00497b;
    border: none
}

a {
    color: #00497b;
    text-decoration: underline
}

a:hover {
    text-decoration: none
}

a:active {
    color: #777
}

table {
    width: 100%;
    margin: 1.5em 0;
    border: 1px double #777
}

table th, table td {
    padding: 0.5em 1em;
    text-align: left;
    background: #fff;
    border-bottom: 1px solid #b8b8b8;
    border-right: 1px solid #b8b8b8
}

table tr:hover td {
    background: #edf4e8
}

table tr.filters:hover td {
    background: #fff
}

table input {
    width: 100%;
    border: none;
    background: #e9e9e9;
    padding: 0.5em
}

table p {
    margin: 0
}

ul li, ol li {
    margin-bottom: 0.5em
}

form ul {
    margin: 0;
    padding: 0
}

form li {
    list-style: none;
    margin: 0 0 0.5em;
    display: block;
    width: 100%;
    position: relative
}

label, input, select, textarea {
    display: block;
    width: 100%
}

label {
    margin-bottom: 0.5em
}

.placeholder label {
    display: none
}

textarea {
    height: 244px
}

input, select, textarea {
    background: #fff;

    padding: 1.4em 1em;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8;
    border: 1px solid #464646;
}

input:focus, select:focus, textarea:focus {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.content input, .content select, .content textarea {
    border: 1px solid #ebebeb
}

.slide input, .slide select, .slide textarea {
    width: auto;
    display: initial;
    padding: 0.2em 0.5em
}

select {
    cursor: pointer
}

input[type=radio], input[type=checkbox] {
    display: inline;
    width: auto;
    position: relative;
    top: 2px
}

span.radio, span.checkbox {
    display: block;
    margin-bottom: 0.3em
}

.submit input, .buttons input, input.submit, input.btn {
    /*
    height: 60px;
    width: 60px;
    background: url(../img/sprite.png) no-repeat 0 0;
    position: relative;
    border: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    float: right;
    padding: 0;
    overflow: hidden;
    text-indent: 100%
    */

    position: relative;
    border: 1px solid #323a44;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    float: right;
    overflow: hidden;
    padding: 10px;
    border-radius: 50px;
    color: #ffffff;
    background: #313a45;
    box-shadow: 5px 6px 10px #888888;
}

.dark--1 + .content .submit input, .dark--1 + .content .buttons input, .dark--1 + .content input.submit, .dark--1 + .content input.btn {
    background-position: 0 -539px
}

.dark--2 + .content .submit input, .dark--2 + .content .buttons input, .dark--2 + .content input.submit, .dark--2 + .content input.btn {
    background-position: -60px -539px
}

.dark--3 + .content .submit input, .dark--3 + .content .buttons input, .dark--3 + .content input.submit, .dark--3 + .content input.btn {
    background-position: 0 -599px
}

.dark--4 + .content .submit input, .dark--4 + .content .buttons input, .dark--4 + .content input.submit, .dark--4 + .content input.btn {
    background-position: -60px -599px
}

.dark--5 + .content .submit input, .dark--5 + .content .buttons input, .dark--5 + .content input.submit, .dark--5 + .content input.btn {
    background-position: 0 -659px
}

.dark--6 + .content .submit input, .body--common .submit input, .dark--6 + .content .buttons input, .body--common .buttons input, .dark--6 + .content input.submit, .body--common input.submit, .dark--6 + .content input.btn, .body--common input.btn {
    background-position: -60px -659px
}

.dark--7 + .content .submit input, .dark--7 + .content .buttons input, .dark--7 + .content input.submit, .dark--7 + .content input.btn {
    background-position: 0 -719px
}

.dark--8 + .content .submit input, .dark--8 + .content .buttons input, .dark--8 + .content input.submit, .dark--8 + .content input.btn {
    background-position: -60px -719px
}

.dark--9 + .content .submit input, .dark--9 + .content .buttons input, .dark--9 + .content input.submit, .dark--9 + .content input.btn {
    background-position: 0 -779px
}

.dark--10 + .content .submit input, .dark--10 + .content .buttons input, .dark--10 + .content input.submit, .dark--10 + .content input.btn {
    background-position: -60px -779px
}

.dark--11 + .content .submit input, .dark--11 + .content .buttons input, .dark--11 + .content input.submit, .dark--11 + .content input.btn {
    background-position: 0 -839px
}

.dark--12 + .content .submit input, .dark--12 + .content .buttons input, .dark--12 + .content input.submit, .dark--12 + .content input.btn {
    background-position: -60px -839px
}

.dark--13 + .content .submit input, .dark--13 + .content .buttons input, .dark--13 + .content input.submit, .dark--13 + .content input.btn {
    background-position: 0 -899px
}

.dark--14 + .content .submit input, .dark--14 + .content .buttons input, .dark--14 + .content input.submit, .dark--14 + .content input.btn {
    background-position: -60px -899px
}

.dark--15 + .content .submit input, .dark--15 + .content .buttons input, .dark--15 + .content input.submit, .dark--15 + .content input.btn {
    background-position: 0 -959px
}

.submit input:hover, .buttons input:hover, input.submit:hover, input.btn:hover {
    background-position: 0 -60px !important
}

.body--test .submit input, .body--test .buttons input, .body--test input.submit, .body--test input.btn {
    float: none;
    margin: 0 auto
}

#comment-form_ .buttons {
    width: 450px
}

#comment-form_ .buttons input {
    float: none;
    margin: 0 auto;
    width: 60px
}

.required {
    color: #7bae58
}

.errorMessage {
    background: #c20000;
    color: #fff;
    padding: 1em;
    margin-top: 0.2em
}

body.body--index {
    /*background: url(../img/trans.png) no-repeat #abdffb;
    background-size: 100% 100%;*/
    /*background: #fbfbfb;*/
    width: 100%; background-image: url("../img/bg_01.jpg"); background-position: center center; background-size: cover; background-attachment: fixed; background-repeat: no repeat;
    margin-top: 70px;
    height: calc(100vh - 70px);
}

body.body--modules {
    /*background: url("../img/bg_02.jpg") no-repeat center top fixed #fff;*/
}

.inlay {
    margin: 0 auto;
    width: 960px
}

.head {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 60;
    width: 100%;
    background: url(../img/trans2.png);
    background: rgb(188, 229, 251);
    min-height: 70px;
    border: none;
    box-shadow: 0 6px 15px #888888;
}

.body--index .head, .body--about .head, .body--contact .head, .body--common .head, .body--register .head {
    background: url(../img/trans5.png);
    background: rgb(188, 229, 251)
}

.logo {
    width: 185px;
    height: 51px;
    border: none;
    float: left;
    margin: 10px;
    margin-left: -10px;
}

.logo img {
    vertical-align: top;
    width: 100%
}

.navigation {
    text-transform: uppercase
}

.navigation ul {
    margin: 0;
    padding: 0
}

.navigation a {
    text-decoration: none;
    display: block;
    padding: 0;
    color: #a6a6a6;
    white-space: nowrap
}

.navigation li {
    list-style: none;
    position: relative;
    margin: 0
}

.navigation.navigation--menu {
    float: right
}

.navigation.navigation--menu li, .navigation.navigation--menu a {
    display: inline-block
}

.navigation.navigation--menu a {
    height: 71px;
    line-height: 71px;
    color: #000;
    padding: 0 10px
}

.navigation.navigation--menu li.current_page_item a {
    background: url(../img/menu-act.png) no-repeat center 15px
}

.navigation.navigation--menu li:hover > a {
    background-color: rgba(0, 0, 0, 0.1)
}

.lt-ie9 .navigation.navigation--menu li:hover > a {
    background: url(../img/trans1.png)
}

.navigation.navigation--user, .navigation.navigation--slides {
    float: right;
    height: 35px;
    padding: 5px;
    position: relative;
    margin-top: 18px
}

.navigation.navigation--user .arrow, .navigation.navigation--slides .arrow {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../img/sprite.png) no-repeat 0 -320px;
    cursor: pointer;
    float: left
}

.navigation.navigation--user ul, .navigation.navigation--slides ul {
    display: none;
    position: absolute;
    right: 0;
    top: 35px;
    width: 220px;
    padding: 18px 0 0;
    z-index: 50
}

.navigation.navigation--user ul li, .navigation.navigation--slides ul li {
    background: #bce5fb
}

.navigation.navigation--user ul li:first-child, .navigation.navigation--slides ul li:first-child {
    padding-top: 10px
}

.navigation.navigation--user ul li:last-child, .navigation.navigation--slides ul li:last-child {
    padding-bottom: 10px
}

.navigation.navigation--user ul a, .navigation.navigation--slides ul a {
    display: block;
    width: 100%;
    padding: 10px 18px;
    color: #000;
    font-size: 12px
}

.navigation.navigation--user ul a:hover, .navigation.navigation--slides ul a:hover {
    background-color: rgba(0, 0, 0, 0.1)
}

.lt-ie9 .navigation.navigation--user ul a:hover, .lt-ie9 .navigation.navigation--slides ul a:hover {
    background: url(../img/trans1.png)
}

.navigation.navigation--user:hover span, .navigation.navigation--slides:hover span {
    background-position: 0 -345px
}

.navigation.navigation--user:hover ul, .navigation.navigation--slides:hover ul {
    display: block
}

span.user {
    float: left;
    color: #000;
    font-size: 12px;
    display: inline-block;
    margin: 5px 15px 0 30px
}

.fader {
    margin: 0;
    padding: 0
}

.fade {
    height: 407px
}

.fade.one {
    background: url(../img/slide1.jpg) no-repeat center top
}

.fade.one img {
    margin: 100px 0 0 10px
}

.fade.one h1 {
    font-size: 15px;
    font-weight: normal;
    color: #777;
    width: 400px;
    margin: 35px 0 0 10px
}

.fade.two {
    background: url(../img/slide2.jpg) no-repeat center top
}

.fade.two h2 {
    color: #7bae58;
    font-size: 65px;
    text-transform: uppercase;
    margin: 2.5em 0 0.35em
}

.fade.two p {
    font-size: 15px;
    width: 430px
}

.fade.three {
    background: url(../img/slide3.jpg) no-repeat center top
}

.bx-controls {
    width: 960px;
    height: 1px;
    margin: -1px auto 0;
    position: relative
}

.bx-pager {
    position: absolute;
    top: 20px;
    right: 15px
}

.bx-pager-item {
    display: inline-block
}

.bx-pager-item a {
    display: inline-block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    border: 1px solid #fff;
    overflow: hidden;
    text-indent: 100%
}

.bx-pager-item a.active {
    background: #fff
}

.reglog {
    padding: 2.8em 0
}

.reglog .fl {
    width: 410px;
    padding-left: 10px;
    color: #fff
}

.reglog .fr {
    width: 480px;
    background: url(../img/dots.png) repeat-y left top;
    padding-left: 1.333em
}

.reglog h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 2.933em;
    margin-top: 0.1em
}

a.register {
    display: block;
    width: 60px;
    height: 60px;
    text-indent: 100%;
    overflow: hidden;
    background: url(../img/sprite.png) no-repeat 0 -120px;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
    margin-top: 1em;
    float: right
}

a.register:hover {
    background-position: 0 -180px
}

.login li {
    width: 300px
}

.login li.submit input {
    /*
    position: absolute;
    right: -80px;
    top: -69px
    */
    position: absolute;
    right: -137px;
    top: -69px;
    width: 120px;
    height: 60px;
    border-radius: 0;
    box-shadow: none;
    background: #00497b;
    color: #fff;
}

.login a.forgot {
    position: absolute;
    width: 130px;
    right: -150px;
    top: -72px
}

.maskoti {
    padding-top: 3.733em;
    margin-bottom: 3.333em
}

.maskoti .textbox {
    width: 400px;
    background: url(../img/trans6.png);
    background: rgba(255, 255, 255, 0.8);
    padding: 5px 20px;
    border-radius: 4px;
    position: relative;
    color: #646664
}

.maso {
    width: 666px;
    margin: 0 0 5px 12px
}

.maso .textbox {
    float: right;
    margin-top: 10px
}

.maso img {
    float: left
}

.maso .arrow {
    position: absolute;
    top: 21px;
    left: -63px;
    width: 63px;
    height: 23px;
    background: url(../img/arrowleft.png) no-repeat 0 0
}

.maso h3 {
    margin-bottom: 0.15em
}

.maso p {
    margin-top: 0
}

.mrkev {
    width: 670px;
    margin-left: 278px
}

.mrkev .textbox {
    float: left;
    margin-top: 31px
}

.mrkev img {
    float: right
}

.mrkev .arrow {
    position: absolute;
    top: 21px;
    right: -63px;
    width: 63px;
    height: 23px;
    background: url(../img/arrowright.png) no-repeat 0 0
}

a.scrollup {
    white-space: nowrap;
    display: block
}

.body--index a.scrollup {
    width: 40px;
    height: 40px;
    margin: -1em auto 0;
    overflow: hidden;
    text-indent: 100%;
    background: url(../img/sprite.png) no-repeat 0 -240px;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease
}

.body--index a.scrollup:hover {
    background-position: 0 -280px
}

.body--modules a.scrollup {
    width: 220px;
    height: 220px;
    line-height: 220px;
    text-align: center;
    float: left;
    text-decoration: none;
    text-transform: lowercase;
    font-size: 1.333em;
    color: #666;
    text-indent: 25px;
    background: url(../img/arrowup.png) no-repeat 40px center;
    margin-left: 10px
}

.body--modules a.scrollup:hover {
    background-color: rgba(0, 0, 0, 0.08)
}

.lt-ie9 .body--modules a.scrollup:hover {
    background: url(../img/trans1.png)
}

.dark {
    background: url(../img/trans4.png);
    background: #313a45;
    min-height: 80px;
}

.body--modules .dark, .body--slide .dark {
    padding-top: 40px;

}
.body--modules .dark
{
    min-height: 490px;
}
.body--slide .dark, .body--slide .dark {
    padding-top: 0;
}

.content {
    padding: 90px 0 2em;
    background: #f6f6f6
}

.body--modules .content {
    background: url("../img/bg_02.jpg") no-repeat center top fixed #fff;
    background-size: 100% 100%;
    padding: 2.333em 0 1.2em

}

.body--about .content, .body--register .content {
    /* background: url(../img/oprojektu-bg.jpg) no-repeat right top #f6f6f6 */
}

.body--about .content img.aligncenter, .body--register .content img.aligncenter {
    margin-top: 3em;
    margin-bottom: 0.5em
}

.body--contact .content {
    background: url(../img/kontakt-bg.jpg) no-repeat center top;
    padding-top: 71px
}

.body--slide .content, .body--test .content {
    background: #fff;
    padding: 2.333em 0 1.2em
}

.moduly--default .fl {
    width: 680px;
    padding-left: 10px;
    color: #fff
}

.moduly--default h1 {
    display: none
}

.moduly--default .h1 {
    font-size: 2.667em;
    font-weight: 100;
    margin: 0 0 0.1em
}

.moduly--default .highlight {
    font-size: 1.333em;
    font-weight: 100
}

.dark--active .moduly--default {
    display: none
}

.moduly--active {
    display: none;
    color: #fff;
    position: relative
}

.moduly--active h1 {
    font-size: 2.333em;
    margin-top: 0;
    color: #fff
}

.moduly--active h1 span {
    font-size: 1.714em;
    display: block;
    text-transform: lowercase;
    color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: 0.3;
    margin-bottom: 0.2em
}

.dark--active .moduly--active {
    display: block
}

.module-nav {
    width: 130px;
    padding-bottom: 15px;
}

a.module-nav--prev, a.module-nav--next {
    display: block;
    width: 60px;
    height: 60px;
    background: url(../img/sprite.png) no-repeat;
    overflow: hidden;
    text-indent: 100%;
    float: left
}

a.module-nav--prev:hover, a.module-nav--next:hover {
    background-color: rgba(0, 0, 0, 0.1)
}

.lt-ie9 a.module-nav--prev:hover, .lt-ie9 a.module-nav--next:hover {
    background: url(../img/trans1.png)
}

a.module-nav--prev.noprev, a.module-nav--prev.nonext, a.module-nav--next.noprev, a.module-nav--next.nonext {
    display: none
}

a.module-nav--prev {
    background-position: 20px -419px
}

a.module-nav--next {
    float: right;
    background-position: 20px -468px
}

a.close {
    display: block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    text-indent: 100%;
    text-decoration: none;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/sprite.png) no-repeat 12px -370px
}

a.close:hover {
    background-color: rgba(0, 0, 0, 0.1)
}

.lt-ie9 a.close:hover {
    background: url(../img/trans1.png)
}

.dark--1 {
    background: #313a45
}

.dark--2 {
    background: #313a45
}

.dark--3 {
    background: #313a45
}

.dark--4 {
    background: #313a45
}

.dark--5 {
    background: #313a45
}

.dark--6 {
    background: #313a45
}

.dark--7 {
    background: #313a45
}

.dark--8 {
    background: #313a45
}

.dark--9 {
    background: #313a45
}

.dark--10 {
    background: #313a45
}

.dark--11 {
    background:#313a45
}

.dark--12 {
    background: #313a45
}

.dark--13 {
    background: #313a45
}

.dark--14 {
    background: #313a45
}

.dark--15 {
    background: #313a45
}

a.navod {
    background-position: -60px 10px
}

a.forum {
    background-position: -60px -50px
}

a.stazeni {
    background-position: -60px -110px
}

a.poradna {
    background-position: -60px -170px
}

a.spustit {
    background-position: -60px -220px
}

a.skripta {
    background-position: -60px -270px
}

a.sesit {
    background-position: -60px -320px
}

a.test {
    background-position: -60px -370px
}

a.test.active {
    background: url(../img/sprite2.png) no-repeat -5px 10px
}

a.certifikat {
    background-position: -60px -420px
}

a.certifikat.active {
    background: url(../img/sprite2.png) no-repeat -5px -40px
}

.navigation--moduly, .navigation--active {
    padding-left: 11px;
    float: right;
    margin: 0 10px 20px 0;
    background: url(../img/dots.png) repeat-y 0 0
}

.navigation--moduly li, .navigation--moduly a, .navigation--active li, .navigation--active a {
    display: block;
    height: 50px
}

.navigation--moduly li, .navigation--active li {
    margin: 20px 0 0
}

.navigation--moduly li:first-child, .navigation--active li:first-child {
    margin-top: 0
}

.navigation--moduly a, .navigation--active a {
    line-height: 60px;
    text-transform: lowercase;
    color: #fff;
    padding-left: 60px;
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat
}

.navigation--moduly a:hover, .navigation--active a:hover {
    background-color: rgba(0, 0, 0, 0.1)
}

.lt-ie9 .navigation--moduly a:hover, .lt-ie9 .navigation--active a:hover {
    background: url(../img/trans1.png)
}

.navigation--moduly {
    width: 231px
}

.navigation--active {
    width: 471px;
    position: relative;
    /*margin-top: 44px; */
}

.navigation--active ul {
    margin-top: 20px;
    width: 220px
}

.navigation--active ul + ul {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-top: 0
}

.navigation--active ul + ul a {
    color: #333;
    color: rgba(0, 0, 0, 0.35)
}

.navigation--active ul + ul a.active {
    color: #fff
}

.error {
    color: #d90000
}

.selecttorf td {
    cursor: pointer
}

.green {
    color: #7bae58;
    font-weight: bold
}

a.module {
    display: block;
    width: 300px;
    height: 477px;
    float: left;
    margin: 0 20px 10px 0;
    text-align: center;
    text-decoration: none;
    position: relative;
    box-shadow: 6px 6px 15px #888888;
    border-radius: 10px;
}

a.module h2 {
    color: #fff;
    font-size: 1.533em
}

a.module span {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 5px;
    left: 0;
    font-size: 3.6em;
    color: #000;
    font-weight: 100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    opacity: 0.25
}

.module--xx
{
    background: #313a45
}
.module--xx:hover
{
    background: #454f5b;
}

.module--1 {
    background: #313a45
}

.module--1:hover {
    background: #454f5b;
}

.module--2 {
    background: #313a45
}

.module--2:hover {
    background: #454f5b;
}

.module--3 {
    background: #313a45
}

.module--3:hover {
    background:#454f5b;
}

.module--4 {
    background: #313a45
}

.module--4:hover {
    background: #454f5b;
}

.module--5 {
    background: #313a45
}

.module--5:hover {
    background: #454f5b;
}

.module--6 {
    background: #313a45
}

.module--6:hover {
    background: #454f5b;
}

.module--7 {
    background: #313a45
}

.module--7:hover {
    background: #454f5b;
}

.module--8 {
    background: #313a45
}

.module--8:hover {
    background: #454f5b;
}

.module--9 {
    background: #313a45
}

.module--9:hover {
    background: #454f5b;
}

.module--10 {
    background: #313a45
}

.module--10:hover {
    background:#454f5b;
}

.module--11 {
    background: #313a45
}

.module--11:hover {
    background: #454f5b;
}

.module--12 {
    background: #313a45
}

.module--12:hover {
    background:#454f5b;
}

.module--13 {
    background: #313a45
}

.module--13:hover {
    background: #454f5b;
}

.module--14 {
    background: #313a45
}

.module--14:hover {
    background: #454f5b;
}

.module--15 {
    background: #313a45
}

.module--15:hover {
     background: #454f5b;
 }
.module--16 {
    background: #313a45
}
.module--16:hover {
    background: #454f5b;
}

span.modul-name {
    font-size: 2.6em;
    float: left;
    width: 99%;
    text-transform: lowercase;
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: 0.9;
    display: block;
    font-weight: 100;
    margin: 15px 0.5em 0 0.3em
}

.body--slide h1 {
    font-size: 1.333em;
    float: left;
    font-weight: 100;
    color: #fff;
    width: 510px;
    /*margin: 0 0 0 0.75em */
}

.navigation.navigation--slides {
    float: left;
    margin-top: 12px;
    height: 67px
}

.navigation.navigation--slides ul {
    right: auto;
    left: 0;
    top: 67px;
    width: 460px;
    height: 169px;
    overflow-y: scroll;
    padding-top: 0
}

.dark--1 .navigation.navigation--slides ul li {
    background: #bce5fb
}

.dark--2 .navigation.navigation--slides ul li {
    background: #bce5fb
}

.dark--3 .navigation.navigation--slides ul li {
    background: #bce5fb
}

.dark--4 .navigation.navigation--slides ul li {
    background: #bce5fb
}

.dark--5 .navigation.navigation--slides ul li {
    background:#bce5fb
}

.dark--6 .navigation.navigation--slides ul li {
    background: #bce5fb
}

.dark--7 .navigation.navigation--slides ul li {
    background: #bce5fb
}

.dark--8 .navigation.navigation--slides ul li {
    background: #bce5fb
}

.dark--9 .navigation.navigation--slides ul li {
    background: #bce5fb
}

.dark--10 .navigation.navigation--slides ul li {
    background:#bce5fb
}

.dark--11 .navigation.navigation--slides ul li {
    background: #bce5fb
}

.dark--12 .navigation.navigation--slides ul li {
    background: #bce5fb
}

.dark--13 .navigation.navigation--slides ul li {
    background: #bce5fb
}

.dark--14 .navigation.navigation--slides ul li {
    background: #bce5fb
}

.dark--15 .navigation.navigation--slides ul li {
    background: #bce5fb
}
.dark--16 .navigation.navigation--slides ul li {
    background: #bce5fb
}

.slide {
    width: 800px;
    height: 457px;
    margin: 0 auto;
    border:1px solid #e6e6e6
}

.drag {
    width: 60%;
    margin: 0 auto
}

.drag ul {
    margin: 0;
    padding: 0;
    width: 46%
}

.drag li {
    list-style: none
}

.drag .first_table {
    float: left;
    text-align: right;
    font-weight: normal
}

.drag .ui-sortable {
    float: right
}

.drag .ui-sortable li {
    cursor: pointer;
    padding-left: 1.5em;
    background: url(../img/drag.png) no-repeat 0 0
}

.pager {
    font-size: 0;
    text-align: right;
    vertical-align: top
}

.pager ul {
    margin: 0;
    padding: 0
}

.pager li, .pager a {
    display: inline-block
}

.pager li {
    margin: 0 4px
}

.pager a {
    font-size: 12px;
    background: #7bae58;
    color: #fff;
    height: 32px;
    line-height: 32px;
    text-decoration: none;
    min-width: 32px;
    text-align: center;
    padding: 0 10px;
    overflow: hidden;
    white-space: nowrap
}

.pager .first a, .pager .previous a, .pager .next a, .pager .last a {
    text-indent: 100%;
    width: 32px;
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat
}

.pager .first.hidden, .pager .previous.hidden, .pager .next.hidden, .pager .last.hidden {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: 0.3
}

.pager .first a {
    background-position: -36px -470px
}

.pager .previous a {
    background-position: -68px -470px
}

.pager .next a {
    background-position: -36px -502px
}

.pager .last a {
    background-position: -68px -502px
}

#update-form fieldset {
    width: 45%;
    float: left
}

#update-form fieldset + fieldset {
    float: right
}

.body--test h1 {
    /*text-transform: lowercase; */
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    /* opacity: 0.3; */
    margin-top: 1.3em
}

.body--test h2 {
    position: relative;
    padding-left: 35px;
    margin-bottom: 3em;
    font-size: 1em;
    font-weight: 700
}

.body--test h2 .number {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 35px
}

.body--test .dark--1 + .content h2 {
    color: #01497c
}

.body--test .dark--2 + .content h2 {
    color: #01497c
}

.body--test .dark--3 + .content h2 {
    color: #01497c
}

.body--test .dark--4 + .content h2 {
    color: #01497c
}

.body--test .dark--5 + .content h2 {
    color: #01497c
}

.body--test .dark--6 + .content h2 {
    color: #01497c
}

.body--test .dark--7 + .content h2 {
    color: #01497c
}

.body--test .dark--8 + .content h2 {
    color: #01497c
}

.body--test .dark--9 + .content h2 {
    color: #01497c
}

.body--test .dark--10 + .content h2 {
    color: #01497c
}

.body--test .dark--11 + .content h2 {
    color: #01497c
}

.body--test .dark--12 + .content h2 {
    color: #01497c
}

.body--test .dark--13 + .content h2 {
    color: #01497c
}

.body--test .dark--14 + .content h2 {
    color: #01497c
}

.body--test .dark--15 + .content h2 {
    color: #01497c
}
.body--test .content h2 {
    color: #01497c
}

.body--test fieldset {
    margin-bottom: 1.25em
}

.body--test .container {
    width: 740px;
    /*margin: 0 auto;*/
    overflow: hidden;
    position: relative
}

.placeholder .body--test form label {
    display: block;
    cursor: pointer
}

.placeholder .body--test form label:hover {
    color: #7bae58
}

.body--test input[type=radio], .body--test input[type=checkbox] {
    position: absolute;
    left: -2em
}

.body--test input[type=radio]:checked + label, .body--test input[type=checkbox]:checked + label {
    font-weight: bold;
    color: #7bae58
}

.lt-ie9 .body--test input[type=radio], .lt-ie9 .body--test input[type=checkbox] {
    position: relative;
    left: 0;
    top: 7px;
    float: left
}

.body--test span.letter {
    display: block;
    width: 35px;
    float: left
}

.lt-ie9 .body--test span.letter {
    margin-left: 10px
}

.body--test input[type=checkbox] + label span.letter {
    width: 11px;
    height: 11px;
    border: 1px solid #777;
    margin: 6px 22px 4px 2px;
    overflow: hidden;
    text-indent: 100%
}

.body--test input[type=checkbox]:checked + label span.letter {
    background: #7bae58
}

.body--test p.text {
    width: 705px;
    float: right;
    margin: 0 0 1em
}

.lt-ie9 .body--test p.text {
    width: 680px
}

.flash {
    position: absolute;
    display: inline-block;
    top: 45%;
    left: 50%;
    z-index: 1000;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: url(../img/sprite2.png) no-repeat;
    padding: 34px 15px 34px 90px;
    color: #fff
}

.flash.flash-error {
    background-color: #cf2929;
    background-position: 15px -90px
}

.flash.flash-notice {
    background-color: #e6a63e;
    background-position: 15px -165px
}

.flash.flash-success {
    background-color: #7bae58;
    background-position: 15px -240px
}

.file {
    width: 480px;
    margin-bottom: 0.5em
}

.file a {
    display: block;
    width: 480px;
    padding: 1em;
    text-decoration: none
}

.file a:hover {
    background: #fff
}

.box ~ .file {
    float: right
}

.box ~ .file a {
    width: 380px;
    float: left
}

.box ~ .file .submit_del {
    float: right;
    border: none;
    padding: 1em;
    color: #cf2929;
    width: auto;
    background: none;
    text-transform: lowercase
}

.body--common .box {
    background: none;
    float: left;
    padding: 0
}

.body--common .box #foo {
    display: none
}

.body--common .box #upload {
    margin-bottom: 1em
}

#chat {
    width: 480px;
    float: left
}

.row input + label {
    display: inline
}

.you textarea {
    margin-bottom: 1em
}

form.online {
    float: right;
    width: 400px
}

.comments_level {
    margin-bottom: 1em
}

.comments_level strong, .comments_level p, .comments_level .comments_body {
    margin: 0;
    background: #fff;
    padding: 1em 1em 0
}

.comments_level strong {
    display: block
}

.comments_level p strong {
    display: inline;
    padding: 0
}

.comments_level .comments_body {
    padding-bottom: 1em
}

.comments_level [class*="comments_level lev"] {
    padding-left: 5em
}

#comment-form_, .add_comment form {
    margin-bottom: 1em
}

#comment-form_ input, #comment-form_ textarea, .add_comment form input, .add_comment form textarea {
    width: 450px;
    margin-bottom: 0.5em
}

#comment-form_ textarea, .add_comment form textarea {
    height: 150px
}

#comment-form_ label, .add_comment form label {
    display: block !important
}

.add_comment form {
    margin-top: 0.5em
}

.comments_level form {
    margin-bottom: 1.5em
}

a.comm_more, a.remove_form {
    display: inline-block;
    border-radius: 0.556em;
    padding: 0.444em 0.722em;
    text-transform: uppercase;
    text-decoration: none;
    color: #666;
    border: 1px solid #d9d9d9;
    font-size: 1em;
    margin-top: 0.5em
}

a.comm_more:hover, a.comm_more.active, a.remove_form:hover, a.remove_form.active {
    border-color: #7bae58;
    color: #7bae58
}

.box {
    background: #fff;
    width: 100%;
    padding: 10px 10px 1px;
    margin-bottom: 8em
}

a.mapa {
    text-transform: lowercase;
    text-decoration: none;
    background: url(../img/lupa.png) no-repeat right top;
    padding: 9px 35px 0 0;
    float: right;
    position: relative;
    top: -45px
}

.body--register .fl {
    width: 620px
}

.body--register fieldset {
    width: 300px;
    margin-top: 1em
}

.footer {
    text-align: center;
    background: #313a45;
    padding: 2.667em 0 1.733em;
    opacity: 0.8;
}

.footer p {
    font-size: 0.933em;
    color: #bce5fb;
    /* margin-top: 10px; */
    padding: 0;
    margin: 0;
}

.clear:before, .clear:after, .inlay:before, .inlay:after {
    content: "";
    display: table
}

.clear:after, .inlay:after {
    clear: both
}

.clear, .inlay {
    *zoom: 1
}

.no-show {
    display: none
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.fr, .alignright {
    float: right
}

.fl, .alignleft {
    float: left
}

img.alignright {
    float: right;
    margin: 0 0 1.5em 1.5em
}

img.alignleft {
    float: left;
    margin: 0 1.5em 1.5em 0
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a {
        text-decoration: underline
    }

    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }
}

.login_hidden {
    position: fixed;
    top: 20%;
    z-index: 9999;
    background-color: #423e37;
    width: 488px;
    left: 38%;
    opacity: 1;
    padding: 30px;
    color: #fff;
    display: none;
    opacity: 0.9;
}

.login_hidden a {
    color: #fff;
}

.login_hidden h2 {
    color: #fff;
}

.dark.main_page {
    padding: 1em;
}

#fader2, .reg_slider, #fader2 li {
    display: block;
    height: 150px;
    margin-top: 30px;
}

#fader2 {
    margin: 0;
    padding: 0;
}

#fader2 li {
    font-size: 25px;
    text-align: center;
    width: 100%;
    margin-top: 20px;
}

.reg_slider .bx-controls {
    width: 400px;
    text-align: center;
    position: relative;
    top: -200px;
    height: 55px;
}

.reg_slider .bx-pager {
    position: relative;
    right: 0;
}

.reg_slider .bx-pager-item a {
    display: inline-block;
    margin: 0 0;
    width: 32px;
    height: 32px;
    border: none;
    overflow: hidden;
    text-indent: 0%;

    color: #fff;
    text-decoration: none;
    line-height: 30px;
}

.reg_slider .bx-pager-item a.active {
    background: url(../img/a.png);
}

.reg_slider .bx-pager-item a:hover {
    background: url(../img/b.png);
}

.reg_slider_right {
    display: block;
    height: 150px;
    margin-top: 30px;
    text-align: center;
}

.white_text {
    float: left;
    margin-top: 31px;
    margin-left: 21px;
    color: #fff;
    display: inline-block;
}

.first_a, .second_a, .third_a {
    display: block;
    width: 100px;
    height: 100px;
    color: #fff;
    float: left;
    margin-left: 30px;
    margin-top: 20px;
    text-align: center;
    text-decoration: none;
}

.first_a:hover, .second_a:hover, .third_a:hover {
    color: #6BCF48;
}

.registered_modules ul {
    list-style: none;
    width: 100%;

}

.registered_modules ul input {
    margin: 12px;
    left: -55px;
}

.registered_modules ul li {
    color: #fff;
    margin-bottom: 0;
    padding: 0;
}

.registered_modules ul .input_index {
    position: relative;
    background: #fff;
    border: 1px solid #000;
    width: 15px;
    height: 15px;
    display: block;
    left: -30px;
    top: 12px;
    float: left;

}

.registered_modules ul .input_index.selected {
    background: #55BD5E;
}

#ui-datepicker-div select {
    font-size: 0.8em;
    height: 30px;
    padding: 0;
}
.button_custom
{
    height: 40px;

    color: #fff;
    width: 90%;
    margin: 0 auto;
    padding: 9px;
    border-radius: 50px;
    transition: 0.5s;
}
.button_custom a
{
    color: #fff;
    text-decoration: none;
}
.button_custom.slide{
    height: 40px;
    border: 1px solid #000;
    color: #000;
    width: 90%;
    margin: 0 auto;
    padding: 9px;
    border-radius: 50px;
    transition: 0.5s;
}
.button_custom:hover
{
    background: #313a45;
    border:1px solid #fff;

}
.button_custom:hover a
{
    color: #fff;
}
.button_custom.slide
{
    color: #fff;
}
.logo_institution
{
    margin-top: 50px;
}
.defaultSkin table.mceLayout, #content1, #Slide_html_parent, .mceIframeContainer.mceFirst.mceLast
{
    width: 500px;
}
.defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText
{
    width:500px;
}
#Slide_html_ifr
{
    width: 730px!important;
}
.module.module--slide{
    background: #ffffff;
}




/*Venca*/
.head { /*box-shadow: 0 7px 100px #0000004f;*/ box-shadow: none;     box-shadow: 0 7px 60px #0000004f;
    border-bottom: 1px solid #afafaf;}
a.module {
    display: block;
    width: 300px;
    height: 477px;
    float: left;
    margin: 10px 10px 10px 10px;
    text-align: center;
    text-decoration: none;
    position: relative;
    box-shadow: 0 10px 20px 0 #323a4463;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

a.module h2 {
    color: #fff;
    /*font-size: 1.533em;*/
    padding: 0 20px;
    margin: 32px 0 0 0;
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase;
}
a.module p {
    color: #ffffffa1;
    padding: 10px 20px;
    height: 140px;
    overflow: hidden;
}
.button_custom {
    height: 40px;

    color: #fff;
    background-color: #404a56;
    width: 86%;
    margin: 0 auto 0 auto;
    padding: 8px;
    border-radius: 20px;

}
.button_custom:hover {
    border: none;
    background-color: #5f6d7d;
}


.moduly--active p { color: #ffffffa1; }

.footer {
    background: #323a44;
    min-height: 40px;
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    padding: 10px;
}
.body--modules .content { padding: 4em 0 4em; }



/* login */
.login-white {
    position: relative;
    width: 500px;
    margin: 15px auto 0 auto;
    height: auto;
    background-color: white;
    padding: 40px;
    box-shadow: 0 28px 86px 0 #9aa2aba8;
}

.login-bg { width: 100%; height: 100vh; background-image: url("../img/bg_01.jpg"); background-position: center center; background-size: cover; background-attachment: fixed; background-repeat: no repeat; }



.login li.submit input { top: -90px; }
.body--modules .content { padding: 4em 0 4em; min-height: 80vh; }


.modul-name.small
{
    font-size: 1.2em;
    width: 99%;
    text-align: center;
    text-transform: none;
    padding: 20px;
}
.reglog.dark{
    background: transparent;
}

.navigation.navigation--slides h1{
    margin: 0;
    padding-left: 15px;
}
.modul-name a
{
    color:#fff;
    text-decoration: none;

}

.back_button a{
    padding: 7px;
    border: 1px solid;
    border-radius: 25px;
    margin-left: -8px;
    margin-right: 10px;
    /* margin-top: 16px; */
    text-decoration: none;
    position: relative;
    top: -5px;
    font-size: small;
}
.body--slide .button_custom
{
    height: 40px;
    color: #fff;
    background-color: #404a56;
    width: 86%;
    margin: 0 auto 0 auto;
    padding: 8px;
    border-radius: 20px;
    text-decoration: none;
}
.body--slide .button_custom_white
{
    height: 40px;
    text-decoration: none;
    background-color: #fff;
    width: 86%;
    margin: 0 auto 0 auto;
    padding: 8px;
    border-radius: 20px;
    color: #404a56;
    border: 1px solid;
}
a.module.active
{
    background:#00840b;
}
a.module span.results
{
    position: relative;
    font-size: 11px;
    width: 100%;
    float: left;
    color: #fff;
    margin-top: 4px;
    opacity: 1;
}

.navigation--moduly a, .navigation--active a.zvukova_stopa
{
    background-image: none;
}