/***********************************
    UZSI Stylesheet
    Author: Sprinx Systems a.s.
    Version: 10-02-2018
***********************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden;
        /* fix firefox animation glitch */
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        /* fix for flashing background */
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
        }

    .owl-carousel .owl-nav.disabled,
    .owl-carousel .owl-dots.disabled {
        display: none;
    }

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-dot {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel button.owl-dot {
        background: none;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit;
    }

    .owl-carousel.owl-loaded {
        display: block;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel.owl-hidden {
        opacity: 0;
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden;
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab;
    }

    .owl-carousel.owl-rtl {
        direction: rtl;
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right;
        }
/* No Js */
.no-js .owl-carousel {
    display: block;
}
/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    transition: height 500ms ease-in-out;
}
/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
    /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */
}

    .owl-carousel .owl-item .owl-lazy {
        opacity: 0;
        transition: opacity 400ms ease;
    }

        .owl-carousel .owl-item .owl-lazy[src^=""],
        .owl-carousel .owl-item .owl-lazy:not([src]) {
            max-height: 0;
        }

    .owl-carousel .owl-item img.owl-lazy {
        transform-style: preserve-3d;
    }
/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("../less/libs/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3);
    }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}

    #fancybox-loading div {
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 480px;
        background-image: url('/scripts/fancybox/fancybox.png');
    }

#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none;
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: none;
    display: none;
    min-width: 260px;
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
}

#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0px solid transparent;
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101;
}

#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url('/scripts/fancybox/fancybox.png') -40px 0px;
    cursor: pointer;
    z-index: 1103;
    display: none;
}

#fancybox-error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 14px;
    margin: 0;
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
}

#fancybox-frame {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

#fancybox-left,
#fancybox-right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background: transparent url('/scripts/fancybox/blank.gif');
    z-index: 1102;
    display: none;
}

#fancybox-left {
    left: 0px;
}

#fancybox-right {
    right: 0px;
}

#fancybox-left-ico,
#fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}

#fancybox-left-ico {
    background-image: url('/scripts/fancybox/fancybox.png');
    background-position: -40px -30px;
}

#fancybox-right-ico {
    background-image: url('/scripts/fancybox/fancybox.png');
    background-position: -40px -60px;
}

#fancybox-left:hover,
#fancybox-right:hover {
    visibility: visible;
    /* IE6 */
}

    #fancybox-left:hover span {
        left: 20px;
    }

    #fancybox-right:hover span {
        left: auto;
        right: 20px;
    }

.fancybox-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}

#fancybox-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url('/scripts/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url('/scripts/fancybox/fancybox.png');
    background-position: -40px -162px;
}

#fancybox-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url('/scripts/fancybox/fancybox-y.png');
    background-position: -20px 0px;
}

#fancybox-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url('/scripts/fancybox/fancybox.png');
    background-position: -40px -182px;
}

#fancybox-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url('/scripts/fancybox/fancybox-x.png');
    background-position: 0px -20px;
}

#fancybox-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url('/scripts/fancybox/fancybox.png');
    background-position: -40px -142px;
}

#fancybox-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url('/scripts/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url('/scripts/fancybox/fancybox.png');
    background-position: -40px -122px;
}

#fancybox-title {
    font-family: Helvetica;
    font-size: 12px;
    z-index: 1102;
}

.fancybox-title-inside {
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    background: #fff;
    position: relative;
}

.fancybox-title-outside {
    padding-top: 10px;
    color: #fff;
}

.fancybox-title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    text-align: left;
}

#fancybox-title-over {
    padding: 10px;
    background-image: url('/scripts/fancybox/fancy_title_over.png');
    display: block;
}

.fancybox-title-float {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px;
}

#fancybox-title-float-wrap {
    border: none;
    border-collapse: collapse;
    width: auto;
}

    #fancybox-title-float-wrap td {
        border: none;
        white-space: nowrap;
    }

#fancybox-title-float-left {
    padding: 0 0 0 15px;
    background: url('/scripts/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
    color: #FFF;
    line-height: 29px;
    font-weight: bold;
    padding: 0 0 3px 0;
    background: url('/scripts/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
    padding: 0 0 0 15px;
    background: url('/scripts/fancybox/fancybox.png') -55px -90px no-repeat;
}

html {
    height: auto !important;
    font-size: 12px;
}

    html * {
        box-sizing: border-box;
    }
/* Typography */
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-size: 12px;
    line-height: 1.4;
    font-family: Tahoma, 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;
    height: auto !important;
}
/* body padding footer */
body {
    padding-bottom: 30px !important;
}

h1,
h2,
h3,
h4 {
    line-height: 1.2;
    margin: 0 0 16px;
}

h1 {
    font-size: 1.8em;
}

h2 {
    font-size: 1.4em;
}

h3 {
    font-size: 1.2em;
}

p {
    margin: 0 0 8px;
}

a {
    color: black;
    text-decoration: underline;
}

hr {
    color: #dfdfdf;
    background: #dfdfdf;
    border: 0;
    width: 100%;
    height: 1px;
    margin: 16px 0 32px 0;
    padding: 0;
}

@media only screen and (min-width: 800px) {
    html,
    body {
        font-size: 14px;
    }
}
/* Text-updates */
.sx-tar {
    text-align: right;
}

.sx-tac {
    text-align: center;
}

.sx-tal {
    text-align: left;
}

.sx-dib {
    display: inline-block;
}

.sx-db {
    display: block;
}

.sx-di {
    display: inline;
}

.mt {
    margin-top: 16px;
}

.sx-no-result {
    color: #db0000;
}
/* Grid */
.sxc-default {
    max-width: 1540px;
    margin: 16px auto 0;
    padding-left: 16px;
    padding-right: 16px;
}

.sxc-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -16px;
    margin-left: -16px;
}

.sxc-col-2,
.sxc-col-8,
.sxc-col-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 16px;
    padding-left: 16px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

@media only screen and (min-width: 1024px) {
    .sxc-row {
        align-items: stretch;
    }

    .sxc-col-2 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .sxc-col-8 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .sxc-col-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .sxc-col-first {
        order: -1;
    }
    /* borders */
    .sxc-border-right {
        border-right: 1px solid black;
    }

    .sxc-border-left {
        border-left: 1px solid black;
    }
}

