@font-face {
    font-family: 'GT Flexa';
    src: url('fonts/GT-Flexa-X-Compressed-Bold.woff') format('woff'), url('fonts/GT-Flexa-X-Compressed-Bold.ttf') format('truetype'), url('fonts/GT-Flexa-X-Compressed-Bold.ttf') format('opentype');
}

@font-face {
    font-family: 'FoundersGrotest';
    src: url('fonts/FoundersGrotesk-Regular.otf');
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
 :root {
    --page-size: 1600px;
    --main-color: #030452;
    --sec-color: #F8263E;
    --cyan-color: #26A1F8;
    --hov-color: #3f6e8d;
    --text-color: #525252;
    --light-color: #f7f6fc;
    --main-font: 'FoundersGrotest', sans-serif;
    --sec-font: 'GT Flexa', sans-serif;
    --drop-shadow: drop-shadow(2px 4px 10px rgba(0, 0, 0, 0.1));
    --bor-radius: 10px;
    --mm_theme_color: var(--main-color) !important;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    position: relative;
    font-size: 14px;
    overflow-x: hidden;
    background: #ffffff;
}

main {
    position: relative;
}

* {
    font-family: var(--main-font);
    margin: 0 auto;
    padding: 0;
    /* transition: .3s; */
    font-size: 15px;
    line-height: 180%;
    font-size-adjust: none;
}

.cleaner,
.cleaner_vyhledany_text {
    clear: both;
    height: 0;
}

.cleaner_fotogalerie_clanku {
    display: none;
}

.forbubledata {
    display: none;
}

div#gallyery4uLoadingContDiv {
    margin: 0 !important;
}

div#mapaContMain {
    transition: .0s !important;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 80px;
}

h3,
.h3_style {
    font-size: 21px;
    letter-spacing: 1.2px;
    font-weight: 500 !important;
}

h4 {
    font-size: 17px;
}

h1,
h2,
h3,
.h3_style,
h4 {
    font-weight: 500;
    color: var(--main-color);
    line-height: 130%;
    margin: 10px 0 15px;
}

h1,
h2 {
    font-family: var(--sec-font);
}

h1 a,
h2 a,
h3 a,
.h3_style area,
h4 a {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-transform: inherit;
    line-height: inherit;
    color: inherit;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
    color: #072d78;
}

h5 {}

h6 {}

p {
    font-size: 15px;
    color: var(--text-color);
    line-height: 150%;
    margin-bottom: 15px;
}

strong {
    font-weight: bold;
}

li {}

a {
    font-size: 15px;
    color: #072d78;
}

.cover_obr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

table {
    margin: 15px auto;
    margin-left: 0;
    border-collapse: collapse;
}

table tr {}

table tr th {
    background: transparent;
    padding: 10px;
    border: 1px solid #dfdfdf;
    color: var(--text-color);
    text-align: left;
}

table tr th * {}

table tr td {
    box-sizing: border-box;
    padding: 10px 15px;
    border: 1px solid #dfdfdf;
}

@media screen and (max-width: 1100px) {
    .as4u_responzive_table {
        width: 100%;
        overflow: scroll;
    }
}


/*---------------------------- -ROLLER -------------------------------*/

.not_click a {
    pointer-events: none;
}

 ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #313131;
    overflow: hidden;
}

 ::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

 ::-webkit-scrollbar-thumb {
    position: relative;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: var(--sec-color);
}

.temata::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #ffffff;
}

.temata::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: #ffffff;
}

.temata::-webkit-scrollbar-thumb {
    position: relative;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #072d78;
}


/*---------------------------- -SPOLECNE CLASSY -------------------------------*/

.page_size {
    width: calc(100% - 300px);
    box-sizing: border-box;
    margin-right: 0;
    padding: 0 4%;
}

.stranka_subakce {
    padding-bottom: 100px;
}

.opacita {
    opacity: 0.6;
}

.active {
    display: block !important;
    transform: translate(0, 0) !important;
}

.active_f {
    display: flex !important;
    transform: translate(0, 0) !important;
}

.no_active {
    display: none !important;
}

.titulka section {
    padding-top: 70px;
    padding-bottom: 110px;
}

.body_noscroll {
    overflow: hidden;
}

section .nadpis_sekce {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 30px
}

section .nadpis_sekce .nadpis {
    margin: 0;
}

section .nadpis_sekce h2 {}

section .nadpis_sekce h2 a {
    font-size: inherit;
    text-align: center;
    text-decoration: none;
}

section .nadpis_sekce .nadpis p.popis_sekce {
    font-family: var(--main-font);
    font-size: 20px;
    font-weight: 600;
    color: var(--main-color);
    max-width: 950px;
}

section .nadpis_sekce h2 a:hover {
    color: var(--main-color);
    text-decoration: underline;
}

section .nadpis_sekce.white h2 {
    color: white;
}

section .nadpis_sekce.white h2 a {
    font-size: inherit;
    text-align: center;
    text-decoration: none;
}

section .nadpis_sekce.white h2 a:hover {
    text-decoration: underline;
    color: white;
}

section .nadpis_sekce div.odkazy {
    display: flex;
    align-items: center;
    margin: 0;
    margin-top: 37px;
}

section .nadpis_sekce div.odkazy a {
    margin-left: 7px;
    white-space: nowrap;
}

section .nadpis_sekce div.odkazy a.btn:hover {
    background: var(--cyan-color);
    color: white;
}

a.btn,
.zobrazeni_situaci a,
.zpet_na_situace a,
span.cely_clanek a.odkaz_cely_clanek,
div.odkaz_cely_clanek a.cely_clanek,
.cesta_ke_clanku a.zpet {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    min-height: 22px;
    font-size: 15px;
    color: white;
    background: var(--sec-color);
    box-sizing: border-box;
    padding: 2px 25px;
    text-decoration: none;
    font-family: var(--main-font);
    border-radius: 30px;
    line-height: 186%;
}

a.btn:hover,
.zobrazeni_situaci a:hover,
.zpet_na_situace a:hover,
span.cely_clanek a.odkaz_cely_clanek:hover,
div.odkaz_cely_clanek a.cely_clanek:hover,
.cesta_ke_clanku a.zpet:hover {
    background: var(--cyan-color);
    color: white;
}

a.btn.white {
    color: white;
    border: 2px solid white;
}

.btn.velky {
    font-size: 19px;
    padding: 8px 30px;
}

.btn img {
    width: 25px;
    height: auto;
    margin-left: 15px;
}

a.sipka,
.vyber_rok_mesic a.predchozi,
.vyber_rok_mesic a.dalsi {
    display: inline-block;
    width: 36px;
    height: 36px;
    cursor: pointer;
}

a.sipka:hover,
.vyber_rok_mesic a.predchozi:hover,
.vyber_rok_mesic a.dalsi:hover {
    background-color: transparent;
}

a.sipka.leva,
.vyber_rok_mesic a.predchozi {
    background: #6f6f6f url(/galerie/5145.svg)center center no-repeat;
    background-size: 35%;
}

a.sipka.prava,
.vyber_rok_mesic a.dalsi {
    background: #6f6f6f url(/galerie/5153.svg)center center no-repeat;
    background-size: 35%;
}

figure.obr_cover {
    position: relative;
}

figure.obr_cover a {
    display: block;
    width: 100%;
    height: 100%;
}

figure.obr_cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


/* -ANIMACE */

.load {
    opacity: 1;
    animation-name: showUp;
    animation-duration: 550ms;
    animation-delay: 250ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: backwards;
}

@keyframes showUp {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* ------------------------FIELDSETY ------------------------------------------*/

.hlavni_odkazy,
.hlavni_odk_profil {
    margin-bottom: 10px;
}

.hlavni_odkazy a.tlacitko_hlavni,
.hlavni_odk_profil a {
    padding: 6px 15px;
    display: inline-block;
    font-weight: bold;
    color: white;
    background: var(--main-color);
    min-height: 22px;
    box-sizing: border-box;
    margin-bottom: 5px;
    margin-right: 5px;
}

.hlavni_odkazy a.tlacitko_hlavni:hover,
.hlavni_odk_profil a:hover {
    background: #004c7c;
}

fieldset {
    border: none;
    background-color: #f7f7f7;
    margin-bottom: 30px;
    padding: 60px 20px 20px 20px;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #f1f1f1;
    overflow: hidden;
}

input[type="text"],
input[type="password"],
textarea,
select {
    padding: 5px 10px;
    box-sizing: border-box;
    border: 1px solid silver;
    margin: 5px 0;
}

input[type="submit"],
input[type="submit"],
button[type="button"] {
    padding: 5px 13px;
    background: var(--main-color);
    border: 0;
    cursor: pointer;
    transition: .2s;
    color: white;
    border: 1px solid #00599F;
    font-weight: 500;
}

input[type="submit"]:hover,
input[type="submit"]:hover,
button[type="button"]:hover {
    background: #004c7c;
    color: white;
}

fieldset select,
fieldset select {
    padding: 5px;
    border: 1px solid #4e4e4e;
    max-width: 224px;
}

form#edit_events_form fieldset label {
    margin: 0 10px 0 5px;
}

fieldset label,
fieldset label {
    margin: 0 10px 0 0;
}

fieldset legend {
    text-align: start;
    display: block;
    padding: 10px;
    background-color: var(--main-color);
    color: white;
    font-weight: 600;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
}

fieldset table th {
    text-align: left;
    padding: 5px;
    box-sizing: border-box;
    vertical-align: top;
    width: 15%;
}

fieldset table td {
    padding: 5px;
    box-sizing: border-box;
    vertical-align: top;
}

tr#tr_date_0 table {
    margin-left: 0;
}

span#spn_jmeno_poradatele {
    display: inline-block;
    margin: 0 10px 0 0;
}

#puvodni_text_cs {
    height: auto !important;
    width: auto !important;
}

#as4u_form_search_detail input[type="submit"] {
    padding: 11px 25px;
}

.chyba {
    margin: 25px;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
}

#oddne,
#dodne {
    margin-right: 10px
}

input[type="checkbox"] {
    margin-right: 3px;
    margin-left: 2px;
}


/*---------------------------- -HLAVICKA --------------------------------------*/

header {
    position: relative;
    width: 100vw;
    height: 100vh;
    min-height: 780px;
}

header .top_bar {
    position: fixed;
    display: flex;
    justify-content: flex-end;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 7;
}

header .top_bar .lista {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
    min-width: 55%;
    height: 82px;
    justify-content: flex-end;
    transition: .8s;
}

header .top_bar .lista a.logo,
.mobile_menu {
    display: none;
}

header.scroll .top_bar .lista,
header.subakce .top_bar .lista {
    height: 65px;
    min-width: 10%;
    transition: .8s;
}

header .top_bar .lista::before {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 0;
    width: 110%;
    height: 100%;
    background: var(--main-color);
    transform: skewX(39deg);
    border-bottom-left-radius: 25px;
    opacity: 0.85;
    z-index: -1;
    filter: drop-shadow(3px 7px 17px rgba(0, 0, 0, 0.5));
    transition: .8s;
}

header.scroll .top_bar .lista::before,
header.subakce .top_bar .lista::before {
    opacity: 1;
    transition: .8s;
}

header .top_bar .lista ul.odkazy {
    display: flex;
    align-items: center;
}

header .top_bar .lista ul.odkazy li {
    list-style-type: none;
    display: block;
    margin-left: 38px;
}

header .top_bar .lista ul.odkazy li a {
    color: white;
    text-decoration: none;
    font-family: var(--main-font);
    font-size: 20px;
    font-weight: 600;
}

header .top_bar .lista ul.odkazy li a:hover {
    color: var(--sec-color);
}

header .top_bar .lista .search_open {
    width: 70px;
    height: 100%;
    background: var(--sec-color) url(/galerie/1914756.svg) center no-repeat;
    background-size: 50%;
    cursor: pointer;
}

header .top_bar .lista .search_open:hover {
    background-color: var(--cyan-color);
}

header .top_bar .lista .item {
    margin: 0;
    margin-left: 20px;
}


/*---------------------------- -HLAVICKA SUBAKCE --------------------------------------*/

header.subakce {
    height: 65px;
    min-height: unset;
}


/*---------------------------- -OBLIBENE --------------------------------------*/

header .top_bar .oblibene {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/galerie/1645512.svg) center no-repeat;
    background-size: contain;
    margin-left: 15px;
    margin-right: 0;
}

header .top_bar .oblibene:hover {
    background: url(/galerie/1645654.svg) center no-repeat;
    background-size: contain;
}


/*---------------------------- -JAZYKY --------------------------------------*/

.jazyky_obal {
    position: relative;
    display: block;
    width: 45px;
    height: 45px;
    cursor: pointer;
    border-radius: 50%;
    margin: 0;
    margin-left: 15px;
}

.jazyky_obal .jazyky {
    display: none;
    position: absolute;
    right: 0;
    top: 70px;
    transform: translate(-100%, 0);
}

.jazyky_obal>a {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.jazyky_obal .jazyky a {
    display: block;
    width: 45px;
    height: 45px;
    margin-left: 5px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    border-radius: 50%;
    overflow: hidden;
}

.jazyky_obal a.cs {
    background: url(/galerie/1644784.svg);
}

.jazyky_obal a.en {
    background: url(/galerie/1642588.svg);
}

.jazyky_obal a.de {
    background: url(/galerie/1642591.svg);
}

.jazyky_obal a.pl {
    background: url(/galerie/1642581.svg);
}

.jazyky_obal a.nl {
    background: url(/galerie/1644793.svg);
}

.jazyky_obal a.ru {
    background: url(/galerie/1644792.svg);
}

.jazyky_obal .jazyky a span {
    display: none;
}


/*---------------------------- -SWIPER --------------------------------------*/

figure.slider {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

figure.slider .cover {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(3, 4, 82);
    background: linear-gradient(90deg, rgba(3, 4, 82, 0.7987570028011204) 0%, rgba(3, 4, 82, 0) 100%);
}

figure.slider picture {
    width: 100%;
    height: 100%;
}

figure.slider picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

figure.slider .obsah {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-left: 27%;
    margin-right: 0;
    z-index: 4;
    box-sizing: border-box;
}

figure.slider .obsah .slider_info {
    max-width: 650px;
    margin: 0;
}

figure.slider .obsah .slider_info .nadpis,
figure.slider .obsah .slider_info .podnadpis {
    display: block;
    width: 100%;
    color: white;
    filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.8));
}

figure.slider .obsah .slider_info .nadpis {
    font-size: 110px;
    line-height: 100%;
    font-family: var(--sec-font);
    margin-bottom: 38px;
}

figure.slider .obsah .slider_info .podnadpis {
    font-size: 32px;
    font-weight: 600;
    line-height: 120%;
}

figure.slider .obsah .slider_info .vyhledavani {}

figure.slider .wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: transparent;
    z-index: 1;
}

#items {
    width: fit-content;
    display: flex;
    position: relative;
    top: 0;
    left: -100vw;
    height: 100%;
    transition: 0s;
}

#items.shifting {
    transition: left .2s ease-out;
}

.slider,
.slider * {
    /* transition: 0s !important; */
}

figure.slider .wrapper .items .slide {
    position: relative;
    width: 100vw;
    height: 100%;
    cursor: grab;
    transition: all 1s;
    overflow: hidden;
}


/*---------------------------- -TOP NOVINKY --------------------------------------*/

section.aktuality_hlavicka {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 5;
    height: auto;
    width: 341px;
    box-sizing: border-box;
    padding: 50px 25px 0;
    transition: .8s;
    transform: translate(0, 0);
}

section.aktuality_hlavicka.scroll {
    transform: translate(200%, 0);
    transition: .8s;
}

section.aktuality_hlavicka::before {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 0;
    width: 220%;
    height: 100%;
    background: var(--main-color);
    transform: skewX(-14deg);
    border-top-left-radius: 55px;
    border-bottom-left-radius: 60px;
    opacity: 0.65;
}

section.aktuality_hlavicka .nadpis {
    position: relative;
    z-index: 1;
}

section.aktuality_hlavicka .nadpis h2 {
    color: white;
    text-align: right;
    font-family: var(--sec-font);
    font-size: 47px;
}

section.aktuality_hlavicka .overflow_vypis {
    height: 68vh;
    overflow: auto;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    padding-right: 10px;
}

section.aktuality_hlavicka .vypis {
    width: 100%;
    max-width: 300px;
}

section.aktuality_hlavicka .vypis article.top_aktualita {
    position: relative;
    display: block;
    width: 100%;
    height: 233px;
    border-radius: var(--bor-radius);
    overflow: hidden;
    margin-bottom: 21px;
}

section.aktuality_hlavicka .vypis article.top_aktualita a {
    display: block;
    width: 100%;
    height: 100%;
}

section.aktuality_hlavicka .vypis article.top_aktualita a figure.obrazek {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

section.aktuality_hlavicka .vypis article.top_aktualita a figure.obrazek img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

section.aktuality_hlavicka .vypis article.top_aktualita a span.nazev {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    background: var(--sec-color);
    color: white;
    margin: 0;
    box-sizing: border-box;
    padding: 11px 20px;
    font-weight: 600;
    line-height: 130%;
    font-size: 17px;
}

section.aktuality_hlavicka .vypis article.top_aktualita:hover a span.nazev {
    background: var(--cyan-color);
    color: white;
}


/*---------------------------- -BOCNI MENU --------------------------------------*/

aside.levy_blok {
    position: fixed;
    left: 0;
    top: 0;
    width: 22%;
    min-width: 300px;
    height: 100vh;
    z-index: 9;
}

aside.levy_blok::before {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 135%;
    height: 100%;
    background: var(--main-color);
    transform: skewX(-10deg) translate(-35%, 0);
    border-bottom-right-radius: 62px;
    border-top-right-radius: 93px;
    transition: .8s;
    filter: drop-shadow(3px 7px 17px rgba(0, 0, 0, 0.5));
}

aside.levy_blok .obsah {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    z-index: 1;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 55px 0 50px 0;
}

aside.levy_blok .obsah a.logo {
    display: block;
    width: calc(90% - 40px);
    max-width: 337px;
    height: auto;
    margin-left: 40px;
    margin-bottom: 30px;
}

aside.levy_blok .obsah a.logo img {
    width: 100%;
    height: auto;
}

aside.levy_blok .obsah nav.kategorie {
    width: 100%;
    max-width: 300px;
    margin-left: 0;
}

aside.levy_blok .obsah nav.kategorie ul {
    display: block;
    width: 100%;
}

aside.levy_blok .obsah nav.kategorie ul li {
    position: relative;
    display: block;
    width: 100%;
    list-style-type: none;
    margin-bottom: 12px;
}

aside.levy_blok .obsah nav.kategorie ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: calc(28% + 60px);
    height: 100%;
    background: rgb(38, 161, 248);
    background: linear-gradient(90deg, rgba(38, 161, 248, 0) 0%, rgba(38, 161, 248, 1) 100%);
    transform: skewX(-10deg) translate(-60px, 0);
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    z-index: -1;
    transition: .5s;
    opacity: 0.7;
}

aside.levy_blok .obsah nav.kategorie ul li:hover::before,
aside.levy_blok.scroll .obsah nav.kategorie ul li:hover::before {
    width: calc(100% + 60px);
    background: rgb(248, 38, 62);
    background: linear-gradient(90deg, rgba(248, 38, 62, 0) 0%, rgba(248, 38, 62, 1) 100%);
    transition: .5s;
}

aside.levy_blok .obsah nav.kategorie ul li a {
    color: white;
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 21px;
    width: 100%;
}

aside.levy_blok .obsah nav.kategorie ul li a span.ikona {
    margin: 0;
    display: inline-flex;
    box-sizing: border-box;
    padding: 5px 10px;
    width: 28%;
    justify-content: flex-end;
    margin-right: 10px;
}

aside.levy_blok .obsah nav.kategorie ul li a span.ikona img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    object-position: center;
    margin: 0;
}

aside.levy_blok .obsah .soc_site {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 300px;
    margin: 0;
    margin-top: 10px;
}

aside.levy_blok .obsah .soc_site a {
    display: block;
    margin: 0 7px;
    opacity: 1;
}

aside.levy_blok .obsah .soc_site a:hover {
    opacity: 0.6;
}

aside.levy_blok .obsah .soc_site a img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}


/*---------------------------- -BOCNI MENU SCROLL --------------------------------------*/

aside.levy_blok.scroll,
aside.levy_blok.subakce {
    width: 300px;
    transition: .8s;
}

aside.levy_blok.scroll::before,
aside.levy_blok.subakce::before {
    width: 100%;
    height: 100%;
    background: var(--main-color);
    transform: skewX(0) translate(0, 0);
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    transition: .8s;
}

aside.levy_blok.scroll .obsah a.logo,
aside.levy_blok.subakce .obsah a.logo {
    width: calc(100% - 40px);
    max-width: 300px;
    margin-left: 10px;
    margin-bottom: 10px;
}

aside.levy_blok.scroll .obsah nav.kategorie,
aside.levy_blok.subakce .obsah nav.kategorie {
    transform: translate(-10%, 0);
}


/*---------------------------- -AKTIVITY --------------------------------------*/

section.aktivity {}

section.aktivity .vypis {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 300px);
    grid-gap: 20px;
}

a.dlazdice_odkazu,
.vypis_galerie .galerie_jednoducha .fotogalerie_clanku .virtual_tour_obal {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

a.dlazdice_odkazu::before,
.vypis_galerie .galerie_jednoducha .fotogalerie_clanku .virtual_tour_obal::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    background: rgb(3, 4, 82);
    background: linear-gradient(180deg, rgba(3, 4, 82, 0) 0%, rgba(3, 4, 82, 1) 100%);
    transition: .3s;
}

a.dlazdice_odkazu:hover::before,
.vypis_galerie .galerie_jednoducha .fotogalerie_clanku .virtual_tour_obal:hover::before {
    height: 100%;
    background: var(--sec-color);
    background: linear-gradient(180deg, rgba(3, 4, 82, 0) 0%, rgba(248, 38, 62, 1) 100%);
    transition: .3s;
}

a.dlazdice_odkazu picture {
    width: 100%;
    height: 100%;
}

a.dlazdice_odkazu picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

a.dlazdice_odkazu .nadpis_text_style,
.vypis_galerie .galerie_jednoducha .fotogalerie_clanku .virtual_tour_obal h3 a {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    box-sizing: border-box;
    padding: 22px;
    font-size: 53px;
    color: white;
    line-height: 99%;
    filter: var(--drop-shadow);
    font-family: var(--sec-font);
}

.nadpis_text_style {
    display: block;
    width: 100%;
    font-size: 53px;
    font-family: var(--sec-font);
}

section.aktivity a.dlazdice_odkazu.odk_1 {
    grid-column: span 2;
}

section.aktivity a.dlazdice_odkazu.odk_2 {
    grid-row: span 2;
}


/*---------------------------- -AKTUALNE --------------------------------------*/

section.aktualne {
    background: var(--light-color);
    overflow: hidden;
}

section.aktualne .nadpis_sekce {
    flex-wrap: wrap;
}

section.aktualne .nadpis_sekce .nadpis {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

section.aktualne .nadpis_sekce .nadpis .odkazy {
    margin-top: 0;
}

section.aktualne .kategorie {
    margin-left: 0;
}

section.aktualne .vypis {
    display: flex;
    overflow: hidden;
    width: calc(100% - 300px);
    margin-right: 0;
    box-sizing: border-box;
    padding-left: 4%;
}

article.aktualita {
    width: 350px;
    min-width: 350px;
    margin: 0 20px 20px 0;
}

article.aktualita figure.obrazek {
    width: 100%;
    height: 260px;
    margin-bottom: 23px;
    position: relative;
}

article.aktualita figure.obrazek:hover {
    filter: drop-shadow(6px 6px 6px rgba(0, 0, 0, 0.3));
}

article.aktualita figure.obrazek::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30%;
    background: rgb(3, 4, 82);
    background: linear-gradient(180deg, rgba(3, 4, 82, 0) 0%, rgba(3, 4, 82, 1) 100%);
    z-index: 1;
    pointer-events: none;
}

article.aktualita figure.obrazek a {
    display: block;
    width: 100%;
    height: 100%;
}

article.aktualita figure.obrazek a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

article.aktualita figure.obrazek a .info_bublina {
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.info_bublina {
    position: relative;
    display: inline-flex;
    /* width: 100%; */
    border-radius: 0;
    overflow: hidden;
    z-index: 2;
    background: rgba(38, 161, 248, 0.4);
}

.info_bublina span {
    color: white;
    padding: 3px 15px;
}

.info_bublina span.kategorie {
    box-sizing: border-box;
    padding: 3px 15px;
    border-radius: 0;
    margin: 0;
    /* border-right: 1px solid var(--hov-color); */
}

.info_bublina span.datum {
    margin: 0;
    border-left: 1px solid var(--hov-color);
}

article.aktualita .info {}

article.aktualita .info h3 {}

article.aktualita .info h3 a {
    text-decoration: none;
}

article.aktualita .info h3 a:hover {
    text-decoration: underline;
}

article.aktualita .info p {}

article.aktualita .info .obal_odkazu {}

article.aktualita .info .obal_odkazu .btn {}


/*---------------------------- -KALEDNAR AKCI --------------------------------------*/

section.kalendar_akci {
    background: rgb(8, 27, 106);
    background: linear-gradient(90deg, rgba(8, 27, 106, 1) 0%, rgba(3, 4, 82, 1) 100%);
}

section.kalendar_akci .nadpis_sekce h2 {
    color: white;
}

section.kalendar_akci .nadpis_sekce h2 {}

section.kalendar_akci .vypis {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 656px;
    overflow: hidden;
    width: calc(100% - 300px);
    margin-right: 0;
    box-sizing: border-box;
    padding-left: 4%;
}

article.akce {
    position: relative;
    background: #151c64;
    width: 470px;
    margin: 0 20px 20px 0;
}

article.akce:hover {
    filter: drop-shadow(6px 6px 6px rgba(0, 0, 0, 0.2));
    background: #151c64;
}

article.akce * {
    color: white;
}

article.akce a {
    display: flex;
    text-decoration: none;
}

article.akce a figure.obrazek {
    min-width: 120px;
    width: 120px;
    height: 150px;
    margin: 0;
}

article.akce a figure.obrazek img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

article.akce a .info {
    box-sizing: border-box;
    padding: 20px;
    margin: 0;
}

article.akce a .info span.datum {}

article.akce a .info h3 {
    margin: 4px 0 7px;
}

article.akce a .info p.anotace {
    margin: 0;
    max-height: 66px;
    overflow: hidden;
}


/*---------------------------- -KATEGORIE --------------------------------------*/

.titulka ul.kategorie,
nav.kalendar_nav ul.menu_akce_kategorie {
    display: flex;
    flex-wrap: wrap;
    margin-top: 35px;
}

.titulka ul.kategorie li,
nav.kalendar_nav ul.menu_akce_kategorie li {
    list-style-type: none;
    margin: 0 15px 15px 0;
}

.titulka ul.kategorie li a.vsechny {
    background: var(--sec-color);
    color: white;
}

.titulka ul.kategorie li a,
nav.kalendar_nav ul.menu_akce_kategorie li a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 7px 25px;
    background-color: white;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    filter: drop-shadow(2px 4px 5px rgba(0, 0, 0, 0.1));
}