@media only screen and (min-width: 1440px) {
    .sxc-default {
        padding-left: 16px;
        padding-right: 16px;
    }

    .sxc-col-2 {
        -ms-flex-preferred-size: 23%;
        flex-basis: 23%;
        max-width: 23%;
    }

    .sxc-col-8 {
        -ms-flex-preferred-size: 54%;
        flex-basis: 54%;
        max-width: 54%;
    }

    .sxc-col-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}
/* Layout */
.sx-row {
    position: relative;
    margin: 0 -8px;
}

    .sx-row::before,
    .sx-row::after {
        clear: both;
        display: block;
        content: '';
    }

    .sx-row .sx-col {
        padding: 0 8px;
    }

    .sx-row .sx-col-2 {
        padding: 0 8px;
    }

@media only screen and (min-width: 540px) {
    .sx-col {
        float: left;
        width: 50%;
    }

    .sx-col-2 {
        float: left;
        width: 50%;
    }
}

@media only screen and (min-width: 800px) {
    .sx-col {
        width: 33.333%;
    }

    .sx-col-2 {
        width: 100%;
    }
}

@media only screen and (min-width: 1024px) {
    .sx-col {
        width: 50%;
    }

    .sx-col-2 {
        width: 50%;
    }
}

@media only screen and (min-width: 1440px) {
    .sx-col {
        width: 33.333%;
    }
}
/* Articles filter */
.sx-articles-filter-btn {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    line-height: 1.4;
    padding: 10px 16px;
    text-decoration: none;
    color: #fff;
    text-align: left;
}

.sx-articles-filter {
    width: 100% !important;
    border-bottom: 1px solid black;
    padding: 0 16px 16px;
    margin: 0 0 16px;
}
/* Navigation */
/* TODO: Vyladit dle zadani grafiky */
.header h1 {
    margin: 0;
    font-size: 1.6em;
    text-align: left;
    line-height: 48px;
    padding: 0 16px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: 700;
}

.header a {
    color: white;
    text-decoration: none;
}
/* MENU 1. ÚROVNĚ */
.menu1Level ul,
.menu2Level ul,
.menu3Level ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .menu1Level ul li,
    .menu2Level ul li,
    .menu3Level ul li {
        display: block;
        padding: 0;
    }

        .menu1Level ul li a,
        .menu2Level ul li a,
        .menu3Level ul li a {
            display: block;
            color: black;
            text-decoration: none;
            font-weight: 700;
            padding: 8px 16px;
        }

.menu1Level {
    background-color: #5e98af;
}

.menu2Level,
.menu3Level {
    /*box-shadow: 0 2px 8px rgba(0,0,0,.15);*/
    border-bottom: 1px solid #dfdfdf;
    background: #efefef;
}
    /* MENU 2. ÚROVNĚ */
    .menu2Level a {
        color: black;
        text-decoration: none;
    }

    .menu2Level .HighLighted a {
        background: #dfdfdf;
    }
/* MENU 3. ÚROVNĚ */
.menu3Level {
    background-color: #dfdfdf;
}

    .menu3Level a {
        color: black;
        text-decoration: none;
    }

    .menu3Level .HighLighted a {
        background: #d0d0d0;
    }