.titulka ul.kategorie li a.active,
.titulka ul.kategorie li a:hover,
nav.kalendar_nav ul.menu_akce_kategorie li a.aktivni,
nav.kalendar_nav ul.menu_akce_kategorie li a:hover {
    background: var(--cyan-color);
    color: white;
}


/*---------------------------- -MICROSITE --------------------------------------*/

section.microsite {}

section.microsite .vypis {
    display: flex;
    overflow: hidden;
    width: calc(100% - 300px);
    margin-right: 0;
    box-sizing: border-box;
    padding-left: 4%;
}

section.microsite .vypis .spacer_l {
    margin: 0;
}

section.microsite article.site {
    width: 470px;
    min-width: 470px;
    margin: 0 20px 20px 0;
}

section.microsite article.site a {
    text-decoration: none;
}

section.microsite article.site a figure.obrazek {
    width: 100%;
    aspect-ratio: 1/0.52;
}

section.microsite article.site:hover a figure.obrazek {
    filter: drop-shadow(6px 6px 6px rgba(0, 0, 0, 0.3));
}

section.microsite article.site a figure.obrazek img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

section.microsite article.site a span.nadpis_text_style {
    line-height: 110%;
    margin-bottom: 0;
    margin-top: 18px;
}

section.microsite article.site:hover a span.nadpis_text_style {
    text-decoration: underline;
}

section.microsite article.site a span.popis {
    font-weight: 700;
    font-size: 20px;
}


/*---------------------------- -MEDIA --------------------------------------*/

section.media {
    background: var(--light-color);
}

section.media .vypis {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 300px);
    grid-gap: 20px;
}

section.media a.dlazdice_odkazu.odk_3 {
    grid-row: span 2;
}


/*---------------------------- -PARTNERI --------------------------------------*/

section.partneri {
    padding: 40px 0;
    margin-bottom: 0;
}

section.partneri .vypis {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

section.partneri .vypis a {
    display: flex;
    margin: 1em 2em;
    width: auto;
    height: auto;
    align-items: center;
}

section.partneri .vypis a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    max-height: 120px;
    width: 100px;
}

section.partneri .vypis a img:hover {
    transform: translate(0, -5px);
}


/*---------------------------- -FOOTER --------------------------------------*/

footer {
    background: var(--main-color);
    filter: drop-shadow(7px 5px 20px rgba(0, 0, 0, 0.5));
}

footer a:hover {
    text-decoration: none;
}

footer .obsah {}

footer .obsah .loga_obal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 60px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

footer .obsah .loga_obal a.logo {
    display: block;
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: 0;
}

footer .obsah .loga_obal a.logo img {
    width: 100%;
    height: auto;
}

footer .obsah .loga_obal .loga_partneri {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0;
}

footer .obsah .loga_obal .loga_partneri a.logo_par {
    display: block;
    width: 100%;
    max-width: 180px;
    height: auto;
    margin: 0;
    margin-left: 40px;
}

footer .obsah .loga_obal .loga_partneri a.logo_par:hover {
    transform: translate(0, -4px);
}

footer .obsah .loga_obal .loga_partneri a.logo_par img {
    width: 100%;
    height: auto;
    max-height: 54px;
    object-fit: contain;
}


/* ---------------- -UPOZORNENI NA EMAIL --------------------*/

footer .upozorneni_na_mail {
    width: 100%;
    height: auto;
}

footer .upozorneni_na_mail .obsah {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    padding: 13px 0;
}

footer .upozorneni_na_mail .obsah .formular_zasilani {
    margin: 0;
    color: white;
}

footer .upozorneni_na_mail .obsah .formular_zasilani form {}

footer .upozorneni_na_mail .obsah .formular_zasilani label {
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
    background: var(--cyan-color);
    box-sizing: border-box;
    padding: 2px 14px;
    border-radius: 20px;
    margin-bottom: 6px;
}

footer .upozorneni_na_mail .obsah .formular_zasilani label input {
    margin-left: 5px;
    margin-top: 3px;
}

footer .upozorneni_na_mail .obsah .formular_zasilani form input.textpole_akt_email {
    padding: 7px 10px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-sizing: border-box;
    border-radius: 30px;
    color: white;
}

footer .upozorneni_na_mail .obsah .formular_zasilani form input[type="submit"] {
    font-weight: bold;
    text-decoration: none;
    background: var(--cyan-color);
    font-size: 15px;
    padding: 7px 22px;
    border-radius: 30px;
}

footer .upozorneni_na_mail .obsah .formular_zasilani form input[type="submit"]:hover {
    color: white;
}

footer .upozorneni_na_mail .obsah p {
    margin: 8px;
    font-size: 17px;
    font-weight: 500;
    margin-right: 20px;
    text-align: right;
    color: white;
}

footer .upozorneni_na_mail .obsah p.podtext {
    display: block;
    width: 100%;
    color: white;
    font-style: italic;
    opacity: 0.8;
}

footer .upozorneni_na_mail .obsah p.podtext * {
    color: white;
}

footer .obsah .bloky {
    display: flex;
    box-sizing: border-box;
    padding: 60px 0;
}

footer .obsah .bloky section.blok {
    width: 100%;
    box-sizing: border-box;
    padding-right: 30px;
}

footer .obsah .bloky section.blok h4 {}

footer .obsah .bloky section.blok ul li {
    list-style-type: none;
}

footer .obsah .bloky section.blok * {
    color: white;
}

footer .prihlaseni a {
    display: inline-block;
    margin-right: 7px;
}

footer .as4u {
    box-sizing: border-box;
    padding: 18px;
    background: var(--sec-color);
    text-align: center;
}

footer .as4u a {
    color: white;
}


/* ---------------   -CLANKY CESTA KE CLANKU   ---------------------------*/

.cesta_ke_clanku {
    position: relative;
    padding: 10px 0 12px;
    height: auto;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}

.cesta_ke_clanku a {
    color: var(--text-color);
    display: inline-block;
    text-decoration: none;
    transition: .2s;
    margin: 0 10px;
    font-weight: normal;
    text-decoration: none;
}

.cesta_ke_clanku a.odkaz_domu {
    padding-left: 0;
    background-size: 17px;
}

.cesta_ke_clanku a.zpet {
    margin-right: 10px;
}

.cesta_ke_clanku a:hover {
    text-decoration: underline;
    color: #1c3d8a;
}

.oddelovac_cesty_obal {
    color: #383838;
    margin: 0 8px;
    display: inline-block;
}

.oddelovac_cesty {
    background: url(/galerie/1823676.svg) center center no-repeat;
    background-size: contain;
    color: transparent !important;
    opacity: 0.7;
    display: inline-block;
    width: 16px;
    height: 11px;
    vertical-align: middle;
}


/*---------------------------- -VYHLEDAVANI -------------------------------*/

div.search_win {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgb(3 4 82 / 90%);
    opacity: 1;
    animation-name: showUp;
    animation-duration: 350ms;
    animation-delay: 50ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: backwards;
    z-index: 7;
}

div.search_win *,
ul.ui-autocomplete * {
    transition: 0s !important;
}

div.search_win .obsah_v .search_close_clona {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

div.search_win .obsah_v {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 2em;
}

div.search_win span.search_open {
    position: relative;
    margin: 0;
    margin-left: 10px;
    width: 50px;
    height: 50px;
    background-size: 55%;
    z-index: 2;
    border-radius: 50%;
    margin-left: 5px;
    background: url(/galerie/1823822.svg)center center no-repeat;
    background-size: 60%;
    cursor: pointer;
}

div.search_win span.search_open.close {
    background-size: 50% 50% !important;
}

div.search_win span.search_open.close:hover {
    background-color: var(--sec-color);
}

div.search_win .obsah_v div.vyhledavani_obal {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 400px;
    height: 50px;
    color: #435563;
    margin-left: 15px;
    vertical-align: top;
    margin-right: 0;
    z-index: 2;
    margin: 0;
    background: transparent;
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}

div.search_win .obsah_v div.vyhledavani_obal input.textpole_vyhledavani {
    height: 50px;
    width: calc(100% - 60px);
    float: left;
    box-sizing: border-box;
    padding: 0 18px;
    border: 0px;
    background: white;
    color: #435563;
    overflow: hidden;
    border-radius: 30px;
    font-size: 18px;
    margin: 0;
}

div.search_win .obsah_v div.vyhledavani_obal input.textpole_vyhledavani::placeholder {
    color: #435563;
}

div.search_win .obsah_v div.vyhledavani_obal input.tlacitko_vyhledat {
    float: right;
    display: block;
    width: 50px;
    height: 50px;
    background: var(--sec-color) url(/galerie/1914756.svg)center center no-repeat;
    background-size: 55%;
    border-radius: 50%;
    overflow: hidden;
    color: transparent !important;
    border: 0;
    cursor: pointer;
    padding: 0;
}

div.search_win .obsah_v div.vyhledavani_obal input.tlacitko_vyhledat:hover {
    background-color: var(--main-color);
}

div.search_win .obsah_v div.vyhledavani_obal input.textpole_vyhledavani:focus::placeholder {
    opacity: 0.6;
}

div.search_win .obsah_v div.vyhledavani_obal input.textpole_vyhledavani:focus,
div.search_win .obsah_v div.vyhledavani_obal input.tlacitko_vyhledat:focus {
    outline: none;
}


/*---------------------------- -DAT. SKLAD -------------------------------*/

.filtr_kat {
    width: 100%;
}

div.subkategorie_regiony {
    min-height: 265px;
    width: 100%;
    margin-left: 0;
}

.filtr_kat h3 {
    display: none;
}

.filtr_kat .vypis_filtru {
    display: flex;
    flex-wrap: wrap;
}

.filtr_kat .skat_obal label,
.filtr_kat .odkaz_obal {
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    padding: 57px 5px 15px 5px;
    cursor: pointer;
    font-size: 14px;
    line-height: 13px;
    text-align: center;
    background: url(/galerie/1203899.svg) center top 8px no-repeat;
    color: var(--text-color);
    background-size: 40px 38px !important;
    background-color: white;
    border-radius: 8px;
    margin: 0;
    box-sizing: border-box;
    filter: drop-shadow(2px 5px 5px rgba(0, 0, 0, 0.2));
    font-weight: 700;
}

.filtr_kat .skat_obal,
.filtr_kat .odkaz_obal {
    margin: 0;
    margin: 0 15px 15px 0;
}

.filtr_kat .skat_obal label:hover,
.filtr_kat .odkaz_obal:hover,
.filtr_kat .skat_obal.aktivni label {
    background-color: #e4f3ff;
    transform: scale(1.05);
    filter: drop-shadow(2px 5px 5px rgba(0, 0, 0, 0.1));
}

.filtr_kat input.checkbox_skats {
    display: none !important;
}

svg path {
    fill: red;
}

.filtr_kat_273,
.filtr_kat_268 {
    display: none !important;
}


/* --------  -ODKAZY PRIDANE ----------- */

.filtr_kat .odkaz_obal {}


/* --------  -REGIONY ----------- */

.vypis_filtry_detail {
    width: 100%;
}

.filtry_region_obal {
    display: flex;
    margin-bottom: 7px;
    flex-wrap: wrap;
}

.filtry_region_obal .filtry_region {
    margin: 0;
    margin: 0 10px 10px 0;
}

.filtry_region_obal .filtry_region label {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 15px;
    border-radius: 8px;
    filter: drop-shadow(2px 5px 5px rgba(0, 0, 0, 0.2));
    font-weight: 700;
    background: var(--main-color);
    color: white;
    cursor: pointer;
}

.filtry_region_obal .filtry_region label:hover {
    background: var(--sec-color);
}


/* labely */

.filtry_region_obal .filtry_region label:hover::before {
    position: absolute;
    content: "";
    display: block;
    width: 120px;
    height: 100px;
    background: url(/galerie/1776500.svg) center no-repeat;
    background-size: contain !important;
    left: 50%;
    top: -104px;
    transform: translate(-50%, 0);
    filter: drop-shadow(2px 4px 6px black);
    pointer-events: none;
    opacity: 0.9;
}

.filtry_region_obal .filtry_region.aktivni label {
    background: var(--sec-color);
}

.filtry_region_obal .filtry_region input {
    display: none;
}


/* cesky raj */

.filtry_region_obal .filtry_region label#text_reg_1:hover::before {
    background: url(/galerie/1937727.svg) center no-repeat;
}


/* krkonose */

.filtry_region_obal .filtry_region label#text_reg_4:hover::before {
    background: url(/galerie/1937730.svg) center no-repeat;
}


/* orlicke */

.filtry_region_obal .filtry_region label#text_reg_2583:hover::before {
    background: url(/galerie/1937724.svg) center no-repeat;
}


/* kladske */

.filtry_region_obal .filtry_region label#text_reg_2581:hover::before {
    background: url(/galerie/1937726.svg) center no-repeat;
}


/* hradecko */

.filtry_region_obal .filtry_region label#text_reg_2582:hover::before {
    background: url(/galerie/1937725.svg) center no-repeat;
}


/* podkrkonosi */

.filtry_region_obal .filtry_region label#text_reg_2584:hover::before {
    background: url(/galerie/1937729.svg) center no-repeat;
}


/* broumovsko */

.filtry_region_obal .filtry_region label#text_reg_2585:hover::before {
    background: url(/galerie/1937728.svg) center no-repeat;
}


/* --------  -MAPA ----------- */

.mapa_vyber {
    display: none;
}


/* --------  -PODFILTRY ----------- */

.filtrovani_subjektu .filtr_sousedni_kraje,
.filtrovani_subjektu .filtr_bezbarierovy_pristup,
.filtrovani_subjektu .filtr_mesto {
    cursor: pointer;
    text-decoration: none;
    margin: 0 10px 10px 0 !important;
}

.filtr_sousedni_kraje label,
.filtr_bezbarierovy_pristup label,
.filtr_mesto a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 15px;
    border-radius: 8px;
    filter: drop-shadow(2px 5px 5px rgba(0, 0, 0, 0.2));
    font-weight: 700;
    background: white;
    color: var(--text-color);
    text-decoration: none;
    cursor: pointer;
}

.filtr_sousedni_kraje label:hover,
.filtr_bezbarierovy_pristup label:hover {
    background: var(--cyan-color);
    color: white;
}

.filtr_sousedni_kraje input:checked+label,
.filtr_bezbarierovy_pristup input:checked+label {
    background: var(--sec-color);
    color: white;
}

.filtr_mesto a {
    background: var(--sec-color);
    color: white;
}

.filtr_sousedni_kraje input,
.filtr_bezbarierovy_pristup input {
    display: none;
}


/* --------  -MESTA ----------- */

.filtr_mesto {}


/* ikony filtr */


/* cyklistika */

.filtr_kat .odkaz_obal.cyklo {
    background-image: url(/galerie/1203471.svg);
}


/* turistika */

.filtr_kat .odkaz_obal.turista {
    background-image: url(/galerie/1203497.svg);
}


/*adrenalinove_sporty*/

.filtr_kat .skat_obal label.filtr_kat_67 {
    background-image: url(/galerie/1203464.svg);
}


/*architektura*/

.filtr_kat .skat_obal label.filtr_kat_258 {
    background-image: url(/galerie/1203467.svg);
}


/*bezecke_lyzovani*/

.filtr_kat .skat_obal label.filtr_kat_285 {
    background-image: url(/galerie/1203465.svg);
}


/*campy a autocampy*/

.filtr_kat .skat_obal label.filtr_kat_10 {
    background-image: url(/galerie/1203470.svg);
}


/*cirkevni_pamatky*/

.filtr_kat .skat_obal label.filtr_kat_22 {
    background-image: url(/galerie/1203469.svg);
}


/*cyklobusy*/

.filtr_kat .skat_obal label.filtr_kat_275 {
    background-image: url(/galerie/1203468.svg);
}


/*cyklostezky*/

.filtr_kat .skat_obal label.filtr_kat_290 {
    background-image: url(/galerie/1203472.svg);
}


/*cyklovylety*/

.filtr_kat .skat_obal label.filtr_kat_40 {
    background-image: url(/galerie/1203471.svg);
}


/*divadla a fillharmonie*/

.filtr_kat .skat_obal label.filtr_kat_35 {
    background-image: url(/galerie/1203473.svg);
}


/*golf*/

.filtr_kat .skat_obal label.filtr_kat_58 {
    background-image: url(/galerie/1203474.svg);
}


/*horolezectvi*/

.filtr_kat .skat_obal label.filtr_kat_59 {
    background-image: url(/galerie/1203475.svg);
}


/*hotely a motely*/

.filtr_kat .skat_obal label.filtr_kat_2 {
    background-image: url(/galerie/1203476.svg);
}


/*hrady*/

.filtr_kat .skat_obal label.filtr_kat_6 {
    background-image: url(/galerie/1203478.svg);
}


/*chatky a bungalovy*/

.filtr_kat .skat_obal label.filtr_kat_9 {
    background-image: url(/galerie/1203477.svg);
}


/*chatky a chalupy*/

.filtr_kat .skat_obal label.filtr_kat_8 {
    background-image: url(/galerie/1203480.svg);
}


/*ic*/

.filtr_kat .skat_obal label.filtr_kat_45 {
    background-image: url(/galerie/1203495.svg);
}


/*inline*/

.filtr_kat .skat_obal label.filtr_kat_112 {
    background-image: url(/galerie/1203479.svg);
}


/*jezdectvi*/

.filtr_kat .skat_obal label.filtr_kat_255 {
    background-image: url(/galerie/1203482.svg);
}


/*kina*/

.filtr_kat .skat_obal label.filtr_kat_36 {
    background-image: url(/galerie/1203481.svg);
}


/*kluby*/

.filtr_kat .skat_obal label.filtr_kat_37 {
    background-image: url(/galerie/1203487.svg);
}


/*kryte bazeny*/

.filtr_kat .skat_obal label.filtr_kat_287 {
    background-image: url(/galerie/1203488.svg);
}


/*lanovky*/

.filtr_kat .skat_obal label.filtr_kat_50 {
    background-image: url(/galerie/1203483.svg);
}


/*traily*/

.filtr_kat .skat_obal label.filtr_kat_296 {
    background-image: url(/galerie/1794808.svg);
    background-size: 39px 55px;
}


/*lazne*/

.filtr_kat .skat_obal label.filtr_kat_49 {
    background-image: url(/galerie/1203484.svg);
}


/*letecke_sporty*/

.filtr_kat .skat_obal label.filtr_kat_256 {
    background-image: url(/galerie/1203489.svg);
}


/*letni_koupani*/

.filtr_kat .skat_obal label.filtr_kat_288 {
    background-image: url(/galerie/1203490.svg);
}


/*mesta obca*/

.filtr_kat .skat_obal label.skat_123 {
    background-image: url(/galerie/1203485.svg);
}


/*muzea a galerie*/

.filtr_kat .skat_obal label.filtr_kat_34 {
    background-image: url(/galerie/1203486.svg);
}


/*naucne stezky*/

.filtr_kat .skat_obal label.filtr_kat_226 {
    background-image: url(/galerie/1203491.svg);
}


/*nejvetsi_sal*/

.filtr_kat .skat_obal label.skat_123 {
    background-image: url(/galerie/1203493.svg);
}


/*ostatni*/

.filtr_kat .skat_obal label.filtr_kat_286 {
    background-image: url(/galerie/1203494.svg);
}


/*ostatni historicke pamatky*/

.filtr_kat .skat_obal label.filtr_kat_24 {
    background-image: url(/galerie/1203492.svg);
}


/*ostatni letni sporty*/

.filtr_kat .skat_obal label.filtr_kat_63 {
    background-image: url(/galerie/1203496.svg);
}


/*ostatni zimni sporty*/

.filtr_kat .skat_obal label.filtr_kat_286 {
    background-image: url(/galerie/1203507.svg);
}


/*penziony*/

.filtr_kat .skat_obal label.filtr_kat_1 {
    background-image: url(/galerie/1203511.svg);
}


/*pesi*/

.filtr_kat .skat_obal label.filtr_kat_41 {
    background-image: url(/galerie/1203497.svg);
}


/*pevnosti a opevneni*/

.filtr_kat .skat_obal label.filtr_kat_23 {
    background-image: url(/galerie/1203517.svg);
}


/*pivovary*/

.filtr_kat .skat_obal label.filtr_kat_279 {
    background-image: url(/galerie/1203506.svg);
}


/*prirodni zajimavosti*/

.filtr_kat .skat_obal label.filtr_kat_26 {
    background-image: url(/galerie/1203508.svg);
}


/*rance agro*/

.filtr_kat .skat_obal label.filtr_kat_13 {
    background-image: url(/galerie/1203513.svg);
}


/*ragionalni produkt*/

.filtr_kat .skat_obal label.filtr_kat_274 {
    background-image: url(/galerie/1203504.svg);
}


/*remeslne vyrobky*/

.filtr_kat .skat_obal label.filtr_kat_259 {
    background-image: url(/galerie/1203514.svg);
}


/*rozhledny a vyhlidky*/

.filtr_kat .skat_obal label.filtr_kat_31 {
    background-image: url(/galerie/1203498.svg);
}


/*rybareni*/

.filtr_kat .skat_obal label.filtr_kat_69 {
    background-image: url(/galerie/1203503.svg);
}


/*sjezdove lyzovani*/

.filtr_kat .skat_obal label.filtr_kat_284 {
    background-image: url(/galerie/1203499.svg);
}


/*sluzby*/

.filtr_kat .skat_obal label.skat_123 {
    background-image: url(/galerie/1203500.svg);
}


/*solne jeskyne*/

.filtr_kat .skat_obal label.filtr_kat_257 {
    background-image: url(/galerie/1203521.svg);
}


/*stravovani*/

.filtr_kat .skat_obal label.filtr_kat_14 {
    background-image: url(/galerie/1203512.svg);
}


/*netradicni ubytovani*/

.filtr_kat .skat_obal label.filtr_kat_294 {
    background-image: url(/galerie/1733825.svg);
    background-size: 41px;
}


/*technicke pamatky*/

.filtr_kat .skat_obal label.filtr_kat_32 {
    background-image: url(/galerie/1203509.svg);
}


/*tipy na vylety*/

.filtr_kat .skat_obal label.skat_123 {
    background-image: url(/galerie/1203502.svg);
}


/*tradicni recepty*/

.filtr_kat .skat_obal label.filtr_kat_260 {
    background-image: url(/galerie/1203510.svg);
}


/*turisticke chaty*/

.filtr_kat .skat_obal label.filtr_kat_11 {
    background-image: url(/galerie/1203515.svg);
}


/*ubytovani v soukromi*/

.filtr_kat .skat_obal label.filtr_kat_7 {
    background-image: url(/galerie/1203516.svg);
}


/*vodactvi*/

.filtr_kat .skat_obal label.filtr_kat_289 {
    background-image: url(/galerie/1203518.svg);
}


/*wellness a relaxace*/

.filtr_kat .skat_obal label.filtr_kat_73 {
    background-image: url(/galerie/1203505.svg);
}


/*zabavni centra*/

.filtr_kat .skat_obal label.filtr_kat_39 {
    background-image: url(/galerie/1203519.svg);
}


/*zamky*/

.filtr_kat .skat_obal label.filtr_kat_5 {
    background-image: url(/galerie/1203520.svg);
}


/*zidovske pamatky*/

.filtr_kat .skat_obal label.filtr_kat_237 {
    background-image: url(/galerie/1203522.svg);
}


/*plost*/

.filtr_kat .skat_obal label.filtr_kat_237 {
    background-image: url(/galerie/1203522.svg);
}


/*  ------- mapa ----------- */

.vypis_subjektu_obal #obalmapy_overflow {
    position: relative;
    height: 0;
    overflow: hidden;
    width: 100%;
    /* opacity: 0 !important; */
    /* transition: .3s !important; */
}

.vypis_subjektu_obal #obalmapy_overflow * {
    transition: 0s !important;
}

.vypis_subjektu_obal #obalmapy_overflow.aktivni {
    height: 600px;
    /* transition: .3s !important; */
    /* opacity: 1 !important; */
}

.vypis_subjektu_obal #obalmapy_overflow #mapaContMain {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
}

.vypis_subjektu_obal #obalmapy_overflow #mapaContMain #mapa {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.mapa_tut_ctrl {
    position: absolute;
    z-index: 2;
    top: 30%;
    left: 50%;
    transform: translate(-50%, 0);
    background: white;
    padding: 1em;
    font-size: 17px;
    width: 40%;
    text-align: center;
    border-radius: 15px;
    box-shadow: 1px 1px 133px 15px;
    line-height: 30px;
}

.mapa_tut_ctrl2 {
    position: absolute;
    z-index: 4;
    top: 30%;
    left: 50%;
    transform: translate(-50%, 0);
    background: white;
    padding: 1em;
    font-size: 17px;
    width: 60%;
    text-align: center;
    border-radius: 15px;
    box-shadow: 1px 1px 133px 15px;
    line-height: 30px;
}