@media only screen and (max-width: 1023px) {
    .header {
        position: relative;
        z-index: 200;
        background-color: #5e98af;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    }

        .header > .sx-main-menu,
        .header > .sx-language-selector {
            display: none;
        }

    .signoutLink,
    .currentUser,
    .advancedSearchLink,
    .searchBox {
        display: block;
        padding: 8px 16px;
        color: white;
        text-decoration: none;
        font-weight: 700;
    }

    .currentUser {
        font-weight: 400;
    }

        .currentUser span {
            white-space: nowrap;
        }

    .sx-nav-menu {
        display: none;
        padding: 8px 0;
        background-color: #5e98af;
        color: white;
        border-top: 1px solid #487d92;
    }

    .sx-main-menu {
        margin-top: 4px;
        padding-top: 4px;
        border-top: 1px solid #487d92;
    }
    /* hamburger menu icon */
    .sx-hamburger {
        display: block;
        position: absolute;
        top: 3px;
        right: 5px;
        width: 40px;
        height: 40px;
    }

        .sx-hamburger .line {
            display: block;
            position: absolute;
            background-color: white;
            height: 2px;
            width: 16px;
            left: 12px;
            border-radius: 1px;
            transition: all 200ms ease-in-out;
        }

            .sx-hamburger .line:nth-of-type(1) {
                top: 14px;
            }

            .sx-hamburger .line:nth-of-type(2) {
                top: 20px;
            }

            .sx-hamburger .line:nth-of-type(3) {
                top: 26px;
            }

        .sx-hamburger.active .line:nth-of-type(1) {
            margin-top: 6px;
            transform: rotate(45deg);
        }

        .sx-hamburger.active .line:nth-of-type(2) {
            opacity: 0;
        }

        .sx-hamburger.active .line:nth-of-type(3) {
            margin-top: -6px;
            transform: rotate(-45deg);
        }

    a.toggleMenu {
        display: block;
        padding: 12px 16px;
        font-size: 1rem;
        font-weight: 700;
        margin: 0;
        text-align: left;
        background-color: #fff;
        border-bottom: 1px solid #000;
    }

    .toggleMenu + .menu-inner {
        display: none;
    }

    .menu1Level ul li a {
        color: white;
    }

    .menu2Level,
    .menu3Level {
        border-bottom: none;
    }
        /* Mobile letters filter */
        .menu2Level .letters {
            padding: 0 6px;
        }

            .menu2Level .letters li {
                display: inline-block;
            }

                .menu2Level .letters li a {
                    padding: 10px 12px;
                }
}

@media only screen and (min-width: 1024px) {
    a.toggleMenu {
        display: none;
    }

    .header {
        max-width: 1540px;
        margin: 0 auto;
        position: relative;
        z-index: 100;
        background-color: #fff;
        /*@colorHeaderBG;*/
        color: black;
        /*Default: none;*/
    }

        .header h1 {
            padding: 12px 16px 17px;
            font-size: 3em;
            text-align: left;
            line-height: 1.2;
        }

        .header a {
            color: black;
            /*@colorTextInverse;*/
        }

    .sx-nav-menu {
        position: relative;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
    }

    .advancedSearchLink {
        position: absolute;
        top: 0;
        right: 16px;
        line-height: 40px;
        font-size: 1rem;
        font-weight: 700;
        text-decoration: none;
        color: black;
        /*@colorTextInverse;*/
    }
    /* Desktop menu */
    .menu1Level,
    .menu2Level,
    .menu3Level {
        max-width: 1540px;
        margin: 0 auto;
    }

        .menu1Level ul,
        .menu2Level ul,
        .menu3Level ul {
            padding: 0;
            text-align: left;
            font-size: 0;
        }

            .menu1Level ul::after,
            .menu2Level ul::after,
            .menu3Level ul::after {
                clear: both;
                display: block;
                content: '';
            }

            .menu1Level ul li,
            .menu2Level ul li,
            .menu3Level ul li {
                display: inline-block;
            }

                .menu1Level ul li.Highlighted a,
                .menu2Level ul li.Highlighted a,
                .menu3Level ul li.Highlighted a {
                    background: #efefef;
                }

                .menu1Level ul li a,
                .menu2Level ul li a,
                .menu3Level ul li a {
                    display: inline-block;
                    padding: 0 8px;
                    font-size: 0.8rem;
                    line-height: 40px;
                }

                .menu2Level ul li a,
                .menu3Level ul li a {
                    font-size: 0.8rem;
                    padding: 0 12px;
                }

    .menu1Level {
        background-color: #fff;
        /*@colorHeaderBG;*/
    }

        .menu1Level ul {
            padding: 0 8px;
            margin-right: 200px;
        }

            .menu1Level ul li a {
                color: black;
                /* @colorTextInverse;*/
            }

    .sx-main-menu {
        position: absolute;
        top: 40px;
        right: 16px;
        width: 40%;
        text-align: right;
    }

        .sx-main-menu .currentUser,
        .sx-main-menu .signoutLink {
            display: inline-block;
            font-size: 0.8em;
            margin-bottom: 5px;
        }

        .sx-main-menu .signoutForm {
            display: inline-block;
            margin-bottom: 5px;
        }

        .sx-main-menu .signoutForm:hover {
            cursor: pointer;
        }

        .sx-main-menu .currentUser {
            display: block;
        }

            .sx-main-menu .currentUser span {
                white-space: nowrap;
            }

        .sx-main-menu .mr10 {
            margin-left: 10px;
        }

        .sx-main-menu a {
            text-decoration: underline;
        }
}

@media only screen and (min-width: 1024px) {
    .header h1 {
        padding: 5px 16px 10px;
        text-align: center;
        font-size: 4em;
    }
}

@media only screen and (min-width: 1440px) {
    .header {
        margin: 32px auto 0;
    }

    .sx-main-menu {
        position: absolute;
        width: 100%;
        max-width: 350px;
    }

    .menu1Level ul,
    .menu2Level ul,
    .menu3Level ul {
        text-align: center;
    }

        .menu1Level ul li a,
        .menu2Level ul li a,
        .menu3Level ul li a {
            font-size: 1rem;
        }

    .menu1Level ul {
        margin-left: 200px;
    }

    .menu2Level ul li a,
    .menu3Level ul li a {
        font-size: 0.8rem;
        padding: 0 8px;
        line-height: 40px;
    }

    .advancedSearchLink {
        font-size: 1rem;
    }
}
/* Language selector */
.sx-language-selector {
    display: block;
    text-align: left;
    padding: 8px;
    margin-top: 8px;
    margin-bottom: -8px;
    color: white;
    border-top: 1px solid #487d92;
    height: 35px;
}

    .sx-language-selector img {
        display: none;
    }

    .sx-language-selector a {
        display: inline-block;
        text-decoration: none;
        color: white;
        padding: 8px;
        text-transform: uppercase;
        font-weight: 700;
    }

@media only screen and (min-width: 1024px) {
    .sx-language-selector {
        text-align: right;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0 8px;
        background-color: #a6a6a6;
        border-top: none;
    }

        .sx-language-selector a.active {
            background-color: #bababa;
        }
}
/* Footer */
.footer {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    color: black;
    background: #dcdcdc;
    line-height: 35px;
    padding: 8px 16px;
}

    .footer .claim {
        padding: 0;
        text-align: center;
        font-size: 0.8em;
        line-height: 1.4;
    }

@media only screen and (min-width: 800px) {
    .footer {
        display: block;
    }
}
/*.footer .copyright {
    float: left;
    margin-left: 20px;
}

.footer .reportError {
}

.footer .reportError a {
    float: right;
    margin-right: 20px;
    color: #fff;
    text-decoration: none;
}

.footer .reportError a:hover {
    text-decoration: underline;
}*/
.printLogo,
.printHeader,
.footer .claim.print {
    display: none;
}
/* Article Preview */
.sx-article-preview-list::after,
.sx-article-preview::after {
    clear: both;
    display: block;
    content: '';
}

.sx-article-preview {
    margin: 16px 0 24px;
}

    .sx-article-preview figure {
        display: none;
        float: left;
        width: 120px;
        margin: 0;
        padding: 0;
    }

    .sx-article-preview header {
        width: auto;
    }

    .sx-article-preview a {
        color: black;
        text-decoration: none;
    }

        .sx-article-preview a:hover {
            text-decoration: underline;
        }

    .sx-article-preview.priority1 {
        border-left: 5px solid #c28bfe;
        padding-left: 16px;
    }

    .sx-article-preview.priority2 {
        border-left: 5px solid #b495be;
        padding-left: 16px;
    }

    .sx-article-preview.priority3 {
        border-left: 5px solid #fdde0d;
        padding-left: 16px;
    }

    .sx-article-preview.priority4 {
        border-left: 5px solid #638bef;
        padding-left: 16px;
    }

    .sx-article-preview.priority5 {
        border-left: 5px solid #0aca45;
        padding-left: 16px;
    }

.sx-article-preview-image a {
    display: block;
}

.sx-article-preview-image img {
    display: block;
    max-width: 120px;
    height: auto;
}

.sx-article-preview-title {
    margin: 0 0 8px;
    font-size: 1.2em;
    line-height: 1.2;
}

.sx-article-preview-info {
    margin: 0 0 8px;
}

    .sx-article-preview-info a {
        text-decoration: underline;
    }

    .sx-article-preview-info span {
        color: #606060;
        margin: 0 6px;
    }

.sx-article-preview-teaser {
    text-align: justify;
}

@media only screen and (max-width: 1023px) {
    .sx-article-preview-info > span:last-of-type {
        display: none;
    }

    .sx-article-preview-info .CntRatingContent {
        margin: 8px 0;
        display: block;
    }
}

@media only screen and (min-width: 800px) {
    .sx-article-preview figure {
        width: 160px;
        display: block;
    }

    .sx-article-preview header {
        margin-left: 176px;
    }

    .sx-article-preview-image img {
        max-width: 160px;
    }

    .no-image .sx-article-preview header {
        margin-left: 0;
    }
}

@media only screen and (min-width: 1024px) {
    .sx-article-preview-list {
        padding: 0;
        margin: 0 auto 16px;
    }
}

@media only screen and (min-width: 1440px) {
    .sx-article-preview-list {
        margin: 0 auto 16px;
    }

    .sx-article-preview {
        vertical-align: top;
        padding-right: 32px;
        box-sizing: border-box;
    }

    .single-column .sx-article-preview {
        width: 100%;
        display: block;
        padding-right: 0;
    }
}
/* Article Detail */
.sx-article-detail {
    max-width: 800px;
    margin: 0 auto;
}

.sx-article-detail-header {
    margin: 0 0 16px;
}

    .sx-article-detail-header h1 {
        font-size: 1.8em;
        margin: 0 0 16px;
    }

    .sx-article-detail-header ul {
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 0;
        vertical-align: top;
    }

        .sx-article-detail-header ul li {
            display: inline-block;
            font-size: 1rem;
            vertical-align: top;
            margin-right: 16px;
        }

            .sx-article-detail-header ul li:after {
                margin-left: 16px;
                content: "/";
            }

            .sx-article-detail-header ul li:last-of-type:after {
                margin-left: 0;
                content: "";
            }

.sx-article-detail-content {
    margin: 0 0 32px;
    font-size: 1.2em;
}

    .sx-article-detail-content figure {
        margin: 0 -16px 16px;
        padding: 0;
    }

        .sx-article-detail-content figure img {
            width: 100%;
            max-width: 100%;
            height: auto;
        }

    .sx-article-detail-content img {
        max-width: 100%;
    }

@media only screen and (min-width: 800px) {
    .sx-article-detail-content figure {
        display: block;
        margin: 7px 16px 10px 0;
        float: left;
    }

        .sx-article-detail-content figure img {
            display: block;
            max-width: 250px;
            width: auto;
            height: auto;
        }
}
/* Attachment list */
.sx-attachment-group {
    margin: 0 0 16px;
}

    .sx-attachment-group h2 {
        margin: 0 0 16px;
    }

    .sx-attachment-group .sx-attachment-item {
        padding: 10px;
        margin: 0 0 4px;
    }

        .sx-attachment-group .sx-attachment-item:nth-of-type(2n+1) {
            background-color: #efefef;
        }

        .sx-attachment-group .sx-attachment-item [class^="icon-"],
        .sx-attachment-group .sx-attachment-item [class*=" icon-"] {
            font-size: 24px;
            vertical-align: middle;
        }
/* Sidebar article list */
.sx-sidebar-list {
    position: relative;
    margin: 0 0 16px;
}

    .sx-sidebar-list h2 {
        margin: 0 0 16px;
        font-size: 1.2em;
        font-weight: 400;
        background: #a6a6a6;
        color: white;
        padding: 8px 16px;
        text-align: center;
        line-height: 1.4;
    }

    .sx-sidebar-list ul {
        list-style: none;
        margin: 0 0 16px;
        padding: 0;
    }

        .sx-sidebar-list ul li {
            padding: 0;
            margin: 0 0 12px;
        }

            .sx-sidebar-list ul li a {
                text-decoration: none;
            }

                .sx-sidebar-list ul li a:hover {
                    text-decoration: underline;
                }

    .sx-sidebar-list a.sx-show-more {
        text-align: right;
    }

    .sx-sidebar-list.yellow h2 {
        background: #eeaa22;
    }

    .sx-sidebar-list.blue h2 {
        background: #5e98af;
    }

    .sx-sidebar-list.green h2 {
        background: #70ad47;
    }

    .sx-sidebar-list.pink div {
        background: rgba(255, 153, 153, 0.15);
        padding: 6px;
        border: 2px solid rgba(255, 153, 153);
    }

    .sx-sidebar-list.pink h2 {
        background: rgba(255, 153, 153);
    }

    .sx-sidebar-list .sx-panel {
        margin-top: -16px;
    }

.sx-media-panel ul {
    padding: 0 !important;
    margin: 0 !important;
}

.sx-media-panel li {
    padding: 0 !important;
    margin: 0 !important;
}
/* Article carousel */
.sx-carousel {
    width: auto;
    padding: 16px;
    margin: 0 -16px;
    background-color: #000;
}

.sx-carousel-item {
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 75%;
}

    .sx-carousel-item .label {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 10px;
        color: white;
        font-size: 1em;
        background-color: rgba(0, 0, 0, 0.5);
    }

@media only screen and (min-width: 1024px) {
    .sx-carousel {
        width: auto;
        margin: 0;
        padding: 0;
        background-color: transparent;
    }

    .sx-carousel {
        /*max-width: 800px;*/
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1440px) {
    .sx-carousel-item .label {
        font-size: 0.8rem;
    }
}
/* Owl navigation btns */
.sx-carousel.owl-carousel .owl-nav .owl-prev,
.sx-carousel.owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 1.2rem;
    line-height: 32px;
    color: white;
    -webkit-tap-highlight-color: none;
    outline: none;
    text-align: center;
    transition: all 200ms ease-in-out;
}

    .sx-carousel.owl-carousel .owl-nav .owl-prev.disabled,
    .sx-carousel.owl-carousel .owl-nav .owl-next.disabled {
        opacity: 0.1;
    }

.sx-carousel.owl-carousel .owl-nav .owl-prev {
    left: 0;
    border-radius: 0 16px 16px 0;
}

.sx-carousel.owl-carousel .owl-nav .owl-next {
    right: 0;
    border-radius: 16px 0 0 16px;
}

@media only screen and (min-width: 1024px) {
    .sx-carousel.owl-carousel .owl-nav .owl-prev,
    .sx-carousel.owl-carousel .owl-nav .owl-next {
        width: 48px;
        height: 48px;
        margin-top: -24px;
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 1.6rem;
        line-height: 48px;
    }

        .sx-carousel.owl-carousel .owl-nav .owl-prev:hover,
        .sx-carousel.owl-carousel .owl-nav .owl-next:hover {
            background-color: rgba(0, 0, 0, 0.8);
        }

    .sx-carousel.owl-carousel .owl-nav .owl-prev {
        left: -16px;
        border-radius: 0 24px 24px 0;
    }

    .sx-carousel.owl-carousel .owl-nav .owl-next {
        right: -16px;
        border-radius: 24px 0 0 24px;
    }
}
/* Calendar */
.sx-calendar {
    text-align: center;
    /*.today {
    font-weight: @fontBold;
  }*/
}

    .sx-calendar table,
    .sx-calendar td,
    .sx-calendar tr,
    .sx-calendar th {
        box-sizing: border-box;
    }

    .sx-calendar h2 {
        font-size: 1.4em;
    }

    .sx-calendar > table {
        margin: 0 auto 16px;
        padding: 0;
        background-color: white;
        border: 3px solid #5e98af !important;
    }

    .sx-calendar .dayHeader,
    .sx-calendar .day,
    .sx-calendar .otherMonth {
        padding: 4px;
    }

    .sx-calendar .day {
        color: #c0c0c0;
    }

        .sx-calendar .day a {
            display: block !important;
        }

            .sx-calendar .day a:hover {
                background-color: #5e98af !important;
                color: white !important;
            }

    .sx-calendar .daySelected {
        background-color: #5e98af !important;
        color: white !important;
    }

        .sx-calendar .daySelected a {
            display: block;
            color: white !important;
        }

    .sx-calendar .dayHeader {
        background-color: #5e98af !important;
        color: white;
    }

    .sx-calendar .otherMonth {
        background-color: #efefef;
    }

        .sx-calendar .otherMonth a {
            color: #606060 !important;
        }

    .sx-calendar a {
        text-decoration: none;
    }

    .sx-calendar > table tr:first-child td:first-child {
        padding: 0;
    }

    .sx-calendar .periodicalCalendar table {
        border: none !important;
        background-color: #5e98af !important;
    }

        .sx-calendar .periodicalCalendar table td {
            color: white !important;
            text-align: center !important;
        }

        .sx-calendar .periodicalCalendar table a {
            color: white !important;
            font-weight: 700;
        }

.sxc-col-2 .sx-calendar > table {
    max-width: 100%;
    width: 240px;
}
/* Year selector */
.sx-year-selector {
    text-align: center;
    margin: 8px 0;
}

    .sx-year-selector .prev,
    .sx-year-selector .next {
        display: inline-block;
        padding: 5px 16px 9px;
        background-color: #5e98af;
        color: white;
        text-decoration: none;
        vertical-align: top;
    }

        .sx-year-selector .prev:hover,
        .sx-year-selector .next:hover {
            background: #4c8398;
        }

    .sx-year-selector .current {
        display: inline-block;
        padding: 7px 16px;
        vertical-align: top;
        font-weight: 700;
    }
/* Calendar list */
.sx-calendar-list {
    max-width: 210px;
    margin: 16px auto;
    border: 1px solid #dfdfdf;
}

    .sx-calendar-list ul {
        display: block;
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: center;
    }

        .sx-calendar-list ul li {
            display: inline-block;
            margin: 0;
        }

            .sx-calendar-list ul li a {
                display: inline-block;
                padding: 9px;
                text-decoration: none;
            }

                .sx-calendar-list ul li a:hover {
                    background-color: #efefef;
                }
/* Table Core */
.sx-table {
    width: 100%;
    padding: 0;
    margin: 0 0 16px;
    border-collapse: collapse;
    border: 0;
    font-size: 0.8em;
    table-layout: fixed;
}

    .sx-table thead,
    .sx-table tbody {
        padding: 0;
        margin: 0;
    }

    .sx-table td,
    .sx-table th {
        padding: 5px 8px;
        text-align: left;
        vertical-align: top;
    }

.sx-table-striped tr:nth-of-type(2n) {
    background-color: #f0f0f0;
}

.sx-table-light {
    background-color: #f0f0f0;
}

    .sx-table-light tr {
        border-bottom: 1px solid white;
    }

.sx-table-header-dark th {
    background-color: #5e98af;
    color: white;
}

.wrap-word {
    overflow-wrap: break-word;
}

.sx-table-header-dark th {
    background: #5e98af;
    color: #fff;
}
/* Page anchor - Intelligence */
.sx-page-anchor {
    display: block;
    min-height: 30px;
}

.footer-warning {
    font-size: 0.8rem;
}
/* Form */
.sx-form {
    margin: 0 0 16px;
}

    .sx-form label,
    .sx-form .sx-form-label {
        display: block;
        margin: 0 0 8px;
        width: 100%;
        font-weight: 700;
        color: black;
    }

    .sx-form input[type="text"],
    .sx-form input[type="password"],
    .sx-form input[type="email"],
    .sx-form input[type="number"] {
        display: block;
        width: 100%;
        -webkit-appearance: none;
        border: 1px solid #dfdfdf;
        color: black;
        background-color: white;
        margin: 0 0 8px;
        padding: 8px 8px;
        border-radius: 0;
    }

    .sx-form input[type="button"],
    .sx-form input[type="submit"],
    .sx-form a.btn {
        display: inline-block;
        padding: 9px 32px;
        margin: 0 0 8px;
        -webkit-appearance: none;
        border-radius: 0;
        cursor: pointer;
        border: none;
        text-align: center;
        color: white;
        background-color: #5e98af;
        font-size: 0.8rem;
        font-weight: 700;
        line-height: 1.4;
        transition: all 200ms ease-in-out;
    }

    .sx-form a.btn {
        text-decoration: none;
    }

        .sx-form input[type="button"]:hover,
        .sx-form input[type="submit"]:hover {
            background-color: #4c8398;
        }

        .sx-form input[type="button"].primary,
        .sx-form input[type="submit"].primary {
            background-color: #5e98af;
        }

            .sx-form input[type="button"].primary:hover,
            .sx-form input[type="submit"].primary:hover {
                background-color: #4c8398;
            }

        .sx-form input[type="button"].secondary,
        .sx-form input[type="submit"].secondary,
        .sx-form a.btn.secondary {
            background-color: #a6a6a6;
        }

            .sx-form input[type="button"].secondary:hover,
            .sx-form input[type="submit"].secondary:hover,
            .sx-form a.btn.secondary:hover {
                background-color: #929292;
            }

    .sx-form .sx-form-control {
        cursor: text;
    }

.sx-form-group {
    margin: 0 0 8px;
}

    .sx-form-group.sx-required label::after,
    .sx-form-group.sx-required .sx-form-label::after {
        content: "*";
        color: red;
        margin-left: 5px;
    }

.sx-form.sx-form-horizontal {
    margin: 16px 0;
}

    .sx-form.sx-form-horizontal label {
        display: inline-block;
        margin: 0 8px 8px 0;
        width: auto;
    }

    .sx-form.sx-form-horizontal input[type="text"],
    .sx-form.sx-form-horizontal input[type="password"],
    .sx-form.sx-form-horizontal input[type="email"],
    .sx-form.sx-form-horizontal input[type="number"] {
        display: inline-block;
        margin: 0 8px 8px 0;
        min-width: 200px;
        width: auto;
    }

@media only screen and (max-width: 1023px) {
    .sx-form.sx-form-horizontal label {
        display: block;
        width: 100%;
    }

    .sx-form.sx-form-horizontal input[type="text"],
    .sx-form.sx-form-horizontal input[type="password"],
    .sx-form.sx-form-horizontal input[type="email"],
    .sx-form.sx-form-horizontal input[type="number"] {
        display: block;
        width: 100%;
    }
}
/* Select menu */
.sx-form-select-wrapper {
    position: relative;
    display: block;
    margin: 0 0 8px;
    width: 100%;
    cursor: pointer;
    border: 1px solid #dfdfdf;
    background-color: white;
}

    .sx-form-select-wrapper::after {
        display: inline-block;
        position: absolute;
        top: 8px;
        font-size: 0.8em;
        right: 8px;
        content: '▼';
    }

.sx-form-select {
    -webkit-appearance: none;
    display: block;
    width: 100%;
    cursor: pointer;
    padding: 8px 32px 8px 8px;
    border-radius: 0;
    border: none;
}
/* Checkbox list */
/* TODO: Pridat UI spritesheet */
.sx-checkbox input[type="checkbox"] {
    display: none;
}

    .sx-checkbox input[type="checkbox"] + label {
        position: relative;
        display: block;
        padding: 0 0 0 24px;
        margin: 0 0 8px;
        cursor: pointer;
    }

        .sx-checkbox input[type="checkbox"] + label::before {
            content: '';
            position: absolute;
            display: block;
            top: 2px;
            left: 0;
            width: 16px;
            height: 16px;
            background-image: url('../images/ui-uzsi.svg');
            background-position: 0 0;
            background-repeat: no-repeat;
        }

    .sx-checkbox input[type="checkbox"]:checked + label::before {
        background-position: -16px 0;
    }
/* Checkbox columns - used in Fancybox */
.sx-checkbox-columns {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .sx-checkbox-columns li {
        display: block;
        width: 100%;
    }

@media only screen and (min-width: 1440px) {
    .sx-checkbox-columns {
        column-count: 5;
        column-gap: 20px;
        column-width: 200px;
        list-style: none;
        margin: 0;
        padding: 30px;
    }
}
/* Form Login */
.sx-form-one-column {
    max-width: 240px;
    margin: 48px auto 16px auto;
}

    .sx-form-one-column h2 {
        text-align: center;
    }
/* Form Login */
.sx-form-two-column {
    max-width: 496px;
    margin: 48px auto 16px auto;
}

    .sx-form-two-column h2 {
        text-align: center;
    }
/* Chaptcha form */
.CaptchaTable {
    position: relative;
    display: block;
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
}

    .CaptchaTable tbody,
    .CaptchaTable tr,
    .CaptchaTable td {
        display: block;
    }

        .CaptchaTable td:nth-of-type(2) {
            font-size: 0;
        }

    .CaptchaTable input[type="text"] {
        position: relative;
        width: calc(100% - 90px);
        z-index: 1;
        margin-bottom: 2px;
    }

        .CaptchaTable input[type="text"].input-validation-error {
            border: 2px solid red;
            border-radius: 5px;
        }

    .CaptchaTable img {
        display: block;
        position: absolute;
        top: 1px;
        right: 0;
        padding: 6px 5px 5px 5px;
        border: 1px solid #dbdbdb;
    }

.CaptchaAfterText {
    font-size: 0.8em;
}

.ErrorLabel {
    color: #db0000;
}

    .ErrorLabel ul {
        list-style-type: none;
        padding: 0px;
    }

/* Newsletter lists */
.sx-newsletter-list-group {
    font-size: 0;
}

    .sx-newsletter-list-group::before,
    .sx-newsletter-list-group::after {
        clear: both;
        display: block;
        content: '';
    }

    .sx-newsletter-list-group > * {
        font-size: 1rem;
    }

.sx-newsletter-list {
    width: 100%;
    float: left;
}

@media only screen and (min-width: 800px) {
    .sx-newsletter-list {
        width: 50%;
    }
}
/* List */
.sx-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .sx-list ul li {
        position: relative;
        padding: 0 0 0 16px;
        margin: 0 0 8px 0;
    }

        .sx-list ul li::before {
            position: absolute;
            left: 0;
            content: '\2022';
            color: #606060;
        }
/* Buttons */
.sx-btn-group {
    margin: 0 0 16px;
}

.sx-btn-group-center {
    text-align: center;
}

.sx-btn-group-right {
    text-align: right;
}

.sx-btn-group-mt {
    margin-top: 16px;
}

.sx-page-counter {
    display: inline-block;
    padding: 9px 16px;
    font-size: 0.8rem;
    font-weight: 700;
    color: white;
}
/* Button core */
.sx-btn {
    -webkit-appearance: none;
    cursor: pointer;
    border: none;
    border-radius: 0;
    padding: 9px 32px;
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 700;
    text-decoration: none !important;
    color: white;
    transition: all 200ms ease-in-out;
    line-height: 1.4;
}

    .sx-btn:hover {
        text-decoration: none !important;
    }

.sx-btn-margin {
    margin: 16px 0 0;
}
/* Button variations */
.sx-btn-primary {
    background-color: #5e98af;
}

    .sx-btn-primary:hover {
        background-color: #4c8398;
    }

.sx-btn-secondary {
    background-color: #a6a6a6;
}

    .sx-btn-secondary:hover {
        background-color: #929292;
    }
/* Button back arrow */
.sx-btn-back::before {
    content: '\2190';
    margin-right: 16px;
}
/* Button next arrow */
.sx-btn-next::after {
    content: '\2192';
    margin-left: 16px;
}
/* Disabled button <span> */
.sx-btn-disabled {
    cursor: not-allowed;
    background-color: #d0d0d0;
}
/* Small button & Buttons panel */
.sx-btn-group-small {
    margin: 0;
    background-color: #5e98af;
}

    .sx-btn-group-small .sx-btn {
        background-color: #5e98af !important;
        color: white !important;
    }

        .sx-btn-group-small .sx-btn:hover {
            background-color: #4c8398 !important;
        }

.sx-btn-small {
    padding: 9px 16px;
}
/* Multimedia */
.sx-media-group {
    position: relative;
    padding: 0;
    margin: 0 -8px 16px;
    font-size: 0;
}

    .sx-media-group > * {
        font-size: 1rem;
    }

.sx-media-tile {
    width: 100%;
    display: block;
    vertical-align: top;
    text-align: left;
    margin: 0;
    padding: 0 8px 16px;
}

    .sx-media-tile header {
        margin: 0 -16px;
        padding: 16px;
        border-top: 1px solid #efefef;
    }

.sx-media-container {
    padding: 0 16px;
    border: 1px solid #efefef;
}

.sx-media-title {
    font-size: 1rem;
    margin: 0 0 8px;
}

    .sx-media-title a {
        text-decoration: none;
    }

.sx-media-info {
    padding: 0;
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    color: #606060;
    list-style: none;
}

    .sx-media-info li {
        display: block;
        padding: 0;
        margin: 0;
    }

.sx-media-rating {
    margin-top: 8px;
}

.sx-media-teaser {
    margin: 0 -16px;
    display: block;
    text-align: center;
}

    .sx-media-teaser .sx-media-teaser-inner {
        position: relative;
        padding-top: 56.25%;
    }

    .sx-media-teaser .sx-media-teaser-image {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        font-size: 0;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }

        .sx-media-teaser .sx-media-teaser-image.cover {
            background-size: cover;
        }

.sx-media-video-container {
    margin: 0 0 16px;
}

    .sx-media-video-container video {
        width: 100%;
        max-width: 100%;
    }

@media only screen and (min-width: 540px) {
    .sx-media-tile {
        width: 50%;
        display: inline-block;
    }
}

@media only screen and (min-width: 800px) {
    .sx-media-tile {
        width: 33.333%;
    }
}

@media only screen and (min-width: 1024px) {
    .sx-media-tile {
        width: 50%;
    }
}

@media only screen and (min-width: 1440px) {
    .sx-media-tile {
        width: 33.333%;
    }
}

/*Media Panel*/
.sx-media-panel {
    width: 100%;
    display: block;
    vertical-align: top;
    text-align: left;
    margin: 0;
    padding: 0 0px 16px;
}

.sx-media-panel-teaser {
    display: block;
    text-align: center;
}

.sx-media-panel header {
    margin-top: 12px;
}

.sx-media-panel-teaser .sx-media-panel-teaser-inner {
    position: relative;
    padding-top: 56.25%;
}

.sx-media-panel-teaser .sx-media-panel-teaser-image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.sx-media-panel-teaser .sx-media-panel-teaser-image.cover {
    background-size: cover;
}

/* Ebooks list */
.sx-media-group.small-tiles .sx-media-tile {
    width: 50%;
    display: inline-block;
}

@media only screen and (min-width: 540px) {
    .sx-media-group.small-tiles .sx-media-tile {
        width: 33.333%;
    }
}

@media only screen and (min-width: 800px) {
    .sx-media-group.small-tiles .sx-media-tile {
        width: 50%;
    }
}

@media only screen and (min-width: 1024px) {
    .sx-media-group.small-tiles .sx-media-tile {
        width: 33.333%;
    }
}

@media only screen and (min-width: 1440px) {
    .sx-media-group.small-tiles .sx-media-tile {
        width: 16.666%;
    }
}
/* Book tiles */
.sx-book-tile {
    display: inline-block;
    width: 50%;
    padding: 8px;
}

.sx-book-tile-inner {
    position: relative;
    padding-bottom: 135%;
    border: 1px solid #efefef;
}

.sx-book-tile-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

    .sx-book-tile-wrapper .book-cover {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .sx-book-tile-wrapper .book-fallback {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

        .sx-book-tile-wrapper .book-fallback .title {
            display: block;
            padding: 16px 16px 8px;
            font-size: 1.2em;
            line-height: 1.2;
            font-weight: 700;
        }

        .sx-book-tile-wrapper .book-fallback .author {
            display: block;
            padding: 0 16px 16px;
            font-size: 1rem;
        }

.sx-book-format {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 12px;
    font-weight: 700;
    color: #606060;
    padding: 4px 8px;
    background: white;
    border-top: 1px solid #efefef;
    border-left: 1px solid #efefef;
}

@media only screen and (min-width: 580px) {
    .sx-book-tile {
        width: 32%;
    }

    .sx-book-tile-wrapper .book-fallback .title {
        font-size: 1.2em;
    }
}

@media only screen and (min-width: 800px) {
    .sx-book-tile {
        width: 24%;
    }
}

@media only screen and (min-width: 1024px) {
    .sx-book-tile {
        width: 32%;
    }

    .sx-book-tile-wrapper .book-fallback .title {
        padding-top: 32px;
        font-size: 1.4em;
    }
}

@media only screen and (min-width: 1440px) {
    .sx-book-tile {
        width: 24%;
    }

    .sx-book-tile-wrapper .book-fallback .title {
        padding-top: 48px;
        font-size: 1.4em;
    }
}
/* Book list */
.sx-book-list {
    width: 100%;
    margin: 0 0 16px;
}

    .sx-book-list::before,
    .sx-book-list::after {
        clear: both;
        display: block;
        content: '';
    }

.sx-book-list-teaser {
    position: relative;
    margin: 0 auto 8px;
    width: 160px;
    height: 220px;
    border: 1px solid #efefef;
}

.sx-book-list-teaser-inner {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.sx-book-list-annotation {
    margin: 0 0 16px;
    text-align: justify;
}

.sx-book-list-author {
    margin: 0 0 4px;
    font-size: 1em;
}

.sx-book-list-title {
    margin: 0 0 8px;
    font-size: 1.2em;
}

.sx-book-list-teaser-text {
    display: block;
    padding: 16px;
    text-decoration: none;
}

    .sx-book-list-teaser-text .title {
        display: block;
        margin: 0 0 4px;
        line-height: 1.2;
        font-size: 1rem;
        font-weight: 700;
    }

    .sx-book-list-teaser-text .author {
        display: block;
        font-size: 0.8rem;
    }

@media only screen and (min-width: 800px) {
    .sx-book-list-teaser {
        float: left;
        margin: 0;
        border: 1px solid #efefef;
    }

    .sx-book-list-content {
        margin-left: 176px;
    }
}
/* Periodika */
.sx-periodical-iframe {
    display: block;
    width: 100%;
    height: 40vh;
    border: 1px solid #efefef;
    margin: 0 0 16px;
}
/* jQuery UI Autocomplete */
.ui-autocomplete.ui-menu {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #dfdfdf;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15);
    background-color: white;
    max-width: 280px;
}

    .ui-autocomplete.ui-menu .ui-menu-item {
        cursor: pointer;
        margin: 0;
    }

        .ui-autocomplete.ui-menu .ui-menu-item a {
            display: block;
            text-decoration: none;
            padding: 8px 16px;
            line-height: 1.2;
        }

            .ui-autocomplete.ui-menu .ui-menu-item a:hover {
                background-color: #f0f0f0;
            }

        .ui-autocomplete.ui-menu .ui-menu-item + .ui-menu-item {
            border-top: 1px solid #dfdfdf;
        }

.sx-breadcrumbs {
    margin: 0 0 16px;
}
/* Kentico */
.EditMode .footer {
    position: static;
}

.DesignMode #CMSHeaderDiv {
    display: none;
}
/* Rating stars */
.CntRatingContent .rating-star {
    display: inline-block;
    float: none !important;
    width: 18px;
    height: 18px;
    margin: 0;
    padding-right: 3px;
    background-repeat: no-repeat;
    background-position: top left;
}

    .CntRatingContent .rating-star.icon-star-full {
        background-image: url('/images/icon-star-full.png');
    }

    .CntRatingContent .rating-star.icon-star-half {
        background-image: url('/images/icon-star-half.png');
    }

    .CntRatingContent .rating-star.icon-star-empty {
        background-image: url('/images/icon-star-empty.png');
    }

.sx-article-preview-list .CntRatingContent a {
    cursor: default;
}

.sx-sidebar-list .CntRatingContent {
    text-align: center;
    margin: 0 0 8px;
    padding: 0 16px;
}

.sx-sidebar-list .CntRatingResult {
    text-align: center;
    font-weight: 700;
    margin: 0 0 16px;
    padding: 0 0 16px;
    border-bottom: 1px solid #efefef;
}

@media only screen and (min-width: 800px) {
    .sx-article-preview-list .CntRatingContent {
        display: inline-block;
    }
}

.ui-datepicker {
    font-family: Tahoma,'Arial CE','Helvetica CE',Arial,Helvetica,sans-serif !important;
    width: 240px !important;
    margin: 0 auto 16px !important;
    padding: 0 !important;
    background-color: #fff !important;
    border: 3px solid #5e98af !important;
    border-radius: 0px !important;
}

.ui-datepicker-header {
    background-color: #5e98af !important;
    border: 0px !important;
    border-radius: 0px !important;
    color: #fff !important;
    font-weight: normal !important;
}

.ui-datepicker table.ui-datepicker-calendar {
    margin: 0px;
}

.ui-datepicker-calendar thead {
    background-color: #5e98af !important;
    color: #fff !important;
    line-height: 1 !important;
}

.ui-datepicker-calendar td {
    opacity: 1 !important;
}

    .ui-datepicker-calendar td span {
        border: 0px !important;
        border-radius: 0px !important;
        text-align: center !important;
        padding: 4px !important;
        font-size: 14px;
        color: #c0c0c0 !important;
    }

    .ui-datepicker-calendar td a {
        border: 0px !important;
        border-radius: 0px !important;
        text-align: center !important;
        padding: 4px !important;
        font-size: 14px;
        color: #000 !important;
    }
        .ui-datepicker-calendar td a:hover {
            background-color: #5e98af !important;
        }

        .ui-datepicker-calendar td.ui-datepicker-other-month {
            background-color: #efefef !important;
        }

        .ui-datepicker-calendar td.ui-datepicker-other-month span.ui-state-default {
            background-color: #efefef !important;
        }
    
    .ui-datepicker-calendar td span.ui-state-default {
        background-color: #fff !important;
    }

.ui-datepicker-calendar a.ui-state-active {
    background-color: #5e98af !important;
}

.sx-calendar-list ul.list_issues li.selected {
    background-color: #5e98af;
}

.eula form {
    display: inline-block;
    margin-right: 5px;
}

.forgotten-login-result {
    text-align: center;
}

.height90 {
    height: 90px;
}

.height120 {
    height: 120px;
}

.verifyBackForm a.verifyBackLink {
    float: right;
    margin-right: 10px;
    text-decoration: underline;
    cursor: pointer;
}

.adv-s-pages {
    margin-bottom: 25px;
}

div.adv-s-cal span.ui-datepicker-year {
    display: none;
}
a.blueLink {
    color: blue;
}