.mapa_tut_ctrl strong {
    display: inline-block;
    border-left: 1px solid gray;
    padding: 0px 10px;
    border-radius: 5px;
    background: #f7f7f7;
    border-top: 1px solid gray;
    border-right: 3px solid gray;
    border-bottom: 3px solid gray;
}

#mapaContMain_clona {
    display: none;
    width: 100%;
    height: 300px;
    background: white;
    z-index: 15;
    position: absolute !important;
    top: 0;
    left: 0;
}


/* ---------- MAPA ------------*/

div.hlavicka_mapa_obal {
    width: 300px;
    height: 240px;
    /*background: url(/galerie/372721.png) no-repeat top left;*/
    /*background: url(/galerie/928306.png) no-repeat top left;*/
    position: absolute;
    top: 80px;
    right: 0px;
    z-index: 3;
    left: auto !important;
    z-index: 4;
    filter: hue-rotate(-200deg);
}

.mapa_hk_Map .vypis_mapa_region_active {
    background: #e10025;
}

div.hlavicka_mapa {
    width: 300px;
    height: 240px;
    /*overflow: hidden;*/
    top: 0px;
    left: 0px;
    position: absolute;
    /*background: url(/galerie/372755.png) no-repeat 0px 0px; /* 0px 261px*/
    /*background: url(/galerie/928307.png) no-repeat 0px 0px; /* 0px 261px*/
}

ul.extra {
    margin-left: 0 !important;
    margin-top: 20px;
}

ul.extra li {
    display: inline-block;
    list-style-type: none;
    background: #f7f7f7;
    box-sizing: border-box;
    padding: 7px 25px;
    border-radius: 10px;
    margin-right: 8px;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

ul.extra li:hover {
    background: #e4f3ff;
    box-shadow: 1px 3px 18px silver;
}

ul.extra li input {
    margin-right: 12px;
}

ul.extra li a {
    text-decoration: none;
    color: var(--text-color);
}


/* -------- RAZENI SUBJEKTU ------------ */

.filtrovani_subjektu {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.filtrovani_subjektu .col {
    margin: 0;
}

.filtry_sortby_obal {
    width: 100%;
    ;
}

.filtry_sortby {
    background: #f7f7f7;
    box-shadow: var(--box-shadow);
    border-radius: var(--bor-radius);
    box-sizing: border-box;
    padding: 10px 20px;
    margin: 10px 0 20px;
}

div.filtry_sortby a {
    display: inline-block;
    height: 20px;
    width: 20px;
    position: relative;
    margin: 0 0.3em;
    overflow: hidden;
    vertical-align: middle;
    line-height: 12px;
    background-size: 60% 60% !important;
    color: transparent;
    font-size: 0;
}

span.oddelovac {
    display: inline-block;
    margin: 0 0.5em;
}

div.filtry_sortby a.vzestupne_vybrany,
div.filtry_sortby a:hover.vzestupne {
    filter: grayscale(0);
    opacity: 1;
}

div.filtry_sortby a.desc {
    background: url(/galerie/1642579.svg) center no-repeat;
    transform: rotate(-90deg);
    filter: grayscale(1);
    opacity: 0.7;
}

div.filtry_sortby a.sestupne_vybrany,
div.filtry_sortby a:hover.sestupne {
    filter: grayscale(0);
    opacity: 1;
}

div.filtry_sortby a.asc {
    background: url(/galerie/1642579.svg) center no-repeat;
    transform: rotate(90deg);
    filter: grayscale(1);
    opacity: 0.7;
}


/* -------- OTEVIRANI MAPY ------------ */

.filtr_mapa_otevirani a {
    /* position: absolute;
    right: 5px;
    bottom: 25px; */
    padding: 5px 15px;
    display: flex;
    align-items: center;
    color: white;
    background: var(--cyan-color);
    border-radius: var(--bor-radius);
    justify-content: center;
    text-decoration: none;
    filter: drop-shadow(2px 5px 5px rgba(0, 0, 0, 0.2));
    font-weight: 700;
    margin-right: 5px;
}


/* -------- VYPIS SUBJEKTU ------------ */

.vypis_subjektu_obal .table_obal {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}


/* ------ -DLAZDICE SUBJEKTU ----------- */

article.subjekt {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
}

article.subjekt a.pridat_do_oblibenych {
    position: absolute;
    right: 15px;
    top: 15px;
    display: block;
    width: 25px;
    height: 25px;
    font-size: 1px;
    background: url(/galerie/1645512.svg) center no-repeat;
    background-size: contain;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.5));
    z-index: 4;
    cursor: pointer;
}

article.subjekt a.pridat_do_oblibenych.nezajimame {
    background: url(/galerie/1645654.svg) center no-repeat;
    background-size: contain;
}

article.subjekt figure.obrazek {
    width: 100%;
    height: 100%;
}

article.subjekt figure.obrazek a {
    display: block;
    width: 100%;
    height: 100%;
}

article.subjekt figure.obrazek a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

article.subjekt .info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
}

article.subjekt:hover .info {
    height: 100%;
    backdrop-filter: blur(3px);
}

article.subjekt .info a {
    text-decoration: none;
    padding: 15px;
    display: block;
    box-sizing: border-box;
}

article.subjekt .info a::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 150%;
    background: rgb(3, 4, 82);
    background: linear-gradient(180deg, rgba(3, 4, 82, 0) 0%, rgba(3, 4, 82, 1) 100%);
    transition: .3s;
    z-index: 1;
}

article.subjekt:hover .info a::before {
    height: 200%;
    background: rgb(3, 4, 82);
    background: linear-gradient(180deg, rgba(3, 4, 82, 0) 0%, rgba(3, 4, 82, 1) 100%);
    transition: .3s;
}

article.subjekt .info .dodatek {
    position: relative;
    z-index: 2;
}

article.subjekt .info .dodatek span {
    color: white;
}

article.subjekt .info .dodatek span.kategorie {}

article.subjekt .info .dodatek span.datum {}

article.subjekt .info h3 {
    color: white;
    position: relative;
    z-index: 2;
}

article.subjekt .info p.popis {
    color: white;
    position: relative;
    z-index: 2;
    display: none;
}

article.subjekt:hover .info p.popis {
    display: block;
}

.starsi_novejsi,
.predchozi_dalsi {
    display: block;
    width: 100%;
    text-align: center;
    margin: 20px 0;
    padding: 5px 15px;
    color: var(--text-color) !important;
    clear: both;
}

.starsi_novejsi strong,
.predchozi_dalsi strong {
    display: inline-block;
    padding: 5px 15px;
    text-decoration: none !important;
    font-weight: 700;
    background: var(--sec-color);
    color: white !important;
}

.starsi_novejsi a,
.predchozi_dalsi a {
    display: inline-block;
    padding: 5px 15px;
    color: var(--text-color) !important;
    text-decoration: none !important;
    font-weight: 700;
    background: #edeef1;
}

.starsi_novejsi a:hover,
.predchozi_dalsi a:hover,
.starsi_novejsi a:hover,
.predchozi_dalsi a:hover {
    background: var(--main-color);
    color: white !important;
}

.starsi_novejsi a.novejsi,
.predchozi_dalsi a.prechozi {
    background: var(--text-color);
    padding: 5px 15px;
    font-weight: 700;
    color: #ffffff !important;
    margin-right: 10px;
}

.starsi_novejsi a.starsi,
.predchozi_dalsi a.dalsi,
.zobrazeni_akci a {
    background: var(--text-color);
    display: inline-block;
    padding: 5px 15px;
    font-weight: 700;
    color: #ffffff !important;
}

.starsi_novejsi a.starsi:hover,
.predchozi_dalsi a.dalsi:hover,
.zobrazeni_akci a:hover {
    background: var(--main-color);
}

.starsi_novejsi a:hover {
    text-decoration: underline !important;
    background: var(--main-color);
    color: white !important;
}


/* detail subjektu */

div.detail_levysloupec {
    width: 58%;
    float: left;
    margin-bottom: 2em;
}

div.detail_levysloupec table,
div.detail_pravysloupec table {
    text-align: left;
    width: 100%;
}

div.detail_levysloupec table caption,
div.detail_pravysloupec table caption {
    background: #6a6a6a;
    color: white;
    padding: 0.5em;
    margin: 1px 0;
    border-radius: var(--bor-radius);
    margin-bottom: 11px;
    font-weight: 500;
}

div.detail_piktogramy p {
    display: block;
    clear: both;
    min-height: 50px;
}

div.detail_piktogramy p.vybaveni span,
div.detail_piktogramy p.fitness span {
    display: inline-block;
    background: #333333;
    float: left;
    color: white;
    padding: 1px 6px;
}

div.detail_piktogramy p.vybaveni span,
div.detail_piktogramy p.vybaveni img,
div.detail_piktogramy p.fitness span,
div.detail_piktogramy p.fitness img {
    float: left;
    margin: 3px;
}

img.picto {
    filter: hue-rotate(-281deg);
}

div.popis_clanku {
    font-size: 17px;
    font-weight: 300;
}

div.nahled_tisk,
.info_podclankem {
    display: none;
}

.social_links {
    padding: 0.5em 0.5em;
    margin: 1em 0;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    clear: both;
}

.social_links span.komentare-link a {
    background: url(/galerie/867973.svg) left center no-repeat;
    padding-left: 2.2em;
    display: inline-block;
    float: right;
    font-size: 14px;
}

div.top_atraktivity_clanek {}

div.detail_levysloupec div.clanek iframe {
    width: 100% !important;
}

.clanek ul {
    padding-left: revert;
}

div.detail_pravysloupec {
    width: 38%;
    float: right;
    margin-bottom: 50px;
}

div.adresa_kontaky {
    background: #f4f4f4;
    color: white;
    padding: 20px;
    border-radius: var(--bor-radius);
    box-shadow: var(--box-shadow);
}

table.kontakty tr td a {
    display: inline-block;
}

table.kontakty tr td a img {
    float: left;
}

div.adresa_kontaky p {
    margin-top: 0;
}

table.kontakty {
    border-collapse: collapse;
}

table.kontakty tr td,
table.kontakty tr th {
    box-sizing: border-box;
    padding: 7px 0;
    vertical-align: top;
    border: 0;
    border-top: 1px solid lightgrey;
    background: transparent;
    color: var(--text-color);
}

table.kontakty tr th {
    font-weight: bold;
}

div.adresa_kontaky p.adresa,
div.adresa_kontaky p.qrkod {
    display: inline-block;
    position: relative;
}

div.adresa_kontaky p.adresa {
    float: left;
    width: 74%;
}

div.adresa_kontaky p.qrkod {
    /*float: right;*/
    width: 190px;
}

div.adresa_kontaky p.qrkod img {
    width: 100%;
    height: auto;
}

div.adresa_kontaky p.adresa {
    font-weight: 300;
    /*border-bottom: 1px solid #E5463A;
    /*padding: 0.3em 1em 1em 1em;*/
    font-size: 17px;
}

div.adresa_kontaky a.kopirovaturl {
    display: inline-block;
    width: 15px;
    overflow: hidden;
    height: 13px;
    background: url(/galerie/418001.gif) no-repeat center left;
    position: absolute;
    right: 23px;
}

div.adresa_kontaky a.kopirovaturl span {
    display: inline-block;
    padding-left: 20px;
}

div.adresa_kontaky span.mailprint,
div.adresa_kontaky span.webprint {
    display: none;
}

div.adresa_kontaky a {
    color: var(--text-color);
}

.tlacitka_detail {
    margin: 2em 0;
}

.tlacitka_detail ul {
    margin: 0;
    padding: 0;
    display: flex;
    margin-left: 0 !important;
    background: #f7f7f7;
    border-radius: var(--bor-radius);
    box-shadow: var(--box-shadow);
    overflow: hidden;
}

.tlacitka_detail ul li {
    list-style-type: none;
    width: 33.333%;
    margin-bottom: 0 !important;
}

.tlacitka_detail ul li a {
    padding: 90px 0em 14px 0;
    display: block;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    line-height: 122%;
    color: var(--text-color);
    filter: grayscale(0.4);
}

.tlacitka_detail ul li.zaujalome_obal a,
.tlacitka_detail ul li.poptavka a,
.tlacitka_detail ul li.tisk a {
    background-position: top 20px center;
    background-repeat: no-repeat;
    background-size: 28%;
    text-align: center;
    transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -web-kit-transition: transform 0.3s;
}

.tlacitka_detail ul li.zaujalome_obal a.zaujalome:hover,
.tlacitka_detail ul li.poptavka a:hover,
.tlacitka_detail ul li.tisk a:hover {
    text-decoration: none;
    filter: grayscale(0);
    background-color: #efefef;
}

.tlacitka_detail ul li.zaujalome_obal a {
    background-image: url(/galerie/1645654.svg);
}

.tlacitka_detail ul li.zaujalome_obal a.nezajimame {
    filter: grayscale(0);
}

.tlacitka_detail ul li.poptavka a {
    background-image: url(/galerie/1645655.svg);
}

.tlacitka_detail ul li.tisk a {
    background-image: url(/galerie/1645656.svg);
}

div.subj_hlasovani {
    width: 100%;
    height: 50px;
    position: relative;
    margin-bottom: 30px;
    background-color: #E60023;
    color: white;
    font-size: 12px;
    line-height: 30px;
    border-radius: 30px;
    overflow: hidden;
}

.subj_hlasovani .subj_hlasovani a {
    color: white;
}

div.subj_hlasovani a {
    display: block;
    width: 50%;
    height: 50px;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    top: 0;
    color: white;
    text-decoration: none;
}

div.subj_hlasovani a.palec_nahoru {
    left: 0;
}

div.subj_hlasovani a.palec_dolu {
    right: 0;
}

div.graf_hlasovani {
    height: 50px;
    background-color: #5EB300;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

div.subj_hlasovani a.palec_nahoru span.pocet {
    left: 10px;
    background-image: url(/galerie/424457.png);
}

div.subj_hlasovani a.palec_dolu span.pocet {
    right: 10px;
    background-image: url(/galerie/424455.png);
}

div.subj_hlasovani a span.text {
    position: absolute;
    top: -2000px;
}

div.subj_hlasovani a span.pocet {
    display: block;
    height: 30px;
    position: absolute;
    top: 10px;
    padding-left: 35px;
    padding-right: 5px;
    width: auto;
    background-repeat: no-repeat;
    background-position: top left;
}

.palec_nahoru {
    float: left;
}

.palec_dolu {
    float: right;
}

div.detail_pravysloupec .primarni_obrazek_clanku {
    display: block;
    width: 100% !important;
    float: none !important;
    height: 460px;
    position: relative;
    overflow: hidden;
    /* background: url(/galerie/868977.svg) top left no-repeat; */
    background-size: 100%;
    /* border: 1px solid white; */
    margin: 0;
    margin-bottom: 0;
    border-radius: var(--bor-radius);
    margin-bottom: 20px;
}

div.detail_pravysloupec .primarni_obrazek_clanku img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

div.detail_pravysloupec div.fotogalerie_clanku {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}

div.detail_pravysloupec div.fotogalerie_clanku_obal .obrazek_celek {
    position: relative;
    width: 100%;
    height: 140px;
}

div.detail_pravysloupec div.fotogalerie_clanku_obal .obrazek_celek a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: var(--bor-radius);
    /* transition: transform 0.3s; */
    -moz-transition: transform 0.3s;
    -web-kit-transition: transform 0.3s;
}

div.detail_pravysloupec div.fotogalerie_clanku_obal .obrazek_celek a:hover {
    position: relative;
    z-index: 2;
    box-shadow: 0 0 10px #333333;
}

div.detail_pravysloupec div.fotogalerie_clanku_obal .obrazek_celek img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

div.mapa_obal {
    position: relative;
    margin-bottom: 15px;
}

div.mapa_obal a,
div.bezbarierovy_pristup a {
    position: absolute;
    text-decoration: none;
    z-index: 2;
    color: white;
    top: 0;
    right: 0;
    padding: 0 1em 0 2.5em;
    display: block;
    line-height: 42px;
    transition: transform 0.3s;
    border-radius: 0 var(--bor-radius) var(--bor-radius) 0;
    -moz-transition: transform 0.3s;
    -web-kit-transition: transform 0.3s;
}

div.mapa_obal a {
    background: #848484 url(/galerie/867983.svg) 12px center no-repeat;
}

div.bezbarierovy_pristup a#show_prist_detail {
    background: #848484 url(/galerie/989315.svg) 12px center no-repeat;
}

div.bezbarierovy_pristup a#show_prist_detail:hover {
    text-decoration: none;
    background: var(--main-color) url(/galerie/989315.svg) 12px center no-repeat;
}

div.bezbarierovy_pristup a#hide_prist_detail {
    background: #848484 url(/galerie/989316.svg) 12px center no-repeat;
}

div.bezbarierovy_pristup a#hide_prist_detail :hover {
    text-decoration: none;
    background: var(--main-color) url(/galerie/989316.svg) 12px center no-repeat;
}

div.bezbarierovy_pristup div {
    margin: 2em 0;
}

div.mapa_obal a:hover {
    text-decoration: none;
    background: var(--main-color) url(/galerie/867983.svg) 12px center no-repeat;
}

#mapa {
    border-radius: var(--bor-radius);
    overflow: hidden;
}

.mapa_obal h3,
.dalsi_informace h3,
.detail_levysloupec h3,
.detail_pravysloupec h3 {
    font-size: 18px;
    font-weight: 500;
    padding: 10px 20px;
    margin-bottom: 0;
    color: black;
    overflow: hidden;
    background: #f7f7f7;
    box-shadow: var(--box-shadow);
    border-radius: var(--bor-radius);
    margin-bottom: 15px;
    margin-top: 34px;
}

.cely_clanek_akce .detail_levysloupec h3 {
    margin-bottom: 1em;
}

.detail_levysloupec p.ceny,
.detail_levysloupec p.stravovani {
    margin: 0;
    padding: 1em;
    background: #f0f0f0;
}

.mapa_obal h3 a,
.dalsi_informace h3 a {
    color: white;
}

.mapa_obal table,
.dalsi_informace table,
table.kapacita {
    border-collapse: collapse;
}

.mapa_obal table th,
.mapa_obal table td,
.dalsi_informace table th,
.dalsi_informace table td,
table.kapacita td,
table.kapacita th {
    background: transparent;
    padding: 0.5em 1em;
    border: 0;
    color: var(--text-color);
    border-bottom: 1px solid lightgrey;
}

.dalsi_informace {
    margin-top: 1em;
}

.bezbarierovy_pristup {
    position: relative;
}

div.stranka_subakce div.odkazy {
    background: #cccccc;
    color: #333333;
    padding: 0.5em 0;
    text-align: center;
}

div.stranka_subakce div.odkazy div.odkazy a {
    display: inline-block;
    color: #333333;
}

table a.zaujalome_obal {
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
    overflow: hidden;
    background: url(/galerie/864402.png) left center no-repeat;
    background-size: 90%;
    float: right;
}

table a:hover.zaujalome_obal {
    background-size: 100%;
}

table a.zaujalome_obal span {
    position: absolute;
    top: -100px;
}


/* SOUVISEJICI */

section.souvisejici_zaznamy {
    clear: both;
    width: 100%;
}

section.souvisejici_zaznamy .vypis_subjektu_obal {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}

section.souvisejici_zaznamy>h3 {
    margin: 15px 0 25px;
}


/* virtual tour */

.firstvr div.fotogalerie_clanku {
    display: block !important;
    grid-template-columns: none !important;
    grid-gap: none !important;
}

.firstvr .virtual_tour_obal {
    margin: 0 0 0.3em 0;
    width: 100%;
    height: 262px;
    overflow: hidden;
    border-radius: var(--bor-radius);
    box-shadow: none;
}

.firstvr .virtual_tour_obal h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    padding: 0;
    /* width: auto; */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: none;
}

.firstvr .virtual_tour_obal h3 a {
    background: url(/galerie/1210817.png) center center no-repeat;
    color: transparent;
    display: block;
    width: 237px;
    height: auto;
    padding: 0;
    position: relative;
    top: unset;
}

.firstgal {
    margin: 5px 0;
    margin-bottom: 35px;
}

.firstgal .virtual_tour_obal {
    height: 120px;
    margin: 0;
    width: 100%;
    margin-right: 1%;
    border-radius: var(--bor-radius);
    overflow: hidden;
}

.firstgal .virtual_tour_obal h3 {
    background: transparent;
    padding: 0;
    width: auto;
    top: 32px;
    left: 15%;
}

.firstgal .virtual_tour_obal h3 a {
    background: url(/galerie/1210817.png) center center no-repeat;
    color: transparent;
    display: block;
    width: 120px;
    height: 58px;
    padding: 0;
    position: absolute;
    top: 0;
    background-size: 100%;
}


/* akce sloupec */

a.najdi_akci {
    background: #e10025;
    color: white;
    display: block;
    padding: 0.5em;
    margin: 2px;
}

div.akce_navigace h3 {
    font-weight: 300;
}

.dalsi_informace div.akce_navigace h3 {
    font-weight: 300;
    padding: 0;
    width: 200px;
    margin: 1.5em auto 0 auto;
    border-radius: var(--bor-radius);
    background: var(--main-color);
}

.dalsi_informace div.akce_navigace h3 a {
    display: block;
    text-align: center;
    padding: 1em;
    color: white;
}

.dalsi_informace div.akce_navigace .subjekt_akce_vypis {
    display: none;
}

div.akce_navigace div.subjekt_akce_vypis {
    padding: 0;
}

div.akce_navigace div.subjekt_akce {
    border-top: 1px solid #fFFFFF;
    padding: 1em;
    /* margin-top: 1em; */
    background: #f0f0f0;
}

div.akce_navigace div.subjekt_akce .datum {
    font-size: 12px;
    color: #4d4d4d
}

div.akce_navigace div.subjekt_akce h4 {
    font-size: 20px;
    font-weight: 300;
    margin: 0;
}

div.akce_navigace div.subjekt_akce h4 a {
    color: var(--main-color);
}

div.akce_navigace div.vzdalenost {
    color: #072F82;
    margin-bottom: 1em;
}

div.akce_navigace div.vsechny_akce {
    border-top: 1px solid white;
}

div.akce_navigace div.vsechny_akce a {
    background: #cccccc;
    color: #333333;
    padding: 0.5em 0;
    text-align: center;
    /* border-radius: 25px; */
    display: block;
    width: 100%;
    position: relative;
    margin: auto;
}


/* koment��e */

div.prispevek_celek {
    padding: 1em 0;
}

div.prispevek_celek h5 {
    margin: 0;
    font-size: 18px;
    color: #e10025;
    font-weight: 300;
}

div.autor_cas_prispevku {
    font-size: 13px;
    color: silver;
}

span.autor_prispevku {
    color: green;
}

div.odkazy_prispevku {
    margin: 0em 0 0.5em 0;
    font-size: 13px;
    background: #f0f0f0;
    padding: 0.5em 1em;
    text-align: center;
    font-style: italic;
}

div.text_prispevku {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    margin: 0.5em 0 0em 0;
    padding: 1em;
    font-weight: 300;
}

div.odkazy_prispevku a {
    margin: 0 3%;
    /* text-transform: uppercase; */
    font-weight: bold;
    color: black;
    /* float: right; */
    font-style: normal;
}

table tr td.odskok3 {
    width: 31px !important;
}


/* popup */

div.sluzby_okoli {
    padding: 2em;
}

div.sluzby_okoli ul.kategorie {
    margin: 1em 0;
    padding: 0;
    list-style: none;
    display: block;
    min-height: 90px;
}

div.sluzby_okoli ul.kategorie li {
    display: inline-block;
    float: left;
    width: 33.3%;
}

div.videogalerie_jednoducha {
    border-bottom: 1px solid silver;
    margin: 0em 0 1.2em 0;
    padding: 1.2em 0;
}

div.videogalerie_jednoducha h3 {
    margin-top: 0;
}

.video_celek_obal {
    height: 235px !important;
}

.virtual_tour_obal,
.video_celek_obal {
    position: relative;
}

.virtual_tour_obal:hover,
.video_celek_obal:hover {
    position: relative;
    z-index: 2;
    box-shadow: 0 0 5px grey;
}

.virtual_tour_obal img,
.video_celek_obal img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video_celek .video {
    width: 100% !important;
    height: 236px !important;
    background: black !important;
}

a.video_play {
    position: absolute;
    top: 103px;
    z-index: 99;
    background: white;
    left: 29%;
    padding: 5px 10px;
    opacity: 0.8;
}

.virtual_tour_obal h3,
.video_celek_obal h3,
div.obrazek_celek_obal h4.nazev_obrazku {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90.1%;
    padding: 5%;
    margin: 0;
    color: white;
    background: var(--transp-color);
}

.virtual_tour_obal h3 a,
.video_celek_obal h3 a {
    color: white;
}

.vypis_blok1 div.cleaner,
.vypis_blok2 div.cleaner {
    clear: none;
}


/* ------------------------ POPUP DATA CONTAINER ----------------------------------------*/

div.as4uPopupDataContainer {
    max-height: 80vh;
    margin-top: 36px;
    overflow: hidden;
    padding: 42px 15px 20px 15px !important;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    z-index: 30 !important;
}

div.as4uPopupDataContainer .as4uPopupLista {
    height: 40px;
}

div.as4uPopupDataContainer .as4uPopupLista .inner {
    padding: 0px;
    height: 40px;
    background: transparent;
}

div.as4uPopupDataContainer .as4uPopupLista .inner .inner2 {
    background: transparent;
    height: 40px;
}

div.as4uPopupDataContainer .as4uPopupDataContainerIn {}

div.as4uPopupDataContainer .as4uPopupDataContainerIn h2 {
    margin: 5px 0 5px;
    color: #575755;
    font-size: 25px;
}

div.as4uPopupDataContainer .as4uPopupClose {
    position: relative;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background: url(/galerie/1505528.svg) center center no-repeat;
    background-size: 15px;
    z-index: 20;
    float: right;
}

div.as4uPopupDataContainer .as4uPopupClose:hover {}

div.as4uPopupDataContainer .poznamka_stala {
    margin: 20px 0;
}


/* ------------------------ MESTO VYBER ------------------------------------------*/

div.vyber_mesta {}

div.vyber_mesta div.form_vyberu {
    background: #e0e0e0;
    padding: 8px 15px;
    border-radius: 8px;
    margin-bottom: 15px;
}

div.vyber_mesta div.form_vyberu a {
    display: inline-block;
    background: var(--main-color);
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: white;
    font-size: 14px;
    border-radius: 5px;
    text-decoration: none;
}

div.vyber_mesta div.form_vyberu a {}

div.vyber_mesta div.mesta_blok {
    display: flex;
    flex-wrap: wrap;
}

div.vyber_mesta div.mesta_blok h3 {
    display: inline-block;
    background: gray;
    width: 98%;
    height: 30px;
    border-radius: 7px;
    line-height: 30px;
    text-align: left;
    color: white;
    box-sizing: border-box;
    padding-left: 17px;
}

div.vyber_mesta div.mesta_blok ul {
    margin-left: 26px;
    width: calc(33.333% - 15px);
    margin-left: 15px;
    margin-right: 0;
}

div.vyber_mesta div.mesta_blok ul li {
    margin: 10px 0;
    list-style-type: none;
}

div.vyber_mesta div.mesta_blok ul li label {}

div.vyber_mesta div.mesta_blok ul li label input {
    margin-right: 10px;
}

div.vyber_mesta div.tlacitko {
    text-align: center;
    margin-top: 26px;
}

div.vyber_mesta div.tlacitko input {
    padding: 5px 8px;
    border-radius: 4px;
    box-sizing: border-box;
    border: 0px;
    color: white;
    background-color: var(--main-color);
}

#citySelectorContent {
    height: 280px !important;
    overflow: auto;
}


/*---------------------------- -KALENDAR AKCI --------------------------------------*/

.header_events,
.main_events {
    background: linear-gradient(90deg, rgba(8, 27, 106, 1) 0%, rgba(3, 4, 82, 1) 100%);
}

.main_events h2.nadpis_clanku,
.main_events .cesta_ke_clanku *,
.main_events h3,
.main_events h3 *,
.main_events h3 *:hover {
    color: white;
}

.main_events .akce_vypis {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    margin-top: 25px;
}

.main_events .akce_vypis article.akce {
    width: 100%;
    margin: 0;
}

.main_events .akce_vypis .chyba,
.sablona_roller_vypis .chyba {
    color: white;
}


/*---------------------------- -FILTROVANI AKCI --------------------------------------*/

.filtrovani_akci {
    position: relative;
}

.kalendar_open {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    width: 40px;
    height: 40px;
    background: var(--sec-color) url(/galerie/1924760.svg) center no-repeat;
    background-size: 58%;
    color: transparent;
    font-size: 0;
    border-radius: var(--bor-radius);
}

.kalendar_okno {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    background: var(--sec-color);
    z-index: 4;
    box-sizing: border-box;
    padding: 20px;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.5));
    border-radius: var(--bor-radius);
    text-align: center;
    width: 100%;
    max-width: 350px;
}

.kalendar_okno .clona_kalendare {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    background: rgba(0, 0, 0, 0.4);
    height: 100vh;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.kalendar_okno .kalendar_vyber {
    width: 40%;
    max-height: 440px;
    margin: 0;
    background: #e3eaf2;
    box-sizing: border-box;
    padding: 30px;
}

.kalendar_okno .vyber_rok_mesic {
    text-align: center;
    margin-bottom: 10px;
}

.kalendar_okno .vyber_rok_mesic span {
    margin: 0 20px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    color: white;
    font-size: 20px;
    margin-bottom: 3px;
}

.kalendar_okno .vyber_rok_mesic a {
    color: #383838;
    text-decoration: none;
    line-height: 30px;
    text-decoration: underline;
}

.kalendar_okno .vyber_rok_mesic a:hover {
    color: var(--main-color);
}

.kalendar_okno .vyber_rok_mesic a.predchozi {
    color: transparent;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(/galerie/1823674.svg)center center no-repeat;
    background-size: 40%;
    /* border-radius: 3px; */
    border-radius: 50%;
}

.kalendar_okno .vyber_rok_mesic a.dalsi {
    color: transparent;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(/galerie/1823672.svg)center center no-repeat;
    /* border-radius: 3px; */
    background-size: 40%;
    border-radius: 50%;
}

.kalendar_okno .vyber_rok_mesic a.predchozi:hover,
.kalendar_okno .vyber_rok_mesic a.dalsi:hover {
    /* background-color: var(--main-color); */
    transform: scale(1.05);
}

.kalendar_okno .kalendar table.kalendar {
    text-align: center;
    margin: 0 auto;
    width: 100%;
}

.kalendar_okno .kalendar table.kalendar tbody {}

.kalendar_okno .kalendar table.kalendar tbody tr {
    height: 35px;
}

.kalendar_okno .kalendar table.kalendar tbody tr th {
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px;
    text-align: center;
    opacity: 0.7;
    border: 0;
    background: transparent;
    font-size: 18px;
}

.kalendar_okno .kalendar table.kalendar tbody tr td {
    font-size: 20px;
    text-align: center;
    border: 0;
    padding: 1px;
}

.kalendar_okno .kalendar table.kalendar tbody tr td.bubble_inicialized a {}

.kalendar_okno .kalendar table.kalendar tbody tr td.a_td_cal_n {
    visibility: hidden;
}

.kalendar_okno .kalendar table.kalendar tbody tr td a {
    position: relative;
    color: white;
    display: block;
    text-decoration: none;
    padding: 13px 10px;
    border-radius: 50%;
    line-height: 100%;
    font-size: 18px;
}

.kalendar_okno .kalendar table.kalendar tbody tr td a:hover {
    color: white !important;
    background: var(--main-color) !important;
}

.kalendar_okno .kalendar table.kalendar tbody tr td a.vybrany_den {
    background: #f2f4f7;
    color: var(--text-color);
}

.kalendar_okno .kalendar table.kalendar tbody tr td a.vybrany_den::after {
    content: "";
    position: absolute;
    display: none;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 6px;
    border-radius: 5px;
    background: var(--main-color);
}

.kalendar_okno h3.nadpis_oddilu {
    /* margin-bottom: 30px; */
    /* display: none; */
}

.kalendar_okno h3.nadpis_oddilu a,
.kalendar_okno h3.nadpis_oddilu span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.kalendar_okno h3.nadpis_oddilu a {
    text-decoration: none;
}

.kalendar_okno h3.nadpis_oddilu a:hover {
    text-decoration: underline;
}

.kalendar_okno div.kalendar,
.kalendar_okno form,
.kalendar_okno ul.menu_akce,
.kalendar_okno ul.menu_akce_kategorie {
    box-sizing: border-box;
    /* padding: 15px; */
    background: transparent;
    margin-bottom: 15px;
    margin-bottom: 25px;
}

.kalendar_okno div.kalendar {
    margin-top: 16px;
}

.kalendar_okno form {}

.kalendar_okno form select {
    display: block;
    width: 100%;
    height: 41px;
    box-sizing: border-box;
    padding: 0px 20px;
    border: 0;
    background: #f2f4f7;
}

nav.kalendar_nav {
    display: flex;
    flex-wrap: wrap;
}

nav.kalendar_nav ul.menu_akce {
    display: flex;
    margin-left: 0;
    box-sizing: border-box;
    padding-right: 60px;
}

nav.kalendar_nav ul.menu_akce li {
    list-style-type: none;
    margin-right: 11px;
}

nav.kalendar_nav ul.menu_akce li a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 7px 25px;
    background-color: var(--sec-color);
    color: white;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    filter: drop-shadow(2px 4px 5px rgba(0, 0, 0, 0.1));
}

nav.kalendar_nav ul.menu_akce_kategorie {
    margin-left: 0;
    flex-wrap: nowrap;
    overflow: auto;
    margin-top: 17px;
}

nav.kalendar_nav ul.menu_akce_kategorie li {}

nav.kalendar_nav ul.menu_akce_kategorie li a {
    white-space: nowrap;
}


/*---------------------------- -DETAIL AKCE --------------------------------------*/

.main_events article.clanek_body.detail * {
    color: white;
}


/* ------------------------ AKCE CLANEK AKCE ----------------------*/

article.events fieldset {}

article.events fieldset textarea {
    width: 100% !important;
}

article.events h2.nadpis_clanku {
    margin-bottom: 15px;
}

article.events figure.primarni_obrazek_akce {
    display: block !important;
    float: left;
    margin-right: 40px;
    vertical-align: top;
    width: 300px;
}

article.events figure.primarni_obrazek_akce img {
    width: 100%;
    height: auto;
}

article.events ul,
article.events ol {
    margin-left: 20px;
}

article.events table.kratky_popis_akce {
    width: auto;
    margin-bottom: 28px;
}

article.events table.kratky_popis_akce th,
article.events table.kratky_popis_akce td {
    vertical-align: top;
    border: 0;
    border-bottom: 1px dotted silver;
    padding: 14px 8px;
    text-align: left;
}

article.events table.kratky_popis_akce td p {
    font-size: 15px;
    text-align: left;
}

article.events table.kratky_popis_akce th {
    width: 30%;
    background: transparent;
    border: 0;
    border-bottom: 1px dotted silver;
}

article.events table.kratky_popis_akce td {
    width: 70%;
    word-break: break-word;
    padding: 3px 10px;
    vertical-align: middle;
}

article.events section.podrobny_popis_akce {
    max-width: 850px;
    margin-left: 0;
}


/*---------------------------- -TIPY PRO VAS --------------------------------------*/

.tipy_pro_vas {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}


/*---------------------------- -FOTOGALERIE -------------------------------*/

.vypis_galerie .nadpis_fotogalerie {
    grid-column: span 4;
    width: 100%;
}

.vypis_galerie .galerie_jednoducha .fotogalerie_clanku {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.vypis_galerie .galerie_jednoducha .fotogalerie_clanku h3 {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.vypis_galerie .galerie_jednoducha .fotogalerie_clanku h3 strong {
    font-size: inherit;
}

.vypis_galerie .galerie_jednoducha .fotogalerie_clanku h3 a {
    text-decoration: none;
}

.vypis_galerie .galerie_jednoducha .fotogalerie_clanku .popis_fotogalerie,
.vypis_galerie .galerie_jednoducha .fotogalerie_clanku .cleaner {
    display: none;
}

.vypis_galerie .galerie_jednoducha .fotogalerie_clanku .virtual_tour_obal {
    max-width: unset !important;
    width: 100%;
}

.vypis_galerie .galerie_jednoducha .fotogalerie_clanku .virtual_tour {
    width: 100%;
    height: 100%;
}

.vypis_galerie .galerie_jednoducha .fotogalerie_clanku .virtual_tour_obal,
.vypis_galerie .galerie_jednoducha .fotogalerie_clanku div.obrazek_celek_obal {
    width: 100%;
    height: 320px;
    margin: 0;
    max-width: unset;
    overflow: hidden;
}

.vypis_galerie .galerie_jednoducha .fotogalerie_clanku div.obrazek_celek_obal a {
    display: block;
    width: 100%;
    height: 100%;
}

.vypis_galerie .galerie_jednoducha .fotogalerie_clanku div.obrazek_celek_obal img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vypis_galerie .galerie_jednoducha .fotogalerie_clanku .obrazek_celek_obal .popis_obrazku {
    display: none;
}


/*---------------------------- -PUBLIKACE -------------------------------*/

.soubory_publikace {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 36px;
}

.soubory_publikace .soubor_publikace_obal {
    display: block;
    width: 100%;
}

.soubory_publikace .soubor_publikace_obal .soubor_publikace a {}

.soubory_publikace .soubor_publikace_obal .soubor_publikace a img {
    width: 100%;
    height: auto;
    margin-bottom: 25px;
}

.soubory_publikace .soubor_publikace_obal .soubor_publikace a h4 {}


/*---------------------------- -CLANEK -------------------------------*/

article.clanek_body a.primarni_obrazek_clanku {
    display: block;
    width: 250px;
    float: right;
    margin: 0 0 20px 2.5em;
}

article.clanek_body a.primarni_obrazek_clanku img {
    width: 100%;
    height: auto;
}

article.clanek_body a.primarni_obrazek_clanku img:hover {
    transform: scale(1.02);
}

article.clanek_body .popis_clanku {
    font-weight: bold;
    margin-bottom: 15px;
}

article.clanek_body .popis_clanku * {
    font-size: 21px;
    color: var(--main-color);
}


/* -------------------------   -FOTOGALERIE CLANKU   ----------------------------------------*/

.fotogalerie_clanku_obal {
    width: 100%;
    margin-bottom: 60px;
}

.fotogalerie_clanku_obal .fotogalerie_clanku {
    position: relative;
    box-sizing: border-box;
    clear: both;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-bottom: 25px;
}

.fotogalerie_clanku_obal .fotogalerie_clanku h3.nadpis_fotogalerie {
    width: 100%;
    /* font-weight: bDpx; */
    box-sizing: border-box;
    margin-bottom: 15px;
    font-weight: 600;
}

.fotogalerie_clanku_obal .fotogalerie_clanku h3.nadpis_fotogalerie a {
    /* background: #0065A6; */
    /* padding: 8px 15px; */
    /* border-radius: 12px; */
    color: white;
}

.fotogalerie_clanku_obal .fotogalerie_clanku div.popis_fotogalerie {
    /* display: block; */
    /* width: 100%; */
    /* font-weight: bold; */
    /* margin: 1em 0; */
    /* position: absolute; */
    /* left: 8px; */
    /* bottom: 0; */
    /* transform: translate(0, 100%); */
}

.fotogalerie_clanku_obal .fotogalerie_clanku .obrazek_celek_obal {
    width: 16.666%;
    height: 200px;
    padding: 5px;
    box-sizing: border-box;
    margin: 0;
}

.fotogalerie_clanku_obal .fotogalerie_clanku .obrazek_celek_obal .obrazek_celek {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.fotogalerie_clanku_obal .fotogalerie_clanku .obrazek_celek_obal .obrazek_celek:hover {
    transform: scale(1.05);
    position: relative;
    z-index: 2;
}

.fotogalerie_clanku_obal .fotogalerie_clanku .obrazek_celek_obal .obrazek_celek a {}

.fotogalerie_clanku_obal .fotogalerie_clanku .obrazek_celek_obal .obrazek_celek a img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: .2s;
}

.fotogalerie_clanku_obal .fotogalerie_clanku .obrazek_celek_obal .obrazek_celek a img:hover {
    /* transform: scale(1.05); */
}

.fotogalerie_clanku_obal .fotogalerie_clanku .obrazek_celek_obal .obrazek_celek .nazev_popis_obrazku {}

.fotogalerie_clanku_obal .fotogalerie_clanku .obrazek_celek_obal .obrazek_celek .nazev_popis_obrazku h4.nazev_obrazku {
    display: none;
}


/*---------------------------- -RESPONZIVITA --------------------------------------*/

@media screen and (max-width: 1630px) {
    .vypis_galerie .galerie_jednoducha .fotogalerie_clanku {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 1530px) {
    aside.levy_blok::before {
        transform: skewX(-8deg) translate(-27%, 0);
    }
    section.aktuality_hlavicka {
        width: 287px;
    }
    section.aktuality_hlavicka .vypis {
        max-width: 220px;
    }
    .jazyky_obal {
        width: 35px;
        height: 35px;
    }
    header .top_bar .lista {
        height: 60px;
    }
    section.aktuality_hlavicka .vypis article.top_aktualita {
        height: 190px;
    }
    a.dlazdice_odkazu .nadpis_text_style {
        font-size: 43px;
    }
    .vypis_subjektu_obal .table_obal {
        grid-template-columns: repeat(3, 1fr);
    }
    .main_events .akce_vypis {
        grid-template-columns: repeat(2, 1fr);
    }
    .soubory_publikace {
        grid-template-columns: repeat(3, 1fr);
    }
    .vypis_galerie .galerie_jednoducha .fotogalerie_clanku {
        grid-template-columns: repeat(2, 1fr);
    }
    footer .obsah .loga_obal .loga_partneri {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1260px) {
    header {
        height: auto;
    }
    figure.slider {
        position: relative;
        left: unset;
        top: unset;
        height: 100vh;
        min-height: 780px;
    }
    aside.levy_blok .obsah nav.kategorie ul li::before {
        transform: skewX(-10deg) translate(-96px, 0);
    }
    aside.levy_blok .obsah nav.kategorie ul li a span.ikona {
        width: 16%;
    }
    figure.slider .obsah .slider_info .nadpis {
        font-size: 70px;
        margin-bottom: 10px;
    }
    aside.levy_blok .obsah nav.kategorie ul li a {
        font-size: 18px;
    }
    aside.levy_blok {
        min-width: 260px;
    }
    aside.levy_blok .obsah a.logo {
        margin-left: 25px;
    }
    aside.levy_blok.scroll .obsah nav.kategorie,
    aside.levy_blok.subakce .obsah nav.kategorie {
        transform: translate(0, 0);
    }
    section.aktuality_hlavicka {
        position: relative;
        left: unset;
        top: unset;
        width: calc(100% - 300px);
        box-sizing: border-box;
        margin-right: 0;
        padding: 0 4%;
        background: white;
        padding-top: 70px;
        padding-bottom: 110px;
    }
    section.aktuality_hlavicka::before {
        display: none;
    }
    section.aktuality_hlavicka .nadpis h2 {
        color: var(--main-color);
        text-align: left;
        font-family: var(--sec-font);
        font-size: 80px;
    }
    section.aktuality_hlavicka .vypis {
        max-width: unset;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
    section.aktuality_hlavicka .vypis article.top_aktualita {
        margin-bottom: 0;
        height: 250px;
    }
    section.aktuality_hlavicka.scroll,
    section.aktuality_hlavicka {
        transform: translate(0, 0);
        transition: 0s;
    }
    section.aktivity .vypis {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3, 300px);
    }
    section.aktivity a.dlazdice_odkazu.odk_1,
    section.aktivity a.dlazdice_odkazu.odk_6 {
        grid-column: span 2;
    }
    footer .obsah .loga_obal .loga_partneri a.logo_par {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .fotogalerie_clanku_obal .fotogalerie_clanku .obrazek_celek_obal {
        width: 25%;
    }
}

@media screen and (max-width: 1190px) {
    section.aktivity .vypis {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 300px);
    }
    section.aktivity a.dlazdice_odkazu.odk_6 {
        grid-column: span 1;
    }
}

@media screen and (max-width: 960px) {
    .filtry_region_obal .filtry_region label:hover::before {
        display: none;
    }
    .header_events,
    .main_events {
        width: 100% !important;
        box-sizing: border-box;
        padding: 0 2% !important;
    }
    header .top_bar .lista .search_open,
    .jazyky_obal {
        display: none;
    }
    header .top_bar .lista .mobile_menu {
        position: relative;
        display: block;
        width: 50px;
        height: 100%;
        background: var(--sec-color);
    }
    div.mobile_menu span {
        position: absolute;
        display: block;
        width: 60%;
        height: 2px;
        left: 50%;
        background: white;
    }
    div.mobile_menu span.top {
        top: 30%;
        transform: translate(-50%, 0);
    }
    div.mobile_menu span.mid {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    div.mobile_menu span.bot {
        bottom: 30%;
        transform: translate(-50%, 0);
    }
    div.mobile_menu.close span.top {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
    }
    div.mobile_menu.close span.mid {
        width: 0;
    }
    div.mobile_menu.close span.bot {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(-45deg);
    }
    aside.levy_blok,
    aside.levy_blok.scroll,
    aside.levy_blok.subakce {
        display: none;
    }
    section.aktuality_hlavicka .overflow_vypis {
        height: auto;
        padding-right: 0;
    }
    section.aktuality_hlavicka,
    .page_size {
        width: 95%;
        padding: 0;
        margin-left: auto;
        margin-right: auto;
    }
    figure.slider .obsah {
        padding: 6%;
    }
    section.kalendar_akci .vypis,
    section.microsite .vypis,
    section.aktualne .vypis {
        width: 100%;
        padding-left: 3%;
        overflow: auto;
    }
    section.aktualne .vypis {
        padding-left: 0;
    }
    .titulka ul.kategorie {
        flex-wrap: nowrap;
        margin-top: 35px;
        width: 100vw;
        overflow: auto;
        margin-left: 0;
    }
    .titulka ul.kategorie li a {
        white-space: nowrap;
    }
    section.aktualne {
        width: 100%;
        box-sizing: border-box;
        padding: 3%;
    }
    header.scroll .top_bar .lista,
    header.subakce .top_bar .lista {
        width: 100%;
    }
    header .top_bar .lista::before {
        transform: skewX(0);
        border-bottom-left-radius: 0;
        width: 100%;
    }
    header .top_bar .lista a.logo {
        display: block;
        height: 60%;
        width: auto;
        margin-left: 10px;
    }
    header .top_bar .lista a.logo img {
        height: 100%;
        width: auto;
    }
    header .top_bar .lista ul.odkazy {
        display: none;
    }
    header .top_bar .lista {
        width: 100%;
    }
    footer .obsah .loga_obal {
        flex-wrap: wrap;
    }
    footer .obsah .loga_obal .loga_partneri {
        width: 100%;
        margin-top: 15px;
    }
    footer .obsah .loga_obal .loga_partneri a.logo_par {
        margin-left: 0;
        margin-right: 25px;
    }
    section.microsite article.site {
        width: 360px;
        min-width: 360px;
    }
    .filtry_region_obal,
    .filtr_kat .vypis_filtru {
        flex-wrap: nowrap;
        width: 100%;
        overflow: auto;
        margin-bottom: 15px;
    }
    .filtry_region_obal .filtry_region label {
        white-space: nowrap;
    }
    div.detail_pravysloupec .primarni_obrazek_clanku {
        height: 230px;
    }
    div.detail_pravysloupec div.fotogalerie_clanku {
        grid-template-columns: repeat(2, 1fr);
    }
    section.souvisejici_zaznamy .vypis_subjektu_obal {
        grid-template-columns: repeat(3, 1fr);
    }
    nav.kalendar_nav ul.menu_akce {
        flex-wrap: wrap;
    }
    nav.kalendar_nav ul.menu_akce li {
        list-style-type: none;
        margin-right: 11px;
        margin-left: 0;
        margin-bottom: 13px;
    }
    .soubory_publikace {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
    /* --------------- -mm_navigace_vlastni -------------------------- */
    .mm_navigace_vlastni {}
    .mm_navigace_vlastni li {
        list-style-type: none;
        margin-bottom: 8px;
    }
    .mm_navigace_vlastni li a {
        display: flex;
        align-items: center;
    }
    .mm_navigace_vlastni li a span.ikona {
        width: 30px;
        height: 30px;
        margin: 0;
        margin-right: 19px;
    }
    .mm_navigace_vlastni li a span.ikona img {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    .mm_navigace_vlastni li a {
        background: var(--main-color);
        border-radius: var(--bor-radius);
        box-sizing: border-box;
        padding: 12px;
        /* text-transform: uppercase; */
        color: white;
        text-decoration: none;
        font-weight: 600;
    }
    .opacita {
        opacity: 1;
    }
    footer .upozorneni_na_mail .obsah {
        justify-content: flex-start;
        padding: 13px 0;
    }
    footer .upozorneni_na_mail .obsah p {
        margin: 8px 0;
        display: block;
        width: 100%;
        text-align: left;
    }
}

@media screen and (max-width: 800px) {
    figure.slider {
        height: 60vh;
        min-height: 450px;
        margin-bottom: 43px;
    }
    section .nadpis_sekce,
    section.aktualne .nadpis_sekce .nadpis {
        flex-wrap: wrap;
    }
    section .nadpis_sekce div.odkazy a {
        margin-left: 0;
        margin-right: 7px;
    }
    section .nadpis_sekce h2 {
        width: 100%;
    }
    section.media .vypis {
        grid-template-columns: repeat(2, 1fr);
    }
    footer .obsah .bloky {
        flex-wrap: wrap;
    }
    article.akce {
        width: 370px;
    }
    .vypis_subjektu_obal .table_obal {
        grid-template-columns: repeat(2, 1fr);
    }
    div.detail_levysloupec,
    div.detail_pravysloupec {
        width: 100%;
        float: none;
        margin-bottom: 2em;
    }
    .main_events .akce_vypis {
        grid-template-columns: repeat(1, 1fr);
    }
    article.events figure.primarni_obrazek_akce {
        float: none;
        margin-left: 0;
    }
    article.events table.kratky_popis_akce {
        width: 100%;
    }
    section.souvisejici_zaznamy .vypis_subjektu_obal {
        grid-template-columns: repeat(2, 1fr);
    }
    .vypis_galerie .galerie_jednoducha .fotogalerie_clanku {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 560px) {
    section.aktivity .vypis {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: unset;
    }
    section.aktivity a.dlazdice_odkazu.odk_1,
    section.aktivity a.dlazdice_odkazu.odk_6 {
        grid-column: span 1;
    }
    a.dlazdice_odkazu,
    a.dlazdice_odkazu {
        height: 179px;
    }
    section.media .vypis {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: unset;
    }
    figure.slider .obsah .slider_info .nadpis {
        font-size: 60px;
    }
    figure.slider .obsah .slider_info .podnadpis {
        font-size: 22px;
    }
    h2 {
        font-size: 62px;
    }
    .btn.velky {
        font-size: 16px;
        padding: 7px 25px;
    }
    section.aktivity .vypis {
        grid-gap: 10px;
    }
    section.aktuality_hlavicka .vypis {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
    }
    .vypis_subjektu_obal .table_obal {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
    }
    .fotogalerie_clanku_obal .fotogalerie_clanku .obrazek_celek_obal {
        width: 50%;
    }
    article.clanek_body a.primarni_obrazek_clanku {
        display: block;
        width: 250px;
        float: none;
        margin: 0 0 22px 0;
    }
}

@media screen and (max-width: 420px) {
    section.souvisejici_zaznamy .vypis_subjektu_obal {
        grid-template-columns: repeat(1, 1fr);
    }
}