/* mlynica.sk */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');

/* VARIABLES */

:root {
    --current-font: 'Source Sans Pro', sans-serif;
    --heading-font: 'Source Sans Pro', sans-serif;

    --main-color: #212D8B;

    --link-color-black: #000;
    --link-color-main: #212D8B;
    --link-color-white: #fff;
    --link-color-dark: #363636;
    --link-hover-color-black: #000;
    --link-hover-color-main: #212D8B;
    --link-hover-color-white: #fff;
    --link-hover-color-dark: #363636;

    --bg-body: #e2f3ff url('bg-body.png') no-repeat center 10rem /*, url('bg-footer.png') no-repeat center 100%*/;
    --bg-body-1000: #fff /*url('bg-body-1000.png') no-repeat top center*/;
    --bg-body-640: #fff /*url('bg-body-640.png') no-repeat top center*/;
    --footer-bg-whole: #FCFDDF /*url('bg-footer.png') no-repeat center center*/;
    --bg-footer-upper: transparent;
    --bg-footer-lower: transparent;
    --bg-footer-rwd: #FCFDDF;
    --footer-border-between: none;
    --footer-border-bottom: #FFDF0F;

    --footer-upper-color-heading: #212D8B;
    --footer-upper-color-p: #000;
    --footer-upper-color-a: #212D8B;
    --footer-lower-color: #000;
    --footer-lower-color-a: #000;
    --footer-lower-icons-color: #000;
    --footer-lower-color-640: #000;
    --footer-lower-color-a-640: #212D8B;
    --footer-upper-text-font-size: 1.1875rem;
    --footer-collapsed-color-640: #212D8B;

    --bg-main-content: #fff;
    --main-container-top: 0;
    --content-width: 1200px;

    --main-width: 100%;
    --main-max-width: 900px;
    --left-width: 100%;
    --right-width: 100%;
    --right-display: none;
    --left-display: block;
    --columns-gap: 50px;

    --fotobanner-border: #ffffffbb;
    --fotobanner-border-width: 5px;
    --fotobanner-border-radius: 10px;
    --fotobanner-width: 1200px;
    --fotobanner-height: 300px;
    --bg-fotobanner: transparent /*url('bg-fotobanner.png') no-repeat center center*/;

    --bg-color-primary: #212D8B;
    --bg-color-secondary: #E2F3FF;
    --bg-color-light: #e7e7e7;
    --bg-color-white: #fff;

    --bg-header-footer: #212D8B /*url('bg-head.png') no-repeat center top*/;
    --bg-header-menu: #fff /*url('bg-header.png') no-repeat center top*/;
    --header-menu-height: 98px;
    --box-shadow-dark: #363636;

    --header-menu-color: #212D8B;
    --header-menu-border-bottom: #212D8B;
    --header-menu-border-between: none;
    --bg-header-menu-icons-color: transparent;
    --header-menu-icons-color: #6795C8;
    --header-menu-icons-color-1000: #212D8B;
    --header-menu-icons-color-750: #212D8B;
    --header-menu-search-color: #212D8B;
    --header-menu-search-color-active: #363636;
    --bg-serch: transparent;
    --bg-serch-active: transparent;
    --bg-search-button-vyhladat: #212D8B;

    --bg-aside-menu-collapsed: transparent;
    --bg-aside-menu-active: transparent;
    --bg-aside-submenu-collapsed: #FCFDDF;
    --bg-aside-submenu-active: #212D8B;
    --bg-aside-submenu-level-2-collapsed: transparent;
    --bg-aside-submenu-level-2-active: transparent;
    --bg-aside-submenu-level-3-collapsed: transparent;
    --bg-aside-submenu-level-3-active: transparent;

    --aside-menu-color-collapsed: #000;
    --aside-menu-color-active: #212D8B;
    --aside-submenu-color-collapsed: #212D8B;
    --aside-submenu-color-active: #fff;
    --aside-submenu-level-2-color-collapsed: #212D8B;
    --aside-submenu-level-2-color-active: #000;
    --aside-submenu-level-3-color-collapsed: #212D8B;
    --aside-submenu-level-3-color-active: #000;

    --border-color-menu-aside-collapsed: #212D8B;
    --border-color-menu-aside-active: #212D8B;
    --border-color-submenu-aside-collapsed: none;
    --border-color-submenu-aside-active: none;

    --aside-menu-li-margin: 3px;

    --aside-menu-before-display: none;
    --aside-submenu-before-display: none;

    --aside-menu-font-weight-collapsed: 600;
    --aside-menu-font-weight-active: 600;
    --aside-submenu-font-weight-collapsed: 400;
    --aside-submenu-font-weight-active: 700;

    --aside-menu-font-size: 1.4375rem;
    --aside-submenu-font-size: 1.1875rem;

    --top-menu-font-size: 1.25rem;
    --top-submenu-font-size: 1.1875rem;

    --bg-top-menu: transparent;
    --bg-top-menu-expanded: #fff;
    --menu-extended-columns: 4;

    --bg-top-menu-collapsed: transparent;
    --bg-top-menu-active: #FCFDDF;
    --bg-top-submenu-collapsed: transparent;
    --bg-top-submenu-active: #FCFDDF;
    --bg-top-submenu-level-2-collapsed: #E2F3FF;
    --bg-top-submenu-level-2-active: #212D8B;

    --top-menu-color-collapsed: #fff;
    --top-menu-color-active: #212D8B;
    --top-submenu-color-collapsed: #212D8B;
    --top-submenu-color-active: #212D8B;
    --top-submenu-level-2-color-collapsed: #212D8B;
    --top-submenu-level-2-color-active: #fff;

    --top-menu-line-between-display: none;
    --top-menu-line-between: #ececec;
    --top-menu-border-whole: none;
    --top-menu-border: none;
    --top-menu-border-active: none;
    --top-menu-position: center;
    --top-menu-text-transform: uppercase;
    --top-menu-expanded-position: unset;
    --top-menu-height: 57px;

    --top-menu-font-weight-collapsed: 600;
    --top-menu-font-weight-active: 600;
    --top-submenu-font-weight-collapsed: 400;
    --top-submenu-font-weight-active: 400;

    --h1-color: #363636;
    --h2-color: #212D8B;
    --h3-color: #212D8B;
    --h4-color: #000;

    --h1-font-size: 1.75rem;
    --h2-font-size: 1.4375rem;
    --h3-font-size: 1.3125rem;
    --h4-font-size: 1.1875rem;

    --h1-font-weight: 600;
    --h2-font-weight: 600;
    --h3-font-weight: 700;
    --h4-font-weight: 700;

    --h1-text-transform: uppercase;
    --h2-text-transform: none;
    --h3-text-transform: none;
    --h4-text-transform: none;

    --text-color-black: #000;
    --text-color-white: #fff;
    --text-color-main: #212D8B;
    --text-color-dark: #363636;

    --aside-text-color: #000;
    --aside-column-heading-border-bottom: #212D8B;
    --h2-border-bottom: #212D8B;

    --bg-zasadnutia: #E2F3FF;
    --bg-left-column: transparent;
    --bg-right-column: transparent;

    --zalozky-border-bottom: #E2F3FF;
    --zalozky-border-bottom-active: #212D8B;
    --zalozky-bg: transparent;
    --zalozky-bg-active: #212D8B;
    --zalozky-text: #212D8B;
    --zalozky-text-active: #fff;

    --regular-text-font-size: 1.1875rem;
    --smaller-text-font-size: 1rem;
    --bigger-text-font-size: 1.25rem;

    --header-height: 10.6875rem;
    --header-logo-text-color: #212D8B;
    --header-logo-text-ext-color: #000;
    --header-logo-text-font-size: 2.25rem;
    --header-logo-text-ext-font-size: 1.1875rem;
    --header-border-bottom: none;
    --bg-header-logo-text-ext: transparent;

    --oznamy-width: 274px;
    --oznamy-height: 183px;
    --oznamy-link-color: #212D8B;
    --oznamy-border-radius: 10px;
    --oznamy-img-display: flex;

    --region-aktualne-color: #212D8B;
    --region-aktualne-bg: transparent;
    --region-aktualne-border: #212D8B;
    --region-aktualne-text-color: #212D8B;
    --region-aktualne-font-size: 1.4375rem;
    --region-aktualne-font-weight: 700;

    --right-column-header-color: #000;
    --right-column-header-bg: transparent;
    --right-column-header-font-weight: 700;

    --bannerslot-bg: linear-gradient(180deg, rgba(2,0,36,0) 0%, rgba(33,45,139,0.6951155462184874) 34%, rgba(33,45,139,1) 100%);
    --bannerslot-border: none;
    --bannerslot-h2: #fff;
    --bannerslot-text-color: #fff;
    --bannerslot-dots: transparent;
    --bannerslot-dots-active: #000;
    --bannerslot-h2-font-size: 1.875rem;
    --bannerslot-h2-font-weight: 700;

    --files-color: #212D8B;

    --bg-thead: #E2F3FF;
    --table-link-color: #212D8B;
    
    --bg-blok-podstranok: #FCFDDF;
    --blok-podstranok-border: none;
    --dolezite-oznamy-bg-640: #FCFDDF;
    --blok-podstranok-header-color: #000;
    --blok-podstranok-h2-font-size: 1.4375rem;
    --blok-podstranok-header-bg: transparent;
    --blok-podstranok-categories-bg: transparent;
    --blok-podstranok-categories-color: #000;
    --blok-podstranok-text-color: #212D8B;
    --blok-podstranok-marker-color: #B6060B;
    --bg-dolezite-oznamy-after: #212D8B;

    --anketa-color: #212D8B;

    --bg-main-column-h2: #E2F3FF;
    --main-column-h2-border: none;

    --bg-aside-h2: transparent;
    --aside-h2-font-size: 1.4375rem;
    --aside-h2-color: #212D8B;
    --aside-h2-font-weight: 700;
    --aside-h2-border-bottom: #212D8B;

    --calendar-dates-color: #000;
    --calendar-with-actions-color: #212D8B;
    --calendar-with-actions-color-active: #212D8B;
    --calendar-nedela-color: #000;
    --calendar-border: #212D8B;
    --bg-calendar-collapsed: transparent;
    --bg-calendar-active: #fff;
    --bg-calendar-heading: #E2F3FF;
    --calendar-heading-color: #000;
    --bg-calendar-with-actions-after: #212D8B;

    --rwd-menu-color: #212D8B;
    --rwd-icon-color-1000: #212D8B;
    --rwd-icon-color-800: #212D8B;
    --rwd-icon-color-640: #212D8B;
    --rwd-icon-color-X-1000: #363636;
    --rwd-icon-color-X-800: #363636;
    --rwd-icon-color-X-640: #363636;

    --show-all-color: #212D8B;
    --h3-oznamy-font-size: 1.1875rem;

    --dolezite-odkazy-icons-color: #212D8B;
    --mobilna-aplikacia-color: #363636;

    --bg-header-1000: #E2F3FF /*url('bg-header-1000.png') no-repeat center top*/;

    --uputavky-color: #212D8B;

    --print-ico-color: #212D8B;
    --arrow-up: #363636;
    --arrow-up-hover: #fff;

    --checker-color: #fff;
    --checker-color-active: #212D8B;
    --zrusit-filter-color: #fff;
    --zrusit-filter-color-active: #212D8B;

    --rozsirene-hladanie-border: #E2F3FF; 
    --rozsirene-hladanie-border-active: #212D8B;
    --rozsirene-hladanie-color: #212D8B;
    --rozsirene-hladanie-color-active: #fff;
    --bg-rozsirene-hladanie-color: transparent;
    --bg-rozsirene-hladanie-color-active: #212D8B;

    --bg-zoznam-linkov-link: #E2F3FF;
    --zoznam-linkov-link-color: #212D8B;
    --bg-zoznam-linkov-link-hover: #212D8B;
    --zoznam-linkov-link-hover-color: #fff;
    --zoznam-linkov-link-hover-border: #212D8B;

    --stop-color: #363636;
    --bg-stop: #fff;
    --start-color: #fff;
    --bg-start: #363636;

    --bg-button: #212D8B;
    --button-color: #fff;
    --bg-button-active: #E2F3FF;
    --button-color-active: #212D8B;

    --form-color: #212D8B;

    --bg-rwd-bottom-menu: #FFFEF0;
    --bottom-menu-icons-rwd-color: #212D8B;
    --rwd-menu-icons-count: 4;

    --bg-rwd-menu-collapsed: #E2F3FF;
    --bg-rwd-menu-active: #212D8B;
    --bg-rwd-submenu-collapsed: #fff;
    --bg-rwd-submenu-active: #212D8B;
    --bg-rwd-submenu-level-2-collapsed: #fff;
    --bg-rwd-submenu-level-2-active: #E2F3FF;

    --rwd-menu-color-collapsed: #212D8B;
    --rwd-menu-color-active: #fff;
    --rwd-submenu-color-collapsed: #212D8B;
    --rwd-submenu-color-active: #fff;
    --rwd-submenu-level-2-color-collapsed: #000;
    --rwd-submenu-level-2-color-active: #212D8B;
}


/* STYLE */

/*-------------------------------- GENERAL BASICS --------------------------------*/

* {
    margin: 0;
    padding: 0;
}

html {
    box-sizing: border-box;
    font-size: 16px !important;
}

*, *:before, *:after {
    box-sizing: inherit;
}

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

body {
    font-size: 90% !important;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: var(--current-font);
    color: var(--text-color-black);
    overflow-x: hidden;
    background-size: auto;
    line-height: 1.5em !important;
    word-spacing: 0.16em !important;
    position: relative;
    animation: 1.5s ease-out 0s 1 onLoadFade;
}

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

caption {
    width: 100%;
    display: block;
}

iframe {
    max-width: 100%;
}

blockquote, q {
    quotes:none;
}

ul, nav ul {
    list-style: none;
}

a {
    color: var(--link-color-black);
    text-decoration: none;
}

a:hover {
    color: var(--link-hover-color-black);
}

.persons-detail div.float_left {
    float: none !important;
}

/* Home page layout and columns */

#main-container {
    position: relative;
    width: 100%;
    background: var(--bg-body);
    background-size: 2800px;
    /*max-width: 1200px;*/
    margin: 0 auto;
    margin-top: var(--main-container-top);
}

aside .column_r div.module_envelope {
    width: 100%;
    display: flex;
    justify-content: center;
    /*padding-top: 1rem;*/
}

aside .column_l div.module_envelope a.dps_text,
aside .column_l div.module_envelope a,
aside .column_r div.module_envelope a.dps_text,
aside .column_r div.module_envelope a {
    transition: all 0.3s ease-in-out;
    /*text-align: center;*/
    /*width: max-content;*/
    /*max-width: 225px;*/
    /*margin: 0 auto;*/
    /*display: flex;*/
}

aside .column_l div.module_envelope a:hover,
aside .column_r div.module_envelope a:hover {
    /*transform: translateY(-5px);*/
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

aside .column_l div.module_envelope a.dps_text:hover,
aside .column_r div.module_envelope a.dps_text:hover {
    text-decoration: underline;
    text-decoration-thickness: 3px;
    border-bottom: none;
    transition: all 0.3s ease-in-out;
}

.column p {
    font-size: var(--regular-text-font-size);
    word-break: break-word;
}

.column_l {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.column h2 a {
    color: var(--h2-color);
}

.column h2 a:hover {
    text-decoration: underline !important;
    text-decoration-thickness: 3px !important;
    border-bottom: none !important;
}

/*-------------------------------- GENERAL BASICS --------------------------------*/


/*-------------------------------- HEADER --------------------------------*/

header {
    position: sticky;
    min-height: var(--header-height);
    height: auto;
    z-index: 11;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
/*    border-bottom: 2px solid var(--header-border-bottom);*/
    background: var(--bg-header-footer);
    background-size: 100%;
/*    box-shadow: 0px 4px 20px rgba(187, 29, 7, 0.2);*/
}

#homepage_0 header {
    animation: 2s ease-in-out 0s 1 onLoadSlideDown;
}

header .column_h {
    /*max-width: 1200px;*/
    left: 0;
    right: 0;
    /*display: grid;
    grid-template-columns: auto 350px 834px auto;
    grid-template-rows: 72px auto;*/
    margin: 0 auto;
    /*border-bottom: 2px solid var(--header-border-bottom);*/
    display: flex;
    flex-direction: column;
    justify-content: center;
}

header .env_hf_module_container .module-container-columns-envelope {
    gap: 0;
    justify-content: space-between;
}

header .module_envelope.env_hf_module_container .module-inner-envelope .module_body {
    width: 100%;
    height: 100%;
}

header .env_hf_image {
    top: 0;
    left: 0;
    padding: 0;
    right: 0;
    margin: 0 auto 0 !important;
    width: auto;
    height: auto;
}

header .env_hf_text_obrazok {
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    top: 0;
    display: flex;
    left: 0;
    right: auto;
    /*padding: 0 15px !important;*/
    margin: 0 auto;
    z-index: 999;
    width: auto;
}

header .env_hf_text_obrazok br {
    display: none;
}

header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-1.width-75 {
    width: auto;
    display: grid;
    /*grid-template-columns: min-content min-content min-content min-content auto;*/
    gap: 1rem;
}

header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-2.width-25 {
    position: relative;
    display: flex;
    /*grid-template-areas: "a b c . d e";*/
    /*grid-template-columns: auto auto auto 1fr auto auto;*/
    align-items: center;
    width: auto;
    gap: 1.5rem;
    right: 0;
}

header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-2.width-25 .module_envelope > .module_body {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    position: relative;
    gap: 0.5rem;
    transition-duration: 0.3s;
}

.header-logo {
    position: relative;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    max-width: var(--content-width);
    display: flex;
    flex-wrap: nowrap;
    margin: 0 auto !important;
    flex-direction: column;
    align-content: flex-start;
    justify-content: space-evenly;
    align-items: flex-start;
    z-index: 5;
    padding: 0 !important;
}

header .env_hf_text_obrazok img {
    width: auto;
    height: auto;
    padding: 0 !important;
    margin-right: 6px;
    position: relative;
    top: 3px;
}

.header-logo-envelope > a {
    display: flex !important;
    text-decoration: none;
    width: 21rem;
    max-width: 25rem;
    height: 5rem;
    position: relative;
    top: -1.25rem;
    left: 0;
    gap: 1rem;
    row-gap: 0;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    border-bottom: none !important;
}

.header-logo-img-envelope {
  z-index: 4;
}

.header-logo .header-logo-img-envelope {
    /*margin-left: 1.5rem;*/
    transition-duration: 0.3s;
    order: 1;
    position: relative;
    top: 0;
    left: 0;
    width: fit-content;
    display: flex;
}

header .header-logo-img-envelope img {
    max-height: 5rem;
/*    filter: drop-shadow(0px 4px 30px #fff);*/
}

.header-logo .header-logo-img-envelope:hover {
    transition-duration: 0.3s;
    transform: scale(1.05);
}

.header-logo-text {
    font-size: var(--header-logo-text-font-size);
    font-weight: 600;
    height: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--header-logo-text-color);
    text-align: left;
    padding: 0;
    line-height: 120%;
    top: 0.25rem;
    left: 0;
    padding: 0;
    margin: 0;
    height: fit-content;
    max-width: fit-content;
    text-transform: uppercase;
    font-family: var(--heading-font);
    letter-spacing: 0;
    width: 100%;
    order: 2;
}

.header-logo-text-ext {
    font-weight: 400;
    font-size: var(--header-logo-text-ext-font-size);
    height: 1.5rem;
    position: relative;
    color: var(--header-logo-text-ext-color);
    text-align: left;
    top: 0.5rem;
    left: 0.125rem;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: -webkit-fill-available;
    background: var(--bg-header-logo-text-ext);
    max-width: fit-content;
    order: 3;
}

header .logo-text a {
    text-decoration: none;
}

header .env_hf_image img  {
    max-width: 100%;
    opacity: 1;
    width: 100%;
    padding: 0;
    height: auto;
    position: relative;
    top: 0.25rem;
}

header .env_hf_image .hf-image-envelope.with-link {
    display: block;
    width: auto;
    height: auto;
    padding: 6px 0;
}

header .env_hf_image .hf-image-envelope.with-link img {
    width: auto;
    left: 0;
    transform: unset;
    height: auto;
}

header .env_hf_image .hf-image-envelope.with-link a,
header .env_hf_image .hf-image-envelope.with-link a:hover {
    border: none !important;
}

header .env_hf_text_obrazok.header-text {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 100px;
    width: 1200px;
    font-size: 3em;
    color: #054A74;
    text-transform: uppercase;
}

header .module_envelope.env_hf_logo.pic {
    z-index: 9999;
}

header .module_envelope.env_hf_logo .module-inner-envelope {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    height: 100%;
    width: 100%;
}

header .module_envelope.env_hf_module_container {
    /*position: absolute;*/
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto 0;
    /*max-width: var(--content-width);*/
    z-index: unset;
}

header .module_envelope.env_hf_module_container div.module-inner-envelope {
    min-height: var(--header-menu-height);
    max-width: var(--content-width);
    margin: 0 auto;
}

header .module_envelope.env_hf_module_container.header-aside {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    min-height: var(--header-menu-height);
    border-bottom: 2px solid var(--header-border-bottom);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
    justify-content: flex-end;
    background: var(--bg-header-menu);
    z-index: 10;
    grid-row: 1/2;
    grid-column: 2/4;
}

header .env_hf_text_obrazok.bbsk {
    grid-column: 3/4;
}

header .env_hf_text_obrazok.bbsk .editor p {
    text-transform: uppercase;
    color: #03328C;
    font-size: var(--smaller-text-font-size);
}

header .env_hf_text_obrazok.bbsk .editor p a:hover {
    border-bottom: none;
}

header .module_envelope.env_hf_module_container.header-aside .module-in-container .module_body a:hover {
    border-bottom: 2px solid;
}

header .module_envelope.env_hf_module_container.header-middle {
    height: auto;
    z-index: 9;
}
header .module_envelope.env_hf_module_container.header-middle .column-1 {
    width: 42%;
}
header .module_envelope.env_hf_module_container.header-middle .column-2 {
    flex: 1;
}

header .header-middle nav li.level-0 > ul {
    position: absolute !important;
    list-style: none;
    text-align: left;
    top: 0 !important;
    left: -601px !important;
    right: 0;
    width: 1200px !important;
    padding: 10px;
    margin: 78px auto 0;
    box-shadow: 1px 1px 5px 0 rgb(0 0 0 / 75%);
    box-sizing: border-box;
}

header .header-middle nav ul.hf-hmenu {
    border: none;
}

header .module_envelope.env_hf_module_container.header-middle .env_hf_menu {
    width: 100%;
    position: relative;
    padding: 45px 0 20px 0 !important;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    left: auto;
    height: auto;
    right: 0;
    margin: 0 !important;
    z-index: 1;
}

header .module_envelope.env_hf_module_container.header-middle .env_hf_menu ul.hf-hmenu > li {
    font-weight: bold;
    text-align: center;
    background: none;
    padding: 0 0 5px;
    width: auto;
    height: auto;
    float: none;
    position: unset;
    box-sizing: border-box;
    margin: 0 10px 0 0;
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

header .module_envelope.env_hf_module_container.header-middle .env_hf_menu ul.hf-hmenu li span.hf-menu-envelope a {
    font-weight: bold;
    font-size: 1.4em;
    text-align: center;
    display: inline-flex;
    border: none;
    flex-wrap: wrap;
    padding: 15px 8px;
    position: relative;
    height: auto;
    box-sizing: border-box;
    margin: 0;
    transition-duration: .2s;
    text-decoration: none;
    color: var(--text-color-black);
    background: none;
}

header .module_envelope.env_hf_module_container.header-middle .env_hf_menu ul.hf-hmenu li.hf-menu.level-1 {
    background: none;
    width: 25%;
    margin: 0;
    justify-content: flex-start;
    padding: 0 5px;
    border-right: none;
    line-height: normal;
    height: auto;
    position: relative;
    border: none;
    align-items: flex-start;
}

header .module_envelope.env_hf_module_container.header-middle .env_hf_menu ul.hf-hmenu li.hf-menu.level-1 > .hf-menu-envelope > a {
    display: inline-flex;
    flex-wrap: wrap;
    font-weight: 300;
    font-size: 1em;
    text-align: left;
    border-top: none;
    padding: 13px 23px;
    width: 100%;
    background: #fff;
    height: auto;
    box-sizing: border-box;
    margin: 0;
    text-transform: none;
    text-decoration: none;
    color: var(--main-color);
}

header .module_envelope.env_hf_module_container.header-middle ul.hf-hmenu li.hf-menu.level-2 span a {
    font-weight: 300;
    font-size: var(--regular-text-font-size);
    text-align: left;
    height: auto;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    color: var(--main-color);
    padding: 13px 15px;
    border-radius: 10px;
}

/*header .header-middle ul.hf-hmenu li.hf-menu.level-1.with-submenu > .hf-menu-envelope > a::before {
    display: none;
}*/

header .module_envelope.env_hf_module_container.header-search {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0;
    flex: 1;
    padding-top: 43px;
}

header .module_envelope.env_hf_module_container .module-inner-envelope {
    /*top: 2px;*/
    display: flex;
    justify-content: flex-end;
    position: relative;
    /*left: 12px;*/
    height: 100%;
    align-items: center;
}

header .module_envelope.env_hf_module_container .module-inner-envelope .module_body {
    display: flex;
    justify-content: flex-end;
}

header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    border-right: 1px solid var(--header-menu-border-between);
    width: max-content;
}

header .env_hf_homepage_text .module_body,
header .env_hf_contacts .module_body,
header .env_hf_login_register #login-login,
header .social .module_body,
header .env_hf_date {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding: 0 0.25rem;
    gap: 0.5rem;
}

header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container::last-child {
    border-right: none;
}

header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container:last-child {
    border-right: none;
}

header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container a {
    color: var(--header-menu-color);
    border-bottom: 1px solid var(--header-menu-border-bottom);
    /*transition-duration: 0.3s;*/
    text-decoration: none;
    font-size: var(--smaller-text-font-size);
    display: inline-block;
}

header .env_hf_date,
header .env_hf_time {
    color: var(--header-menu-color);
    font-size: var(--smaller-text-font-size);
    position: relative;
    padding-left: 1.5rem !important;
}

header div.env_hf_date .module_body::before,
header .env_hf_time .module_body::before {
    transition-duration: 0.3s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 1rem;
    content: '\f073';
    clear: both;
    font: normal normal normal 16px/1 FontAwesome;
    left: 0;
    z-index: 99;
    position: absolute;
    color: var(--header-menu-icons-color);
}

header .env_hf_time .module_body::before {
    content: '\f017';
}

header div.env_hf_date .module_body:hover::before {
    transition-duration: 0.35s;
    transform: rotateY(180deg);
}

header .env_hf_time .module_body:hover::before {
    transition-duration: 0.35s;
    transform: rotate(360deg);
}

header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container a:hover {
    border-bottom: 3px solid var(--header-menu-border-bottom);
}

header .header-logo-envelope {
    width: fit-content;
    height: fit-content;
/*    min-width: 20rem;*/
/*    min-height: 7.5rem;*/
/*    background: var(--bg-color-white);*/
/*    border-bottom: 2px solid #ddd;*/
}

header .env_hf_login_register {
    /*grid-area: b;*/
}

header .env_hf_contacts {
    /*grid-area: c;*/
}

header .env_hf_contacts .module_body {
    /*display: block;*/
}

header .env_hf_contacts .module_body::before {
    display: flex;
    content: "\f007";
    clear: both;
    margin: 0 auto;
    z-index: 99;
    position: relative;
    font: normal normal normal 14px/1 FontAwesome;
    right: 5px;
    text-decoration: none !important;
    border: none !important;
    justify-content: center;
    align-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background: var(--bg-header-menu-icons-color);
    color: var(--header-menu-icons-color);
}

header .novinky-emailom {
    /*grid-area: c;*/
}

header .env_hf_text_obrazok.email {
    /*grid-area: d;*/
}

header .env_hf_text_obrazok.email::before {
    display: flex;
    content: "\f0e0";
    clear: both;
    margin: 0 auto;
    z-index: 99;
    position: relative;
    font: normal normal normal 18px/1 FontAwesome;
    right: 5px;
    text-decoration: none !important;
    border: none !important;
    color: var(--header-menu-icons-color);
}

header .env_hf_text_obrazok.phone {
    /*grid-area: e;*/
}

header .env_hf_text_obrazok.phone::before {
    display: flex;
    content: "\f879";
    clear: both;
    margin: 0 auto;
    z-index: 99;
    position: relative;
    font: normal normal normal 18px/1 FontAwesome;
    right: 5px;
    text-decoration: none !important;
    border: none !important;
    color: var(--header-menu-icons-color);
}

.header-other {
    height: 1.5rem;
}

#search-extended-trigger li span.current,
#search-extended-select li a:hover,
#search-extended-date li.search-date-trigger span.current,
#search-extended-date li.search-date-trigger a.current {
    background: var(--bg-button-active) !important;
}

header .module_envelope.module-in-container.env_hf_homepage_text {
    /*grid-area: a;*/
}

header .env_hf_homepage_text .module_body::before {
    display: flex;
    content: "\f015";
    clear: both;
    margin: 0 auto;
    z-index: 99;
    position: relative;
    font: normal normal normal 14px/1 FontAwesome;
    right: 5px;
    text-decoration: none !important;
    border: none !important;
    justify-content: center;
    align-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background: var(--bg-header-menu-icons-color);
    color: var(--header-menu-icons-color);
}

header .env_hf_login_register #login-login::before {
    display: flex;
    content: "\f0e0";
    clear: both;
    margin: 0 auto;
    z-index: 99;
    position: relative;
    font: normal normal normal 14px/1 FontAwesome;
    right: 6px;
    text-decoration: none !important;
    border: none !important;
    justify-content: center;
    align-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background: var(--bg-header-menu-icons-color);
    color: var(--header-menu-icons-color);
}

header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container.env_hf_login_register .module_body {
    height: auto;
    display: grid;
}

header .env_hf_login_register #logout-data {
    grid-column: 1;
}

header .env_hf_login_register #logout-logout {
    grid-column: 2;
}

header .facebook .editor a,
header .instagram .editor p a,
header .rozhlas .editor p a,
header .youtube .editor p a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 0 !important;
    height: 2.5rem;
    width: 2.5rem;
    /*border-radius: 50%;*/
    /*background: #F8F3EC;*/
    border-bottom: none !important;
    position: relative;
    transition-duration: 0.3s;
}

header .facebook .editor a:hover,
header .instagram .editor p a:hover,
header .rozhlas .editor p a:hover,
header .youtube .editor p a:hover {
    /*border: 2px solid #D7F1E5 !important;*/
    border-bottom: none !important;
}

header .facebook::before {
    display: flex;
    content: "\f09a";
    clear: both;
    margin: 0 auto;
    z-index: 0;
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    right: 0;
    text-decoration: none !important;
    border: none !important;
    background: var(--bg-header-menu-icons-color);
    color: var(--header-menu-icons-color);
    align-items: center;
    justify-content: center;
    transition-duration: 0.3s;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    border: 2px solid transparent;
}

header .facebook:hover::before {
/*    color: var(--bg-header-menu-icons-color);*/
/*    background: var(--header-menu-icons-color);*/
/*    border: 2px solid !important;*/
}

header .instagram::before {
    display: flex;
    content: "\f16d";
    clear: both;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    font: normal normal normal 22px/1 FontAwesome;
    right: 0;
    width: 2.5rem;
    height: 2.5rem;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    border: none !important;
    color: var(--header-menu-icons-color);
}

header .youtube .editor p a::before {
    display: flex;
    justify-content: center;
    align-items: center;
    content: "\f167";
    clear: both;
    margin: 0 auto;
    z-index: 1;
    position: absolute;
    font: normal normal normal 22px/1 FontAwesome;
    right: -2px;
    width: 2.5rem;
    height: 2.5rem;
    text-decoration: none !important;
    border: none !important;
    color: var(--header-menu-icons-color);
}

header .rozhlas p::before {
    display: flex;
    content: "\f519";
    clear: both;
    margin: 0 auto;
    z-index: 99;
    position: relative;
    font: bold normal normal 18px/1 FontAwesome;
    right: 5px;
    text-decoration: none !important;
    border: none !important;
    color: var(--header-menu-icons-color);
}

#login-register {
    display: none;
}

header .env_hf_login_register #logout-logout::before {
    font-size: 20px;
    z-index: 1;
    color: var(--main-color);
}

/* Header menu icons display */
header .env_hf_homepage_text .module_body::before,
header .env_hf_login_register #login-login::before,
header .env_hf_contacts .module_body::before,
header .env_hf_login_register #logout-logout::before {
    display: flex;
    right: auto;
    z-index: 0;
    top: auto;
    left: 0;
    position: absolute;
}

header .module_envelope.env_hf_module_container .module-inner-envelope .column-2 .module-in-container .module_body a {
    display: flex;
    position: relative;
    border-bottom: none;
    text-decoration: underline;
    padding-left: 2rem;
    min-height: 2.75rem;
    align-items: center;
}

header .module_envelope.env_hf_module_container .module-inner-envelope .column-2 .module-in-container .module_body a:hover {
    text-decoration-thickness: 3px;
}

/* Google translate */

header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container.env_hf_google_translate div.module_body {
    z-index: 9999999;
}

div#google-lang-envelope {
    /*height: 2rem;*/
    /*width: 2rem;*/
    margin: 0 0 0 8px;
    z-index: 9999;
}

div#google-lang-envelope a {
    width: 50px;
    color: var(--link-color-dark) !important;
}

div#google-lang-envelope a.google-lang-position:hover {
    background: var(--main-color) !important;
    color: var(--link-color-white) !important;
}

div#google-lang-envelope .notranslate#my-current-lang {
    color: var(--header-menu-color) !important;
    padding: 0;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    display: flex;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    margin-right: 11px;
    cursor: pointer;
    border-bottom: 1px solid var(--header-menu-border-bottom);
    /*border-radius: 50%;*/
    transition: all 0.3s ease-in-out;
}

div#google-lang-envelope .notranslate#my-current-lang:hover {
    border-bottom: 2px solid;
}

div#google-lang-envelope a.google-lang-position {
    box-sizing: border-box;
    width: 50px;
    height: 18px;
    padding: 0;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    border: none;
    border-bottom: none;
}

div#google-lang-envelope a#my-current-lang::after {
    display: flex;
    content: '\f0dd';
    font: bold normal normal 13px/1 FontAwesome;
    clear: both;
    color: var(--header-menu-color);
    width: auto;
    height: 16px; 
    top: 2px;
    left: auto;
    right: -11px;
    margin: 0 auto;
    z-index: 99;
    position: absolute;
    justify-content: flex-end;
    transition: all 0.3s ease-in-out;
}

div#google-lang-envelope a.lang-opened#my-current-lang::after {
    transform: rotate(180deg);
}

.google-lang-position-others {
    margin-top: 10px;
    left: -7px;
    text-align: center;
    box-shadow: 1px 1px 4px 0 #363636;
    position: absolute;
    overflow: visible;
    border-radius: 10px;
    transition-duration: 0.3s;
}

.google-lang-position-others a {
    width: 50px !important;
    height: 50px !important;
    display: block;
    line-height: 50px;
    background: var(--bg-color-white) !important;
    color: var(--text-color-black);
}

.google-lang-position {
    position: relative;
}

div.google-lang-position-others a:hover {
    background: var(--main-color) !important;
    color: var(--text-color-white) !important;
    /*border: 2px solid var(--main-color);*/
}

div#google-lang-envelope span#my-current-lang:hover {
    color: #535353;
}

/* Header search */

div#finder_stabil {
    position: relative;
    width: auto;
    left: auto;
    right: 0;
    top: 2.85rem;
    z-index: 9999;
}

header .module_envelope.env_hf_finder {
    /*width: auto;*/
    position: relative;
    display: flex;
    padding: 0;
    /*top: 77px;*/
    left: auto;
    padding: 0 !important;
    height: auto;
    right: 0;
    margin: 0 !important;
    z-index: 999999;
    border-radius: 50%;
    justify-self: end;
    align-self: center;
    /*border-bottom: 2px solid var(--top-menu-border);*/
}

header .module_envelope.env_hf_finder:hover {
    /*border-bottom: 2px solid var(--top-menu-border-active);*/
}

header .module_envelope.env_hf_finder #search-box-text {
    width: 75%;
    height: 44px;
}

header .module_envelope.env_hf_finder #search-box-submit-real {
    width: 24%;
    height: 44px;
    position: absolute;
    right: 3%;
}

header .module_envelope.env_hf_finder .module-inner-envelope {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
}

header .module_envelope.env_hf_finder .module-inner-envelope .module_body {
    display: flex;
    justify-content: flex-end;
    max-width: var(--content-width);
    height: 0;
}

header .module_envelope.env_hf_finder #search-box-text input {
    width: 100% !important;
    text-transform: capitalize;
    height: 100% !important;
    font-size: 1.5em;
    padding-left: 10px;
    border-radius: 10px;
    border: 2px solid #ddd !important;
}

header .module_envelope.env_hf_finder #search-box-submit-real input.button {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    font-weight: 600;
    border: none !important;
    text-decoration: none;
    border-radius: 10px;
}

header .module_envelope.module-in-container.env_hf_finder #finder_stabil {
    top: 0;
    width: auto;
    right: 0;
    /*display: none;*/
}

.search-box-text-button-envelope {
    position: absolute;
    right: 0;
    top: calc(var(--header-height) - 21px);
    z-index: 99999;
    width: 74rem;
    padding: 3rem 2rem;
    display: inline-flex;
    background: var(--bg-color-white);
    box-shadow: 1px 1px 5px 0 rgb(28 86 138 / 54%);
    border-radius: 10px;
}

input.gsc-search-button {
    background: no-repeat center center !important;
}

.search-box-text-button-envelope::after {
    content: '';
    clear: both;
    background: url('search-rectangle.png') no-repeat !important;
    width: 12px;
    height: 6px;
    top: -6px;
    left: auto;
    right: 0.5rem;
    z-index: 99999;
    margin: 0 auto;
    position: absolute;
    /*display: none;*/
}

input#search-box-submit-execute {
    width: 100%;
    border: none;
    font-size: 1.25rem;
    color: var(--button-color);
    background: var(--bg-search-button-vyhladat);
    padding: 0 20px;
    margin: 0;
    justify-content: center;
    cursor: pointer;
}

span input#search-submit-button {
    width: 2.75rem !important;
    height: 2.75rem;
    padding: 0;
    position: relative;
    /*left: 3rem;*/
    border: none !important;
    cursor: pointer;
    /*background: url('search-ico.png') no-repeat center center;*/
    background: none;
    /*-ms-transform: scale(0.9, 0.9);*/
    /*-webkit-transform: scale(0.9, 0.9);*/
    /*transform: scale(0.9, 0.9);*/
    z-index: 1;
}

#search-box-submit::after {
    display: flex;
    content: "\f002";
    clear: both;
    margin: 0;
    z-index: 0;
    position: absolute;
    font: bold normal normal 14px/1 FontAwesome;
    top: 6px;
    right: 6px;
    width: 100%;
    height: 100%;
    width: 1.75rem;
    height: 1.75rem;
    color: var(--header-menu-search-color);
    text-decoration: none !important;
    /*border: 1px solid #000 !important;*/
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    background: var(--bg-serch);
    transition-duration: 0.3s;
}

#search-box-submit:hover::after {
    transition-duration: 0.3s;
    transform: rotate(90deg);
/*    width: 100%;*/
    color: var(--header-menu-search-color-active);
    background: var(--bg-serch-active);
}

.opened#search-box-submit::after {
    color: var(--header-menu-search-color-active);
    background: var(--bg-serch-active);
    /*border-bottom: 2px solid var(--header-menu-search-color-active) !important;*/
}

input#search-box-submit-execute:hover {
    background: var(--bg-button-active);
    color: var(--button-color-active) !important;
    box-shadow: 1px 1px 5px 0 rgb(28 86 138 / 54%);
}

input.gsc-input {
    width: 200px !important;
    height: 31px !important;
    margin: 0;
    padding: 0 0.5rem !important;
    border: none !important;
    color: var(--text-color-black);
    background: transparent !important;
}

table.gsc-search-box {
    /*border-bottom: 1px solid #88abdf !important;*/
    overflow: unset;
    margin-bottom: 0;
}

form.gsc-search-box {
    border-bottom: none !important;
    margin: 0 !important;
    background: var(--bg-color-white);
    border-radius: 30px;
    height: 31px;
    font-size: var(--smaller-text-font-size) !important;
}

input.gsc-search-button {
    margin-left: 0;
    width: 20px !important;
    height: 31px;
    padding-right: 2.5rem !important;
    border: none !important;
    cursor: pointer;
    position: relative;
    /*right: 1rem;*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23212D8B'%3E%3C!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z'/%3E%3C/svg%3E") !important;
    background-size: 1.25rem !important;
}

input.gsc-search-button:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23363636'%3E%3C!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z'/%3E%3C/svg%3E") !important;
    transition-duration: 0.3s;
}

table.gsc-search-box tr:hover {
    background: transparent !important;
}

/*input.gsc-search-button::before {
    display: flex;
    content: "\f002";
    clear: both;
    margin: 0;
    z-index: 0;
    position: absolute;
    font: bold normal normal 21px/1 FontAwesome;
    right: 0;
    width: 40px;
    height: 40px;
    top: 0;
    color: var(--header-menu-search-color);
    text-decoration: none !important;
    border: none !important;
    justify-content: center;
    align-items: center;
    background: none;
    transition-duration: 0.3s;
}*/

.search-extended-text {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.search-extended-text span.search-part {
    order: 1;
    width: 100%;
}

.search-extended-text input {
    order: 2;
    margin-left: 0 !important;
}

.search-extended-text input.search-submit {
    order: 3;
    flex-grow: 1;
    color: var(--button-color);
    background: var(--bg-button);
    min-height: 44px;
    border: none !important;
    transition: all 0.3s ease-in-out;
}

.search-extended-text input.search-submit:hover {
    background: var(--bg-button-active);
    color: var(--button-color-active);
    box-shadow: 0 0 10px #555;
}

.search-extended-text input[type="text"] {
    width: 60%;
    margin: 0 0 1rem 0 !important;
}

#search-extended-trigger li span.current, 
#search-extended-trigger li a.current,
#search-extended-date li.search-date-trigger span.current, 
#search-extended-date li.search-date-trigger a.current {
    color: var(--rozsirene-hladanie-color-active);
    background: var(--bg-rozsirene-hladanie-color-active);
    border-bottom: 2px solid var(--rozsirene-hladanie-border-active);
    border-radius: 0 0 0 0;
}

#search-select-all:hover,
#search-select-none:hover {
    color: var(--button-color-active) !important;
    background: var(--bg-button-active);
    border: 2px solid;
}

#search-extended-trigger li span, 
#search-extended-trigger li a, 
#search-extended-select li a, 
#search-extended-date li.search-date-trigger span, 
#search-extended-date li.search-date-trigger a {
    font-size: var(--regular-text-font-size);
    font-weight: 700;
    padding: 0.5rem 1.5rem;
    border-bottom: 2px solid var(--rozsirene-hladanie-border);
    color: var(--rozsirene-hladanie-color);
    background: var(--bg-rozsirene-hladanie-color);
    transition-duration: 0.3s;
    border-radius: 10px 10px 0 0;
}

#search-extended-trigger li a:hover {
    background: var(--bg-rozsirene-hladanie-color-active);
    color: var(--rozsirene-hladanie-color-active);
    border-radius: 0 0 0 0;
}

/*-------------------------------- HEADER END --------------------------------*/


/*-------------------------------- ADD-ONS --------------------------------*/

/* Arrow up */

#header-anchor-link::after {
    display: flex;
    align-items: center;
    justify-content: center;
    content: '';
    clear: both;
    content: '\f106';
    clear: both;
    font: bold normal normal 21px/1 FontAwesome;
    right: 0;
    left: 0;
    width: 14px;
    height: 100%;
    z-index: 99;
    margin: auto;
    position: absolute;
    transition-duration: 0.3s;
    color: var(--arrow-up);
}

#header-anchor-link:hover::after {
    color: var(--arrow-up-hover);
    transform: rotate(360deg) scale(1.1);
}

/* Menu navigation */

div.menu_navigation {
    background: none;
    padding: 0.5rem 0.5rem 0;
}

/* Pagging */

div.env_zoznam_clankov .paging:first-of-type {
    display: none;
}

/* Forms */

select, input {
    font-size: 1rem;
    background: transparent;
    border: 2px solid var(--text-color-dark);
    border-width: 2px !important;
    height: 50px;
    width: 100% !important;
    border-radius: 10px;
}

textarea {
    font-size: 1rem;
    background: transparent;
    border: 2px solid var(--text-color-dark) !important;
    border-radius: 10px;
    padding: 0.25rem 0.5rem;
}

select:focus-within,
input:focus-within,
textarea:focus-within {
    background: var(--bg-color-white);
}

input.button {
    color: var(--link-color-white);
    background: var(--text-color-dark); 
    cursor: pointer;
    padding: 1px;
    text-align: center;
    border: none;
    border-radius: 10px;
    transition-duration: 0.25s;
}

input.button:hover {
    box-shadow: 0 0 10px -3px var(--box-shadow-dark);
    border: 1px solid var(--main-color);
    background: var(--bg-color-white);
    color: var(--link-color-black) !important;
}

.filter-body-part input.filter-button {
    color: var(--button-color) !important;
    background: var(--bg-button) !important;
}

.filter-body-part input.filter-button:hover {
    color: var(--button-color-active) !important;
    background: var(--bg-button-active) !important;
}

.vzn-filter-envelope .vzn-finder-part-envelope.cancel input {
    background: var(--bg-color-white);
    color: var(--main-color);
}

div.required-alert {
    font-size: var(--smaller-text-font-size);
}

input[type="checkbox"] {
    height: 2rem !important;
    width: 2rem !important;
}

/* Back */

.back a {
    text-decoration: underline;
    text-transform: capitalize;
    color: var(--print-ico-color);
}

.back a:hover {
    text-decoration: none;
    letter-spacing: 1px;
    border-bottom: 3px solid;
}

/* Editor + editor tables */

.editor ul {
    list-style: disc;
    display: grid;
}

.editor ol {
    list-style: auto;
}

.editor span {
    font-size: var(--regular-text-font-size);
}

.editor h2 span {
    font-size: var(--h2-font-size);
}

.editor h3 span {
    font-size: var(--h3-font-size);
}

.editor p img {
    padding: 10px;
}

.editor a {
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

.editor p a:hover,
.editor a:hover {
    text-decoration: none;
}

.editor ol li a:hover {
    transition-duration: 0.3s;
    border-bottom: 3px solid;
}

.editor ul li,
.editor ol li {
    font-size: var(--regular-text-font-size) !important;
    line-height: 150%;
}

div.editor ul li a:hover,
div.editor p a:hover,
div.editor h3 a:hover {
    border-bottom: 3px solid;
}

table,
.editor table {
    max-width: 100%;
    overflow-x: auto;
    display: block;
}

thead {
    background: var(--bg-thead);
    overflow: hidden;
    width: 100%;
}

table tbody,
table thead {
    display: inline-table;
    width: 100%;
}

table tr,
div.editor table tr,
div.env_text_obrazok table tr,
div.env_oznam_concrete table tr {
    height: 2.5rem;
    font-size: var(--regular-text-font-size);
    /*display: flex;*/
    /*justify-content: space-between;*/
    align-items: center;
    border-bottom: 1px solid #ccc;
    transition: all 0.3s ease-in-out;
}

table tr,
div.editor table tr {
    transition: all 0.3s ease-in-out;
}

table tr:hover,
div.editor table tr:hover {
    background: #f5f5f5;
}

table.program_table tr:hover {
    background: transparent;
}

table tr th,
div.editor table tr th,
div.env_text_obrazok table tr th,
div.env_oznam_concrete table tr th {
    height: 100%;
    /*display: flex;*/
    align-items: center;
    padding: 0.5rem;
}

table tr td,
div.editor table tr td,
div.env_text_obrazok table tr td,
div.env_oznam_concrete table tr td {
    padding: 0.5rem;
    font-size: var(--regular-text-font-size);
}

div.editor table tr td a:hover,
div.env_text_obrazok table tr td a:hover,
div.env_oznam_concrete table tr td a:hover {
    border-bottom: 3px solid;
}

/* Captions */

div.menu_caption {
    margin: 4px;
    padding: 0;
    background: #f5f5f5;
    border-radius: 10px;
    display: grid;
}

div.menu_caption a {
    margin: 0 6px;
    font-weight: 800;
    color: var(--link-color-dark);
    background: var(--bg-color-white);
    padding: 0.5rem;
    transition-duration: 0.3s;
    border-radius: 10px;
}

div.menu_caption a:hover {
    color: var(--link-color-white);
    background: var(--link-color-dark);
}

span.caption_previous {
    margin: 0 15px;
    justify-self: start;
    padding: 1rem;
}

span.caption_next {
    margin: 0 15px;
    justify-self: end;
    padding: 1rem;
}

/* Register in column */

.env_registracia_navstevnika_ p {
    font-size: var(--smaller-text-font-size);
}

.env_registracia_navstevnika_ table {
    display: grid;
    margin-top: 1.5rem;
    overflow: unset;
}

.env_registracia_navstevnika_ table tbody {
    display: grid;
    gap: 1rem;
    font-size: var(--smaller-text-font-size);
}

.env_registracia_navstevnika_ table tbody tr {
    display: grid;
    width: 100%;
}

.env_registracia_navstevnika_ table tbody tr:hover {
    background: none;
}

.env_registracia_navstevnika_ table tbody tr td {
    width: 100%;
    text-align: left !important;
}

.env_registracia_navstevnika_ table tbody tr td a {
    padding: 0.25rem;
    text-decoration: underline;
    font-size: var(--regular-text-font-size);
}

.env_registracia_navstevnika_ table tbody tr td a:hover {
    border-bottom: 3px solid;
}

/* Forms */

div h1.register-login a.link-button {
    background-color: var(--bg-button);
    color: var(--button-color);
    font-size: 1rem;
    border-radius: 10px;
    line-height: 125%;
    padding: 1rem;
    transition-duration: 0.3s;
    border: 2px solid transparent;
}

div h1.register-login a.link-button:hover {
    background: var(--bg-button-active);
    color: var(--button-color-active);
    border: 2px solid;
}

div .filter-body-part input, 
div .filter-body-part select, 
div .filter-body-part textarea {
    color: var(--main-color);
    border: 2px solid var(--main-color);
}

.filter-body-part-search-normal .search-part-default.search-part,
.filter-body-part-search-extended .search-part-default.search-part {
    color: var(--button-color) !important;
    background: var(--bg-button) !important;
    border-radius: 10px;
    transition-duration: 0.3s;
    border: 2px solid transparent;
}

.filter-body-part-search-normal .search-part-default.search-part.current,
.filter-body-part-search-normal .search-part-default.search-part:hover,
.filter-body-part-search-extended .search-part-default.search-part.current,
.filter-body-part-search-extended .search-part-default.search-part:hover {
    background: var(--bg-button-active) !important;
    color: var(--button-color-active) !important;
    border: 2px solid var(--main-color);
}

#search-select-all,
#search-select-none {
    border-radius: 10px;
    color: var(--button-color) !important;
    background: var(--bg-button);
    border: 2px solid transparent;
    transition-duration: 0.3s;
}

div .filter-body-part input.filter-button {
    background: var(--bg-button);
    color: var(--button-color);
    width: 100%;
}

div .filter-body-part input.filter-button:hover {
    background: var(--bg-button-active);
    color: var(--button-color);
    border: 2px solid;
}

div .filter-packing-head {
    background: #f3f2f1;
    border-bottom: 2px solid var(--main-color);
}

.search-extended-trigger a.current,
.search-extended-trigger a:hover {
    border-bottom: 2px solid var(--main-color) !important;
}

.filter-body-part input[type="checkbox"],
.filter-body-part input[type="radio"],
.filter-body-part input[type='file'] {
    width: 40px !important;
    height: 40px !important;
}

.filter-body-part label {
    padding: 5px 0 !important;
}

.search-extended-parts .filter-body-part-search-extended-areas {
    flex-grow: 0 !important;
    width: calc(100% / 3) !important;
}

.filter-body-part.part-checkbox {
    display: inline-flex !important;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.filter-body-part.part-checkbox[style="display:none"] {
    display: none !important;
}

.filter-body-part.part-checkbox.filter-body-part-data_use_confirm {
    width: 100%;
}

.filter-envelope-default {
    width: 100%;
}

div .filter-body-part input, 
div .filter-body-part select, 
div .filter-body-part textarea {
    color: var(--text-color-black);
    border: 2px solid var(--form-color);
}

div .filter-body-part input.filter-button {
    background: var(--bg-button);
    color: var(--button-color);
    width: 100%;
}

div .filter-body-part input.filter-button:hover {
    background: var(--bg-button-active);
    color: var(--button-color-active);
    border: 2px solid;
}

div .filter-packing-head {
    background: #f3f2f1;
    border-bottom: 2px solid var(--form-color);
}

.filter-packing-head .filter-trigger,
.filter-head-name {
    font-size: var(--regular-text-font-size);
}

.search-extended-trigger a,
.search-extended-select a {
    color: var(--form-color) !important;
    transition-duration: 0.3s;
}

.search-extended-trigger a.current,
.search-extended-trigger a:hover {
    border-bottom: 2px solid var(--form-color) !important;
}

.search-extended-select a:hover,
#search-select-all:hover,
#search-select-none:hover {
    background: var(--bg-button-active) !important;
    color: var(--button-color-active) !important;
}

.filter-body-part input[type="checkbox"],
.filter-body-part input[type="radio"],
.filter-body-part input[type='file'] {
    width: 40px !important;
    height: 40px !important;
}

.filter-body-part label {
    padding: 5px 0 !important;
}

.search-extended-parts .filter-body-part-search-extended-areas {
    flex-grow: 0 !important;
    width: calc(100% / 3) !important;
}

#module_data__0__l_login {
    height: 50px;
    width: 100%;
    float: none;
}

.filter-body-part-search-without-date a,
.filter-body-part-search-with-date a {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-skip-ink: none;
}

.filter-body-part-search-without-date a:hover,
.filter-body-part-search-with-date a:hover {
    text-decoration-thickness: 3px;
    border-bottom: none;
}

[tabindex]:focus,
a:focus,
input:focus,
.filter-body-part input:focus,
.filter-body-part select:focus,
.filter-body-part textarea:focus {
    outline: 3px dotted #ff8900 !important;
    outline-offset: 3px;
    z-index: 10;
}

/* List of links */

.env_list_of_links ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2vw;
}

.env_list_of_links ul li {
    min-height: 60px;
    width: 100%;
    margin: 0 !important;
}

.env_list_of_links ul li a {
    width: 100%;
    height: 100%;
    color: var(--zoznam-linkov-link-color);
    background: var(--bg-zoznam-linkov-link);
    padding: 1rem;
    transition-duration: 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-underline-position: under;
    text-align: center;
    font-size: var(--smaller-text-font-size);
    text-decoration: underline;
    line-height: 150%;
    border: 2px solid;
}

.env_list_of_links ul li a:hover {
    text-decoration: underline;
    text-decoration-thickness: 3px;
    border: 2px solid var(--zoznam-linkov-link-hover-border);
    transform: translateY(-3px);
/*    box-shadow: 0 2px 10px -1px #aaa;*/
    color: var(--zoznam-linkov-link-hover-color);
    background: var(--bg-zoznam-linkov-link-hover);
}

/*.env_list_of_links ul li a::before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    background: transparent;
    border-left: 4px solid var(--main-color);
    border-top: 4px solid var(--main-color);
    transition: all 0.3s ease-in-out;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
}

.env_list_of_links ul li a:hover::before {
    left: -10px;
    top: -10px;
}

.env_list_of_links ul li a::after {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    background: transparent;
    border-right: 4px solid var(--main-color);
    border-bottom: 4px solid var(--main-color);
    transition: all 0.3s ease-in-out;
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
}

.env_list_of_links ul li a:hover::after {
    right: -10px;
    bottom: -10px;
}*/

/* Other stuff */

.olo-calendar-envelope-default {
    float: none !important;
}

.env_map_common_objects_google {
    position: relative;
    z-index: 1;
}

.table-map-common-objects-list td.automatic-col-4 {
    vertical-align: middle;
    padding: 4px;
}

table.table-map-common-objects-list td span.img-envelope {
    width: auto;
    height: auto;
}

.module_envelope.for-tabbing form {
    flex-direction: column;
}

.user-form-item-value-default.type-date {
    flex-wrap: wrap;
    gap: 0.5rem;
}

.dps_text {
    font-size: 1.25rem;
    font-weight: 400;
    color: var(--uputavky-color);
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

div.module_envelope {
    margin: 0;
    padding: 0;
}

div.module_envelope a.dps_text {
    padding-top: 1rem;
}

.column {
    padding: 0;
}

div.module_envelope_l {
    width: 100%;
}

.cookie-box-open.new {
    top: 0.25rem;
    background: url('cookies.png') 50% 50% no-repeat !important;
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
    transition-duration: 0.3s;
}

.cookie-box-open.new:hover {
    transform: translateY(-5px);
    filter: drop-shadow(0px 5px 4px #444);
}

.cookie-box-open-envelope {
    background: var(--footer-bg-whole);
/*    background: var(--bg-footer-lower);*/
/*    background: #871506;*/
}

div.lost_password {
    padding: 0 !important;
}

h2 span.float_right a {
    display: none;
}

.ci-full ul li {
    list-style: disc;
}

.ci-full strong a {
    text-decoration: underline;
    transition-duration: 0.3s;
}

.ci-full strong a:hover {
    text-decoration: none;
    border-bottom: 3px solid;
}

#module_data__0__l_login {
    width: 100%;
    float: left;
    text-align: left;
    margin-bottom: 2rem;
}

#label_module_data__0__l_login {
    width: 100%;
    display: block;
    text-align: left;
    font-size: var(--regular-text-font-size);
}

.module_envelope ul li,
.module_envelope ol li {
    margin-left: 30px;
}

.module_envelope.env_main_menu ul li {
    margin: 0;
}

.limited_menu ul li {
    margin-left: 25px;
}

div.first_center_envelope a {
    transition: all 0.3s ease-in-out;
}

div.first_center_envelope a:hover {
    /*border-bottom: 2px solid;*/
}

div.services-list {
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

div.services-list a {
    font-size: var(--regular-text-font-size);
    text-decoration: underline;
    transition-duration: 0.3s;
}

div.services-list a:hover {
    text-decoration: none;
    border-bottom: 3px solid;
}

a.firm-next-info {
    background: var(--bg-button) !important;
    color: var(--button-color) !important;
    padding: 1rem !important;
}

a.firm-next-info:hover {
    background: var(--bg-button-active) !important;
    color: var(--button-color-active) !important;
}

.env_ankety div.module_body_l > .no_margin,
.env_ankety div.module_body_l > .no_margin > .no_margin,
.env_ankety div.module_body_r > .no_margin,
.env_ankety div.module_body_r > .no_margin > .no_margin {
    display: flex;
    flex-direction: column;
}

div.ank_answer {
    font-size: var(--smaller-text-font-size);
}

div[style*="width:68%;"] {
    width: 50% !important;
}

div.rss_channel_popis a {
    font-size: var(--smaller-text-font-size);
}

div.rss_channel_popis {
    border-bottom: 1px solid #ddd;
    margin-bottom: 1rem;
    padding: 0.5rem 0;
}

/*-------------------------------- ADD-ONS END --------------------------------*/


/*-------------------------------- REGISTER --------------------------------*/

.env_registracia_navstevnika_ table tr td.automatic-col-2 input,
.env_registracia_navstevnika_ table tr td.automatic-col-4 input {
    height: 50px !important;
    padding: 0.5rem !important;
    width: 100% !important;
}

.env_registracia_navstevnika_ .editor.email-hlasnik {
    margin-bottom: 25px;
}

.env_registracia_navstevnika_ #login-to-portal tbody tr:hover {
    background: transparent;
}

.env_registracia_navstevnika_ #login-to-portal table {
    width: 100%;
}

#reg_user_add {
    font-size: var(--smaller-text-font-size);
}

.env_registracia_navstevnika_ table tr td.automatic-col-5 input.button {
    width: 100%;
    height: 50px !important;
    padding: 0 !important;
    border: none !important;
}

.button.captcha {
    width: 25% !important;
    height: 38px;
    padding: 0 !important;
}

.env_registracia_navstevnika_ #login-to-portal tbody tr td {
    padding: 4px;
}

.env_registracia_navstevnika_ .program_table tbody {
    display: flex;
    flex-flow: column;
}

.env_registracia_navstevnika_ .program_table tbody tr {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}

.env_registracia_navstevnika_ .program_table tbody tr td {
    width: 25% !important;
}

.env_registracia_navstevnika_ .program_table tbody tr td:nth-of-type(2n+2) {
    width: auto !important;
    flex: 1;
}

.env_registracia_navstevnika_ .program_table tbody tr td[colspan="4"] {
    width: 100% !important;
    display: none;
}

.env_registracia_navstevnika_ #login-to-portal tbody tr {
    font-size: var(--smaller-text-font-size);
}

.env_registracia_navstevnika_ #reg-user-add-submit-fs  .program_table tbody tr td,
.env_registracia_navstevnika_ #reg-user-add-submit-fs  .program_table tbody tr td:nth-of-type(2n+2) {
    flex: unset;
    width: 100% !important;
    max-width: 100%;
}

#reg-user-add-submit-fs legend {
    text-align: center;
    display: block;
    font-size: var(--regular-text-font-size);
    font-weight: bold;
    padding: 25px 0 0;
}

/*-------------------------------- REGISTER END --------------------------------*/


/*-------------------------------- PERSON MODULE --------------------------------*/

.persons-detail-envelope-default .persons-data .show-more-trigger {
    margin-top: 20px !important;
    text-align: right;
    padding: 0 10px;
    display: flex;
    justify-content: flex-end;
    min-width: 95px;
    width: auto;
}

a.person-detail-trigger {
    padding: 0;
    text-transform: capitalize;
    display: flex;
    width: auto !important;
    position: relative;
    text-decoration: none !important;
    color: var(--main-color);
    border: none;
    border-bottom: 3px solid transparent;
}

a.person-detail-trigger::after {
    display: inline-flex;
    align-items: center;
    height: 100%;
    content: '\f106';
    clear: both;
    font: normal normal normal 16px/1 FontAwesome;
    right: -14px;
    z-index: 99;
    position: absolute;
    transition-duration: 0.3s;
}

a.person-detail-trigger:hover::after {
    transform: rotate(180deg);
}

a.person-detail-trigger.current::after {
    content: '\f107';
    transition-duration: 0.3s;
}

a.person-detail-trigger.current:hover::after {
    transform: rotate(180deg);
}

/*-------------------------------- PERSON MODULE END --------------------------------*/


/*-------------------------------- ZMLUVY, FAKTURY, OBJEDNAVKY MODULES MODULE --------------------------------*/

#m_139178 .right-column,
#m_139179 .right-column,
#m_139180 .right-column {
    display: none;
}

#m_139178 .main#main,
#m_139179 .main#main,
#m_139180 .main#main {
    width: 75%;
    max-width: 900px;
}

/*-------------------------------- ZMLUVY, FAKTURY, OBJEDNAVKY MODULES END --------------------------------*/


/*-------------------------------- TABLE MODULES --------------------------------*/

div.column th,
div.column td {
    min-width: 7rem;
}

table.user_table, table.user_table td,
table.user_table td.user_table,
table.user_table td.user_table_head,
table.user_table td.user_table_end,
table.user_table td.user_table_paar {
    width: 100%;
}

/*-------------------------------- TABLE MODULES END --------------------------------*/


/*-------------------------------- HORIZONTAL MENU --------------------------------*/

header .env_hf_menu {
    width: 100%;
    /*min-width: 800px;*/
    position: relative;
    padding: 0;
    top: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    left: auto;
    min-height: calc(var(--header-height) - var(--header-menu-height));
    height: auto;
    right: 0;
    margin: 0 auto !important;
    z-index: unset;
    background: var(--bg-top-menu);
    /*border-bottom: 3px solid var(--top-menu-border-whole);*/
    grid-column: 3/4;
    /*box-shadow: 0 2px 10px -5px #aaa;*/
    /*border-radius: 16px 0 0 16px;*/
}

ul.hf-hmenu li.level-0.liopened > ul.hf-hsubmenu.hopened::before {
    display: block;
    content: '';
    clear: both;
    background: #212D8Bee;
    width: 62%;
    height: 100%;
    top: auto;
    bottom: 0;
    left: auto;
    right: 1200px;
    z-index: 1;
    margin: 0 auto;
    position: absolute;
    /* box-shadow: -7px 1px 5px 0px rgb(0 0 0 / 75%); */
}

ul.hf-hmenu li.level-0.liopened > ul.hf-hsubmenu.hopened::after {
    display: block;
    content: '';
    clear: both;
    background: #212D8Bee;
    width: 62%;
    height: 100%;
    top: auto;
    bottom: 0;
    left: 1200px;
    right: auto;
    z-index: 0;
    margin: 0 auto;
    position: absolute;
    /* box-shadow: 7px 1px 5px 0px rgb(0 0 0 / 75%); */
}

ul.hf-hmenu li.level-0.liopened > ul.hf-hsubmenu.hopened::before,
ul.hf-hmenu li.level-0.liopened > ul.hf-hsubmenu.hopened::after {
    display: none;
}

header .env_hf_menu .module-inner-envelope {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: var(--content-width);
    align-items: flex-end;
    height: 100%;
    margin: 0 auto;
    z-index: unset;
    position: relative;
}

header nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: var(--top-menu-height);
}

nav ul {
    position: relative;
    display: block;
}

nav ul.hf-hmenu {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: var(--content-width);
    gap: 5px;
    min-height: var(--top-menu-height);
    height: auto;
    position: relative;
    justify-content: space-between;
    top: 0;
    /*padding: 0.5rem 0;*/
    justify-content: var(--top-menu-position);
    border-radius: 0;
    background: var(--bg-top-menu);
    padding-left: 0;
    margin-bottom: 0;
/*    box-shadow: 680px 0 0 var(--bg-top-menu-collapsed);*/
}

nav ul.hf-hmenu li.level-0 {
    /*border-bottom: 3px solid var(--main-color);*/
}

nav ul.hf-hmenu a {
    /*border-bottom: none !important;*/
}

ul.hf-hmenu li {
    font-weight: bold;
    text-align: center;
    background: none;
    padding: 0;
    height: fit-content;
    float: none;
    position: var(--top-menu-expanded-position);
    box-sizing: border-box;
    margin: 0;
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    /*border: 1px solid #fff;*/
    transition: all 0.3s ease-in-out;
}

ul.hf-hsubmenu > li.level-1 {
    border-radius: 10px;
    overflow: hidden;
}

ul.hf-hmenu li:last-of-type {
    margin-right: 0;
}

ul.hf-hmenu > li.level-0:hover,
ul.hf-hmenu > li.level-0.current {
    /*border-bottom: 3px solid var(--top-menu-border-whole);*/
}

#homepage_0 ul.hf-hmenu > li.level-0:hover,
#homepage_0 ul.hf-hmenu > li.level-0.current {
    /*border-bottom: 3px solid var(--main-color);*/
}

/*ul.hf-hmenu li span.hf-menu-envelope a::before,
ul.hf-hmenu li span.hf-menu-envelope a.alevel-0::before {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: -3px;
    left: 0;
    background-color: #363636;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    display: none !important;
}*/

ul.hf-hmenu li span.hf-menu-envelope a:hover::before,
ul.hf-hmenu li span.hf-menu-envelope a.alevel-0:hover::before {
    visibility: visible;
    width: 100%;
}

ul.hf-hmenu li span.hf-menu-envelope {
    display: flex;
    width: 100%;
    align-items: center;
    position: relative;
    /*flex-wrap: wrap;*/
}

ul.hf-hmenu li:hover span.hf-menu-envelope::after {
    /*background: transparent;*/
}

ul.hf-hmenu li span.hf-menu-envelope::after {
    content: '';
    width: 1px;
    height: 48px;
    background: var(--top-menu-line-between);
    position: absolute;
    right: 0;
    display: var(--top-menu-line-between-display);
}

ul.hf-hmenu li:last-child span.hf-menu-envelope::after {
    display: none;
}

ul.hf-hmenu li.level-1 span.hf-menu-envelope::after {
    display: none;
}

ul.hf-hmenu li.level-0 > span.hf-menu-envelope > a {
    font-weight: var(--top-menu-font-weight-collapsed);
    font-size: var(--top-menu-font-size);
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    border-top: none;
    flex-wrap: nowrap;
    padding: 0.75rem 1rem;
    position: relative;
    gap: 8px;
    border-radius: 10px 10px 10px 10px;
/*    box-shadow: 0px 4px 10px rgba(255, 255, 255, 0.5);*/
    /*text-shadow: 0 3px 7px #36363699;*/
    height: var(--top-menu-height);
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    top: 0;
    text-decoration: none;
    text-transform: var(--top-menu-text-transform);
    color: var(--top-menu-color-collapsed);
    background: var(--bg-top-menu-collapsed);
    border-bottom: 2px solid var(--top-menu-border) !important;
    transition: all 0.15s ease-in-out;
}

ul.hf-hmenu li.level-0:first-child > span.hf-menu-envelope > a {
/*    border-radius: 10px 0 0 10px;*/
}

#extra-block-top ul.hf-hmenu li.level-0 > span.hf-menu-envelope > a::before {
    display: none;
    clear: both;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    font: normal normal normal 25px/1 FontAwesome;
    text-decoration: none !important;
    -webkit-text-stroke: 2px var(--main-color);
    border: none !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: transparent;
}

#extra-block-top ul.hf-hmenu li.level-0:nth-child(1) > span.hf-menu-envelope > a::before {
    content: '\f1ad';
}

#extra-block-top ul.hf-hmenu li.level-0:nth-child(2) > span.hf-menu-envelope > a::before {
    content: '\e53d';
}

#extra-block-top ul.hf-hmenu li.level-0:nth-child(3) > span.hf-menu-envelope > a::before {
    content: '\f024';
}

#extra-block-top ul.hf-hmenu li.level-0:nth-child(4) > span.hf-menu-envelope > a::before {
    content: '\f3c5';
}

#extra-block-top ul.hf-hmenu li.level-0:nth-child(5) > span.hf-menu-envelope > a::before {
    content: '\f6ff';
}

#extra-block-top ul.hf-hmenu li.level-0:nth-child(6) > span.hf-menu-envelope > a::before {
    content: '\f54b';
}

#extra-block-top ul.hf-hmenu li.level-0:nth-child(7) > span.hf-menu-envelope > a::before {
    content: '\f095';
}

.horizontal-under-menu-trigger.alevel-0 {
    padding: 21px 16px 30px;
    transition: all 0.3s ease-in-out;
}

.horizontal-under-menu-trigger.alevel-0:hover,
.hf-menu.level-0 > .hf-menu-envelope > a:hover,
.hf-menu.level-0.with-submenu.liopened .horizontal-under-menu-trigger.alevel-0,
.horizontal-under-menu-trigger.alevel-0 .hf-menu.level-0 .hf-menu-envelope > a {
    border-bottom: 2px solid var(--top-menu-border-active) !important;
/*    box-shadow: 0px 4px 10px rgba(255, 255, 255, 0.5);*/
}

/*ul.hf-hmenu li.hf-menu.level-1 > .hf-menu-envelope > a::before {
    display: none !important;
}*/

ul.hf-hmenu li.level-0.current > span.hf-menu-envelope > a {
    color: var(--top-menu-color-active);
    font-weight: var(--top-menu-font-weight-active);
    background: var(--bg-top-menu-active);
    text-shadow: none;
    border-bottom: 2px solid var(--top-menu-border-active) !important;
    transition: all 0.15s ease-in-out;
}

ul.hf-hmenu li.level-0.current::after {
    content: '';
    width: 100%;
    height: 9px;
    display: none;
    position: relative;
    bottom: -2px;
    background: url('top-menu-after.png') no-repeat center center;
}

ul.hf-hmenu > li.level-0:hover > span.hf-menu-envelope > a,
ul.hf-hmenu li.level-0.with-submenu.liopened > span.hf-menu-envelope > a {
    color: var(--top-menu-color-active);
    font-weight: var(--top-menu-font-weight-active);
    background: var(--bg-top-menu-active);
    /*box-shadow: 0 3px 10px -5px #333;*/
    text-shadow: none;
    border-bottom: 2px solid var(--top-menu-border-active) !important;
/*    border-radius: 10px;*/
/*    transition: all 0.3s ease-in-out;*/
}

ul.hf-hmenu > li.level-0:hover > span.hf-menu-envelope > a {
    font-weight: var(--top-menu-font-weight-collapsed);
}

li .selector-for-mob-menu .menu_hlavicka .menu_hlavicka_l {
    height: 60px !important;
}

ul.hf-hmenu > li.level-0.with-submenu > span.hf-menu-envelope > a::after,
ul.hf-hmenu > li.level-0.with-submenu.current.liclosed > span.hf-menu-envelope > a::after {
    display: flex;
    content: '\f0dd';
    font: bold normal normal 16px/1 FontAwesome;
    clear: both;
    color: var(--top-menu-color-collapsed);
    width: auto;
    height: auto;
    top: -3px;
    bottom: unset;
    left: auto;
    right: 0;
    /*margin: 0 auto;*/
    z-index: 1;
    position: relative;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

ul.hf-hmenu > li.level-0.current.with-submenu > span.hf-menu-envelope > a.alevel-0::after {
    color: var(--top-menu-color-active);
    transform: rotate(0);
}

ul.hf-hmenu > li.level-0.current.with-submenu.liopened > span.hf-menu-envelope > a.alevel-0::after {
    color: var(--top-menu-color-active);
}

ul.hf-hmenu > li.level-0.with-submenu.liopened > span.hf-menu-envelope> a::after,
ul.hf-hmenu > li.level-0.with-submenu.liopened:hover > span.hf-menu-envelope > a::after,
ul.hf-hmenu > li.level-0.with-submenu:hover > span.hf-menu-envelope > a::after,
ul.hf-hmenu > li.level-0.with-submenu.current > span.hf-menu-envelope > a::after {
    display: flex;
    justify-content: center;
    align-items: center;
    content: '\f0dd';
    font: bold normal normal 16px/1 FontAwesome;
    clear: both;
    color: var(--top-menu-color-active);
    width: auto;
    right: 0;
    top: 3px;
    bottom: 0;
    /*margin: 0 auto;*/
    z-index: 99;
    position: relative;
    transform: rotateX(-180deg);
    transition: all 0.3s ease-in-out;
}

ul.hf-hmenu > li.level-0.with-submenu:hover > span.hf-menu-envelope > a::after {
    transform: rotate(0);
    top: -3px;
    /*bottom: 18px;*/
}

ul.hf-hmenu > li.level-0.current.with-submenu > span.hf-menu-envelope > a.alevel-0 {
    font-weight: bold;
    text-align: center;
    border-top: none;
    text-shadow: none;
/*    border-radius: 10px;*/
/*    box-shadow: 0px 4px 10px rgba(255, 255, 255, 0.5);*/
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
/*    border-bottom: 2px solid var(--top-menu-border-active) !important;*/
}

ul.hf-hmenu > li.level-0 > span.hf-menu-envelope > a.alevel-0 > span {
    height: 21px;
}

ul.hf-hmenu li:focus-within ul.hf-hsubmenu.hclosed,
ul.hf-hmenu li:hover ul.hf-hsubmenu.hclosed {
    display: none;
}

ul.hf-hmenu li:focus-within ul.hf-hsubmenu.hopened,
ul.hf-hmenu li ul.hf-hsubmenu.hopened {
    display: flex;
}

ul.hf-hmenu li ul {
    display: none;
    position: relative;
    left: 0;
    top: 0;
}

/*-------------------------------- HORIZONTAL MENU END --------------------------------*/


/*-------------------------------- CLONE MENU --------------------------------*/

ul.clone-hmenu-default {
    margin-bottom: 2rem;
}

ul.clone-hmenu-default li {
    box-sizing: inherit;
    border: 0;
    max-width: 100%;
    display: block;
    width: 100%;
    margin: 0 0 var(--aside-menu-li-margin) !important;
}

ul.clone-hmenu-default.c-level0 > li.clone-hmenu-li > a {
    min-height: 60px;
    height: auto;
    display: flex;
    position: relative;
    align-items: center;
    text-transform: none;
    background: var(--bg-aside-menu-collapsed);
    color: var(--aside-menu-color-collapsed);
    font-size: var(--aside-menu-font-size);
    font-weight: var(--aside-menu-font-weight-collapsed);
    padding: 0 1rem 0 0.5rem;
    margin-bottom: 1rem;
    transition-duration: 0.3s;
}

ul.clone-hmenu-default.c-level0 > li.clone-hmenu-li > a:hover {
    background: var(--bg-aside-menu-active);
    color: var(--aside-menu-color-active);
    text-decoration: underline;
}

ul.clone-hmenu-default.c-level0 > li.clone-hmenu-li > a::before {
    content: '';
    display: var(--aside-menu-before-display);
    width: 10px;
    height: 10px;
    background: #CA9E67;
    margin-right: 10px;
    border-radius: 50%;
}

ul.clone-hmenu-default.c-level1 > li.clone-hmenu-li > a.opened {
    background: var(--bg-aside-submenu-active);
    color: var(--aside-submenu-color-active);
    text-decoration: underline;
    border-radius: 20px;
    border-bottom: 2px solid var(--border-color-submenu-aside-active);
}

ul.clone-hmenu-default.c-level0 > li.clone-hmenu-li > a.c-collapsable::after {
    display: flex;
    content: '\f0dd';
    font: bold normal normal 16px/1 FontAwesome;
    clear: both;
    color: var(--aside-menu-color-collapsed);
    width: 14px;
    /* height: 14px; */
    top: auto;
    left: auto;
    bottom: auto;
    right: 6px;
    /* margin: 0 auto; */
    z-index: 1;
    position: absolute;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

ul.clone-hmenu-default.c-level0 > li.clone-hmenu-li > a.c-collapsable.current::after,
ul.clone-hmenu-default.c-level0 > li.clone-hmenu-li > a.c-collapsable.c-current::after {
    transition-duration: 0.3s;
    color: var(--aside-menu-color-collapsed);
}

ul.clone-hmenu-default.c-level0 > li.clone-hmenu-li > a.c-collapsable.opened::after {
    transition-duration: 0.3s;
    color: var(--aside-menu-color-active);
}

ul.clone-hmenu-default.c-level0 > li.clone-hmenu-li > a.current,
ul.clone-hmenu-default.c-level0 > li.clone-hmenu-li > a.c-current {
    background: var(--bg-aside-menu-active);
    color: var(--aside-menu-color-active);
    font-weight: var(--aside-menu-font-weight-active);
    border-bottom: 2px solid var(--border-color-menu-aside-active);
}

ul.clone-hmenu-default.c-level0 > li.clone-hmenu-li > a.current:hover,
ul.clone-hmenu-default.c-level0 > li.clone-hmenu-li > a.c-current:hover {
    background: var(--bg-aside-menu-active);
    color: var(--aside-menu-color-active);
    border-bottom: 2px solid var(--border-color-menu-aside-active);
    font-weight: var(--aside-menu-font-weight-active);
}

ul.clone-hmenu-default.c-level0 > li.clone-hmenu-li > a.current.opened,
ul.clone-hmenu-default.c-level0 > li.clone-hmenu-li > a.c-current.opened {
    background: var(--bg-aside-menu-active);
    color: var(--aside-menu-color-active);
    font-weight: var(--aside-menu-font-weight-active);
    border-bottom: 2px solid var(--border-color-menu-aside-active);
}

ul.clone-hmenu-default.c-level0 > li.clone-hmenu-li > a.current.opened:hover::after,
ul.clone-hmenu-default.c-level0 > li.clone-hmenu-li > a.c-current.opened:hover::after {
    transform: rotate(180deg);
}

ul.clone-hmenu-default.c-level1 {
    margin-top: 0.25rem !important;
/*    border-radius: 10px;*/
    overflow: hidden;
/*    background: var(--bg-color-white);*/
}

ul.clone-hmenu-default.c-level1 > li.clone-hmenu-li > a {
    min-height: 60px;
    height: auto;
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none;
    background: var(--bg-aside-submenu-collapsed);
    color: var(--aside-submenu-color-collapsed);
    font-size: var(--aside-submenu-font-size);
    font-weight: var(--aside-submenu-font-weight-collapsed);
    padding: 0.5rem 1rem;
    border-radius: 20px 20px 20px 20px;
    border-bottom: 2px solid var(--border-color-submenu-aside-collapsed);
    text-align: left;
    transition-duration: 0.3s;
}

ul.clone-hmenu-default.c-level1 > li.clone-hmenu-li > a.c-collapsable.current,
ul.clone-hmenu-default.c-level1 > li.clone-hmenu-li > a.current {
    background: var(--bg-aside-submenu-active);
    color: var(--aside-submenu-color-active);
    border-bottom: 2px solid var(--border-color-submenu-aside-active);
    font-weight: var(--aside-submenu-font-weight-active);
    border-radius: 20px 20px 20px 20px;
}

ul.clone-hmenu-default.c-level1 > li.clone-hmenu-li > a.c-collapsable.current::after,
ul.clone-hmenu-default.c-level1 > li.clone-hmenu-li > a.current::after {
    color: var(--aside-submenu-color-actice) !important;
}

ul.clone-hmenu-default.c-level1 > li.clone-hmenu-li > a:hover {
    background: var(--bg-aside-submenu-active);
    color: var(--aside-submenu-color-active);
    text-decoration: underline;
    border-radius: 20px 20px 20px 20px;
/*    border-bottom: 2px solid var(--border-color-submenu-aside-active);*/
}

ul.clone-hmenu-default.c-level1 > li.clone-hmenu-li > a.c-collapsable::after {
    display: flex;
    content: '\f0dd';
    font: bold normal normal 16px/1 FontAwesome;
    clear: both;
    color: var(--aside-submenu-color-collapsed);
    width: 14px;
    /* height: 14px; */
    top: auto;
    left: auto;
    bottom: auto;
    right: 6px;
    /* margin: 0 auto; */
    z-index: 1;
    position: absolute;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

ul.clone-hmenu-default.c-level1 > li.clone-hmenu-li > a.c-collapsable:hover::after {
    color: var(--aside-submenu-color-active);
}

/*ul.clone-hmenu-default.c-level1 > li.clone-hmenu-li > a.c-collapsable.c-current::after,
ul.clone-hmenu-default.c-level1 > li.clone-hmenu-li > a.c-collapsable.current::after,*/
ul.clone-hmenu-default.c-level1 > li.clone-hmenu-li > a.c-collapsable.opened::after {
    transition-duration: 0.3s;
    color: var(--aside-submenu-color-active);
}

ul.clone-hmenu-default.c-level1 > li.clone-hmenu-li > a.c-collapsable.opened:hover::after {
    transform: rotate(180deg);
}

ul.clone-hmenu-default.c-level1 > li.clone-hmenu-li > a.c-current {
    background: var(--bg-aside-submenu-active);
    color: var(--aside-submenu-color-active);
    font-weight: var(--aside-submenu-font-weight-active);
    border-bottom: 2px solid var(--border-color-submenu-aside-active);
    text-decoration: underline;
    border-radius: 20px 20px 20px 20px;
}

ul.clone-hmenu-default.c-level2 {
    margin: 3px !important;
}

ul.clone-hmenu-default.c-level2 > li.clone-hmenu-li {
    padding-left: 0.75rem;
    margin: 0 0 3px !important;
}

ul.clone-hmenu-default.c-level2 > li.clone-hmenu-li > a {
    min-height: 50px;
    border-radius: 30px;
    height: auto;
    display: flex;
    position: relative;
    align-items: center;
    background: var(--bg-aside-submenu-level-2-collapsed);
    color: var(--aside-submenu-level-2-color-collapsed);
    font-size: var(--aside-submenu-font-size);
    font-weight: 400;
    /*border-left: 3px solid;*/
    padding: 0.5rem 1rem;
    transition-duration: 0.3s;
}

ul.clone-hmenu-default.c-level2 > li.clone-hmenu-li > a::before {
    content: '•';
    clear: both;
    /*font: bold normal normal 16px/1 FontAwesome;*/
    position: absolute;
    left: 5px;
    border-radius: 50%;
    color: var(--aside-submenu-color-active);
    display: var(--aside-submenu-before-display);
}

ul.clone-hmenu-default.c-level3 > li.clone-hmenu-li > a::before {
    content: '••';
    clear: both;
    /*font: bold normal normal 16px/1 FontAwesome;*/
    position: absolute;
    left: 5px;
    border-radius: 50%;
    color: var(--aside-submenu-color-active);
    display: var(--aside-submenu-before-display);
}

ul.clone-hmenu-default.c-level4 > li.clone-hmenu-li > a::before {
    content: '•••';
    clear: both;
    /*font: bold normal normal 16px/1 FontAwesome;*/
    position: absolute;
    left: 5px;
    border-radius: 50%;
    color: var(--aside-submenu-color-active);
    display: var(--aside-submenu-before-display);
}

ul.clone-hmenu-default.c-level2 > li.clone-hmenu-li > a:hover {
    background: var(--bg-aside-submenu-level-2-active);
    color: var(--aside-submenu-level-2-color-active);
    text-decoration: underline;
}

ul.clone-hmenu-default.c-level2 > li.clone-hmenu-li > a.current,
ul.clone-hmenu-default.c-level2 > li.clone-hmenu-li > a.c-current {
    background: var(--bg-aside-submenu-level-2-active);
    color: var(--aside-submenu-level-2-color-active);
    font-weight: var(--aside-submenu-font-weight-active);
    text-decoration: underline;
}

ul.clone-hmenu-default.c-level2 > li.clone-hmenu-li > a.c-collapsable::after {
    display: flex;
    content: '\f0dd';
    font: bold normal normal 16px/1 FontAwesome;
    clear: both;
    color: var(--aside-submenu-level-2-color-collapsed);
    width: 14px;
    /* height: 14px; */
    top: auto;
    left: auto;
    bottom: auto;
    right: 6px;
    /* margin: 0 auto; */
    z-index: 1;
    position: absolute;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

ul.clone-hmenu-default.c-level2 > li.clone-hmenu-li > a.c-collapsable:hover::after {
    color: var(--aside-submenu-level-2-color-active);
}

ul.clone-hmenu-default.c-level2 > li.clone-hmenu-li > a.c-collapsable.c-current::after,
ul.clone-hmenu-default.c-level2 > li.clone-hmenu-li > a.c-collapsable.current::after,
ul.clone-hmenu-default.c-level2 > li.clone-hmenu-li > a.c-collapsable.opened::after {
    transition-duration: 0.3s;
    color: var(--aside-submenu-level-2-color-active);
}

ul.clone-hmenu-default.c-level2 > li.clone-hmenu-li > a.c-collapsable.opened:hover::after {
    transform: rotate(180deg);
}

ul.clone-hmenu-default.c-level3 > li.clone-hmenu-li {
    padding-left: 0.5rem;
}

ul.clone-hmenu-default.c-level3 > li.clone-hmenu-li > a {
    min-height: 50px;
    height: auto;
    display: flex;
    position: relative;
    align-items: center;
    background: var(--bg-aside-submenu-level-3-collapsed);
    color: var(--aside-submenu-level-3-color-collapsed);
    font-size: var(--aside-submenu-font-size);
    font-weight: var(--aside-submenu-font-weight-collapsed);
    padding: 0 1rem 0 1.5rem;
    transition-duration: 0.3s;
}

ul.clone-hmenu-default.c-level3 > li.clone-hmenu-li > a.c-current,
ul.clone-hmenu-default.c-level3 > li.clone-hmenu-li > a.current {
    background: var(--bg-aside-submenu-level-3-active);
    color: var(--aside-submenu-level-3-color-active);
    font-weight: var(--aside-submenu-font-weight-active);
    text-decoration: underline;
}

ul.clone-hmenu-default.c-level3 > li.clone-hmenu-li > a:hover {
    background: var(--bg-aside-submenu-level-3-active);
    color: var(--aside-submenu-level-3-color-active);
    text-decoration: underline;
}

ul.clone-hmenu-default.c-level3 > li.clone-hmenu-li > a.c-collapsable::after {
    display: flex;
    content: '\f0dd';
    font: bold normal normal 16px/1 FontAwesome;
    clear: both;
    color: var(--aside-submenu-level-3-color-collapsed);
    width: 14px;
    /* height: 14px; */
    top: auto;
    left: auto;
    bottom: auto;
    right: 6px;
    /* margin: 0 auto; */
    z-index: 1;
    position: absolute;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

ul.clone-hmenu-default.c-level3 > li.clone-hmenu-li > a.c-collapsable.c-current::after,
ul.clone-hmenu-default.c-level3 > li.clone-hmenu-li > a.c-collapsable.current::after,
ul.clone-hmenu-default.c-level3 > li.clone-hmenu-li > a.c-collapsable.opened::after {
    transition-duration: 0.3s;
    color: var(--aside-submenu-level-3-color-active);
}

ul.clone-hmenu-default.c-level3 > li.clone-hmenu-li > a.c-collapsable.opened:hover::after {
    transform: rotate(180deg);
}

ul.clone-hmenu-default.c-level4 > li.clone-hmenu-li {
    padding-left: 0.5rem;
}

ul.clone-hmenu-default.c-level4 > li.clone-hmenu-li > a {
    min-height: 50px;
    height: auto;
    display: flex;
    position: relative;
    align-items: center;
    background: var(--bg-aside-submenu-level-3-collapsed);
    color: var(--aside-submenu-level-3-color-collapsed);
    font-size: var(--aside-submenu-font-size);
    font-weight: var(--aside-submenu-font-weight-collapsed);
    padding: 0 1rem 0 1.75rem;
    transition-duration: 0.3s;
}

ul.clone-hmenu-default.c-level4 > li.clone-hmenu-li > a.c-current,
ul.clone-hmenu-default.c-level4 > li.clone-hmenu-li > a.current {
    background: var(--bg-aside-submenu-level-3-active);
    color: var(--aside-submenu-level-3-color-active);
    font-weight: var(--aside-submenu-font-weight-active);
    text-decoration: underline;
}

ul.clone-hmenu-default.c-level4 > li.clone-hmenu-li > a:hover {
    background: var(--bg-aside-submenu-level-3-active);
    color: var(--aside-submenu-level-3-color-active);
    text-decoration: underline;
}

ul.clone-hmenu-default.c-level4 > li.clone-hmenu-li > a.c-collapsable::after {
    display: flex;
    content: '\f0dd';
    font: bold normal normal 16px/1 FontAwesome;
    clear: both;
    color: var(--aside-submenu-level-3-color-collapsed);
    width: 14px;
    /* height: 14px; */
    top: auto;
    left: auto;
    bottom: auto;
    right: 6px;
    /* margin: 0 auto; */
    z-index: 1;
    position: absolute;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

ul.clone-hmenu-default.c-level4 > li.clone-hmenu-li > a.c-collapsable.c-current::after,
ul.clone-hmenu-default.c-level4 > li.clone-hmenu-li > a.c-collapsable.current::after,
ul.clone-hmenu-default.c-level4 > li.clone-hmenu-li > a.c-collapsable.opened::after {
    transition-duration: 0.3s;
    color: var(--aside-submenu-level-3-color-active);
}

ul.clone-hmenu-default.c-level4 > li.clone-hmenu-li > a.c-collapsable.opened:hover::after {
    transform: rotate(180deg);
}

/*-------------------------------- CLONE MENU END --------------------------------*/

aside .column_r div.module_envelope a:hover {
    /*text-decoration: none;*/
    /*border-bottom: none;*/
}

aside a.dps_image {
    transition-duration: 0.3s;
}

aside a.dps_image:hover {
    border-bottom: none !important;
    box-shadow: 3px 3px 10px #aaa;
}

ul.hf-hmenu li:focus-within ul.hf-hsubmenu,
ul.hf-hmenu li:hover ul.hf-hsubmenu {
    /*display: none;*/
}

ul.hf-hmenu li:focus-within ul.hf-hsubmenu.hclosed,
ul.hf-hmenu li:hover ul.hf-hsubmenu.hclosed {
    /*display: none;*/
}

ul.hf-hmenu li:focus-within ul.hf-hsubmenu.hopened,
ul.hf-hmenu li ul.hf-hsubmenu.hopened {
    display: grid;
    grid-template-columns: repeat(var(--menu-extended-columns), minmax(auto, 300px));
    justify-content: center;
    background: var(--bg-top-menu-expanded);
    transition: ease-in-out 0.3s;
    flex-wrap: wrap;
    z-index: 2;
    overflow: visible;
    border-radius: 0 0 0 0;
    width: 1184px !important;
    box-shadow: -680px 0px 0 var(--bg-top-menu-expanded), 680px 0 0 var(--bg-top-menu-expanded);
    overflow-y: auto;
    max-height: calc(100vh - 80px - 126px);
    gap: 3px;
    padding: 0.5rem 0;
    filter: drop-shadow(0px 3px 6px #aaa);
}

nav li.level-0 > ul {
    position: absolute !important;
    list-style: none;
    text-align: left;
    top: calc(100% + 0.5rem) !important;
    left: 0;
    right: 0;
    box-shadow: 1px 5px 7px -3px var(--box-shadow-dark);
    box-sizing: border-box;
}

/*nav li:nth-child(1) > ul,
nav li:nth-child(2) > ul {
    left: 0;
    right: unset;
}*/

.env_script_stlpec {
    height: 100px;
}

div.env_zmluvy_new div.paging:first-of-type,
div.env_faktury_objednavky div.paging:first-of-type {
    display: none;
}

a.mobile-under-menu-trigger {
    display: none;
}

ul.hf-hmenu li.hf-menu.level-1 > .hf-menu-envelope > a {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    font-weight: var(--top-submenu-font-weight-collapsed);
    font-size: var(--regular-text-font-size);
    text-align: left;
    border-top: none;
    padding: 13px 15px;
    width: 100%;
    height: fit-content;
    background: var(--bg-top-submenu-collapsed);
    height: auto;
    box-sizing: border-box;
    margin: 0;
    gap: 0.5rem;
    border-radius: 10px;
    text-transform: none;
    text-decoration: none;
    color: var(--top-submenu-color-collapsed);
    border-bottom: none !important;
    box-shadow: none;
    transition-duration: 0.3s;
}

ul.clone-hmenu-default a:focus {
    outline-offset: -4px;
}

ul.hf-hmenu li.level-0 a:focus {
    outline-offset: 5px;
}

ul.hf-hmenu li.level-1 a:focus {
    outline-offset: -5px;
}

ul.hf-hmenu li.hf-menu.level-1.with-submenu > .hf-menu-envelope > a::after {
    display: inline-flex;
    content: '\f0dd';
    font: bold normal normal 16px/1 FontAwesome;
    clear: both;
    align-items: center;
    /*background: url('top-menu-arrow-collapsed.png') no-repeat center right;*/
    width: auto;
    height: auto;
    top: -3px;
    left: auto;
    right: -4px;
    z-index: 0;
    position: relative;
    color: var(--top-submenu-color-collapsed);
    transition-duration: 0.15s;
}

li.hf-menu.level-1 > span > a:hover {
    text-decoration: none !important;
}

ul.hf-hmenu li.hf-menu.level-1.with-submenu > .hf-menu-envelope > a:hover::after,
ul.hf-hmenu li.hf-menu.level-1.with-submenu.liopened > .hf-menu-envelope > a::after,
ul.hf-hmenu li.hf-menu.level-1.current.with-submenu > .hf-menu-envelope > a::after {
    display: inline-flex;
    content: '\f0dd';
    font: bold normal normal 16px/1 FontAwesome;
    clear: both;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    top: -3px;
    left: auto;
    right: -4px;
    z-index: 99;
    position: relative;
    color: var(--top-submenu-color-active);
}

ul.hf-hmenu li.hf-menu.level-1.with-submenu.liopened {
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
    background: var(--bg-color-white);
/*    box-shadow: 0 0 6px #aaa;*/
}

ul.hf-hmenu li.hf-menu.level-1.with-submenu > .hf-menu-envelope > a:hover::after {
    color: /*var(--top-submenu-color-active)*/ var(--bg-top-submenu-color-active);
}

ul.hf-hmenu li.hf-menu.level-1.with-submenu.liopened > .hf-menu-envelope > a::after {
    transform: rotate(180deg);
    width: auto;
    right: -4px;
    top: 3px;
    color: var(--top-submenu-color-active);
}

ul.hf-hmenu li.hf-menu.level-1.with-submenu.current ul.hf-hmenu li.hf-menu.level-2.current .hf-menu-envelope a,
ul.hf-hmenu li.hf-menu.level-1.current .hf-menu-envelope a ul.hf-hmenu li.hf-menu.level-2.current .hf-menu-envelope a {
    color: #fff;
}

ul.hf-hmenu li.hf-menu.level-2.current ul.hf-hmenu li.hf-menu.level-3.current .hf-menu-envelope a,
ul.hf-hmenu li.hf-menu.level-2.with-submenu.current li.hf-menu.level-3.current .hf-menu-envelope a {
    color: var(--main-color);
    font-weight: bold;
}

/*ul.hf-hmenu li.hf-menu.level-1 > .hf-menu-envelope > a:hover,*/
ul.hf-hmenu li.hf-menu.level-1.with-submenu.liopened > .hf-menu-envelope > a,
ul.hf-hmenu li.hf-menu.level-1.current > .hf-menu-envelope > a {
    background: var(--bg-top-submenu-active) !important;
    /*text-decoration: underline;*/
    color: var(--top-submenu-color-active) !important;
}

ul.hf-hmenu li.hf-menu.level-1.with-submenu.liopened > .hf-menu-envelope > a {
    font-weight: 600;
    text-decoration: none;
    border-radius: 10px;
    /*border-bottom: 2px solid #FFE600 !important;*/
}

ul.hf-hmenu li.hf-menu.level-1.with-submenu.liopened > .hf-menu-envelope > a:hover {
    background: var(--bg-top-submenu-active);
}

ul.hf-hmenu li.hf-menu.level-1 > span > a:hover,
ul.hf-hmenu li.hf-menu.level-3 > span > a:hover,
ul.hf-hmenu li.hf-menu.level-1.current > span > a:hover,
ul.hf-hmenu li.hf-menu.level-3.current > span > a:hover {
    background: var(--bg-top-submenu-active) /*var(--top-submenu-color-active)*/ !important;
    color: var(--top-submenu-color-active) /*var(--bg-top-submenu-active)*/ !important;
    font-weight: var(--top-submenu-font-weight-active);
    border-bottom: none !important;
}

nav li.level-0.liopened::after {
    display: block;
    content: '';
    clear: both;
    background: url('top-menu-rectangle.png') no-repeat !important;
    width: 40px;
    height: 18px;
    top: 45px;
     bottom: -9px; 
    left: auto;
    right: auto;
    z-index: 6;
    margin: 0 auto;
    position: absolute;
}

/*ul.hf-hmenu li.hf-menu.level-1 {
    background: var(--bg-top-submenu-collapsed);
    width: 100%;
    margin: 0;
    justify-content: flex-start;
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    border-right: none;
    line-height: normal;
    height: fit-content;
    position: relative;
    border: none;
    align-items: flex-start;
}

ul.menu_cover ul li.menu-indent-1 {
    padding: 0;
}

ul.menu_cover ul li.menu-indent-1.level-1-has-submenu > a.menu_item_1 {
    display: flex;
    align-items: center;
}

ul.menu_cover ul li.menu-indent-1.level-1-has-submenu > a.menu_item_1::after {
    display: flex;
    justify-content: center;
    align-items: center;
    clear: both;
    content: '\f105';
    clear: both;
    font: bold normal normal 16px/1 FontAwesome;
    bottom: auto;
    right: -4px;
    width: 16px;
    margin: 0;
    z-index: 1;
    position: absolute;
    transition-duration: 0.3s;
    color: var(--aside-submenu-level-3-color-collapsed);
}

ul.menu_cover ul li.menu-indent-1.level-1-has-submenu > a.menu_item_1:hover::after {
    transform: rotate(90deg);
}

ul.menu_cover ul li.menu-indent-1.level-1-has-submenu > a.menu_item_1.opened::after {
    content: '\f107';
}

ul.menu_cover ul li.menu-indent-1.level-1-has-submenu > a.menu_item_1.opened:hover::after {
    transform: rotate(0);
}

nav li.level-1:focus-within ul.hf-hsubmenu,
nav li.level-1:hover ul.hf-hsubmenu {
    /*display: block !important;
    z-index: 9;
}*/

nav li.level-1:focus-within ul.hf-hsubmenu.hopened,
nav li.level-1 ul.hf-hsubmenu.hopened {
    display: block !important;
    flex-wrap: wrap;
    z-index: 9;
    position: relative !important;
    padding: 0 !important;
    top: 0 !important;
    margin-top: 0;
    height: auto;
    max-height: 350px;
    overflow-x: auto;
    /* border: none; */
    max-width: 100%;
    width: 100% !important;
    border-radius: 0 0 0 0;
    filter: none;
}

nav li.level-1 ul.hf-hsubmenu.hopened,
nav li.level-1 ul.hf-hsubmenu.opened.hopened {
    box-shadow: 0 0 6px #aaa;
    border-radius: 10px 10px 10px 10px;
}


nav li.level-2:focus-within ul.hf-hsubmenu.hopened,
nav li.level-2 ul.hf-hsubmenu.hopened {
    position: relative !important;
    top: 0;
    border-radius: 0;
}

nav li.level-1 ul.hf-hsubmenu {
    display: none !important;
    position: absolute !important;
    width: 270px !important;
    top: -10px !important;
    left: 0% !important;
    right: auto;
}

nav li.level-1 ul.hf-hsubmenu li.level-2 {
    width: 100%;
    background: transparent !important;
    height: auto;
    padding: 0;
    border: none;
    position: relative;
}

ul.hf-hmenu li.hf-menu.level-2 span a::before {
    display: none;
}

ul.hf-hmenu li.hf-menu.level-2 span a {
    background: var(--bg-top-submenu-level-2-collapsed) !important; 
    font-weight: 400;
    font-size: var(--regular-text-font-size);
    text-align: left;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: fit-content;
    color: var(--top-submenu-level-2-color-collapsed);
    padding: 13px 15px;
    text-transform: none;
    margin-right: 0;
    /*border-left: 3px solid var(--bg-top-submenu-active) !important;*/
    border-bottom: none !important;
    transition-duration: 0.3s;
}

ul.hf-hmenu li.hf-menu.level-2 span a:hover {
    background: var(--bg-top-submenu-level-2-active) !important;
    color: var(--top-submenu-level-2-color-active) !important;
}

ul.hf-hmenu li.hf-menu.level-2 span a:hover::after {
    color: var(--top-submenu-level-2-color-active) !important;
}

ul.hf-hmenu li.hf-menu.level-2.with-submenu > span > a::after {
    display: inline-flex;
    content: '\f0dd';
    font: bold normal normal 16px/1 FontAwesome;
    clear: both;
    align-items: center;
    width: auto;
    height: auto;
    top: -3px;
    left: auto;
    right: -4px;
    z-index: 0;
    position: relative;
    color: var(--top-submenu-level-2-color-collapsed) !important;
    transition-duration: 0.3s;
}

ul.hf-hmenu li.hf-menu.level-2.with-submenu > span > a:hover::after {
    color: var(--top-submenu-level-2-color-active) !important;
}

ul.hf-hmenu li.hf-menu.level-2.with-submenu.liopened > span > a {
    background: var(--bg-top-submenu-level-2-active) !important;
    color: var(--top-submenu-level-2-color-active) !important;
}

ul.hf-hmenu li.hf-menu.level-2.with-submenu.liopened > span > a::after {
    color: var(--top-submenu-level-2-color-active) !important;
    transform: rotate(180deg);
    width: auto;
    right: -4px;
    top: 3px;
}

ul.hf-hmenu li.hf-menu.level-2.with-submenu.liopened > span > a:hover::after {
    color: var(--top-submenu-level-2-color-active) !important;
}

ul.hf-hmenu li.hf-menu.level-3 span a {
    padding-left: 20px;
    border-left: 15px solid var(--bg-top-submenu-active);
}

header nav li.level-1 ul.hf-hsubmenu li.level-2:focus-within ul.hf-hsubmenu.hopened,
header nav li.level-1 ul.hf-hsubmenu li.level-2 ul.hf-hsubmenu.hopened {
    display: block !important;
    z-index: 9;
}

header nav li.level-1 ul.hf-hsubmenu li.level-2 ul.hf-hsubmenu  {
    display: none !important;
    width: 100%;
    box-shadow: none;
}

header nav li.level-3 ul.hf-hsubmenu.hopened {
    display: block !important;
}

header nav li.level-3 ul.hf-hsubmenu  {
    display: none !important;
    width: 100%;
}

#homepage_0 .module_envelope.env_text_obrazok .add_user_info {
    display: none;
}

/* -------------------------------  HORIZONTAL MENU END ------------------------------------------ */
/* -------------------------------  VERTICAL MENU ------------------------------------------ */

.common-image-gallery-user {
    margin-left: 0;
    height: auto;
}

ul.common-image-gallery-user {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: auto;
    margin-left: 0;
    gap: 10px;
    justify-items: center;
}

ul.common-image-gallery-user li {
    width: 100% !important;
    height: 100%;
    max-height: 135px;
    border-radius: 10px;
    margin: 0 !important;
    margin-left: 0 !important;
    transition-duration: 0.3s;
    display: flex;
    align-items: center;
}

ul.common-image-gallery-user li:hover {
    opacity: 0.7;
}

a.common-image-gallery-user:hover {
    border-bottom: none !important;
}

ul.common-image-gallery-user li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.common-image-gallery-user li a img {
    width: auto !important;
    height: auto;
    padding: 0 !important;
    border: none !important;
    border-radius: 10px;
    min-width: 100%;
}

li.menu_item_l a.menu_item_0_l {
    width: 100% !important;
    display: block;
    box-sizing: border-box;
    font-size: var(--aside-submenu-font-size);
    margin: 0 0 var(--aside-menu-li-margin) !important;
    padding: 0.5rem 1rem 0.5rem 1.2rem;
    line-height: 150%;
    overflow: visible;
    position: relative;
    min-height: 50px;
    border-left: 2px solid var(--border-color-submenu-aside-collapsed);
    font-weight: var(--aside-submenu-font-weight-collapsed);
    color: var(--aside-submenu-color-collapsed);
    background: var(--bg-aside-submenu-collapsed);
    text-align: left;
    list-style: none;
    transition: all 0.15s ease-in-out;
}

.main_menu li.menu_hlavicka_l a.menu_hlavicka_l::before {
    content: '\f0a3';
    clear: both;
    font: bold normal normal 16px/1 FontAwesome;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: auto;
    left: 0.5rem;
    /*border-radius: 50%;*/
    /*background: var(--aside-submenu-color-collapsed);*/
    color: var(--main-color);
    display: var(--aside-menu-before-display);
}

li.menu_item_l_0 a.menu_item_0_l::before {
    content: '';
    clear: both;
    /*font: bold normal normal 16px/1 FontAwesome;*/
    width: 1rem;
    height: 1rem;
    position: relative;
    top: -3px;
    left: -5px;
    /*border-radius: 50%;*/
    /*background: var(--aside-submenu-color-collapsed);*/
    color: var(--main-color);
    display: var(--aside-submenu-before-display);
}

li.level-0-has-submenu.menu_item_l a.menu_item_l.opened::before,
li.menu_item_l_0 a.menu_item_0_l:hover::before,
li.menu_item_l.active a.menu_item_l_active::before,
li.menu_item_r.active a.menu_item_r_active::before {
    content: '';
    width: 5px;
    height: 5px;
    position: relative;
    top: -3px;
    left: -5px;
    border-radius: 50%;
    background: var(--aside-submenu-color-active);
    display: var(--aside-submenu-before-display);
}

li.menu_item_l_1_l a.menu_item_1_l::before {
    display: none;
    content: none;
}

li.level-0-has-submenu.menu_item_l > a.menu_item_l::after {
    display: flex;
    align-items: center;
    clear: both;
    content: '\f105';
    clear: both;
    font: bold normal normal 16px/1 FontAwesome;
    bottom: auto;
    right: 0;
    top: 0;
    width: 14px;
    height: 100%;
    margin: 0;
    z-index: 0;
    position: absolute;
    transition-duration: 0.3s;
    color: var(--aside-submenu-color-collapsed);
}

li.level-0-has-submenu.menu_item_l > a.menu_item_l:hover {
    background: var(--bg-aside-submenu-active) /*url('aside-submenu-arrow-active.png') no-repeat 97% center*/;
    text-decoration: underline;
    color: var(--aside-submenu-color-active);
    font-weight: 600;
}

li.level-0-has-submenu.menu_item_l > a.menu_item_l.opened:hover::after {
    display: flex;
    align-items: center;
    justify-content: center;
    clear: both;
    content: '\f105';
    clear: both;
    font: bold normal normal 16px/1 FontAwesome;
    bottom: auto;
    right: 2px;
    width: 14px;
    margin: 0;
    z-index: 0;
    position: absolute;
    transition-duration: 0.3s;
    transform: rotate(90deg);
    color: var(--aside-submenu-color-active);
}

li.menu_item_l a.menu_item_l:hover {
    text-decoration: underline !important;
    /*padding: 10px 0 10px 20px;*/
    font-weight: var(--aside-submenu-font-weight-active) !important;
    color: var(--aside-submenu-color-active);
    background: var(--bg-aside-submenu-active);
    transform: translateY(0) !important;
    border-left: 2px solid var(--border-color-submenu-aside-active);
}

li.level-0-has-submenu.menu_item_l > a.menu_item_l.current,
li.level-0-has-submenu.menu_item_l > a.menu_item_l.opened,
li.level-0-has-submenu.menu_item_l > a.menu_item_l.current.opened,
li.level-0-has-submenu.menu_item_l > a.menu_item_l:hover {
    color: var(--aside-submenu-color-active) !important;
    background: var(--bg-aside-submenu-active) !important;
    display: flex;
    border-radius: 10px;
    font-weight: var(--aside-menu-font-weight-active);
    align-items: center;
}

li.level-0-has-submenu.menu_item_l > a.menu_item_l.current::after,
li.level-0-has-submenu.menu_item_l > a.menu_item_l.opened::after,
li.level-0-has-submenu.menu_item_l > a.menu_item_l.current.opened::after,
li.level-0-has-submenu.menu_item_l > a.menu_item_l:hover::after {
    color: var(--aside-submenu-color-active) !important;
    transform: rotate(90deg);
    right: 4px;
}

li.level-0-has-submenu.menu_item_l > a.menu_item_l.current.opened::after {
    content: '\f107';
    right: 4px;
    transform: rotate(0);
}

li.level-0-has-submenu.menu_item_l > a.menu_item_l.current.opened::after:hover {
    transform: rotate(0);
}

ul.menu_cover ul li.menu-indent-1 a {
    font-weight: var(--aside-submenu-font-weight-collapsed) !important;
    padding-left: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 50px;
    font-size: var(--aside-submenu-font-size);
    color: var(--aside-submenu-level-2-color-collapsed);
    background: var(--bg-aside-submenu-level-2-collapsed);
    border-left: none;
}

ul.menu_cover ul li.menu-indent-1 a:hover,
ul.menu_cover ul li.menu-indent-1.opened a,
ul.menu_cover ul li.menu-indent-1.active a {
    color: var(--aside-submenu-level-2-color-active);
    background: var(--bg-aside-submenu-level-2-active);
    border-left: none;
}

li.level-0-has-submenu.menu_item_l a.menu_item_l.opened {
    text-decoration: underline;
    font-weight: var(--aside-submenu-font-weight-active) !important;
    color: var(--aside-submenu-color-active);
    border-left: 2px solid var(--border-color-submenu-aside-active);
}

li.level-0-has-submenu.menu_item_l a.menu_item_l.opened:hover::after,
li.level-0-has-submenu.menu_item_l a.menu_item_l.opened::after {
    display: flex;
    align-items: center;
    justify-content: center;
    content: '\f107';
    transform: rotate(0);
}

li.menu_item_l a .opened .menu_item_l{
    font-weight: var(--aside-submenu-font-weight-collapsed);
    text-decoration: underline;
}

.menu-aside {
    margin-bottom: 3rem !important;
}

li.menu_item_l.active a.menu_item_l_active, li.menu_item_r.active a.menu_item_r_active {
    font-weight: var(--aside-submenu-font-weight-active) !important;
    color: var(--aside-submenu-color-active);
    border-left: 2px solid var(--border-color-submenu-aside-active);
    background: var(--bg-aside-submenu-active);
}

.main_menu li.menu_hlavicka_l.with-submenu.opened a.menu_hlavicka_l,
.main_menu li.menu_hlavicka_l.with-submenu.katcurrent a.menu_hlavicka_l {
    width: 100%;
    display: flex;
    height: auto;
    min-height: 60px;
    align-items: center;
    box-sizing: border-box;
    margin-left: 0;
    margin: 0 auto 6px;
    padding-left: 0.65rem;
    padding-right: 1.5rem;
    position: relative;
    text-align: left;
    font-weight: var(--aside-menu-font-weight-active);
    list-style: none;
    border-top: none;
    border-right: none;
    /*border-left: none;*/
    overflow: auto;
    background: var(--bg-aside-menu-active);
    color: var(--aside-menu-color-active);
    font-size: var(--aside-menu-font-size);
    transition: all 0.15s ease-in-out;
    text-decoration: none;
    /*border-radius: 0 10px 10px 0;*/
}

.main_menu li.menu_hlavicka_l.with-submenu.opened a.menu_hlavicka_l:hover {
    /*text-decoration: underline;*/
    background: var(--bg-aside-menu-active) ;
    color: var(--aside-menu-color-active);
    padding-left: 0.65rem;
    transform: translateY(0);
    /*border-left: 10px solid var(--border-color-menu-aside-active);*/
}

.main_menu li.menu_hlavicka_l.with-submenu a.menu_hlavicka_l {
    background: var(--bg-aside-menu-collapsed);
    color: var(--aside-menu-color-collapsed);
    width: 100%;
}

.main_menu li.menu_hlavicka_l.with-submenu a.menu_hlavicka_l::after {
    display: flex;
    justify-content: center;
    align-items: center;
    clear: both;
    content: '\f105';
    clear: both;
    font: bold normal normal 16px/1 FontAwesome;
    bottom: auto;
    right: 5px;
    width: 16px;
    margin: 0;
    z-index: 0;
    position: absolute;
    transition-duration: 0.3s;
    color: var(--aside-menu-color-collapsed);
}
    
.module_body,
.module-inner-envelope {
    width: 100%;
}

.main_menu li.menu_hlavicka_l,
.main_menu li.menu_hlavicka_l.with-submenu {
    margin-bottom: 3px !important;
}

.main_menu ul {
    margin: 0;
    padding-left: 0;
    list-style-type: none;
}

div.env_main_menu {
    margin-bottom: 2rem;
}

div.institut-envelope {
    font-size: var(--regular-text-font-size);
}

.env_hf_menu_rwd {
    display: none;
}

ul.fotogaleria-multi-kat-img-list-default li a,
ul.fotogaleria-multi-foto-list-default li a {
    overflow: initial !important;
}

div.fotogaleria div.fotogaleria_row_separator {
    display: none;
}

.column_l h2.head, li.menu_hlavicka_l a.menu_hlavicka_l, 
div.main_page_l {
    width: 100% !important;
    display: flex;
    height: auto;
    min-height: 60px;
    align-items: center;
    box-sizing: border-box;
    margin-left: 0;
    text-transform: none;
    /*margin: 0 auto;*/
    padding-left: 0.65rem;
    padding-right: 1.5rem;
    position: relative;
    text-align: left;
    font-weight: var(--aside-menu-font-weight-collapsed);
    list-style: none;
    border-top: none;
    border-right: none;
    border-bottom: 2px solid var(--border-color-menu-aside-collapsed);
    /*border: 1px solid var(--border-color-menu-aside-collapsed);*/
    overflow: auto;
    background: var(--bg-aside-menu-collapsed);
    color: var(--aside-menu-color-collapsed);
    font-size: var(--aside-menu-font-size);
    line-height: 1.75rem;
    transition: all 0.15s ease-in-out;
    /*border-radius: 0 10px 10px 0;*/
}

.env_dynamika_prava_strana div.module_body_l {
    padding: 0;
    margin-bottom: 2rem;
}

aside .column_l div.module_envelope a.menu_hlavicka_current {
    background: var(--bg-aside-menu-active);
    color: var(--aside-menu-color-active);
    text-decoration: underline;
    border-left: 2px solid var(--border-color-menu-aside-active);
}

.column_l h2.head, li.with-submenu.menu_hlavicka_l a.menu_hlavicka_l:hover::after, 
div.main_page_l:hover::after {
    display: flex;
    justify-content: center;
    align-items: center;
    clear: both;
    content: '\f105';
    clear: both;
    font: bold normal normal 16px/1 FontAwesome;
    bottom: auto;
    right: 5px;
    width: 16px;
    margin: 0;
    z-index: 1;
    position: absolute;
    transition-duration: 0.3s;
    transform: rotate(90deg);
    color: var(--aside-menu-color-active);
}

.main_menu li.menu_hlavicka_l.with-submenu.opened a.menu_hlavicka_l:hover::after,
.main_menu li.menu_hlavicka_l.with-submenu.opened a.menu_hlavicka_l::after,
.main_menu li.menu_hlavicka_l.with-submenu.katcurrent a.menu_hlavicka_l:after {
    display: flex;
    justify-content: center;
    align-items: center;
    clear: both;
    content: '\f107';
    clear: both;
    font: bold normal normal 16px/1 FontAwesome;
    bottom: auto;
    right: 4px;
    width: 16px;
    margin: 0;
    z-index: 1;
    position: absolute;
    transform: rotate(0);
    transition-duration: 0.3s;
    color: var(--aside-menu-color-active);
}

li.menu_hlavicka_l a.menu_hlavicka_l:hover {
    border-bottom: 2px solid var(--border-color-menu-aside-active);
    /*width: 100%;*/
    background: var(--bg-aside-menu-active) !important;
    color: var(--aside-menu-color-active) !important;
    /*text-decoration: underline !important;*/
    padding-left: 0.5rem;
    font-weight: var(--aside-menu-font-weight-active);
    transform: translateY(0) !important;
}


ul.hf-hmenu li.hf-menu.level-2 > span > a:hover::before,
ul.hf-hmenu li.hf-menu.level-3 > span > a:hover::before {
    display: none;
}


.zmluvy_homepage {
    display: none;
}

#menu-navigation-inner a {
    border-bottom: 1px solid var(--text-color-black);
    font-size: var(--smaller-text-font-size);
    transition: all 0.3s ease-in-out;
}

#menu-navigation-inner a:hover {
    border-bottom: 3px solid var(--text-color-black);
}

#menu-navigation-actual span {
    padding: 15px;
}

/* -------------------------------  VERTICAL MENU END ------------------------------------------ */
/* -------------------------------  FOTO BANER ------------------------------------------ */

header .env_hf_multi_foto {
    position: relative;
    top: 0.3rem;
    right: 1.063rem;
    z-index: 1;
    width: 100%;
    max-width: 1200px;
    height: calc(var(--fotobanner-height) + 56px);
    /*float: right;*/
    margin: 0 auto;
    /*justify-content: flex-end;*/
    overflow: visible;
    background: var(--bg-fotobanner);
    /*padding: 0 1rem 1rem 1rem !important;*/
    /*box-shadow: 0 0 12px 3px var(--bg-color-white);*/
    background: url('bg-fotobanner.png') no-repeat right top;
}

#extra-block-top .env_hf_multi_foto {
/*    background: var(--bg-color-secondary);*/
    margin: 0 0 0;
    padding: 0;
    grid-column: 1/5;
}

div.multi-foto-link-system {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-width: calc(var(--fotobanner-width));
    max-height: calc(var(--fotobanner-height) + 1rem);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: auto;
    right: 0;
    z-index: 1;
    border-radius: var(--fotobanner-border-radius);
    margin: 1.25rem auto;
    background: none !important;
    background: var(--bg-fotobanner) !important;
    background-position: right !important;
/*    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));*/
}

div.multi-foto-link-system::before {
    content: '';
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateX(-50%);
    width: 242px;
    height: 420px;
    height: -webkit-fill-available;
    background: url('bg-extra-block-top.png') no-repeat top center;
    z-index: 2;
}

div.multi-foto-link-system img {
    height: 100%;
    width: 100%;
    /*max-width: calc(var(--fotobanner-width) - var(--fotobanner-border-width) * 2);*/
    max-width: 100%;
    max-height: calc(var(--fotobanner-height) - var(--fotobanner-border-width) * 2);
    border: var(--fotobanner-border-width) solid var(--fotobanner-border);
    border-radius: var(--fotobanner-border-radius);
    filter: drop-shadow(0px 4px 10px rgba(0, 101, 179, 0.4));
    /*-webkit-mask-image: url('fotobanner-mask.png');
    mask: url('fotobanner-mask.png');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    -webkit-mask-position: center center;
    mask-position: center center;*/
    position: relative;
    top: 0;
    z-index: 1;
}

div.multi-foto-link-system::after {
/*  background: url('fotobanner-mask.png') no-repeat center top;
    content: "";
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    z-index: 0;
    -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.35));
    -moz-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.35));
    -ms-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.35));
    -o-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.35));*/
    /*left: -2px;*/
}

.multi-foto-link-controls {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    bottom: 15%;
    width: 100%;
    height: 44px;
    max-width: 1200px;
    left: 0;
    justify-content: flex-end;
    align-items: center;
    right: 0;
    margin: 0 auto;
    z-index: 9;
}

.multi-foto-link-controls-default #multi-foto-link-stop--0 {
    position: relative;
    bottom: 0;
    width: 2.25rem;
    height: 2.25rem;
    display: block;
    background: var(--bg-stop);
    right: 0;
    margin-right: 3rem;
    border-radius: 50%;
    border: none;
}

.multi-foto-link-controls-default #multi-foto-link-start--0 {
    position: relative;
    bottom: 0;
    width: 2.25rem;
    height: 2.25rem;
    display: block;
    background: var(--bg-start);
    margin-right: 3rem;
    right: 0;
    border-radius: 50%;
    border: none;
}

.multi-foto-link-controls-default #multi-foto-link-stop--0::after {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    content: '\f04c';
    clear: both;
    width: 100%;
    height: 100%;
    font-family: FontAwesome;
    margin: 0 auto;
    right: 0;
    left: 0;
    font-size: 18px;
    font-weight: 900;
    top: 1px;
    z-index: 1;
    position: absolute;
    transition-duration: 0.3s;
    color: var(--stop-color);
    border-radius: 50%;
}

.multi-foto-link-controls-default #multi-foto-link-start--0::after {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    content: '\f04b';
    clear: both;
    width: 100%;
    height: 100%;
    font-family: FontAwesome;
    margin: 0 auto;
    right: 0;
    left: 1px;
    font-size: 14px;
    font-weight: 900;
    top: 1px;
    z-index: 1;
    position: absolute;
    transition-duration: 0.3s;
    color: var(--start-color);
    border-radius: 50%;
}

.multi-foto-link-controls-default #multi-foto-link-start--0:hover::after {
    transition-duration: 0.3s;
    left: -4px;
    transform: rotate(120deg);
}

.multi-foto-link-controls-default #multi-foto-link-stop--0:hover::after {
    transition-duration: 0.3s;
    top: 0;
    transform: rotate(180deg);
}

#multi-foto-link-controls--0 a#multi-foto-link-start--0.current {
    display: none !important;
}

#multi-foto-link-controls--0 a#multi-foto-link-stop--0.current {
    display: none !important;
}

.multi-foto-link-controls a:focus {
    outline: 4px solid #ff8900 !important;
    outline-offset: -4px !important;
}

/* -------------------------------  FOTO BANER END ------------------------------------------ */

/* -------------------------------  BANER SLOT -------------------------------------------- */
/*------------------- BannerSlotGrid------------------- */

#banner-homepage {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    overflow: visible;
    display: flex;
    flex-direction: column;
    border-radius: 10px 10px 10px 10px;
}

#banner-slot-text-array {
    width: calc(100% - 50px) !important;
    height: auto;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    padding: 3rem 0.5rem 2.5rem 1.75rem;
    /* padding: 0.5rem 0.5rem 2rem 0.5rem; */
    background: var(--bannerslot-bg);
}

#main-banner-buttons {
    width: 100% !important;
    max-width: 50px;
    height: 100%;
    margin: 0;
    padding-right: 0;
    padding-bottom: 3rem;
    right: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    gap: 0;
}

.module_envelope.module_envelopea.env_hf_banner_slot {
    width: 100%;
}

#extra-block-top div.env_hf_banner_slot {
    max-width: 900px;
    width: 100%;
    margin: 0 auto 0;
    padding-top: 0;
    grid-column: 2/3;
    grid-row: 3/4;
    /*border-radius: 10px 10px 0 0;*/
    /*background: var(--bg-main-content);*/
    /*display: none;*/
}

#homepage_0 #extra-block-top div.env_hf_banner_slot {
    display: block;
}

#page-banner-homepage {
    display: block;
    width: 100%;
    max-width: 900px;
    height: auto;
/*    max-height: 315px;*/
    position: relative;
    margin: 0 auto 2rem;
    overflow: visible;
    border-radius: 10px;
    border: 2px solid var(--bannerslot-border);
}

#banner-homepage:after {
    content:'';
    display: none;
    position: absolute;
    top: 150px;
    right: 455px;
    width: 100px;
    height: 128px;
    background: url('banner-after.png') no-repeat;
}

#banner-homepage a#banner-homepage-img-link {
    width: calc(100% - 50px);
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px 10px 10px 10px;
    border-right: none;
    position: relative;
    overflow: hidden;
    max-height: 335px;
}

#banner-homepage a#banner-homepage-img-link:focus {
/*    z-index: 0 !important;*/
}

#banner-homepage a#banner-homepage-img-link::after {
    display: none;
    content: '';
    clear: both;
    background: url('bannerslot-rectangle.png') no-repeat !important;
    width: 60px;
    height: 60px;
    bottom: 0;
    right: 0;
    z-index: 1;
    margin: 0 auto;
    position: absolute;
}

#banner-homepage-img {
    opacity: 1;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    /*min-width: max-content;*/
    overflow: hidden;
    background: var(--bg-color-white);
}

#homepage_0 h2#banner-slot-h2,
h2#banner-slot-h2 {
    background: none;
    color: var(--bannerslot-h2);
    border: 0;
    font-size: var(--bannerslot-h2-font-size);
    font-weight: var(--bannerslot-h2-font-weight);
    margin: 0;
    padding: 0 !important;
    max-width: 100%;
    text-align: left;
    line-height: 135%;
    text-transform: none;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#homepage_0 h2#banner-slot-h2::after,
h2#banner-slot-h2::after {
    display: none;
}

p#banner-slot-p {
    padding: 0 40px 0;
    text-align: left;
    line-height: 180%;
    font-size: 1em;
    display: none; 
    height: auto;
}

a#banner-slot-a {
    display: block;
    padding: 10px;
    margin: 0 10px 0 0;
    width: 70px;
    float: right;
    color: var(--text-color-black);
    background: var(--bg-color-white);
    border: 1px solid #ccc;
    text-decoration: none;
    text-align: center;
    display: none;
}

#main-banner-buttons div { 
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 0 10px 7px 5px;
    float: left;
}

#main-banner-buttons div.banner-actual-button {
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border-radius: 50%;
    display: flex!important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    float: none;
    font-size: 0;
    z-index: 2;
}

#main-banner-buttons div.banner-actual-button.notcurrent {
    transition: all 0.3s ease-in-out;
}

#main-banner-buttons div.banner-actual-button.notcurrent:hover {
    transform: scale(1.1);
}

#main-banner-buttons div.banner-actual-button.current {
    transition: all 0.3s ease-in-out;
}

#main-banner-buttons div.banner-actual-button.current:hover {
    transform: scale(1.1);
}

#main-banner-buttons div.banner-actual-button a {
    width: 100%;
    height: 2.75rem;
    position: relative;
    transition: all 0.3s ease-in-out;
    border-radius: 50%;
    display: flex;
    color: transparent;
    align-items: center;
    justify-content: center;
}

.banner-actual-button a::after {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    content: '\f111';
    clear: both;
    font: normal normal normal 16px / 1 FontAwesome;
    border: 2px solid var(--bannerslot-dots-active);
    border: 2px solid #000;
    border-radius: 50%;
    position: relative;
    height: 20px;
    aspect-ratio: 1;
    background: transparent;
    transition: all 0.3s ease-in-out;
}

.banner-actual-button.current a::after {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    content: '\f111';
    clear: both;
    font: bold normal normal 22px / 1 FontAwesome;
    border: none;
    border-radius: 50%;
    position: relative;
    height: auto;
    aspect-ratio: 1;
    color: var(--bannerslot-dots-active);
    transition: all 0.3s ease-in-out;
}

#main-banner-buttons div.banner-actual-button a:hover {
    transform: scale(1.1)
}

#main-banner-buttons div#banner-buttons-control-envelope {
    position: absolute;
/*    top: 0;*/
    bottom: 0;
    display: inline-flex;
    /* bottom: 0; */
    /* width: 100%; */
    width: 50px;
    height: 52px;
    right: 0;
    margin: 0 auto;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

#banner-buttons-start.banner-button-control {
    position: absolute;
    width: 2.75rem;
    height: 2.75rem;
    display: none;
    margin: 0;
    font-size: 0;
    border: none !important;
    border-radius: 50% !important;
    cursor: pointer;
}

#banner-buttons-stop.banner-button-control {
    position: absolute;
    width: 2.75rem;
    height: 2.75rem;
    display: none;
    margin: 0;
    font-size: 0;
    /*border: 1px solid var(--link-color-dark) !important;*/
    border-radius: 50% !important;
    cursor: pointer;
}

#banner-homepage ul {
    display: flex;
    flex-direction: row;
    position: relative;
    top: 1.5rem;
    left: -0.5rem;
}

#banner-buttons-start.banner-button-control.notcurrent,
#banner-buttons-stop.banner-button-control.notcurrent {
    display: flex !important;
    justify-content: center;
    align-items: center;
    z-index: 9;
}

#banner-buttons-stop.banner-button-control::after {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    content: '\f28b';
    clear: both;
    width: 2rem;
    height: 2rem;
    font-family: FontAwesome;
    margin: 0 auto;
/*    right: 0;*/
    left: auto;
    box-shadow: 0 0 10px 0px #363636;
    font-size: 2.15rem;
    font-weight: 900;
/*    top: 1px;*/
    z-index: 8;
    position: absolute;
    transition-duration: 0.3s;
    color: var(--start-color);
    background: var(--bg-start);
    border-radius: 50%;
}

#banner-buttons-start.banner-button-control::after {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    content: '\f144';
    clear: both;
    width: 2rem;
    height: 2rem;
    font-family: FontAwesome;
    margin: 0 auto;
/*    right: 1.75px;*/
    left: auto;
    box-shadow: 0 0 10px 0px #363636;
    font-size: 2rem;
    font-weight: 900;
/*    top: 3px;*/
    z-index: 8;
    position: absolute;
    transition-duration: 0.3s;
    color: var(--stop-color);
    background: var(--bg-stop);
    border-radius: 50%;
}

#banner-homepage ul img {
    display: none;
}

#banner-homepage ul li {
    font-size: 0;
    width: 1rem;
    height: 1rem;
    margin-left: 1.5rem;
    border: 2px solid var(--bannerslot-dots);
    border-radius: 50%;
    cursor: pointer;
}

#banner-homepage ul li a {
    width: 100%;
    height: 100%;
}

#banner-homepage ul li.active {
    background: var(--bannerslot-dots);
}

#main-banner-text p {
    font-size: var(--regular-text-font-size);
    font-weight: 700;
    padding: 0.5rem 1rem;
    color: var(--bannerslot-text-color);
}

div.module_envelope.module_envelope_l.env_script_stlpec {
    height: auto;
}

#extra-block-top .nadpis {
    display: none;
}

#homepage_0 #extra-block-top .nadpis {
    max-width: 1270px;
    width: 100%;
    margin: 0 auto;
    background: var(--bg-color-white);
    padding: 1rem;
    display: block;
}

#extra-block-top .nadpis h1 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    padding: 1rem 0 !important;
}

.env_vyhladavac h3::before {
    display: none;
}

.env_vyhladavac h3 a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

.env_vyhladavac h3 a:hover {
    text-decoration-thickness: 3px;
}

.env_napiste_nam_execute .filter-head-name {
    display: none;
}

.filter-napiste-nam-execute .filter-body-part.part-checkbox {
    width: 100%;
}

.citat {
    z-index: 1 !important;
}

.citat div#citat {
    max-width: var(--fotobanner-width);
    width: 90%;
    min-height: 76px;
    height: fit-content;
    padding: 1rem 1.5rem;
    background: #fefee0 url('bg-citat.png') no-repeat bottom right;
    background-size: contain;
    margin: 2rem auto 0;
}

.citat div p {
    max-width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: right;
    font-size: 1.375rem;
    color: var(--main-color);
    font-weight: 700;
    position: relative;
    right: 6px;
}

.vzn-filter-envelope .vzn-finder-part-envelope {
    min-width: unset !important;
}

/* -------------------------------  BANER SLOT END ------------------------------------------ */


/* ------------------------------------      extra-block-top      ------------------------------------------------ */
#extra-block-top {
    max-width: calc(var(--content-width) + 30px);
    width: 100%;
    display: flex;
    left: 0;
    right: 0;
    z-index: 10;
    margin: 0 auto 0;
    padding: 0;
    height: auto;
    align-items: flex-start;
    justify-content: center;
    border-radius: 10px;
    /*background: var(--bg-color-secondary);*/
    /*box-shadow: 0 0 40px #fff;*/
}

#homepage_0 #extra-block-top {
/*    display: flex;*/
}

#extra-block-top .column_ha {
/*    max-width: var(--content-width);*/
    width: 100%;
    position: relative;
    left: 0;
    display: block;
    grid-template-columns: auto minmax(auto, 708px) minmax(auto, 662px) auto;
    column-gap: 30px;
    right: 0;
    flex-wrap: wrap;
    /*margin: 0 auto;*/
    justify-content: center;
    /*align-items: flex-end;*/
    flex-direction: row;
}

#extra-block-top ul.hf-hmenu {
    justify-content: center;
    padding-bottom: 0;
    gap: 0.5rem;
    min-height: unset;
    border-bottom: 3px solid #30C11E;
}

#extra-block-top .env_hf_menu {
/*    box-shadow: 0px 4px 10px rgba(0, 101, 179, 0.15);*/
    background: var(--bg-color-white);
}

#extra-block-top .novinky {
    grid-column: 2/3;
    grid-row: 2/3;
    margin-top: 2rem;
}

#extra-block-top ul.hf-hmenu ul.hf-hsubmenu.hopened {
    max-height: 300px;
        top: calc(100% + 0.175rem) !important;
}

#extra-block-top ul.hf-hmenu li.level-0 > span.hf-menu-envelope > a {
    /*font-size: var(--smaller-text-font-size);*/
    /*text-transform: none;*/
    padding: 0 14px;
    flex-direction: row;
    top: 3px;
    height: 57px;
/*    border-bottom: 4px solid #c0dded;*/
/*    position: relative;*/
}

#extra-block-top ul.hf-hmenu li.level-0 > span.hf-menu-envelope > a:hover,
#extra-block-top ul.hf-hmenu li.level-0.liopened > span.hf-menu-envelope > a {
    /*border-bottom: 4px solid #212D8B;*/
}

#extra-block-top .module-container-columns-envelope br {
    display: none;
}

#extra-block-top .module-container-columns-envelope .editor p {
    word-break: break-all;
    text-align: left;
}

#extra-block-top .module-container-columns-envelope .editor p strong span {
    color: #fff;
}

#extra-block-top .module-container-columns-envelope .editor ul {
    display: flex;
    flex-wrap: wrap;
}

#extra-block-top .linky {
    min-height: 130px;
    display: flex;
    align-items: center;
}

#extra-block-top .linky .editor {
    display: flex;
    justify-content: space-evenly;
    max-width: var(--content-width);
    margin: 0 auto;
}

#extra-block-top .linky .editor a {
    width: 380px;
    height: 84px;
    border: 2px solid #a1c54d;
    border-radius:0;
    font-size: 1.413rem;
    font-weight: 700;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 3rem;
    transition-duration: 0.3s;
    text-decoration: none;
    position: relative;
    left: 12px;
}

#extra-block-top .linky .editor a:hover {
    background: #a1c54d;
    color: var(--link-color-white);
}

#extra-block-top .linky .editor a span {
    width: 37px;
    height: 36px;
    background: #a1c54d;
    border-radius: 10px;
    border: 7px solid #fff;
    outline: 24px solid #a1c54d;
}

.odkazy-top {
    width: 100%;
    margin: 2rem auto !important;
    z-index: 1;
    grid-column: 3/4;
    grid-row: 2/4;
    padding: 1rem !important;
    background: rgba(226, 243, 255, 0.9);
    border-radius: 10px 10px 10px 10px;
    border-bottom: 2px solid #ddd;
}

.odkazy-top ul {
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(6, 1fr);
    justify-content: space-between;
    align-items: flex-start;
    justify-items: center;
    gap: 15px;
    max-width: var(--content-width);
    position: relative;
    top: 0;
    padding-bottom: 0;
    margin: 0 auto;
    /*border-bottom: 2px solid #ddd;*/
}

.odkazy-top ul li:first-child {
    align-self: center;
    max-width: 100%;
/*    grid-column: 1/3;*/
}

.odkazy-top ul li {
    list-style: none;
    width: 100%;
    height: auto;
    margin-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.5rem;
/*    padding: 1rem 0;*/
/*    border-right: 2px solid rgba(221, 221, 221, 0.5);*/
}

.odkazy-top ul li:first-child,
.odkazy-top ul li:last-child {
    border-right: none;
}

.odkazy-top ul li p {
    color: var(--link-color-main);
    max-width: 100px;
}

#mid_514392 h2,
#extra-block-top .odkazy-top ul li h2,
#extra-block-top .novinky h2 {
    font-weight: 600;
    font-size: 1.375rem;
    color: var(--h1-color);
    text-align: center;
    text-transform: uppercase;
    background: transparent;
    border-bottom: none;
    line-height: 2rem;
    max-width: min-content;
    /* min-height: unset; */
    /* padding: 0.5rem 0 !important; */
    margin: 0 0 0;
    text-align: left;
}

.odkazy-top ul li a {
    vertical-align: var(--link-color-dark);
    font-weight: 600;
    font-size: 1.313rem;
    width: 100%;
    height: 100%;
    gap: 1rem;
    border-radius: 10px;
    overflow: hidden;
/*    border: 2px solid #FFF5B7;*/
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    text-decoration-skip-ink: none;
    align-items: center;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.15));
    transition-duration: 0.3s;
}

.odkazy-top ul li a:hover {
    border-bottom: none !important;
    border-radius: 10px;
    transform: translateY(-5px);
    text-decoration: underline;
    text-decoration-thickness: 3px;
/*    box-shadow: 0 2px 10px -3px #aaa;*/
    filter: drop-shadow(2px 4px 6px #00000022);
}

.odkazy-top ul li a img {
    transition-duration: 0.3s;
    margin: 0;
}

.odkazy-top ul li a:hover img {
    border-radius: 5px;
    filter: grayscale(1);
}

#mid_514392 {
    position: absolute;
    top: 0;
    left: 0.25rem;
}

.osobnosti h4 {
    text-align: center;
    padding: 1.5rem 0;
}

.osobnosti .editor div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 78px;
}

.osobnosti .editor div p {
    max-width: 480px;
    width: 50%;
    display: flex;
    justify-content: center;
}

#extra-block-top .citat {
    display: none;
}

div.ank_answer a {
    font-size: var(--regular-text-font-size);
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

div.ank_answer a.anketa-answer:hover {
    text-decoration: none !important;
    border-bottom: 3px solid;
}

#main-content {
    width: 100%;
    max-width: calc(var(--content-width) + 30px);
    margin: 0 auto 1.5rem;
    display: block;
    padding: 2rem 0 2rem;
    /*position: relative;*/
    top: 0;
    z-index: 1;
    background: var(--bg-main-content);
    border-radius: 10px;
    /*border-top: 6px solid #ec9603;*/
}

#main-content .column_mc {
    display: grid !important;
    grid-template-columns: 250px minmax(600px, 900px);
    justify-items: center;
    /*max-width: var(--content-width);*/
    width: 100%;
    background: var(--bg-main-content);
    left: 0;
    right: 0;
    margin: 0 auto;
    justify-content: center;
    gap: var(--columns-gap);
}

#homepage_0 #main-content .column_mc {
/*    grid-template-columns: minmax(600px, 900px) 250px;*/
}

main#main {
    width: var(--main-width);
    max-width: var(--main-max-width);
    text-align: left;
    /*padding-top: 13px;*/
}

#homepage_0 main#main {
    max-width: unset;
}

aside#right-column {
    display: var(--right-display);
    width: var(--right-width);
    max-width: 250px;
    min-width: 225px;
    padding: 0;
    /*margin: 13px auto;*/
    background: var(--bg-right-column);
}

aside#left-column {
    display: var(--left-display);
    width: var(--left-width);
    max-width: 250px;
    min-width: 225px;
    padding: 0;
    position: relative;
    /*top: -19rem;*/
    /*margin: -3.65rem 0 0 0;*/
    background: var(--bg-left-column);
}

/* Home page 100% */

/*#homepage_0 main#main {
    width: 100%;
    max-width: calc(var(--content-width) - 0px);
}

#homepage_0 aside#left-column {
    display: none;
}

#homepage_0 #main-content .column_mc {
    grid-template-columns: 100%;
}*/

.prevadzkove-hodiny {
    margin-bottom: 1rem !important;
}

.prevadzkove-hodiny div.hodiny {
    display: flex;
    justify-content: space-between;
}

.prevadzkove-hodiny div.hodiny p {
    margin-bottom: 0.25rem !important;
}

.prevadzkove-hodiny div.hodiny p:first-of-type {
    max-width: 125px;
}

.prevadzkove-hodiny div.hodiny p:not(:first-of-type) {
    font-weight: 700;
}

.prevadzkove-hodiny div.add_user_info {
    display: none;
}

.hodiny-h2 h2 {
    letter-spacing: -1px;
}

.module_envelope .olo-filter-envelope-new form .form-part-envelope.ord-0,
.module_envelope .olo-filter-envelope-new form .form-part-envelope.ord-1 {
    width: 100% !important;
}

.env_kalendar,
.env_kalendar_podujati,
.env_info_hot {
    max-width: 250px;
    margin: 0 auto 1.5rem !important;
    color: var(--text-color-black) !important;
}

p.kalendar_today,
p.kalendar_name {
    color: var(--text-color-black) !important;
    font-size: var(--regular-text-font-size);
    padding: 0 0.25rem;
}

.samosprava div.add_user_info {
    display: none;
}

.samosprava {
    margin-bottom: 1rem !important;
}

div.menu_hlavicka_l.module_header_region_info p.margin_0_10 {
    margin: 0 !important;
}

/* ------------------------------------     extra-block-top END      ------------------------------------------------ */


/* ------------------------------------     MAIN CONTAIN       ------------------------------------------------ */

h1 {
    padding: 0.5rem 0 1rem !important;
    margin: 0 0 0.5rem;
    /*background: var(--main-color);*/
    text-transform: var(--h1-text-transform);
    color: var(--h1-color);
    font-size: var(--h1-font-size);
    font-weight: var(--h1-font-weight);
    line-height: 120%;
    text-align: left;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    /*justify-content: center;*/
    position: relative;
}

h1::before {
    display: none;
    content: '';
    height: 20px;
    width: 20px;
    background: url('h1-before.png') no-repeat center center;
    background-size: cover;
    position: relative;
    left: 0;
}

#homepage_0 h1 {
    /*text-align: center;*/
    /*display: block;*/
}

#homepage_0 h1::before {
    display: none;
}

h2,
.env_tabulka_tawdis caption {
    margin: 1rem 0 1.5rem;
    padding: 0.5rem 0.5rem 0.5rem 1rem !important;
    height: auto;
    width: 100%;
    min-height: 60px;
    vertical-align: middle;
    line-height: 42px;
    font-weight: var(--h2-font-weight);
    color: var(--h2-color);
    display: block;
    align-items: center;
    justify-content: space-between;
    background: var(--bg-main-column-h2);
    font-size: var(--h2-font-size);
    box-shadow: none;
    border-bottom: 3px solid var(--main-column-h2-border);
    text-transform: var(--h2-text-transform);
    border-radius: 10px;
    position: relative;
}

h2::before {
    content: '';
    clear: both;
    display: none;
    position: absolute;
    bottom: 4px;
    left: 0;
    height: 4px;
    width: 80px;
    background: #de6f00;
}

h2::before {
    content: '';
    clear: both;
    display: none;
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
    width: 3px;
    background: #363636;
}

#homepage_0 h2::before {
    /*display: none;*/
}

h2.oznamy-new-columns-default,
h2.actions-graphic-default,
h2.oznamy-graphic-default,
h2.actions-new-columns-default {
    display: flex;
    /*line-height: unset;*/
    /*align-items: center;*/
}

h2.oznamy-new-columns a.oznamy-new-columns-all-link,
h2.actions-new-columns a.actions-new-columns-all-link,
.env_elektronicka_uradna_tabula_stlpec ul.links-to-all-items li a {
    display: block;
    margin: 0;
    padding: 0 20px 0 0;
    line-height: normal;
    color: var(--h2-color); !important;
    text-decoration: none;
    font-weight: var(--h2-font-weight);
    height: auto;
    width: auto;
    border-bottom: 2px solid;
    transition-duration: 0.3s;
    position: relative;
    top: 0;
    right: 0;
    font-size: 0.888888em;
}

.env_text_obrazok.header h2 {
    width: 100%;
    margin: 17px 0 0.7em;
    padding: 15px 20px !important;
    font-weight: var(--h2-font-weight);
    color: var(--text-color-black);
    text-align: center;
    display: block;
    line-height: normal !important;
    font-size: var(--h2-font-size);
    box-shadow: none;
}

.env_tabulka_tawdis caption {
    font-size: 1.5rem;
    /*display: table-caption;*/
}

h2.module_header {
    color: var(--main-color);
    border-bottom: none;
    font-size: var(--regular-text-font-size);
    text-decoration: underline;
    background: none;
    text-align: left;
    padding: 0.5rem !important;
    border-radius: 10px;
    font-weight: var(--h2-font-weight);
}

h2.oznamy-new-columns, 
h2.actions-new-columns {
    width: 100%;
    /*font-size: 0;*/
    padding: 0.5rem 0.5rem 0.5rem 1rem !important;
    position: relative;
    line-height: 42px;
    background: var(--bg-main-column-h2);
    border-bottom: 3px solid var(--main-column-h2-border);
    /*box-shadow: 0 0 16px #ddd;*/
    border-radius: 10px;
    /*top: -5.5rem;*/
    text-transform: var(--h2-text-transform);
}

#extra-block-bottom h2 {
    justify-content: center;
    border-bottom: none;
    background: none;
    position: relative;
}

h2.oznamy-new-columns a.oznamy-new-columns-all-link::after,
h2.actions-new-columns a.actions-new-columns-all-link::after,
.env_elektronicka_uradna_tabula_stlpec ul.links-to-all-items li a::after,
.oznamy-new-columns-all-link.bottom-of-module::after,
a.actions-new-columns-all-link-default.actions-new-columns-all-link.bottom-of-module::after {
    transition-duration: 0.3s;
    display: inline-flex;
    align-items: center;
    content: '\f101';
    clear: both;
    height: 100%;
    font: normal normal normal 16px/1 FontAwesome;
    right: -10px;
    z-index: 0;
    position: absolute;
    color: var(--show-all-color);
    opacity: 0;
}

h2.oznamy-new-columns a.oznamy-new-columns-all-link:hover::after,
h2.actions-new-columns a.actions-new-columns-all-link:hover::after,
.env_elektronicka_uradna_tabula_stlpec ul.links-to-all-items li a:hover::after,
.oznamy-new-columns-all-link.bottom-of-module:hover::after,
a.actions-new-columns-all-link-default.actions-new-columns-all-link.bottom-of-module:hover::after {
    transition-duration: 0.3s;
    opacity: 1;
    right: -20px;
}

/*#main h2::before {
    content: '';
    width: 19px;
    height: 8px;
    position: absolute;
    left: 0;
    background: #ffea00;
    display: none;
}*/

h2#banner-slot-h2::before {
    display: none;
}

#homepage_0 .main-content h2 {
/*    text-transform: uppercase;*/
/*    background: transparent;*/
/*    border: none;*/
/*    text-align: center;*/
/*    justify-content: center;*/
/*    font-weight: 400;*/
/*    max-width: var(--content-width);*/
/*    margin: 0 auto;*/
/*    line-height: unset;*/
/*    min-height: unset;*/
/*    margin-bottom: 2rem;*/
/*    font-size: var(--h1-font-size);*/
/*    position: relative;*/
}

#homepage_0 #extra-block-bottom h2::after,
#extra-block-bottom .editor h2::after,
#homepage_0 .main-content h2::after {
    content: '';
    display: none;
    background: #B3D1E8;
    width: 176px;
    height: 3px;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    bottom: -1rem;
    position: absolute;
}

div.oznamy-new-colums-form-envelope-default,
div.oznamy-graphic-form-envelope-default,
div.actions-new-colums-form-envelope-default,
div.actions-graphic-form-envelope-default,
div.zasadania-form-envelope-default {
    max-width: var(--content-width);
    margin: 0 auto;
}

.big-text {
    color: var(--main-color);
    font-size: 2.25rem !important;
    font-weight: bold;
    margin-top: 0.5rem;
}

div.add_user_info {
    /*display: none;*/
    font-size: var(--smaller-text-font-size);
}

div.part-of-tabeed-modules div.add_user_info {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

#extra-block-bottom .mobilna-aplikacia h2 {
    margin: 0 0 2rem;
    padding: 0 0 0 0.85rem !important;
    text-align: center;
    max-width: unset;
    border-bottom: none;
}

#extra-block-bottom .mobilna-aplikacia h2::before {
    display: none;
}

h3 {
    width: fit-content;
    margin: 0.25rem 0 0.5rem;
    padding: 0.5rem 0;
    font-size: var(--h3-font-size);
    line-height: 2rem;
    position: relative;
    grid-column: 1/3;
    font-weight: var(--h3-font-weight);
    text-align: left;
    color: var(--h3-color);
    text-transform: var(--h3-text-transform);
    display: flex;
    /*border-bottom: 2px solid var(--h2-border-bottom);*/
}

h3::before {
    display: none;
    content: '';
    height: 2px;
    width: 60px;
    background: #B3D4C5;
    position: absolute;
    bottom: 0;
    max-width: calc(100% + 0.5rem);
}

h3.oznamy-subtitle::before {
    display: none;
}

h3[style*="text-align: center;"]::after,
h3[style*="text-align:center;"]::after,
h3[style*="text-align: center"]::after,
h3[style*="text-align:center"]::after {
    display: none;
}

h3:has(> a) {
    display: block;
}

div#search_result h3::after {
    display: none;
}

.olo-filter-envelope-new-default h3 {
    display: block !important;
}

ul.oznamy-new-colums-list-default li h3::after,
ul.oznamy-graphic-list-default li h3::after,
ul.actions-new-colums-list-default li h3::after,
ul.actions-graphic-list-default li h3::after {
    display: none;
}

h3 .float_right,
.oznam_detail .float_right  {
    display: none;
}

h4 {
    width: auto;
    /*margin: 0 0 0.7em;*/
    padding: 13px 19px 13px 0;
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    text-align: left;
    color: var(--h4-color);
    text-transform: var(--h4-text-transform);
}

.module_body_l h4,
.module_body_r h4,
.info_body_hot {
    color: var(--aside-text-color);
    padding: 0.5rem 0.25rem;
}

.filter-packing-head .filter-trigger::after {
    z-index: 1 !important;
}
}

.info_body_hot {
    font-size: var(--smaller-text-font-size);
}

li.menu-indent-0 {
    /*display: flex;*/
    align-items: center;
    justify-content: center;
}

.paar a {
    text-decoration: underline;
    font-size: var(--regular-text-font-size);
    transition: all 0.3s ease-in-out;
}

.paar a:hover {
    text-decoration: none;
    border-bottom: 3px solid;
}

ul.noviny-new li h4 a {
    color: var(--h4-color);
}

.float_right {
    float: right;
    position: relative;
    width: auto;
}
.env_sms_hlasnik {
    height: 6rem;
    margin-bottom: 1.5rem !important;
}

.env_sms_hlasnik .module-inner-envelope .menu_hlavicka_l {
    background: url('sms-hlasnik.png') no-repeat center center;
    background-size: cover;
    border-radius: 10px;
    width: 100%;
    height: 6rem;
}

.env_sms_hlasnik .module-inner-envelope,
.env_sms_hlasnik .module-inner-envelope .menu_hlavicka_l,
.env_sms_hlasnik .module-inner-envelope .menu_hlavicka_l a {
    width: 100%;
    height: 100%;
}

.env_sms_hlasnik .module-inner-envelope .menu_hlavicka_l a {
    width: 250px;
    min-height: 92px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    color: transparent;
    line-height: 6rem;
    border-radius: 10px;
/*    box-shadow: 0px 4px 10px rgba(0, 101, 179, 0.22);*/
    transition-duration: 0.3s;
}

.env_sms_hlasnik .module-inner-envelope .menu_hlavicka_l a:hover {
    box-shadow: 0 3px 10px #999;
}

.env_dynamika_prava_strana div.menu_hlavicka_r {
    margin: 0;
    margin-bottom: 2rem;
}

.eut div.image-envelope-default.image-envelope,
.covid div.image-envelope-default.image-envelope {
    display: none;
}

#homepage_0 .eut div.image-envelope-default.image-envelope,
#homepage_0 .covid div.image-envelope-default.image-envelope {
    display: flex;
}

img[style*="float: left"] {
    margin: 10px !important;
}

.editor img {
    margin: 10px;
}

.env_text_obrazok h2 {
    margin-bottom: 1rem;
}

div.oznamy-uvod-column-envelope div.float_left h3, 
div.oznamy-uvod-column-envelope div.float_right h3 {
    width: auto;
    margin: 0 0 22px;
    padding: 16px 20px 23px;
    font-size: 1.53em;
    font-weight: 300;
    text-align: left;
    color: var(--h3-color);
    background: var(--bg-color-white);    
}

.padding_5 ul li {
    font-size: var(--regular-text-font-size);
    list-style: disc;
}

table.user_table_t td, table.user_table_t th, table.user_table_t_border td, table.user_table_t_border th {
    font-size: var(--smaller-text-font-size);
}

div.year_selector {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.user_table_t_border a {
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
    color: var(--table-link-color);
}

.user_table_t_border a:hover {
    text-decoration: none;
    border-bottom: 2px solid;
}

.results {
    font-size: var(--smaller-text-font-size);
}

div.zmluvy-subject-year {
    font-size: var(--smaller-text-font-size);
    float: none;
    text-align: left;
    margin-bottom: 1rem;
}

.env_ludia img {
    padding: 0.25rem; 
    background: var(--bg-color-white);
    /* border: 1px solid #ccc; */
    margin: 0 0 5px 0;
    height: auto;
    max-height: 300px;
    min-height: 200px;
    width: 200px;
}

.env_diskusia table.program_table td.automatic-col-1 {
    width: 25%;
    color: var(--text-color-black);
    font-size: var(--smaller-text-font-size);
}

.env_diskusia div.date_add {
    width: 65%; 
    float: right;
    padding: 5px; 
}

div.paar {
    margin: 0;
    padding: 0;
    background: transparent;
}

/* ---------------- ACTIONS NEW COLUMNS ----------------- */
.module_envelope.for-tabbing .actions-new-colums-form-envelope form {
    align-items: center;
    padding: 20px;
    box-shadow: 0 0 12px -7px #111;
    display: grid;
    grid-auto-columns: 135px 135px auto auto;
    grid-auto-rows: auto auto;
    justify-content: unset;
}

.actions-new-colums-form-envelope form span {
    background: none !important;
    text-align: left !important;
}

.actions-new-colums-form-envelope form .form-label:nth-of-type(1) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 1;
}

.actions-new-colums-form-envelope form .form-date:nth-of-type(2) {
    width: 155px;
    margin-right: 20px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
}

.actions-new-colums-form-envelope form .form-label:nth-of-type(3) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 1;
}

.actions-new-colums-form-envelope form .form-date:nth-of-type(4) {
    width: 155px;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 2;
}

.actions-new-colums-form-envelope form .form-label:nth-of-type(5) {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 3;
    grid-row-end: 3;
    width: auto;
    margin-top: 1rem;
}

.actions-new-colums-form-envelope form .form-select:nth-of-type(6) {
    padding: 0;
    width: 100%;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 4;
    grid-row-end: 4;
    margin-bottom: 1rem;
}

.actions-new-colums-form-envelope form .form-submit:nth-of-type(7) {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 5;
    grid-row-end: 5;
    width: 100%;
    padding: 0 !important;
}

.actions-new-colums-form-envelope form .form-date {
    border: 2px solid var(--main-color) ;
}

.actions-new-colums-form-envelope form .form-date input {
    border: none !important;
    width: 110px !important;
    height: 50px;
}

@media only screen and (max-width:360px) {
    .module_envelope.for-tabbing form {
        grid-auto-columns: auto auto;
        grid-auto-rows: auto auto auto auto auto auto auto;
    }
    .actions-new-colums-form-envelope form .form-label:nth-of-type(1) {
        grid-column-start: 1;
        grid-column-end: span 2;
        grid-row-start: 1;
        grid-row-end: 1;
    }
    .actions-new-colums-form-envelope form .form-date:nth-of-type(2) {
        width: 100%;
        grid-column-start: 1;
        grid-column-end: span 2;
        grid-row-start: 2;
        grid-row-end: 2;
        margin-right: 0;
    }
    .actions-new-colums-form-envelope form .form-label:nth-of-type(3) {
        grid-column-start: 1;
        grid-column-end: span 2;
        grid-row-start: 3;
        grid-row-end: 3;
    }
    .actions-new-colums-form-envelope form .form-date:nth-of-type(4) {
        width: 100%;
        grid-column-start: 1;
        grid-column-end: span 2;
        grid-row-start: 4;
        grid-row-end: 4;
    }
    .actions-new-colums-form-envelope form .form-label:nth-of-type(5) {
        grid-column-start: 1;
        grid-column-end: span 2;
        grid-row-start: 5;
        grid-row-end: 5;
    }
    .actions-new-colums-form-envelope form .form-select:nth-of-type(6) {
        grid-column-start: 1;
        grid-column-end: span 2;
        width: 100%;
        grid-row-start: 6;
        grid-row-end: 6;
        margin-bottom: 25px;
    }
    .actions-new-colums-form-envelope form .form-submit:nth-of-type(7) {
        grid-column-start: 1;
        grid-column-end: span 2;
        grid-row-start: 7;
        grid-row-end: 7;
        padding: 0;
    }
}

.ci-full {
    font-size: var(--regular-text-font-size);
}

.editor ul li::marker {
    list-style-position: inside;
}

/* ---------------- ACTIONS NEW COLUMNS END ----------------- */

ul.oznamy-new-columns-all-list-default li div.short-text-envelope-default h3 a:hover, 
ul.oznamy-graphic-all-list-default li div.short-text-envelope-default h3 a:hover, 
ul.actions-new-columns-all-list-default li div.short-text-envelope-default h3 a:hover, 
ul.actions-graphic-all-list-default li div.short-text-envelope-default h3 a:hover,
ul.oznamy-new-colums-list-default li h3 a:hover, 
ul.oznamy-graphic-list-default li h3 a:hover, 
ul.actions-new-colums-list-default li h3 a:hover, 
ul.actions-graphic-list-default li h3 a:hover {
    color: var(--text-color-black);
    text-decoration: underline;
}

div.env_oznamy h4.oznamy-subtitle, 
div.env_oznamy_uvod h4.oznamy-subtitle, 
h4.oznamy-subtitle,
.column h4 {
    width: auto;
    font-weight: bold;
    text-align: left;
    color: var(--h4-color);
}

div.env_oznamy h4.oznamy-subtitle a, 
div.env_oznamy_uvod h4.oznamy-subtitle a, 
h4.oznamy-subtitle a, div.env_oznamy h3 a {
    background: none;
    text-decoration: underline;
}


/* --------------------------- LINKS ON THE HOMEPAGE ---------------------------- */
.env_text_obrazok.first-banner-links .first-banners {
    display: flex;
    flex-wrap: wrap;
}

.env_text_obrazok.first-banner-links .first-banners p {
    margin: 0 auto;
    width: 48%;
}

.env_text_obrazok.first-banner-links .first-banners p:first-of-type {
    margin-left: 0;
}

.env_text_obrazok.first-banner-links .first-banners p:last-of-type {
    margin-right: 0;
}

.env_text_obrazok.first-banner-links .first-banners p a:hover {
    display: block;
    width: 100%;
    height: 96%;
    box-shadow: 0 0 25px -10px var(--main-color);
}

.main-links-img {
    margin-top: 25px;
}

.env_text_obrazok.main-links-img .main-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.env_text_obrazok.main-links-img .main-links p {
    width: 13%;
    max-width: 150px;
    min-width: 137px;
    margin-bottom: 25px;
}

.env_text_obrazok.main-links-img .main-links p a {
    display: flex;
    width: 100%;
    flex-flow: column;
    text-align: center;
    align-items: center;
    justify-content: flex-end;
    padding: 0 10px;
    height: 190px;
    transition-duration: 0.3s;
    font-size: 0.875em;
    color: var(--text-color-black);
    font-weight: bold;
}

/* --------------------------- LINKS ON THE HOMEPAGE END ---------------------------- */

/* --------------------------- TABBED ---------------------------- */

h2.oznamy-new-columns a.oznamy-new-columns-all-link,
h2.actions-new-columns a.actions-new-columns-all-link,
.env_elektronicka_uradna_tabula_stlpec ul.links-to-all-items li a {
    display: block;
    float: right;
    margin-right: 5px;
    padding: 0;
    line-height: normal;
    color: var(--show-all-color) !important;
    text-decoration: none;
    font-weight: normal;
    height: auto;
    width: auto;
    margin-right: 1rem;
    border-bottom: 1px solid;
    position: relative;
    background: none;
    text-transform: none;
    top: 0;
    right: 0;
    font-size: var(--regular-text-font-size);
    transition: all 0.3s ease-in-out;
}

h2.oznamy-new-columns a.oznamy-new-columns-all-link:hover,
h2.actions-new-columns a.actions-new-columns-all-link:hover {
    /*border-bottom: 3px solid;*/
    letter-spacing: 1px;
    text-decoration: none !important;
}

a.actions-new-columns-all-link-default.actions-new-columns-all-link.bottom-of-module::before,
.oznamy-new-columns-all-link::before,
.actions-new-columns-all-link::before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -3px;
    left: 0;
    background-color: var(--show-all-color);
    visibility: hidden;
    transition: all 0.35s ease-in-out;
}

a.actions-new-columns-all-link-default.actions-new-columns-all-link.bottom-of-module:hover::before,
.oznamy-new-columns-all-link:hover::before,
.actions-new-columns-all-link:hover::before {
    width: 100%;
    visibility: visible;
}

.oznamy-new-columns-all-link {
    text-transform: none;
}

#menu-navigation-inner {
    padding: 0 !important;
}

.env_fotogaleria_multi h2 {
    display: none;
}

#reg-user-add-submit-fs tr:first-of-type p {
    display: none;
}

#reg-user-add-submit-fs tr:first-of-type a {
    text-decoration: underline;
    font-size: var(--regular-text-font-size);
}

#reg-user-add-submit-fs tr:first-of-type a:hover {
    text-decoration: none;
    border-bottom: 3px solid;
    transition-duration: 0.3s;
}

#reg-user-add-submit-fs tr:nth-of-type(2) {
    margin-top: 1rem;
}

#reg-user-add-submit-fs tr:nth-of-type(2) td.automatic-col-1 {
    max-width: 5%;
}

#reg-user-add-submit-fs tr:nth-of-type(2) td.automatic-col-1 input {
    height: 2rem !important;
    width: 2rem !important;
}

#reg-user-add-submit-fs tr:nth-of-type(2) td.automatic-col-2 {
    max-width: 50%;
    display: flex;
    align-items: center;
}

div.tabbed-page-modules-envelope li.tabbed-page-modules-li {
    display: inline-flex !important;
    vertical-align: baseline;
    margin: 0 0 0 !important;
    background: var(--bg-color-white);
    width: auto;
}

div.tabbed-page-modules-envelope li.tabbed-page-modules-li a {
    background: var(--zalozky-bg) !important;
    padding: 0.75rem !important;
    color: var(--zalozky-text) !important; 
    font-weight: 700;
    /*margin: 0.5em auto !important;*/
    font-size: 1.25rem;
    line-height: 150%;
    white-space: pre-wrap !important;
    width: 100%;
    /* text-transform: uppercase; */
    /*border: 2px solid transparent;*/
    border-bottom: 2px solid var(--zalozky-border-bottom) !important;
/*    border-top: 2px solid transparent !important;*/
    border-radius: 0 0 0 0;
    display: flex !important;
    align-items: center;
    min-height: 50px;
    height: auto;
    transition-duration: 0.3s;
}

div.tabbed-page-modules-envelope li.tabbed-page-modules-li a:hover, 
div.tabbed-page-modules-envelope li.tabbed-page-modules-li a.current {
    position: relative;
/*    transition: all 0.3s ease-in-out;*/
    border-bottom: 2px solid var(--zalozky-border-bottom-active) !important;
    background: var(--zalozky-bg-active) !important;
    color: var(--zalozky-text-active) !important;
    border-radius: 10px 10px 10px 10px;
}

/*div.tabbed-page-modules-envelope li.tabbed-page-modules-li a:hover::before,*/
div.tabbed-page-modules-envelope li.tabbed-page-modules-li a.current::before {
    display: none;
    content: '';
    clear: both;
    background: url('zalozky-before.png') no-repeat !important;
    width: 20px;
    height: 15px;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    z-index: 2;
    margin: 0 auto;
    position: absolute;
}

div.tabbed-page-modules-envelope li.tabbed-page-modules-li a.current::after {
    display: none;
    content: '';
    clear: both;
    width: 0;
    height: 0;
    bottom: -12px;
    left: 50%;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--zalozky-bg-active);
    border-left: 10px solid transparent;
    /* transform: translateX(-50%) rotate(45deg); */
    transform: translateX(-50%);
    right: auto;
    z-index: 1;
    margin: 0 auto;
    position: absolute;
}

div.tabbed-page-modules-envelope {
    margin: 0 !important;
    padding: 0;
    text-align: left;
}

div.tabbed-page-modules-envelope ul.tabbed-page-modules {
    margin: 0;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin: 0 0 2rem;
    text-align: center;
    justify-content: center;
    gap: 10px;
    row-gap: 10px;
}

a.actions-new-columns-all-link-default.actions-new-columns-all-link.bottom-of-module,
a.oznamy-new-columns-all-link {
    display: table;
    padding: 0;
    margin: 2rem auto 3rem;
    line-height: normal;
    color: var(--show-all-color) !important;
    text-decoration: none;
    font-weight: normal;
    height: auto;
    width: auto;
    border-bottom: 1px solid;
    transition-duration: .2s;
    position: relative;
    top: 0;
    right: 0;
    font-size: var(--regular-text-font-size);
    transition: all 0.3s ease-in-out;
}

a.actions-new-columns-all-link-default.actions-new-columns-all-link.bottom-of-module:hover,
a.oznamy-new-columns-all-link:hover {
    letter-spacing: 1px;
    border-bottom: 3px solid;
}

.zasadenie-envelope a:hover {
/*    border-bottom: none !important;*/
}

.actions-price-default.actions-price {
    padding-left: 0.5rem;
    font-weight: 600;
    text-align: right;
    font-size: var(--smaller-text-font-size);
}

div.oznamy-new-columns-item-back-default,
div.oznamy-graphic-item-back-default,
div.actions-new-columns-item-back-default,
div.actions-graphic-item-back-default,
div.zasadania-item-back-default {
    display: block;
    text-align: right;
    margin: 1rem auto !important;
}

aside .env_text_obrazok.kontakty {
    margin-bottom: 2rem;
}

#left-column .editor p,
#right-column .editor p {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

aside#left-column .env_text_obrazok.kontakty .editor p {
    margin-bottom: 0.25rem;
    display: block;
}

#right-column .editor p#phone-aside span,
#left-column .editor p#phone-aside span {
    margin-left: 1.5rem;
}

#right-column .editor p#phone-aside::before,
#left-column .editor p#phone-aside::before,
#left-column .editor p#mobile-aside::before,
#right-column .editor p#mobile-aside::before,
#left-column .editor p#mail-aside::before,
#right-column .editor p#mail-aside::before {
    transition-duration: 0.3s;
    display: inline-block;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    width: 1.5rem;
    clear: both;
    font: normal normal normal 18px/1 FontAwesome;
    left: 0;
    top: 0;
    z-index: 1;
    position: relative;
    color: var(--main-color);
}

#left-column .editor p#mobile-aside::before,
#right-column .editor p#mobile-aside::before {
    content: '\f3ce';
}

#right-column .editor p#phone-aside::before,
#left-column .editor p#phone-aside::before {
    content: '\f095';
}

#left-column .editor p#mail-aside::before,
#right-column .editor p#mail-aside::before {
    content: '\f0e0';
}

a.month_prev::after {
    display: flex;
    justify-content: center;
    align-items: center;
    clear: both;
    content: '\f104';
    clear: both;
    font: bold normal normal 16px/1 FontAwesome;
    bottom: auto;
    left: 0;
    width: 16px;
    height: 23px;
    margin: 0;
    z-index: 0;
    position: relative;
    transition-duration: 0.3s;
    color: var(--main-color);
}

a.month_next::after {
    display: flex;
    justify-content: center;
    align-items: center;
    clear: both;
    content: '\f105';
    clear: both;
    font: bold normal normal 16px/1 FontAwesome;
    bottom: auto;
    right: 0;
    width: 16px;
    height: 23px;
    margin: 0;
    z-index: 0;
    position: relative;
    transition-duration: 0.3s;
    color: var(--main-color);
}

a.month_prev:hover,
a.month_next:hover {
    border-bottom: none !important;
    text-decoration: underline !important;
    text-decoration-thickness: 2px !important;
    color: var(--main-color);
}

div.kalendar_podujati_month {
    border-radius: 3px;
    font-size: var(--regular-text-font-size);
    background: var(--bg-calendar-heading);
    color: var(--calendar-heading-color);
    border-radius: 10px;
    display: flex;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
}

ul.kalendar_podujati_days li a.with-actions {
    color: var(--calendar-with-actions-color);
    /*font-size: var(--regular-text-font-size);*/
}

ul.kalendar_podujati_days li.today a.with-actions {
    border: 2px solid var(--calendar-border) !important;
    border-radius: 3px;
    background: var(--bg-calendar-active);
    font-weight: 700;
    text-decoration: underline;
}

ul.kalendar_podujati_days li.today a {
    color: var(--calendar-with-actions-color-active);
    background: var(--bg-calendar-active);
    border: 2px solid var(--calendar-with-actions-color-active);
    border-radius: 10px;
    transition-duration: 0.3s;
}

ul.kalendar_podujati_days li a:hover,
ul.kalendar_podujati_days li.today a:hover {
    background: var(--main-color);
    transform: translateY(0);
    border-radius: 10px;
    color: var(--link-color-white);
}

ul.kalendar_podujati_days li.today a.with-actions:hover,
ul.kalendar_podujati_days li.today a:hover {
    background: var(--link-color-main);
    color: var(--link-color-white);
}

ul.kalendar_podujati_days li a.with-actions:hover::after,
ul.kalendar_podujati_days li.today a.with-actions:hover::after,
ul.kalendar_podujati_days li.today a:hover::after {
    background: var(--bg-color-white);
}

ul.kalendar_podujati_day_of_week li {
    color: var(--calendar-dates-color);
    font-size: var(--regular-text-font-size);
    background: var(--bg-calendar-collapsed);
    width: 100%;
}

ul.kalendar_podujati_day_of_week li:last-child {
    color: var(--calendar-nedela-color);
}

ul.kalendar_podujati_days li a.with-actions:after {
    background: var(--bg-calendar-with-actions-after);
    top: 8px;
    right: 10%;
}

.actions-new-colums-envelope-default.items a.actions-new-columns-all-link-default.actions-new-columns-all-link.bottom-of-module {
    display: inline-block;
    margin: 0;
}

.responsive-table-envelope {
    overflow-x: hidden !important;
    min-height: auto;
    margin-bottom: 3rem;
}

.podrobny_kalendar {
    display: block;
    padding: 0 0.25rem;
}

.podrobny_kalendar a {
    text-decoration: underline;
    font-size: var(--regular-text-font-size);
    color: var(--link-color-main);
}

.podrobny_kalendar a:hover {
    border-bottom: 3px solid;
}

.inactive.other_month,
.inactive.other_month a {
    color: #737475;
    cursor: default;
}

.inactive.other_month a:hover {
    color: var(--link-color-white);
    background: transparent;
}

ul.kalendar_podujati_days li a.with-actions:after {
    width: 6px;
    height: 6px;
}

div.menu_hlavicka_l.with-add span,
div.menu_hlavicka_r.with-add span {
    float: none !important;
    width: 100%;
    display: flex;
    height: auto;
    min-height: 60px;
    align-items: center;
    box-sizing: border-box;
    margin: 0 0 1rem;
    padding: 0 1rem;
    position: relative;
    text-align: left;
    font-weight: var(--aside-h2-font-weight);
    list-style: none;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    overflow: auto;
    background: var(--right-column-header-bg);
    color: var(--right-column-header-color);
    font-size: 1.4375rem;
    transition: all 0.15s ease-in-out;
}

.env_actions_portal_calendar_with_top > div > .module_body {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 23px;
    justify-content: center;
}

.env_actions_portal_calendar_with_top.action-detail-generated > div > .module_body:nth-of-type(2) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
}

.module_envelope.env_actions_portal_calendar_with_top {
    max-width: var(--content-width);
    margin: 0 auto;
}

.data-part-envelope-default.act-perex .data-value {
    width: 100%;
}

.env_actions_portal_kalendar .act-perex,
.action-detail-generated .act-perex {
    grid-column: 1/3;
}

h3.oznamy-new-columns-list-head.calendar {
    font-size: var(--h3-font-size);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.75rem;
    text-transform: none;
    width: auto;
}

div.actions-new-columns-item-back-default {
    grid-column: 2/3;
    width: 100%;
}

#homepage_0 .env_actions_portal_calendar_with_top h2.oznamy-new-columns-default.oznamy-new-columns.with-calendar::after {
    display: none;
}

#homepage_0 .env_actions_portal_calendar_with_top h2,
.env_actions_portal_calendar_with_top h2,
h3 {
    /*font-size: var(--h3-font-size);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.75rem;
    text-transform: none;
    width: auto;*/
}

#homepage_0 .env_actions_portal_calendar_with_top h2,
.env_actions_portal_calendar_with_top h2 {
    padding: 26px 2px !important;
    margin: 0;
    flex-grow: 1;
    font-weight: 700;
    text-align: left;
    color: #000;
    background: none;
    font-size: 21px;
    border: none;
    width: auto;
    line-height: unset;
    max-width: var(--content-width);
    margin: 0 auto;
}

#homepage_0 .env_actions_portal_calendar_with_top h2::before,
.env_actions_portal_calendar_with_top h2::before {
    display: inline-flex;
    content: '';
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #B3D1E8;
    position: relative;
    left: 0;
    bottom: 0;
    margin-right: 10px;
}

#homepage_0 .env_actions_portal_calendar_with_top h2::after,
.env_actions_portal_calendar_with_top h2::after {
    display: none;
}

#homepage_0 .env_actions_portal_calendar_with_top h2::before,
#homepage_0 .env_actions_portal_calendar_with_top h2::before,
#homepage_0 .actions-new-colums-envelope-default.calendar h3.actions-new-columns-list-head.default::before {
    /*content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: #CA9E67;
    border-radius: 50%;
    position: relative;*/
}

.actions-new-colums-envelope-default.calendar.right,
.actions-new-colums-envelope-default.items.left {
    width: 48%;
    
}

.actions-new-colums-envelope-default.calendar,
.actions-new-colums-envelope-default.items {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

div.kalendar_podujati_month {
    text-align: center;
    padding: 0.75rem 0.5rem;
    margin: 0.5rem auto;
    display: flex;
    align-items: center;
    font-weight: 700;
    width: 100%;
    justify-content: space-between;
}

.actions-new-colums-envelope-default.calendar.right div.kalendar_podujati_month {
    padding: 25px 2px;
}

div.kalendar_podujati_month span {
    position: relative;
    display: flex;
    align-items: center;
}

.user-form-required-alert-default.user-form-required-alert {
    display: none;
}

.actions-new-colums-envelope-default.calendar h3.actions-new-columns-list-head.default {
    padding: 0px !important;
    margin: 0;
    flex-grow: 1;
    font-weight: 700;
    color: #000;
    justify-content: flex-start;
    align-items: center;
    background: none;
    font-size: 21px;
    border: none;
    width: auto;
    line-height: unset;
}

div.kalendar_podujati_month a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100% !important;
    text-decoration: none;
    margin: 0;
    border: none;
}

div.kalendar_podujati_days {
    background: var(--bg-color-white);
    border-radius: 3px;
    /*border: 2px solid #5e5e5e;*/
    width: 100%;
}

.env_actions_portal_kalendar ul.kalendar_podujati_day_of_week li {
    width: 100% !important;
}

ul.kalendar_podujati_days {
    /*border-top: 2px solid #5e5e5e;*/
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

ul.kalendar_podujati_day_of_week {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    border-bottom: 1px solid #f5f5f5;
}

ul.kalendar_podujati_days li {
    width: 100%;
    font-size: var(--regular-text-font-size);
    margin: 0;
}

.actions-portal-filter-envelope-default .filter-trigger {
    font-size: var(--regular-text-font-size);
    display: flex !important;
    justify-content: space-between;
    padding: 0.75rem 0.25rem !important;
    font-weight: 700;
}

.actions-portal-filter-envelope-default .filter-trigger::after {
    display: flex;
    content: '\f0dd';
    font: bold normal normal 16px/1 FontAwesome;
    clear: both;
    color: var(--main-color);
    width: auto;
    height: auto;
    top: -3px;
    left: auto;
    right: 0;
    z-index: 1;
    position: relative;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

.actions-portal-filter-envelope-default,
.actions-portal-filter-envelope {
    border: none !important;
    border-bottom: 2px solid #B3D1E8 !important;
    margin-bottom: 1rem;
}

.form-part-envelope-default.submit {
    padding: 0 !important;
    margin: 0.5rem auto;
}

.actions-portal-filter-envelope-default .filter-body {
    padding: 0.25rem !important;
}

.actions-portal-filter-envelope-default .filter-body form {
    display: grid;
    font-size: var(--regular-text-font-size);
    gap: 0.5rem;
}

.actions-portal-filter-envelope-default .filter-body form div.form-part-envelope {
    display: grid;
    gap: 0.5rem;
    width: 100%;
}

.actions-new-colums-form-envelope.items ul.actions-new-colums-envelope-default.item li {
    display: grid;
    grid-template-columns: 245px auto;
    grid-auto-rows: auto;
    background: #fff;
    min-height: 164px;
    height: auto;
    align-items: center;
    margin: 0 0 24px;
    border-radius: 3px;
    /*border-bottom: 1px solid #ddd;*/
    transition-duration: 0.35s;
}

.actions-new-colums-form-envelope.items ul.actions-new-colums-envelope-default.item li.without-image div.image-envelope-default {
    background: url('obec-informuje.png');
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 145px;
    border-radius: 10px;
}

.actions-new-colums-form-envelope.items ul.actions-new-colums-envelope-default.item li.without-image div.image-envelope-default .noimage-inner {
    position: relative;
}

.actions-new-colums-form-envelope.items ul.actions-new-colums-envelope-default.item .image-envelope-default {
    grid-column: 1;
    grid-row: 1/5;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 164px;
    overflow: hidden;
    border-radius: 3px;
}

.actions-new-colums-form-envelope.items ul.actions-new-colums-envelope-default.item .image-envelope-default a {
    width: 100%;
    max-height: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: none;
    position: relative;
    border-radius: 3px;
}

.actions-new-colums-form-envelope.items ul.actions-new-colums-envelope-default.item .image-envelope-default img {
    max-width: 100%;
    width: auto;
}

.actions-new-colums-envelope-default.items .actions-date-bubble.calendar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: var(--main-color);
    color: #fff;
    width: auto;
    padding:  4px 16px;
    height: auto;
    border-radius: 3px;
    left: 0;
    top: 0;
    box-shadow: 0 0 10px -3px;
    transition: all 0.3s ease-in-out;
}

.actions-new-colums-envelope-default.items .time-item-common {
    display: none;
}

.actions-new-colums-form-envelope.items ul.actions-new-colums-envelope-default.item .short-text-envelope-default {
    grid-column: 2;
    grid-row: 1;
    padding: 5px 20px 5px 10px;
}

.actions-new-colums-form-envelope.items .short-text-envelope-default h3 {
    padding: 0;
    margin-bottom: 10px;
}

.actions-new-colums-form-envelope.items .short-text-envelope-default h3::before {
    display: none;
}

.actions-new-colums-form-envelope.items .short-text-envelope-default h3 a {
    color: var(--main-color);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-decoration: underline;
}

.actions-new-colums-form-envelope.items .short-text-envelope-default h3 a:hover {
    text-decoration-thickness: 3px;
}

.actions-new-colums-form-envelope.items ul.actions-new-colums-envelope-default.item .actions-place-default {
    grid-column: 2;
    grid-row: 2;
    padding: 0 20px 0 6px;
    font-size: var(--regular-text-font-size);
}

.actions-new-colums-form-envelope.items ul.actions-new-colums-envelope-default.item .actions-date-default {
    grid-column: 2;
    grid-row: 4;
    font-weight: bold;
    padding: 0 20px 20px 6px;
    font-size: var(--smaller-text-font-size);
}

.actions-new-colums-envelope-default.items .time-item-common {
    display: none;
}

.actions-new-colums-form-envelope.items ul.actions-new-colums-envelope-default.item .short-text-default {
    display: none;
}

/* --------------------------- TABBED END ------------------------- */

div.reklamny-partner,
div.module_header_info,
div.module_header_calendar,
div.module_header_register,
div.calendar_of_actions,
div.env_ankety div.menu_hlavicka_r,
div.env_napiste_nam div.menu_hlavicka_r a {
    width: 100%;
    display: flex;
    height: auto;
    min-height: 60px;
    align-items: center;
    box-sizing: border-box;
    margin: 0 0 1rem;
    padding: 0;
    position: relative;
    text-align: left;
    font-weight: var(--aside-h2-font-weight);
    list-style: none;
    border-top: none;
    border-right: none;
    border-bottom: 2px solid var(--aside-h2-border-bottom);
    border-left: none;
    overflow: auto;
    background: var(--right-column-header-bg);
    color: var(--right-column-header-color);
    font-size: 1.4375rem;
    transition: all 0.15s ease-in-out;
}

div.env_napiste_nam div.menu_hlavicka_r a:hover {
    transform: none !important;
    text-decoration: underline;
    text-decoration-thickness: 3px;
    border-bottom: 2px solid var(--aside-h2-border-bottom) !important;
}

#reg-user-add-submit-fs tr:nth-of-type(2) {
    justify-content: center;
}

#reg-user-add-submit-fs tr:nth-of-type(2) td.automatic-col-1 {
    /*display: none;*/
}

.env_kalendar_podujati {
    margin-bottom: 2rem !important;
}

div.ank_question {
    font-size: var(--regular-text-font-size);
}

div.env_ankety a {
    font-size: var(--regular-text-font-size);
    color: var(--anketa-color);
    text-underline-offset: 2px;
    text-decoration: underline;
}

div.env_ankety a:hover {
    text-decoration: underline !important;
    text-decoration-thickness: 3px !important;
}

div.ank_real {
    background: var(--main-color);
}

div.ank_real_count {
    font-size: var(--regular-text-font-size);
    color: var(--anketa-color);
}

.env_info_hot {
    margin-bottom: 2rem !important;
}

.env_info_hot h4 a {
    color: var(--oznamy-link-color);
    font-size: var(--regular-text-font-size);
    transition: all 0.3s ease-in-out;
    border-bottom: 2px solid transparent;
    text-decoration: underline;
}

.env_info_hot h4 a:hover {
    /*color: var(--link-color-black);*/
    /*text-decoration: underline;*/
    border-bottom: 2px solid;
}

.module_body_r p.info_body_hot {
    padding: 0 5px 0 0;
    font-size: var(--regular-text-font-size);
}

.module_body_r div.item_separator {
    border-bottom: 1px solid #ddd;
    padding-top: 1rem;
    margin-bottom: 1rem;
}

div.ci-short a,
div.env_oznamy div.ci-short a,
div.env_oznamy_uvod div.ci-short a {
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

div.ci-short a:hover,
div.env_oznamy div.ci-short a:hover,
div.env_oznamy_uvod div.ci-short a:hover {
    text-decoration: none;
    border-bottom: 3px solid;
}

#homepage_0 ul.oznamy-new-columns-list p.oznamy_date, 
#homepage_0 ul.actions-new-columns-list p.oznamy_date {
    /*text-align: left;*/
    /*margin: 1rem 0 0;*/
    position: relative;
    display: flex;
    flex-wrap: wrap;
/*    flex-direction: column;*/
    overflow: hidden;
    padding: 0.5rem;
    height: auto;
    /*max-height: 3.15em;*/
    bottom: 0;
    right: 0;
    overflow: hidden;
    font-size: var(--smaller-text-font-size);
    /*right: 0;*/
    color: var(--text-color-black);
    border-bottom: none;
    /*width: 100%;*/
    float: right;
    justify-content: flex-start;
}

ul.oznamy-new-columns-list p.oznamy_date,
ul.actions-new-columns-list p.oznamy_date {
    position: relative;
    text-align: right;
    bottom: 0;
    right: 0;
    grid-column: 2;
    align-self: end;
}

.oznamy-zverejnene {
    margin-right: 0.5rem;
}

ul.oznamy-new-columns-list li div.short-text, 
ul.actions-new-columns-list li div.short-text {
    box-sizing: border-box;
    padding: 0 1rem !important;
    overflow: hidden;
    font-weight: normal;
    text-align: left;
    margin: 0 0 0;
    color: var(--text-color-black);
    word-break: break-word;
    font-size: var(--regular-text-font-size);
    /*width: 100%;*/
    height: fit-content;
    line-height: 150%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    grid-column: 2;
}

#homepage_0 ul.oznamy-new-columns-list li div.short-text, 
#homepage_0 ul.actions-new-columns-list li div.short-text {
    /*display: none;*/
    min-height: 3.5rem;
    padding: 0 0.5rem !important;
}

ul.oznamy-new-colums-list-default li div.image-envelope-default a, 
ul.oznamy-graphic-list-default li div.image-envelope-default a, 
ul.actions-new-colums-list-default li div.image-envelope-default a, 
ul.actions-graphic-list-default li div.image-envelope-default a {
    width: 100%;
    height: auto;
    display: grid;
    justify-content: center;
    max-height: 100%;
    overflow: hidden;
    border-radius: 10px;
}

main div.module_envelope.env_common_items_columns_responsive ul.oznamy-new-columns-list,
main div.env_actions_portal_column_responsive ul.actions-new-columns-list {
    display: grid;
    grid-template-columns: 100%;
    width: 100%;
    gap: 1.5vw;
    margin: 1rem auto 2rem;
    justify-items: center;
}

#homepage_0 main div.module_envelope.env_common_items_columns_responsive ul.oznamy-new-columns-list,
#homepage_0 main div.env_actions_portal_column_responsive ul.actions-new-columns-list {
    grid-template-columns: repeat(3, 1fr);
}

div.tabbed-page-modules-envelope li.tabbed-page-modules-li a:focus {
    z-index: 2;
}

div.actions-new-colums-form-envelope-default.actions-new-colums-form-envelope form {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

ul.actions-new-columns-all-list-default.actions-new-columns-all-list .actions-date-default.actions-date {
    order: 3;
}

ul.actions-new-columns-all-list-default.actions-new-columns-all-list .actions-date-default.actions-date .adate-text {
    align-items: flex-end;
    font-size: var(--smaller-text-font-size);
}

ul.oznamy-new-columns-all-list-default li div.short-text-envelope-default h3::after,
ul.oznamy-graphic-all-list-default li div.short-text-envelope-default h3::after,
ul.actions-new-columns-all-list-default li div.short-text-envelope-default h3::after,
ul.actions-graphic-all-list-default li div.short-text-envelope-default h3::after {
    display: none;
}

ul.actions-new-columns-list li div.actions-date {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding: 0.25rem 0.5rem 1rem;
    height: auto;
    bottom: 0;
    right: 0;
    overflow: hidden;
    font-size: var(--smaller-text-font-size);
    color: var(--text-color-black);
    border-bottom: none;
    gap: 0.25rem;
    justify-content: flex-start;
    z-index: 1;
    font-weight: 400;
}

ul.actions-new-columns-list li div.actions-date .action-time:first-of-type {
    display: none;
}

#homepage_0 ul.oznamy-new-columns-list li,
#homepage_0 ul.actions-new-columns-list li {
    height: fit-content !important;
    max-height: max-content;
    max-width: unset;
    border: none;
    box-sizing: border-box;
    display: flex;
    width: 100% !important;
    min-height: 100%;
    margin: 0 0 0;
    padding: 0;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    overflow: visible;
    position: relative;
    transition-duration: 0.3s;
    background: var(--bg-color-white);
    border-bottom: 1px solid #ddd;
}

#captcha-new-envelope {
    width: 95% !important;
    max-width: 430px;
}

#captcha-new-envelope input[type="text"] {
    margin: 1rem 0;
}

ul.oznamy-new-columns-list li,
ul.actions-new-columns-list li {
    height: auto !important;
    height: fit-content !important;
    border: none;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: var(--oznamy-width) auto;
    column-gap: 0.75rem;
    flex-wrap: wrap;
    width: 100% !important;
    min-height: auto;
    margin: 0 0 0.5rem;
    padding: 0 0 0.5rem;
    overflow: visible;
    position: relative;
    transition-duration: 0.3s;
    border-bottom: 1px solid #ddd;
    /*box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);*/
}

ul.oznamy-new-columns-list li:hover, 
ul.actions-new-columns-list li:hover {
    background:  linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
    transform: translateY(-3px);
    /*border-radius: 0.5rem 0.5rem 0 0;*/
    /*border-bottom: 1px solid var(--main-color);*/
    box-shadow: 0 15px 40px -30px var(--box-shadow-dark);
}

ul.oznamy-new-columns-list li img,
ul.actions-new-columns-list li img {
    transition-duration: 0.3s;
}

ul.oznamy-new-columns-list li:hover img,
ul.actions-new-columns-list li:hover img {
    border-radius: 0 /* 0.5rem 0 0*/;
    transition-duration: 0.3s;
}

.env_kalendar_podujati a,
.env_napiste_nam .menu_hlavicka_l a {
    color: var(--aside-h2-color);
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

.env_kalendar_podujati div.menu_hlavicka.menu_hlavicka_l.calendar_of_actions a {
    margin: 0;
    transition-duration: 0.3s;
}

.env_kalendar_podujati div.menu_hlavicka.menu_hlavicka_l.calendar_of_actions a:hover,
.env_napiste_nam .menu_hlavicka_l a:hover {
    border-bottom: 3px solid !important;
}

.filter-envelope-body {
    display: grid;
    gap: 1rem;
    font-size: var(--smaller-text-font-size);
}

.filter-envelope-default {
    width: 100%;
}

ul.oznamy-new-columns-list li h3 a,
ul.actions-new-columns-list li h3 a {
    transition: all 0.3s ease-in-out;
    line-height: initial;
    text-decoration: underline;
}

ul.oznamy-new-columns-list li h3 a:hover,
ul.actions-new-columns-list li h3 a:hover {
    color: var(--link-color-main);
    /*text-decoration: none;*/
    text-decoration-thickness: 3px;
    /*border-bottom: 3px solid;*/
}

ul.oznamy-new-colums-list-default li div.image-envelope a:hover,
ul.actions-new-colums-list-default li div.image-envelope a:hover {
    border-bottom: none;
}

ul.oznamy-new-columns-list li:first-of-type, 
ul.actions-new-columns-list li:first-of-type {
    margin-left: 0;
}

ul.oznamy-new-columns-list li:last-of-type, 
ul.actions-new-columns-list li:last-of-type {
    margin-right: 0;
}

div.reklamny-partner {
    display: none !important;
}

div.reklamni_partneri_inner {
    margin: 0;
    display: none;
}

table.program_table td a.a-ci-link-short {
    display: block;
    width: 100%;
    height: 286px;
    overflow: hidden;
}

div.env_oznamy .program_table img {
    float: none !important;
    padding: 0;
    margin: 0 auto 7px !important;
    max-width: 100%;
    background: #fff;
    border: none;
    width: 100%;
    max-height: none !important;
    display: block;
}

ul.actions-new-columns-all-list-default li.without-image-default div.image-envelope-default,
ul.actions-graphic-all-list-default li.without-image-default div.image-envelope-default,
ul.oznamy-new-colums-list-default li.without-image-default div.image-envelope-default, 
ul.actions-new-colums-list-default li.without-image-default div.image-envelope-default {
    background: url('obec-informuje.png');
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    /*width: 100%;*/
    /*max-width: 290px;*/
    border-radius: 10px;
    /*display: none;*/
}

ul.oznamy-new-columns-all-list-default li.without-image div.image-envelope {
    background: url('obec-informuje.png');
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    width: 270px;
    height: 180px;
    border-radius: 10px;
    /*display: none;*/
}

ul.oznamy-new-colums-list-default li.without-image-default div.image-envelope-default div.noimage-inner, 
ul.actions-new-colums-list-default li.without-image-default div.image-envelope-default div.noimage-inner {
    height: var(--oznamy-height);
}

div.link_to_all_items {
    padding: 10px;
    text-align: right;
    font-size: var(--regular-text-font-size);
}

div.link_to_all_items a {
    font-size: 1em;
}

div.lost_password a {
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

div.lost_password a:hover {
    text-decoration: none;
    border-bottom: 2px solid var(--text-color-black);
}

.name_of_item a {
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

.name_of_item a:hover {
    text-decoration: none;
    border-bottom: 3px solid;
}

.env_napiste_nam_execute table.program_table tr {
    display: grid;
    grid-template-columns: minmax(80px, 15%) 85%;
    min-height: 60px;
    align-items: center;
}

.env_napiste_nam_execute table.program_table tr td {
    font-size: var(--regular-text-font-size);
    word-break: break-word;
    min-width: auto;
    width: auto !important;
}

.env_napiste_nam_execute table.program_table tr td:has(> a) {
    grid-column: 1/3;
}

.env_napiste_nam_execute table.program_table tr td > a {
    border-bottom: 1px solid;
    transition-duration: 0.3s;
}

.env_napiste_nam_execute table.program_table tr td > a:hover {
    border-bottom: 3px solid;
}

.env_actions_portal_common ul.act-list li.with-image .act-obr-envelope,
.env_actions_portal_kalendar ul.act-list li.with-image .act-obr-envelope {
    border-radius: 10px;
}

.env_actions_portal_common ul.act-list-default li.with-image h4 a {
    text-decoration: underline;
}

.env_actions_portal_common ul.act-list-default li.with-image h4 a:hover {
    text-decoration-thickness: 3px;
}

.env_actions_portal_common ul.act-list-default li span.act-list-place,
.env_actions_portal_common ul.act-list-default li span.act-list-date,
.env_actions_portal_common ul.act-list-default li span.act-list-time {
    font-size: var(--smaller-text-font-size) !important;
}

/* ------------------------------------  OZNAMY / AKCIE NOVA GRAFIKA  ------------------------------------  */
ul.oznamy-graphic-list-default, 
ul.actions-graphic-list-default {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    box-sizing: border-box;
    width: 100%;
    gap: 1.5vw;
    margin: 0;
    margin: 1rem auto 2rem;
    padding: 0 !important;
    list-style-type: none;
}

#homepage_0 ul.oznamy-graphic-list-default, 
#homepage_0 ul.actions-graphic-list-default {
    grid-template-columns: repeat(3, 1fr);
}

ul.oznamy-graphic-list-default li, 
ul.actions-graphic-list-default li {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    height: 270px;
    overflow: visible;
    border-radius: 10px;
    margin: 0;
    padding: 0;
    transition-duration: 0.5s;
}

ul.oznamy-graphic-list-default li div.all-data-envelope,
ul.actions-graphic-list-default li div.all-data-envelope {
    border-radius: 10px;
}

ul.oznamy-graphic-list-default li div.image-envelope-default,
ul.actions-graphic-list-default li div.image-envelope-default {
    overflow: visible;
    border-radius: 10px;
}

ul.oznamy-graphic-list-default li:hover, 
ul.actions-graphic-list-default li:hover {
    box-shadow: 0 2px 10px #777;
    transform: translateY(-3px);
}

div.oznamy-new-colums-form-envelope-default span.form-label-default {
    background: transparent;
}

ul.oznamy-graphic-list-default li::before, 
ul.actions-graphic-list-default li::before {
    content: '';
    width: 500px;
    height: 80px;
    opacity: 0;
    background: linear-gradient(0deg, rgba(255,255,255,0.4990371148459384) 0%, rgba(255,255,255,0.7483368347338936) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7483368347338936) 75%, rgba(255,255,255,0.5018382352941176) 100%);
    transform: rotate(-45deg) translate(-35%, -245px);
    position: absolute;
    z-index: 1;
    transition: all 0.5s ease-in-out;
    display: none;
}

ul.oznamy-graphic-list-default li:hover::before, 
ul.actions-graphic-list-default li:hover::before {
    transform: rotate(-45deg) translate(0, 270px);
    opacity: 0.5;
    transition: all 0.5s ease-in-out;
}

ul.oznamy-graphic-list-default li ul.next-oznamy-list li::before, 
ul.actions-graphic-list-default li ul.next-oznamy-list li::before {
    display: none;
}

ul.oznamy-graphic-list li div.oznamy-graphic-info-envelope, 
ul.actions-graphic-list li div.action-info-envelope {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    transition-duration: 0.5s;
    border-radius: 0 0 0 0;
    width: 100%;
    max-width: 100%;
    max-height: 80%;
    background: rgb(9, 43, 96);
    background: linear-gradient(180deg, #212D8B00 0%, #212D8B 36.71%);
    padding: 40px 15px 15px 15px;
}

ul.oznamy-new-columns-list li:hover img, ul.actions-new-columns-list li:hover img {
    transform: scale(1.2);
    filter: grayscale(1);
    transition-duration: 5s;
}

ul.oznamy-graphic-list li div.oznamy-graphic-info-envelope span,
ul.actions-graphic-list li div.action-info-envelope span {
    color: var(--text-color-white);
}
 
ul.oznamy-graphic-list-default li.next-oznamy {
    padding-right: 0;
    /*border: 2px solid #D7F1E5;*/
}

ul.oznamy-graphic-list-default li div.image-envelope-default img, 
ul.actions-graphic-list-default li div.image-envelope-default img {
    min-height: unset !important;
    /*max-width: fit-content !important;*/
    min-width: unset !important;
    transform: scale3d(1, 1, 1);
    margin: 0 auto;
}

ul.oznamy-new-colums-list-default li.without-image-default div.image-envelope-default,
ul.oznamy-graphic-list-default li.without-image-default div.image-envelope-default,
ul.actions-new-colums-list-default li.without-image-default div.image-envelope-default,
ul.actions-graphic-list-default li.without-image-default div.image-envelope-default {
    background: url('obec-informuje.png') top center no-repeat;
    opacity: 1;
    background-size: 100%;
    width: 100%;
    max-height: 183px;
}

#homepage_0 ul.oznamy-new-colums-list-default li.without-image-default div.image-envelope-default,
#homepage_0 ul.oznamy-graphic-list-default li.without-image-default div.image-envelope-default,
#homepage_0 ul.actions-graphic-list-default li.without-image-default div.image-envelope-default {
    min-height: unset;
    max-width: unset;
    display: flex;
}

ul.oznamy-graphic-list-default li div.oznamy-graphic-info-envelope-default h3, 
ul.actions-graphic-list-default li div.action-info-envelope-default h3 {
    font-weight: bold;
    background: none;
    height: 4em;
    text-decoration: none;
    margin: 0 0 5px 0;
    padding: 0;
}

ul.oznamy-graphic-list-default li div.oznamy-graphic-info-envelope-default h3::before,
ul.actions-graphic-list-default li div.action-info-envelope-default h3::before {
    display: none;
}

ul.oznamy-graphic-list-default li div.oznamy-graphic-info-envelope-default h3 a, 
ul.actions-graphic-list-default li div.action-info-envelope-default h3 a {
    font-size: var(--regular-text-font-size);
    font-weight: 700;
    background: none;
    color: var(--link-color-white);
    line-height: 150%;
    text-decoration: underline;
    text-underline-offset: 2px;
    margin: 0 0 5px 0;
    padding: 0;
    transition-duration: 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

ul.oznamy-graphic-list-default li div.oznamy-graphic-info-envelope-default h3 a:hover,
ul.actions-graphic-list-default li div.action-info-envelope-default h3 a:hover {
    text-decoration-thickness: 3px;
}

ul.oznamy-graphic-list-default li.next-oznamy div.all-data-envelope, 
ul.actions-graphic-list-default li.next-actions div.all-data-envelope {
    background: var(--bg-color-secondary);
    box-sizing: border-box;
    color: var(--text-color-black) !important;
    padding: 20px 20px 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}

ul.oznamy-graphic-list-default li.next-oznamy h3, 
ul.actions-graphic-list-default li.next-actions h3 {
    background: none;
    padding: 0;
    margin: 0;
    color: var(--text-color-black);
    height: auto;
    font-size: var(--regular-text-font-size);
    font-weight: bold;
}

ul.oznamy-graphic-list-default li.next-oznamy ul.next-oznamy-list li a, 
ul.actions-graphic-list-default li.next-actions ul.next-actions-list li a {
    box-sizing: border-box;
    width: fit-content;
    font-size: var(--smaller-text-font-size);
    max-width: 100%;
    color: var(--link-color-black);
    text-decoration: underline;
    height: auto;
    /*line-height: 150%;*/
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition-duration: 0.3s;
}

ul.oznamy-graphic-list-default li.next-oznamy ul.next-oznamy-list li, 
ul.actions-graphic-list-default li.next-actions ul.next-actions-list li {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: auto;
    border: none;
    overflow: visible;
    margin: 0 0 5px;
    padding-left: 1rem;
    font-size: 1em;
    color: var(--text-color-black);
    border-radius: unset;
    position: relative;
}

ul.oznamy-graphic-list-default li.next-oznamy ul.next-oznamy-list li::before, 
ul.actions-graphic-list-default li.next-actions ul.next-actions-list li::before {
    display: none;
}

ul.oznamy-graphic-list-default li.next-oznamy ul.next-oznamy-list li:hover, 
ul.actions-graphic-list-default li.next-actions ul.next-actions-list li:hover {
    transform: none !important;
    box-shadow: none;
}

ul.oznamy-graphic-list-default li.next-oznamy ul.next-oznamy-list li a::before, 
ul.actions-graphic-list-default li.next-actions ul.next-actions-list li a::before {
    content: '';
    width: 4px;
    height: 4px;
    background: #000;
    display: block;
    position: absolute;
    left: 2px;
    top: calc(50%/* - 0.5px*/);
    bottom: auto;
    border-radius: 50%;
}

ul.oznamy-graphic-list-default li.next-oznamy ul.next-oznamy-list li a:hover, 
ul.actions-graphic-list-default li.next-actions ul.next-actions-list li a:hover,
ul.oznamy-graphic-list-default li.next-oznamy .oznamy-graphic-all-link:hover, 
ul.actions-graphic-list-default li.next-actions .actions-graphic-all-link:hover {
    text-decoration-thickness: 3px;
}

ul.kalendar_podujati_days li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    height: 50px;
    /*border-bottom: 3px solid transparent;*/
}

ul.kalendar_podujati_days li a.with-actions {
    transition: all 0.3s ease-in-out;
}

ul.kalendar_podujati_days li a.with-actions:hover {
    transform: translateY(0);
    border-radius: 3px;
    background: var(--main-color);
    /*font-weight: 700;*/
}

.main-links-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 2.5rem;
    row-gap: 4rem;
    justify-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 2rem;
    max-width: var(--content-width);
    padding: 0 0.5rem;
}

.main-links-container .link-column {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 100%;
    height: 226px;
    margin: 0;
    /*text-decoration: underline;*/
}

.main-links-container .link-column:hover {
    text-decoration: none;
}

.main-links-container .link-column p.link-img {
    /*background: var(--main-color) url('bg-links.png') repeat-x center center;*/
    /*margin-bottom: 10px;*/
    width: 100%;
    height: 226px;
    margin-bottom: 2rem;
    /*padding: 0 35px;*/
    transition: all 0.25s ease-in-out;
}

.main-links-container .link-column p.link-img:hover {
    background: var(--bg-color-white);
}

.main-links-container .link-column p.link-img a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
    width: 100%;
    text-decoration: none !important;
    color: var(--text-color-white);
    transition: all 0.25s ease-in-out;
}

.main-links-container .link-column p.link-img a img {
    padding: 0;
    min-height: 100%;
    height: auto !important;
}

.link-text {
    border: 2px solid var(--bg-color-primary);
    width: 100%;
    height: 142px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    max-width: 230px;
}

.useful h2 {

}

.useful .link-text {
    height: 134px;
}

.link-text p a {
    color: var(--link-color-black);
    font-size: var(--regular-text-font-size);
}

.link-text p a:hover {
    text-decoration: none;
    border-bottom: 3px solid;
}

.main-links-container .link-column p.link-img a span {
    width: 100%;
    transition: all 0.25s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 275%;
    overflow: hidden;
    border-radius: 10px;
}

.useful .main-links-container .link-column p.link-img a:hover > .link-name {
    background: var(--bg-color-secondary);
    color: var(--link-color-dark) !important;
}

.useful .link-column p.link-img a:hover {
    /*background: #fff;*/
}

/* ---------------------- USEFUL LINKS ------------------- */
.main-links-container .link-column p.link-img a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    overflow: visible;
    border-radius: 10px;
    text-decoration: none !important;
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.main-links-container .link-column p.link-img a:hover {
    border-bottom: none;
}

.main-links-container .link-column p.link-img a img {
        transition: all 3s ease-out;
}

.main-links-container .link-column p.link-img a:hover span > img {
    opacity: 0.7;
    transform: scale(1.1);
}

.link-column p.link-img a .link-name:hover {
    /*background: transparent;*/
    /*color: var(--text-color-white);*/
}

.useful .link-column p.link-img {
    background: var(--main-color);
    margin: 0;
    max-width: 266px;
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 10px;
    overflow: visible;
    transition-duration: 0.25s;
}

.useful .link-column p.link-img a .link-name {
    color: var(--text-color-white);
    font-size: var(--regular-text-font-size);
    text-align: center;
    height: 100%;
    display: flex;
    width: 100%;
    border-radius: 10px;
    padding: 0;
    font-weight: 600;
    background: linear-gradient(180deg, rgba(53,132,1,1) 0%, rgba(35,86,1,1) 100%);
}

.useful .main-links-container .link-column p.link-img a img {
    width: 100%;
    margin: 0;
    padding: 0;
}

.partners {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 25px 0;
    align-items: center;
}

.partners p {
    width: 20%;
    min-width: 150px;
    transition: all 0.25s ease-in-out;
    display: flex;
    justify-content: space-around;
    margin: 10px 0;
}

.partners p:hover {
    zoom: 1;
    opacity: 1;
    transform: translateY(-4px);
    transform: rotate(3deg);
}

/* ------------ OZNAMY UPRAVA PRE FOCUS ------------ */
ul.oznamy-new-columns-all-list-default li, 
ul.oznamy-graphic-all-list-default li, 
ul.actions-new-columns-all-list-default li, 
ul.actions-graphic-all-list-default li {
    box-sizing: border-box;
    display: inline-flex;
    align-items: flex-start;
    flex-wrap: wrap;
    height: auto !important;
    margin: 5px 0 10px 0;
    width: 100%;
    border-bottom: 1px solid #aaaaaa;
    padding-bottom: 0.5rem;
    transition-duration: 0.3s;
    background: var(--bg-color-white);
}

ul.oznamy-new-columns-all-list-default li:hover,
ul.oznamy-graphic-all-list-default li:hover,
ul.actions-new-columns-all-list-default li:hover,
ul.actions-graphic-all-list-default li:hover {
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, var(--bg-color-secondary));
    box-shadow: 0 8px 20px 1px var(--bg-color-light);
    border-radius: 10px 10px 0 0;
    transition-duration: 0.3s;
    /*border-radius: 0.5rem 0.5rem 0 0;*/
    border-bottom: 1px solid var(--main-color);
}

ul.oznamy-new-colums-list-default li div.image-envelope,
ul.actions-new-colums-list-default li div.image-envelope {
    text-align: center;
    overflow: visible;
    padding: 0;
    height: 100%;
    width: 100%;
    max-height: var(--oznamy-height);
    margin: 0;
    position: relative;
    grid-row: 1/4;
    max-width: 100%;
    /*display: none;*/
    z-index: 0;
}

#homepage_0 ul.oznamy-new-colums-list-default li div.image-envelope,
#homepage_0 ul.actions-new-colums-list-default li div.image-envelope {
    display: var(--oznamy-img-display);
/*    margin-bottom: 0.75rem;*/
    align-self: center;
}

ul.oznamy-new-colums-list-default li div.image-envelope a,
ul.actions-new-colums-list-default li div.image-envelope a {
    height: var(--oznamy-height) !important;
    width: 100%;
    overflow: hidden;
    text-align: center;
    /*background: url('obec-informuje.png');*/
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    border-radius: 10px;
    /*display: none;*/
}

ul.actions-new-colums-list-default li div.image-envelope a {
    height: 183px !important;
}

ul.oznamy-new-colums-list-default li div.image-envelope-default img, 
ul.actions-new-colums-list-default li div.image-envelope-default img {
    height: auto;
    width: 100%;
    border-radius: 10px;
}

ul.oznamy-new-columns-all-list-default a:hover {
    border-bottom: none;
}

#homepage_0 ul.oznamy-new-colums-list-default li h3, 
#homepage_0 ul.oznamy-graphic-list-default li h3,
#homepage_0 ul.actions-new-colums-list-default li h3, 
#homepage_0 ul.actions-graphic-list-default li h3 {
    font-size: var(--h3-font-size);
    height: 3.5rem;
    width: 100%;
    display: flex;
    align-items: flex-start;
    overflow: visible;
    padding: 0.5rem 0;
    font-weight: bold;
    margin: 0;
    margin-bottom: 0.5rem;
    border-bottom: none;
    z-index: 1;
    border-radius: 10px;
}

#homepage_0 ul.oznamy-new-colums-list-default li h3 a, 
#homepage_0 ul.actions-new-colums-list-default li h3 a {
    padding-left: 0.5rem !important;
}

ul.oznamy-new-colums-list-default li h3,
ul.oznamy-graphic-list-default li h3,
ul.actions-new-colums-list-default li h3,
ul.actions-graphic-list-default li h3 {
    font-size: var(--h3-font-size);
    height: auto;
    width: 100%;
    overflow: visible;
    font-weight: bold;
    margin: 0;
    border-bottom: none;
    z-index: 1;
    border-radius: 10px;
    grid-column: 2;
}

ul.oznamy-new-columns-all-list-default li.without-image-default div.image-envelope-default,
ul.oznamy-graphic-all-list-default li.without-image-default div.image-envelope-default {
    background: url('obec-informuje.png');
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 10px;
}

ul.oznamy-new-colums-list-default li h3::before,
ul.oznamy-graphic-list-default li h3::before,
ul.actions-new-colums-list-default li h3::before,
ul.actions-graphic-list-default li h3::before {
    display: none;
}

/*#homepage_0 ul.oznamy-new-colums-list-default li h3 a, */
#homepage_0 ul.oznamy-graphic-list-default li h3 a, 
/*#homepage_0 ul.actions-new-colums-list-default li h3 a, */
#homepage_0 ul.actions-graphic-list-default li h3 a {
    font-size: var(--h3-oznamy-font-size);
    color: var(--link-color-white);
    /*max-height: 3em;*/
    padding: 0;
    padding-left: 0;
    height: fit-content;
    text-transform: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /*text-decoration: underline;*/
    border-bottom: none;
}

ul.oznamy-new-colums-list-default li h3 a,
ul.oznamy-graphic-list-default li h3 a,
ul.actions-new-colums-list-default li h3 a,
ul.actions-graphic-list-default li h3 a {
    font-size: var(--h3-oznamy-font-size);
    color: var(--oznamy-link-color);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    padding: 0;
    /*padding-top: 0.5rem;*/
    padding-left: 1rem;
    height: fit-content;
    text-transform: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    border-bottom: 3px solid transparent;
}

div.env_oznamy span.brclear {
    border-bottom: 1px solid #ddd;
    margin: 15px 0 15px;
}

.div.env_oznamy a.a-ci-link-short {
    display: none;
}

div.env_oznamy a.a-ci-link-short {
    display: none;
}

.file-download-default.file-download.paar {
    width: 100%;
}

#homepage_0 div.eut {
    padding: 1.25rem 0 0;
    background: linear-gradient(180deg, #D2E6F7 0%, rgba(230, 240, 248, 0) 100%);
}

#homepage_0 div.eut.detail {
    background: transparent;
}

.eut-item-envelope-default p a {
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    display: grid;
    background: var(--bg-button);
    width: 100px;
    text-align: center;
    padding: 0.5rem 1rem;
    color: var(--button-color);
    font-weight: 600;
    border-radius: 10px;
    margin: 1rem 0;
    border: 2px solid transparent;
}

.eut-item-envelope-default p a:hover {
    text-decoration: underline;
    background: var(--bg-button-active);
    color: var(--button-color-active);
    border-bottom: none;
    border: 2px solid #aaa;
}

ul.oznamy-new-columns-all-list-default li div.short-text-envelope-default .actions-date, 
ul.oznamy-graphic-all-list-default li div.short-text-envelope-default .actions-date, 
ul.actions-new-columns-all-list-default li div.short-text-envelope-default .actions-date, 
ul.actions-graphic-all-list-default li div.short-text-envelope-default .actions-date,
ul.oznamy-new-columns-all-list-default li div.short-text-envelope-default .actions-price, 
ul.oznamy-graphic-all-list-default li div.short-text-envelope-default .actions-price, 
ul.actions-new-columns-all-list-default li div.short-text-envelope-default .actions-price, 
ul.actions-graphic-all-list-default li div.short-text-envelope-default .actions-price,
ul.oznamy-new-columns-all-list-default li div.short-text-envelope-default .actions-place, 
ul.oznamy-graphic-all-list-default li div.short-text-envelope-default .actions-place, 
ul.actions-new-columns-all-list-default li div.short-text-envelope-default .actions-place, 
ul.actions-graphic-all-list-default li div.short-text-envelope-default .actions-place {
    position: relative;
    display: block;
    width: 100%;
    padding: 6px;
}

ul.oznamy-new-columns-all-list-default li div.short-text-envelope-default .actions-date .adate-text, 
ul.oznamy-graphic-all-list-default li div.short-text-envelope-default .actions-date .adate-text, 
ul.actions-new-columns-all-list-default li div.short-text-envelope-default .actions-date .adate-text, 
ul.actions-graphic-all-list-default li div.short-text-envelope-default .actions-date .adate-text {
    display: flex;
    flex-flow: column;
    font-weight: bold;

}

/* DETAIL */
div.module_envelope.list .actions-new-columns-all-list, 
div.module_envelope.list .oznamy-new-columns-all-list, 
div.module_envelope.detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

ul.oznamy-new-columns-all-list-default li div.image-envelope-default, 
ul.oznamy-graphic-all-list-default li div.image-envelope-default, 
ul.actions-new-columns-all-list-default li div.image-envelope-default, 
ul.actions-graphic-all-list-default li div.image-envelope-default {
    float: none;
    width: 270px;
    height: 180px;
    overflow: visible;
    margin-right: 10px;
    /*display: none;*/
}

ul.oznamy-new-columns-all-list-default li div.image-envelope-default a, 
ul.oznamy-graphic-all-list-default li div.image-envelope-default a, 
ul.actions-new-columns-all-list-default li div.image-envelope-default a, 
ul.actions-graphic-all-list-default li div.image-envelope-default a {
    max-width: 270px;
    width: 100%;
    max-height: 180px;
    height: auto;
    display: inline-block;
    overflow: hidden;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.oznamy-new-columns-all-list-default li div.image-envelope-default img, 
ul.oznamy-graphic-all-list-default li div.image-envelope-default img, 
ul.actions-new-columns-all-list-default li div.image-envelope-default img, 
ul.actions-graphic-all-list-default li div.image-envelope-default img {
    max-width: 100%;
    width: 100%;
}

ul.oznamy-new-columns-all-list-default li div.short-text-envelope-default, 
ul.oznamy-graphic-all-list-default li div.short-text-envelope-default, 
ul.actions-new-columns-all-list-default li div.short-text-envelope-default, 
ul.actions-graphic-all-list-default li div.short-text-envelope-default {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    word-break: break-word;
    min-height: 180px;
    width: 100%;
}

ul.oznamy-new-columns-all-list-default li div.short-text-envelope-default h3, 
ul.oznamy-graphic-all-list-default li div.short-text-envelope-default h3, 
ul.actions-new-columns-all-list-default li div.short-text-envelope-default h3, 
ul.actions-graphic-all-list-default li div.short-text-envelope-default h3 {
    font-size: var(--regular-text-font-size);
    padding: 0.5rem;
    font-weight: bold;
    height: auto;
    margin: 0;
    width: auto;
    border-bottom: none;
}

ul.oznamy-new-columns-all-list-default li div.short-text-envelope-default h3::before, 
ul.oznamy-graphic-all-list-default li div.short-text-envelope-default h3::before, 
ul.actions-new-columns-all-list-default li div.short-text-envelope-default h3::before, 
ul.actions-graphic-all-list-default li div.short-text-envelope-default h3::before {
    display: none;
}

ul.oznamy-new-columns-all-list-default li div.short-text-envelope-default h3 a, 
ul.oznamy-graphic-all-list-default li div.short-text-envelope-default h3 a, 
ul.actions-new-columns-all-list-default li div.short-text-envelope-default h3 a, 
ul.actions-graphic-all-list-default li div.short-text-envelope-default h3 a {
    max-height: 3em;
    height: auto;
    line-height: 1;
    overflow: hidden;
    text-transform: none;
    text-decoration: underline;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: var(--link-color-main);
    transition: all 0.3s ease-in-out;
    border-bottom: 3px solid transparent;
}

ul.oznamy-new-columns-all-list-default li div.short-text-envelope-default h3 a:hover, 
ul.oznamy-graphic-all-list-default li div.short-text-envelope-default h3 a:hover, 
ul.actions-new-columns-all-list-default li div.short-text-envelope-default h3 a:hover, 
ul.actions-graphic-all-list-default li div.short-text-envelope-default h3 a:hover {
    color: var(--link-color-black);
    text-decoration: none;
    border-bottom: 3px solid;
}

ul.oznamy-new-columns-all-list-default li div.short-text-envelope-default div.short-text-default, 
ul.oznamy-graphic-all-list-default li div.short-text-envelope-default div.short-text-default, 
ul.actions-new-columns-all-list-default li div.short-text-envelope-default div.short-text-default, 
ul.actions-graphic-all-list-default li div.short-text-envelope-default div.short-text-default {
    width: 100%;
    height: auto;
    font-size: var(--regular-text-font-size);
    display: block;
    margin-bottom: 10px;
    padding: 0 8px;
    max-height: 5.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-decoration: underline;
    line-height: 1.75rem;
}

/* DETAIL END*/

@media only screen and (max-width:640px) {
    ul.oznamy-new-columns-all-list-default li div.image-envelope-default, 
    ul.oznamy-graphic-all-list-default li div.image-envelope-default, 
    ul.actions-new-columns-all-list-default li div.image-envelope-default, 
    ul.actions-graphic-all-list-default li div.image-envelope-default {
        float: none;
        width: 100%;
        height: 50vw;
        overflow: hidden;
        margin-right: 0;
        display: flex;
        border-radius: 10px;
        max-width: 430px;
        max-height: 286px;
        justify-content: center;
        align-items: center;
        margin-bottom: 1rem;
    }

    ul.oznamy-new-colums-list-default li div.image-envelope a, 
    ul.actions-new-colums-list-default li div.image-envelope a {
        width: 100% !important;
        max-height: 50vw !important;
        height: 100% !important;
        overflow: hidden;
        text-align: center;
    }

    ul.oznamy-new-columns-all-list-default li div.image-envelope-default a, 
    ul.oznamy-graphic-all-list-default li div.image-envelope-default a, 
    ul.actions-new-columns-all-list-default li div.image-envelope-default a, 
    ul.actions-graphic-all-list-default li div.image-envelope-default a {
        width: 100%;
        max-height: 280px;
        min-width: unset;
        min-height: 156px;
        max-width: 430px;
        height: 100%;
        margin: 0 auto;
        display: block;
        overflow: hidden;
    }

    ul.oznamy-new-columns-all-list-default li.without-image div.image-envelope,
    ul.oznamy-new-columns-all-list-default li div.image-envelope-default img,
    ul.oznamy-graphic-all-list-default li div.image-envelope-default img,
    ul.actions-new-columns-all-list-default li div.image-envelope-default img,
    ul.actions-graphic-all-list-default li div.image-envelope-default img {
        min-height: 50vw !important;
        width: 100% !important;
    }
}

.float_left a {
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

.float_left a:hover {
    text-decoration: none;
    border-bottom: 2px solid var(--text-color-black);
}

/* ------------ OZNAMY UPRAVA PRE FOCUS END ------------ */
ul.oznamy-graphic-all-list-default li div.short-text-envelope-default p.oznamy_date {
    font-size: var(--smaller-text-font-size);
    text-align: right;
    padding: 10px 8px 5px;
    color: #333;
}

div.oznamy-new-columns-item-back-default a,
div.oznamy-graphic-item-back-default a,
div.actions-new-columns-item-back-default a,
div.actions-graphic-item-back-default a,
div.zasadania-item-back-default a {
    padding: 12px 25px;
    line-height: normal;
    width: auto;
    background: var(--bg-button);
    font-weight: bold;
    border: 1px solid transparent;
    color: var(--button-color);
    text-decoration: none;
    font-size: var(--smaller-text-font-size);
    border-radius: 10px;
    text-align: center;
    transition-duration: 0.3s;
}

div.oznamy-new-columns-item-back-default a:hover, 
div.oznamy-graphic-item-back-default a:hover, 
div.actions-new-columns-item-back-default a:hover, 
div.actions-graphic-item-back-default a:hover, 
div.zasadania-item-back-default a:hover {
    background: var(--bg-button-active) !important;
    color: var(--button-color-active);
    border: 1px solid var(--main-color);
    box-shadow: 0 0 20px -10px var(--button-color-active);
}

ul.oznamy-graphic-list-default li.next-oznamy .oznamy-graphic-all-link, 
ul.actions-graphic-list-default li.next-actions .actions-graphic-all-link {
    font-weight: bold;
    font-size: var(--smaller-text-font-size);
    font-weight: 400;
    background: var(--main-color);
    color: var(--link-color-white);
    padding: 10px;
    border: 2px solid transparent;
    text-align: center;
    border-radius: 10px;
    margin-top: 0;
    height: auto;
    width: 100%;
    transition-duration: 0.3s;
}

#homepage_0 .udialo-sa ul.oznamy-graphic-list-default li.next-oznamy .oznamy-graphic-all-link,
#homepage_0 .udialo-sa ul.actions-graphic-list-default li.next-actions .actions-graphic-all-link {
    background: linear-gradient(0deg, rgba(42,104,2,1) 0%, rgba(54,136,0,1) 100%);
}

#homepage_0 .udialo-sa ul.oznamy-graphic-list-default li.next-oznamy .oznamy-graphic-all-link:hover,
#homepage_0 .udialo-sa ul.actions-graphic-list-default li.next-actions .actions-graphic-all-link:hover,
ul.oznamy-graphic-list-default li.next-oznamy .oznamy-graphic-all-link:hover, 
ul.actions-graphic-list-default li.next-actions .actions-graphic-all-link:hover {
    background: transparent;
    color: var(--link-color-black);
    border: 2px solid var(--main-color);
}

ul.oznamy-graphic-list-default li.next-oznamy ul.next-oznamy-list li a:after, 
ul.actions-graphic-list-default li.next-actions ul.next-actions-list li a:after {
    display: none !important;
    content: '...';
}

ul.oznamy-graphic-list-default li.next-oznamy ul.next-oznamy-list, 
ul.actions-graphic-list-default li.next-actions ul.next-actions-list {
    display: block;
    margin-top: 0;
    padding: 0;
    height: 60%;
    max-height: 6.5rem;
    overflow: hidden;
}

div.module_envelope.list .actions-new-columns-all-list,
div.module_envelope.list .oznamy-new-columns-all-list,
div.module_envelope.detail {
    display: block;
    flex-wrap: wrap;
    max-width: var(--content-width);
    margin: 0 auto;
}

.env_common_items_columns_responsive.list .oznamy-new-colums-form-envelope .form-label-default.form-label:nth-child(1) {
    width: 100%;
    text-align: left;
}

.env_common_items_columns_responsive.list div.oznamy-new-columns-item-back {
    display: block;
    text-align: right;
    width: auto;
    max-width: var(--content-width);
    font-size: var(--smaller-text-font-size);
}

div.module_envelope.env_common_items_columns_responsive div.file_download,
div.module_envelope.env_common_items_columns_responsive div.file-download {
    clear: both;
}

ul.oznamy-new-columns-all-list-default li div.image-envelope-default img, 
ul.oznamy-graphic-all-list-default li div.image-envelope-default img, 
ul.actions-new-columns-all-list-default li div.image-envelope-default img, 
ul.actions-graphic-all-list-default li div.image-envelope-default img {
    width: auto;
    height: auto;
    border-radius: 10px;
    /*min-height: var(--oznamy-height);*/
    /*min-width: var(--oznamy-width);*/
}

p.oznamy_date {
    font-size: var(--smaller-text-font-size);
    word-spacing: 0;
    /*letter-spacing: -0.7px;*/
    text-align: left;
    color: var(--text-color-black);
    padding: 8px;
}

div.oznamy-new-colums-form-envelope-default span.form-submit-default input.button, 
div.oznamy-graphic-form-envelope-default span.form-submit-default input.button, 
div.actions-new-colums-form-envelope-default span.form-submit-default input.button, 
div.actions-graphic-form-envelope-default span.form-submit-default input.button, 
div.zasadania-form-envelope-default span.form-submit-default input.button {
    height: 55px;
    border: none !important;
    
}
div.oznamy-new-colums-form-envelope-default span.form-select-default select, 
div.oznamy-graphic-form-envelope-default span.form-select-default select, 
div.actions-new-colums-form-envelope-default span.form-select-default select, 
div.actions-graphic-form-envelope-default span.form-select-default select, 
div.zasadania-form-envelope-default span.form-select-default select {
    height: 55px;
    border: 2px solid var(--text-color-black);
    font-size: var(--regular-text-font-size);
}
div.oznamy-new-colums-form-envelope-default span.form-searchtext-default input, 
div.oznamy-graphic-form-envelope-default span.form-searchtext-default input, 
div.zasadania-form-envelope-default span.form-searchtext-default input {
    height: 55px;
    border: 2px solid var(--text-color-black);
    font-size: var(--regular-text-font-size);
}

/* === Vyhladavanie vodorovne oznamy === */
.env_common_items_columns_responsive .oznamy-new-colums-form-envelope form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    flex-direction: row;
}

.env_common_items_columns_responsive .oznamy-new-colums-form-envelope.with-kats .form-label-default.form-label:nth-child(1) {
    width: 33.33%;
    order: 1;
    text-align: left;
    font-size: var(--regular-text-font-size);
}
.env_common_items_columns_responsive .oznamy-new-colums-form-envelope .form-label-default.form-label {
    width: 66.66%;
    order: 2;
    flex-grow: 1;
    text-align: left;
    padding-left: 10px;
    background: none;
    font-size: var(--regular-text-font-size);
}
.env_common_items_columns_responsive .oznamy-new-colums-form-envelope .form-searchtext-default.form-searchtext {
    width: 33.33%;
    order: 3;
    flex-grow: 1;
}
.env_common_items_columns_responsive .oznamy-new-colums-form-envelope .form-select-default.form-select {
    width: 33.33%;
    order: 4;
}
.env_common_items_columns_responsive .oznamy-new-colums-form-envelope .form-submit-default.form-submit {
    width: 33.333%;
    order: 5;
}


/* === Vyhladavanie vodorovne oznamy End === */


/* === Vyhladavanie oznamy graficke === */
.env_common_items_graphic .oznamy-new-colums-form-envelope form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.env_common_items_graphic .oznamy-new-colums-form-envelope .form-label-default.form-label:nth-child(1) {
    width: 18%;
    order: 1;
    text-align: left;
}
.env_common_items_graphic .oznamy-new-colums-form-envelope .form-label-default.form-label {
    width: 66.66%;
    order: 2;
    text-align: left;
}
.env_common_items_graphic .oznamy-new-colums-form-envelope .form-searchtext-default.form-searchtext {
    width: 33.33%;
    order: 3;
    flex-grow: 1;
}
.env_common_items_graphic .oznamy-new-colums-form-envelope .form-select-default.form-select {
    width: 33.33%;
    order: 4;
}
.env_common_items_graphic .oznamy-new-colums-form-envelope .form-submit-default.form-submit {
    width: 270px;
    order: 5;
}
.env_common_items_graphic .oznamy-new-colums-form-envelope .form-label-default.form-label {
    padding-left: 10px;
}

/* ------------------------------------  EUT  ------------------------------------  */
.env_elektronicka_uradna_tabula .eut-item-envelope {
    width: 100%;
    word-break: break-word;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 10px 0;
    transition: all 0.3s ease-in-out;
    margin: 0.3em 0.3em 0.3em 0;
    border-bottom: 1px solid #dddddd;
}

.env_elektronicka_uradna_tabula .eut-item-envelope > div {
    font-size: var(--regular-text-font-size);
}

.env_elektronicka_uradna_tabula .eut-item-envelope a.a-ci-link-short {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 183px;
}

.env_elektronicka_uradna_tabula .eut-item-envelope div.ci-short {
    grid-column: 1/3;
}

.env_elektronicka_uradna_tabula .eut-item-envelope div.ci-short-with-image {
    grid-column: 2/3;
}

.env_elektronicka_uradna_tabula .eut-item-envelope a.a-ci-link-short img {
    max-width: unset !important;
    float: none !important;
    max-height: 100% !important;
}

.oznamy-subtitle a {
    transition: all 0.3s ease-in-out;
    text-decoration: underline;
    color: var(--h3-color);
}

.oznamy-subtitle a:hover {
    color: var(--link-color-dark);
    text-decoration: none !important;
    border-bottom: 3px solid;
    /*padding-bottom: 0.75rem;*/
}
.oznamy-subtitle::after,
.oznamy-new-columns-all-list h3::after {
    display: none !important;
}

.env_elektronicka_uradna_tabula .eut-item-envelope:hover {
    transform: translateY(-3px);
}

.env_elektronicka_uradna_tabula .paging:nth-of-type(1) {
    display: none;
} 

.eut-item-envelope .file-download {
/*    display: none !important;*/
}

.fsh-eut-inv-body {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
    /*top: 33px;*/
    /*position: absolute;*/
}

.fsh-eut-inv-body p,
.fsh-eut-inv-body p .file-download-default {
    width: 100%;
}

.fsh-eut-inv-body p a {
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

.fsh-eut-inv-body p a:hover {
    text-decoration: none;
    border-bottom: 3px solid;
}

.env_elektronicka_uradna_tabula .eut-item-envelope h4 {
    width: auto;
    margin: 0 0 0.7em;
    padding: 10px 10px 10px 1px !important;
    font-size: 1.125em;
    font-weight: bold;
    text-align: left;
    color: var(--main-color);
    background: #fff;
}

.env_elektronicka_uradna_tabula .file-download span.file-text {
    font-size: var(--regular-text-font-size);
    width: auto;
    max-width: 650px;
}

div.file-download-default span.file-size-default {
    width: auto;
    border-bottom: none;
    text-decoration: underline;
}

/* ------------------------------------  EUT  END ------------------------------------  */
/* -------------------------------------------------- VZN NOVY -------------------------------------------------- */

div.vzn-new h4 {
    padding: 0.5rem 0 !important;
    margin: 0;
    border: none;
    font-size: var(--regular-text-font-size);
    display: flex;
    justify-content: space-between;
}

form.vzn-filter {
    margin: 0 10px 10px 0 !important;
    border: 1px solid #ddd !important;
    padding: 15px !important;
}

.module_envelope.env_vzn_new form.vzn-filter .fullwide tr:nth-child(2) td select {
    height: 44px;
    width: 100%;
}

.module_envelope.env_vzn_new form.vzn-filter .fullwide tr:nth-child(2) td.automatic-col-5 {
    position: absolute;
    top: 119px;
    right: 28px;
    width: 32%;
}

.module_envelope.env_vzn_new form.vzn-filter .fullwide tr:nth-child(2) td.automatic-col-5 input.button {
    height: 44px;
}

.env_vzn_new .vzn-filter tr td input.button {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    height: 25px;
}

.env_vzn_new .vzn-filter tr td.automatic-col-2 input {
    width: 100%;
}

.module_envelope.env_vzn_new form.vzn-filter tr td input {
    height: 100%;
    margin-top: 10px;
}

.env_vzn_new .vzn-filter table:nth-of-type(2) {
    width: 76%;
}

.env_vzn_new .vzn-filter table:nth-of-type(2) td.automatic-col-2 {
    width: 77%;
}

.env_vzn_new .vzn-filter tr td.automatic-col-2 input {
    width: 100%;
}

.env_vzn_new form.vzn-filter .fullwide tr td {
    width: 25%;
    padding-bottom: 0;
}

.env_vzn_new .vzn-filter table:nth-of-type(2) td.automatic-col-1 {
    width: 100%;
    float: left;
    margin-top: 10px;
    padding-bottom: 0;
}

div.year_selector h3 {
    border-bottom: none;
}

div.year_selector h3::before {
    display: none;
}

/* -------------------------------------------------- VZN NOVY end -------------------------------------------------- */

/* ------------------------------------     ZMLUVY / FAKTURY / OBJEDNAVKY      ------------------------------------------------ */

div.zmluvy-new-search {
    border: 1px solid #ddd;
    padding: 10px;
}

div.zmluvy-new-search table.program_table tr {
    display: flex;
    box-sizing: border-box;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 1.5rem;
}

/* ----------------------- TR 1  -------------------------------- */
div.zmluvy-new-search table.program_table tr:first-of-type td.automatic-col-1 {
    order: 1;
    width: 33% !important;
}

div.zmluvy-new-search table.program_table tr:first-of-type td.automatic-col-3 {
    order: 2;
    width: 33% !important;
}

div.zmluvy-new-search table.program_table tr:first-of-type td.automatic-col-5 {
    order: 3;
    width: 33% !important;
}

div.zmluvy-new-search table.program_table tr:first-of-type td.automatic-col-2 {
    order: 4;
    width: 33% !important;
    height: 50px;
}

div.zmluvy-new-search table.program_table tr:first-of-type td.automatic-col-4 {
    order: 5;
    width: 33% !important;
    height: 50px;
}

div.zmluvy-new-search table.program_table tr:first-of-type td.automatic-col-6 {
    order: 6;
    width: 33% !important;
    height: 50px;
}

/* ----------------------- TR 1 END -------------------------------- */
/* ----------------------- TR 2  ---------------------------------- */

div.zmluvy-new-search table.program_table tr:nth-of-type(2) td.automatic-col-3 {
    order: 2;
    width: 33% !important;
}

div.zmluvy-new-search table.program_table tr:nth-of-type(2) td.automatic-col-5 {
    order: 3;
    width: 33% !important;
}

div.zmluvy-new-search table.program_table tr:nth-of-type(2) td.automatic-col-1 {
    order: 1;
    width: 33% !important;
}

div.zmluvy-new-search table.program_table tr:nth-of-type(2) td.automatic-col-4 {
    order: 5;
    width: 33% !important;    
    height: 50px;
}

div.zmluvy-new-search table.program_table tr:nth-of-type(2) td.automatic-col-6 {
    order: 6;
    width: 33% !important;
    height: 50px;
}

div.zmluvy-new-search table.program_table tr:nth-of-type(2) td.automatic-col-2 {
    order: 4;
    width: 33% !important;
    height: 50px;
}

div.zmluvy-new-search table.program_table tr:nth-of-type(2) td.automatic-col-2 input,
div.zmluvy-new-search table.program_table tr:nth-of-type(2) td.automatic-col-4 input,
div.zmluvy-new-search table.program_table tr:nth-of-type(2) td.automatic-col-6 input {
    /*height: 100% !important;*/
    width: 100% !important;
    padding: 0 0.75rem;
}

table.program_table td.fbody {
    border-right: none;
    padding: 0.5rem;
}

/* ----------------------- TR 2 END -------------------------------- */
/* ----------------------- TR 3  -------------------------------- */
div.zmluvy-new-search table.program_table tr:last-of-type td.automatic-col-1 {
    order: 2;
    width: 33% !important;
    height: 50px;
}

div.zmluvy-new-search table.program_table tr:last-of-type td.automatic-col-2 {
    order: 4;
    width: 33% !important;
    height: 50px;
}

div.zmluvy-new-search table.program_table tr:last-of-type td.automatic-col-2 input {
    width: 100% !important;
    height: 100% !important;
    min-height: 50px;
}
/* ----------------------- TR 3 END -------------------------------- */

div.zmluvy-new-search table.program_table tr td select {
    width: 100%;
    height: 100%;
    min-height: 50px;
    margin-bottom: 1.5rem;
}

table.program_table td.fhead {
    background: transparent;
    color: var(--text-color-black);
    font-size: var(--smaller-text-font-size);
    font-weight: 400;
    border-right: none;
}

.sms-hlasnik-links-new .sms-hlasnik-link-new a {
    color: var(--link-color-dark) !important;
}

.sms-hlasnik-links-new .sms-hlasnik-link-new a span {
    color: var(--main-color);
}

.sms-hlasnik-links-new .sms-hlasnik-link-new a {
    border: 2px solid #aaa !important;
    transition-duration: 0.3s;
    font-size: var(--smaller-text-font-size);
}

.sms-hlasnik-links-new .sms-hlasnik-link-new a:hover {
    box-shadow: 0 0 10px -3px #aaa;
    background: #f7f7f7;
}

div.zmluvy-new-search-demand a,
div.zof-export a {
    display: block;
    text-align: center;
    text-decoration: none;
    float: none;
    width: auto !important;
    margin-bottom: 1.5rem;
    cursor: pointer;
    background: #f3f2f1;
    color: var(--link-color-black);
    padding: 1em 1.7em;
    font-size: var(--regular-text-font-size);
    transition: ease-in-out .2s;
    font-weight: 600;
}

div.zmluvy-new-search-demand a:hover,
div.zof-export a:hover {
    background: #fff;
    color: var(--text-color-black);
    box-shadow: 1px 1px 5px 0 rgb(28 86 138 / 54%);
}

div.zof-export {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-end;
}

ul.fotogaleria-multi-kat-img-list-default li a span.gallist-katname-count-default {
    display: inline-flex;
}

/* ------------------------------------     ZMLUVY / FAKTURY / OBJEDNAVKY   END ------------------------------------------------ */
/* ------------------------------------------------- MODUL ÂĽUDIA NOVY ------------------------------------------------- */

.persons-detail-envelope-default .persons-data .show-more-trigger {
    margin-top: 20px !important;
    text-align: right;
    padding: 0 10px;
    display: flex;
}

.persons-detail-envelope {
    border-bottom: 3px solid #eee;
    margin-bottom: 15px;
    font-size: var(--regular-text-font-size);
    display: flex;
}

.env_ludia div.persons-detail .float_left {
    width: 100%;
}

.env_ludia div.persons-detail img {
    float: left;
    margin: 0 7px 10px 0;
    position: relative;
    width: fit-content;
    height: auto;
    min-width: 200px;
    max-width: 300px;
    min-height: 300px;
    max-height: 350px;
}

.persons-detail-envelope-default .show-more-target {
    margin: 15px 0 25px;
    border-top: 2px solid var(--main-color);
    padding-top: 20px;
    width: 100%;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 2;
}

.persons-detail-envelope-default .image-envelope {
    max-height: 300px;
    height: auto;
    max-width: 200px;
    min-width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.persons-detail-envelope {
    display: grid;
    grid-template-columns: 200px auto;
    grid-template-rows: auto auto;
}

.persons-detail-envelope.without-image {
    grid-template-columns: 1fr;
}

.persons-detail-envelope.without-image .persons-data {
    padding-left: 0 !important;
}

.persons-detail-envelope-default .persons-data {
    width: auto;
    max-width: 100% !important;
}

.persons-detail-envelope-default .persons-data dl {
    display: flex;
    flex-wrap: wrap;
}

.persons-detail-envelope-default .persons-data dt {
    font-weight: 700;
    width: 20% !important;
}

.persons-detail-envelope-default .persons-data dd {
    width: 80% !important;
}

.persons-detail-envelope-default .persons-data dd a {
    text-decoration: underline;
    transition-duration: 0.3s;
}

.persons-detail-envelope-default .persons-data dd a:hover {
    text-decoration: none;
    border-bottom: 3px solid;
}

.persons-detail-envelope-default .persons-data dd.short-text {
    width: 100% !important;
}

/* === MODUL ÂĽUDIA NOVY End === */
 /* Zasadania */
.env_zasadania .zasadenie-envelope a,
.env_komisie .zasadenie-envelope a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: var(--main-color);
    border-radius: 10px;
    /*padding: 20px 25px;*/
    text-decoration: none;
    text-align: center;
    border: 2px solid var(--main-color);
    line-height: normal;
    height: 130px;
    background: var(--bg-zasadnutia);
    transition: all 0.25s ease-in-out;
}

.env_zasadania .zasadenie-envelope:hover,
.env_komisie .zasadenie-envelope:hover {
    transform: scale(1.05);
}

div.zas-onestep {position: relative;clear: both;}
div.env_zasadania div.add_user_info {
    /*position: absolute;*/
    top: 11px;
    right: 0;
    line-height: 17px;
}

.env_vzn .year_selector h3 a {
    background: #f5f5f5;
    color: var(--text-color-black); 
    padding: 14px 22px;
    border-bottom: 2px solid #dddddd;
}

.env_vzn .year_selector h3 a:hover {
    background: #f5f5f5;
    padding: 14px 22px;
    color: var(--main-color);
    border-bottom: 2px solid var(--link-color-main);
}

.env_vzn .year_selector h3  {
    float: left;
    margin: 5px 3px;
    width: 95px;
    height: 70px;
    border-bottom: none;
}

h3.year_array {
    float: left;
    width: 81px !important;
    text-align: center;
    margin: 15px !important;
    position: relative;
}

div.zasadenie-envelope {
    display: inline-grid;
    width: 32%;
    margin: 0 auto;
    min-width: 125px;
    height: 100px;
    transition: all 0.3s ease-in-out;
}

.env_zasadania div.year_selector h3.year_array a {
    background: #f5f5f5;
    color: var(--text-color-dark);
    padding: 14px 22px;
    border-bottom: 2px solid var(--bg-color-primary);
    border-radius: 0 0 0 0;
}

.env_zasadania div.year_selector h3.year_array a:hover {
    background: #f5f5f5;
    padding: 16px 22px;
    color: var(--main-color);
/*    border: 1px solid var(--main-color);*/
    border-top: 6px solid var(--main-color);
    margin: 0 10px 0 0;
    border-radius: 10px;
}

div.zasadenie-envelope div a {
    width: 98%;
    font-size: var(--regular-text-font-size);
    font-weight: normal;
    line-height: 1.5rem;
    display: block;
    box-sizing: border-box;
    float: left;
    background: #f5f5f5;
    padding: 30px;
    margin: 20px 4px 10px;
    text-align: center;
}

div.zasadenie-envelope div a:hover {
    box-shadow: 1px 1px 5px 0 #363636;
    color: var(--text-color-black);
    text-decoration: underline;
    font-weight: 700;
}

div.zasadania-form-envelope span.form-label {
    width: 100%;
    background: none;
    text-align: left;
    padding: 7px;
    font-size: var(--smaller-text-font-size);
}

div.zasadania-form-envelope-default span.form-searchtext-default {
    width: 70%;
    flex: 1;
}

div.zasadania-form-envelope span.form-submit-default {
    width: 30%;
}

div.file-download-default span.file-count-default {
    position: relative;
    right: 0;
    padding-right: 0;
    font-size: var(--smaller-text-font-size);
}

div.file-download {
    border-bottom: none !important;
    width: 100%;
}

/* Zasadania end */

/* ------------------------------------     TABLE  ------------------------------------------------ */

table.user_table_t, table.user_table_t_border {
    border: 0;
    width: 100%;
    display: block;
    font-size: var(--smaller-text-font-size);
    box-sizing: border-box;
    position: relative;
    overflow-x: auto;
}

ul.contact-list-default li.contact-list-item div.contact-list span {
    font-size: var(--smaller-text-font-size);
}

ul.contact-list-default li div.contact-list {
    width: 100%;
    min-width: 11rem;
}

ul.contact-list-default li div.contact-list.mail {
    min-width: 15rem;
}

/* ------------------------------------     TABLE END  ------------------------------------------------ */

.env_actions_portal_common ul.act-list-default li.last,
.env_actions_portal_kalendar ul.act-list-default li.last,
.env_actions_portal_common ul.act-list-default li,
.env_actions_portal_kalendar ul.act-list-default li {
    display: grid !important;
    grid-template-columns: 255px auto;
    grid-template-rows: 50px auto;
    gap: 0.5rem;
}

.env_actions_portal_common ul.act-list-default li,
.env_actions_portal_kalendar ul.act-list-default li {
    padding-bottom: 0.5rem !important;
    border-bottom: 1px solid #ddd !important;
}

.env_actions_portal_common ul.act-list-default li span.act-obr-envelope img,
.env_actions_portal_kalendar ul.act-list-default li span.act-obr-envelope img {
    border-radius: 10px;
}

.env_actions_portal_common ul.act-list-default li h4,
.env_actions_portal_common ul.act-list-default li span.act-list-date,
.env_actions_portal_common ul.act-list-default li span.act-list-time,
.env_actions_portal_common ul.act-list-default li span.act-list-place,
.env_actions_portal_common ul.act-list-default li span.act-list-perex,
.env_actions_portal_kalendar ul.act-list-default li h4,
.env_actions_portal_kalendar ul.act-list-default li span.act-list-date,
.env_actions_portal_kalendar ul.act-list-default li span.act-list-time,
.env_actions_portal_kalendar ul.act-list-default li span.act-list-place,
.env_actions_portal_kalendar ul.act-list-default li span.act-list-perex {
    margin-left: 0 !important;
}

.env_actions_portal_kalendar ul.act-list-default li.with-image span.act-list-perex {
    grid-column: 2/4;
    grid-row: 2/3;
    font-size: 1rem;
}

div.act-list-dates-envelope {
    grid-column: 3;
    grid-row: 3;
    font-size: 1rem;
}

span.act-list-place {
    grid-column: 2;
    grid-row: 3;
    font-size: 1rem;
}

span.act-list-price {
    grid-column: 4;
    grid-row: 3;
    font-size: 1rem;
}

.env_actions_portal_common ul.act-list-default li h4,
.env_actions_portal_kalendar ul.act-list-default li h4 {
    grid-column: 2/4;
    grid-row: 1/2;
    padding: 0;
}

.env_actions_portal_common ul.act-list-default li h4 a:hover,
.env_actions_portal_kalendar ul.act-list-default li h4 a:hover {
    text-decoration: underline;
}

div.act-list-dates-envelope span {
    display: inline-flex !important;
    gap: 0.25rem;
}

.env_actions_portal_common ul.act-list-default li .act-obr-envelope,
.env_actions_portal_kalendar ul.act-list-default li .act-obr-envelope {
    position: relative !important;
    width: 100% !important;
    max-height: unset !important;
    grid-column: 1/2;
    grid-row: 1/4;
}

.env_actions_portal_common ul.act-list-default li span.act-obr-envelope {
    grid-column: 1/2;
    grid-row: 1/5;
    width: 100%;
    height: 100%;
    max-height: unset;
    position: relative;
}

.env_actions_portal_common ul.act-list-default li span.act-obr-envelope a {
    display: flex;
    width: 100%;
    height: 174px;
    align-items: center;
    overflow: hidden;
    justify-content: center;
}

.env_actions_portal_common ul.act-list-default li h4 {
    grid-column: span 2;
    padding: 0;
    margin: 0;
}

.env_actions_portal_common ul.act-list-default li h4 a {
    text-decoration: underline;
    color: var(--main-color);
}

.env_actions_portal_common ul.act-list-default li h4 a:hover {
    text-decoration-thickness: 3px;
}

.env_actions_portal_common ul.act-list-default li div.act-list-dates-envelope {
    grid-column: 3/4;
    grid-row: 3/4;
    justify-self: end;
    display: inline-flex;
    gap: 0.5rem;
}

.env_actions_portal_common ul.act-list-default li span.act-list-perex {
    grid-column: span 2;
    font-size: var(--regular-text-font-size);
    line-height: 1.75rem;
    max-height: 5.25rem;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.env_actions_portal_common ul.act-list-default li span.act-list-place {
    grid-column: 3/4;
    grid-row: 4/5;
    justify-self: end;
}

/* ------------- ZOZNAM CLANKOV ------------- */
.zoznam-clankov-list-envelope {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.zoznam-clankov-list-envelope .img-envelope.list {
    padding: 6px;
    display: inline-flex;
    width: 30%;
    min-width: 250px;
    overflow: visible;
}

.zoznam-clankov-list-envelope .img-envelope.list a {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 270px;
    max-height: 180px;
    width: auto;
    height: auto;
    overflow: hidden;
}

.zoznam-clankov-list-envelope .zoznam-clankov-text {
    display: inline-flex;
    flex-wrap: wrap;
    width: auto;
    line-height: 150%;
    flex: 50%;
    font-size: var(--regular-text-font-size);
}

@media only screen and (max-width:640px) {
    .zoznam-clankov-list-envelope {
        margin-bottom: 30px;
    }

    .zoznam-clankov-list-envelope .img-envelope.list {
        width: 100%;
    }

    .zoznam-clankov-list-envelope .img-envelope.list a {
        margin: 0 auto;
    }
}

/* ------------- ZOZNAM CLANKOV END ------------- */

/* ---------------------- SEARCH EXTENDED ------------------- */

#label_search_string_p {
    padding-bottom: 5px;
}

#search-extended-date {
    margin-bottom: 40px;
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}

#search-extended-date li.search-date-limit {
    display: flex;
    grid-auto-columns: 100px auto;
    grid-auto-rows: auto auto;
}

#search-extended-date li.search-date-limit.inactive {
    /*display: none;*/
}

#search-extended-date li.search-date-limit.inactive span.search-part {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 1;
    grid-row-end: 1;
}

#search-extended-date li.search-date-limit.inactive input {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 2;
    grid-row-end: 2;
    border: 2px solid;
    width: 100px !important;
    border-right: none;
    padding-left: 10px;
    color: var(--main-color);
}

#search-extended-date li.search-date-limit.inactive #date-help-searchdatefrom,
#search-extended-date li.search-date-limit.inactive #date-help-searchdateto {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
    border: 2px solid ;
    border-left: none;
    border-radius: 0 10px 10px 0;
}

#search-extended-date li.search-date-limit.inactive #date-help-searchdatefrom > img,
#search-extended-date li.search-date-limit.inactive #date-help-searchdateto > img {
    display: none;
}

#search-extended-date li.search-date-limit.inactive #date-help-searchdatefrom::after,
#search-extended-date li.search-date-limit.inactive #date-help-searchdateto::after {
    content: '\f073';
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 1.25rem;
    clear: both;
    font: normal normal normal 18px/1 FontAwesome;
    z-index: 99;
    position: relative;
    color: var(--link-color-dark);
}

#search-extended-parts {
    margin: 15px 0;
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}

#search-extended-parts li {
    display: flex;
    align-items: center;
}

#search-extended-date li.search-date-trigger {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

#search-extended-date li.search-date-trigger input {
    width: 30px !important;
    margin: 11px 11px 11px 0;
    display: block;
    height: 30px;
}

#search-extended-date li.search-date-trigger a.search-part,
#search-extended-date li.search-date-trigger a.search-part.current {
    background: none !important;
    color: var(--link-color-dark);
    margin-left: 3rem;
    position: relative;
    left: -3rem;
    border-bottom: none;
}

.search-extended-parameters-envelope-default {
    font-size: var(--smaller-text-font-size);
}

#search-extended-select li a#search-select-all::before {
    display: inline-flex;
    clear: both;
    content: '\f00c';
    font: normal normal normal 18px/1 FontAwesome;
    width: 15px;
    height: 13px;
    top: 2px;
    left: auto;
    bottom: auto;
    right: 8px;
    z-index: 0;
    transition-duration: 0.3s;
    position: relative;
    color: var(--checker-color);
}

#search-extended-select li a#search-select-all:hover::before {
    transition-duration: 0.3s;
    color: var(--checker-color-active);
}

#search-extended-select li a#search-select-none::before {
    display: inline-flex;
    clear: both;
    content: '\f00d';
    font: normal normal normal 18px/1 FontAwesome;
    width: 15px;
    height: 13px;
    top: 2px;
    left: auto;
    bottom: auto;
    right: 8px;
    z-index: 0;
    transition-duration: 0.3s;
    position: relative;
    color: var(--zrusit-filter-color);
}

#search-extended-select li a#search-select-none:hover::before {
    /*background: url('zrusit-filter-w.png') no-repeat;*/
    transition-duration: 0.3s;
    color: var(--zrusit-filter-color-active);
}

#search-extended-select li a#search-select-all,
#search-extended-select li a#search-select-none {
    padding: 0.5rem 2rem;
    color: var(--button-color);
    background: var(--bg-button);
    font-weight: 700;
    border-bottom: none;
    border-radius: 10px;
}

#search_result ul li h3 a {
    font-size: var(--regular-text-font-size);
}

#search_result ul li span.st {
    font-size: var(--smaller-text-font-size);
}

.search-date-limit input {
    width: 120px !important;
    padding: 0.5rem 1rem !important;
}

#search-extended-date li.search-date-limit,
#search-extended-date li.search-date-limit input {
    color: #999;
}

#search-extended-date li.search-date-limit {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

#search-extended-date li.search-date-limit span.search-part {
    width: 100%;
}

#search-extended-date li.search-date-limit input#searchdatefrom,
#search-extended-date li.search-date-limit input#searchdateto {
    border: 2px solid;
    width: 115px !important;
    border-right: none !important;
    padding-left: 10px !important;
    color: var(--link-color-dark);
    height: 50px;
    border-radius: 10px 0 0 10px;
}

#search-extended-date li.search-date-limit #date-help-searchdatefrom,
#search-extended-date li.search-date-limit #date-help-searchdateto {
    height: 50px;
    border: 2px solid;
    color: var(--text-color-dark);
    border-left: none;
    display: flex;
    padding: 10px;
    border-radius: 0 0 0 0;
}

.env_download_file_kat div div {
    border-top: none;
}

.filter-body-part a {
    text-decoration: underline;
}

.filter-body-part a:hover {
    text-decoration-thickness: 3px;
}

div.vzn-new {
    padding: 2rem 0 !important;
    border-bottom: 1px solid #ddd;
}

div.vzn-new a {
    color: var(--link-color-main);
    font-weight: 700;
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

div.vzn-new a:hover {
    color: var(--link-color-dark);
    text-decoration: none;
    border-bottom: 3px solid;
}

div.vzn-new div.file-download a:hover {
    border-bottom: none;
}

div.paar {
    padding: 0 !important;
}

table.table-padding td {
    padding: 0.5rem;
}

/* ------------- PAGINATION ------------- */
div.paging {
    padding: 5px;
    font-size: 1.0em;
    text-align: center;
    max-width: var(--content-width);
    margin: 0 auto;
    margin-top: 5px;
}

.results {
    float: right;
    margin: 1px 4px 0 10px;
    padding: 4px 0;
    font-size: 0.8em;
}

.pagination {
    float:left;
    font-size: 1em !important;
    padding: 0;
    margin: 0 0 4px 0;
}

.pagination li {
    float: left;
    margin: 1px 3px 1px 0 !important;
    min-width: 50px;
    line-height: 20px;
    padding: 0 2px;
    list-style-type: none;
    transition-duration: 0.3s;
}

.pagination li a {
    width: 50px;
    height: 50px;
}

.pagination li a:hover {
    border: 2px dotted var(--main-color) !important;
    border-radius: 50%;
}

.pagination li.prev a,
.pagination li.next a {
    width: fit-content;
}

.pagination li.current a:hover,
.pagination li.prev a:hover,
.pagination li.next a:hover {
    border: none !important;
}

.pagination li a,
.pagination li b,
.pagination li span.current,
.pagination li span.hellip,
.pagination li span.disabled {
    display: block;
    border: none !important;
    padding: 0;
    min-width: 14px;
    background: none;
    text-align: center;
    font-size: 1.25em;
    text-decoration: none;
    color: var(--link-color-dark);
    background: #ffffff77 !important;
    border-radius: 10px;
}

.pagination li a:hover {
    color: var(--text-color-black) !important;
    text-decoration: underline !important;
    background: transparent !important;
}

.pagination li.prev {
    margin-right: 10px;
}

.pagination li.next {
    margin-left: 5px;
}

.pagination li.prev a,
.pagination li.next a,
.pagination li span.disabled {
    border-width: 0 !important;
    padding: 0 5px !important;
    display: inline-block;
    color: var(--link-color-dark);
    text-decoration: underline;
}

.pagination li.prev a:hover,
.pagination li.next a:hover {
    text-decoration-thickness: 3px !important;
}

.pagination li span.current,
.pagination li span.hellip {
    background: var(--main-color);
    border: none !important;
    font-weight: normal !important;
    color: #fff !important;
    width: 50px;
    padding: 1px 5px !important;
    height: 50px;
    line-height: 50px;
}

.pagination li span.current {
    background: var(--main-color) !important;
    border-radius: 50%;
}

.pagination li span.hellip {
    color: var(--text-color-dark) !important;
}

.pagination li {
    float: left;
    margin: 6px !important;
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 !important;
    list-style-type: none;
}

.pagination li span.hellip {
    padding: 0;
    background: transparent;
}

.pagination li span.disabled {
    color: #555 !important;
}

.pagination li span.em {
    font-weight: bold;
    line-height: 10px;
}

.pagination li.search-info {
    float: right;
    display: block;
    background: #fff;
    border: 1px solid #fff;
    margin: 10px 0 5px 0;
    padding: 4px;   
    text-align: right;
    white-space: nowrap;
}

.pagination li.search-info span {
    font-weight: bold;
}

div.fotogaleria div.paging {
    width: 100% !important;
    grid-column-start: 1;
    grid-column-end: 5;
}

div.fotogaleria {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    flex-wrap: wrap;
    width: 100%;
    gap: 1%;
    row-gap: 1rem;
}

div.fotogaleria div.col-by-program-4 {
    /*min-width: 200px;*/
}

/* --------------- PAGINATION end ----------------- */

/* ---------------------- PAGIGATION END ------------------- */


/* -------------- MODUL REGISTRACIA V STREDE ---------------- */
.column .module_envelope input#l_meno {
    border: 1px solid #ccc; /*background: url(bg-searchfield.png) no-repeat;*/
}

.column .module_envelope input#l_heslo {
    border: 1px solid #ccc; /*background: url(bg-searchfield.png) no-repeat;*/
}

/* ------------ MODUL REGISTRACIA V STREDE END ------------- */



/* --------------------------- KONTAKT --------------------------- */
.conctact-filter-envelope-default div.contact-finder-part.submit, 
.conctact-filter-envelope-default div.contact-finder-part.cancel {
    flex: auto;
    min-width: 90px;
    height: 52px;
    margin: 0;
}

ul.contact-list-default li.contact-list-header {
    font-weight: bold;
    display: grid;
    grid-template-columns: 1fr 1fr 2fr 2fr;
    text-transform: uppercase;
    background: #f5f5f5;
    border-bottom: 2px solid #dddddd;
    margin: 0;
    min-width: fit-content;
}

ul.contact-list li.contact-list-item {
    word-break:break-word;
    margin: 0;
    min-width: fit-content;
    display: grid;
    grid-template-columns: 1fr 1fr 2fr 2fr;
}

div.contact-list.mail span a {
    color: #00569f;
}

ul.contact-list li.contact-list-item div.name span.name {
    color: #00569f;
}

.conctact-filter-envelope-default div.contact-finder-part {
    margin-top: 15px;
    width: 100%;
}
.env_contacts .conctact-filter-envelope form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.conctact-filter-envelope div.contact-finder-part.submit input,
.conctact-filter-envelope div.contact-finder-part.cancel input {
    line-height: 36px;
    min-width: 90px;
    height: 100%;
    border-radius: 10px;
}

.conctact-filter-envelope div.contact-finder-part.cancel input {
    background: #fff;
    color: #535353;
    font-weight: bold;
}

.conctact-filter-envelope div.contact-finder-part.cancel input:hover {
    background: #f5f5f5 !important;
}

.contact-finder-part.ordering,
.contact-finder-part.section {
    margin-right: 15px;
}   

.conctact-filter-envelope-default div.contact-finder-part.cancel {
    padding-left: 20px;
}

/* --------------------------- KONTAKT END --------------------------- */

/* ------------------------------------     FOTOGALERIA      ------------------------------------------------ */
div.fotogaleria div.firstcol a, 
div.fotogaleria div.secondcol a,
div.fotogaleria div.thirdcol a, 
div.fotogaleria div.fourthcol a, 
div.fotogaleria div.lastcol a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    height: 12vw;
    max-height: 135px;
}

#homepage_0 div.fotogaleria div.firstcol a, 
#homepage_0 div.fotogaleria div.secondcol a,
#homepage_0 div.fotogaleria div.thirdcol a, 
#homepage_0 div.fotogaleria div.fourthcol a, 
#homepage_0 div.fotogaleria div.lastcol a {
/*    max-height: 170px;*/
}

div.fotogaleria .add_user_info {
    display: none;
}

span.brclear {
    display: none;
}

div.fotogaleria img {
    /*width: auto;*/
/*    min-width: 250px;*/
/*    min-height: 135px;*/
    /*height: auto;*/
    /*margin: 0 auto;*/
    /*padding: 0;*/
    /*max-height: 100px;*/
}

ul.fotogaleria-multi-kat-img-list li {
    width: 19%;
    margin: 0 0 2px 0;
    height: auto;
}
ul.fotogaleria-multi-kat-img-list li a .gallimg-envelope {
    height: 114px;
    display: flex;
    flex-wrap: wrap;
}

ul.fotogaleria-multi-kat-img-list li a span.gallist-katname-icon, 
ul.fotogaleria-multi-foto-list li a span.gallist-katname-icon {
    bottom: unset;
    top: 37%;
    left: 43%;
}

ul.fotogaleria-multi-kat-img-list-default, 
ul.fotogaleria-multi-foto-list-default {
    list-style-type: none;
    padding: 0;
    width: 100%;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: auto;
    align-items: flex-start;
    gap: 5px;
    margin-bottom: 1.5rem;
}

ul.fotogaleria-multi-foto-list-default li a {
    height: 12vw !important;
    max-height: 135px;
    overflow: hidden !important;
    padding: 5px;
}

ul.fotogaleria-multi-kat-img-list-default li a:focus,
ul.fotogaleria-multi-foto-list-default li a:focus {
    outline-offset: -5px;
}

ul.fotogaleria-multi-kat-img-list-default li a div.gallist-katname-default {
    display: block;
    margin-top: 4px;
    text-align: left;
    font-size: var(--regular-text-font-size);
    color: var(--text-color-main);
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

div.fotogaleria div.col-by-program-4 {
    width: 24% !important;
}

ul.fotogaleria-multi-kat-img-list-default li a div.gallist-katname-default:hover {
    text-decoration: underline;
    border-bottom: none;
    text-decoration-thickness: 3px;
}

ul.fotogaleria-multi-kat-img-list-default li a img:hover, 
ul.fotogaleria-multi-foto-list-default li a img:hover,
div.fotogaleria img:hover {
    opacity: 0.7;
}

ul.fotogaleria-multi-kat-img-list-default li a img, 
ul.fotogaleria-multi-foto-list-default li a img {
    max-width: 100%;
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    position: relative;
    /*right: 50%;*/
    transition: all 0.3s ease-in-out;
}

ul.common-image-gallery-default {
    display: grid !important;
    list-style-type: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

ul.common-image-gallery-default li a.common-image-gallery-default {
    display: block;
    width: 100% !important;
}
ul.common-image-gallery-default li a.common-image-gallery-default img {
    width: 100%;
    width: 100%;
}

ul.common-image-gallery-default li {
    height: auto !important;
}

ul.fotogaleria-pure {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    flex-wrap: wrap;
    height: auto;
    margin-left: 0;
    gap: 10px;
}

ul.fotogaleria-pure li {
    width: 100%;
    height: 100%;
    max-height: max-content;
    border-radius: 10px;
    margin: 0 !important;
    margin-left: 0 !important;
    transition-duration: 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

ul.fotogaleria-pure li span.fotogaleria-picture-envelope { 
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    display: flex;
    padding: 0;
    margin: 0;
}

ul.fotogaleria-pure li span.fotogaleria-picture-envelope a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: none;
}

ul.fotogaleria-pure li span.fotogaleria-picture-envelope a:hover {
    opacity: 0.7;
}

ul.fotogaleria-pure li span.fotogaleria-picture-envelope img {
    width: auto !important;
    height: auto;
    padding: 0 !important;
    border: none !important;
    border-radius: 10px;
    margin: 0;
}

ul.fotogaleria-multi-kat-img-list li, 
ul.fotogaleria-multi-foto-list li {
    width: 100% ;
    height: max-content !important;
    min-height: 180px;
    /*max-width: 150px;*/
    overflow: visible;
    vertical-align: top;
    border-radius: 10px;
    margin: 0;
    font-size: var(--smaller-text-font-size);
}

ul.fotogaleria-multi-kat-img-list-default.with-names li.last {
    display: none;
}

ul.fotogaleria-multi-kat-img-list li span, 
ul.fotogaleria-multi-foto-list li span {
    padding: 5px;
}

ul.fotogaleria-multi-foto-list-default li {
    height: auto;
}

ul.fotogaleria-multi-kat-img-list-default li a .galimg-envelope-default, 
ul.fotogaleria-multi-foto-list-default li a .galimg-envelope-default {
    position: relative;
    height: 12vw;
    max-height: 135px;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#homepage_0 ul.fotogaleria-multi-kat-img-list-default li a .galimg-envelope-default, 
#homepage_0 ul.fotogaleria-multi-foto-list-default li a .galimg-envelope-default {
/*    max-height: 170px;*/
}

div.ci-full p img {
    /*float: none !important;*/
    /*width: 100% !important;*/
    height: auto !important;
    border-radius: 10px;
}

.at-style-responsive .at-share-btn {
    padding: 5px;
    margin: 0 0.3rem;
}

.env_zmluvy_new table th,
.env_faktury_objednavky table th,
.env_zmluvy_new_with_config_columns table th,
.env_faktury_with_config_columns table th,
.env_objednavky_with_config_columns table th,
.env_zmluvy_new table td,
.env_faktury_objednavky table td,
.env_zmluvy_new_with_config_columns table td,
.env_objednavky_with_config_columns table td,
.env_faktury_with_config_columns table td {
    min-width: 8rem !important;
    width: 8rem !important;
}

.right_align, table.program_table td.right_align.automatic-col-1 {
    text-align: left !important;
}

.filter-body-parts.search-extended-trigger {
    display: flex;
    gap: 1rem;
}

/* ------------------------------------     FOTOGALERIA END   ------------------------------------------------ */

#search_result ul li h3 a {
    color: var(--link-color-main) !important;
    text-decoration: underline !important;
    transition: all 0.3s ease-in-out;
}

#search_result ul li h3 a:hover {
    text-decoration: none !important;
    border-bottom: 2px solid var(--link-color-dark);
    color: var(--link-color-dark);
}

span.search-bold {
    color: var(--link-color-main) !important;
}

ul #search-extended-parts li input {
    height: auto;
}

div.fotogaleria div.col-by-program-4 {
    height: auto;
}

.user_table_t_border.automatic-col-1 {
    /*color: var(--text-color-main);*/
    text-transform: uppercase;
    min-width: 7rem;
}

.user_table_t_border.automatic-col-5 {
    width: 6rem;
}

.user_table_t_border.automatic-col-7 {
    width: 5.6rem;
}

/* ------------------------------------     DOWNLOAD   ------------------------------------------------ */
div.file-download a {
    width: 100%;
    padding: 3px 0;
    position: relative;
    gap: 0.5rem;
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    font-size: var(--regular-text-font-size);
    text-decoration: none;
    margin: 3px 0;
    overflow-wrap: break-word;
    color: var(--files-color);
}

div.file-download a {
    border-bottom: none;
}

div.file-download a span.file-text {
    text-decoration: underline !important;
    border-bottom: none;
    transition: ease-in-out .15s;
    min-height: 23px;
    max-width: 80%;
    width: auto;
    word-break: break-word;
}
/* ------------------------------------     DOWNLOAD END  ------------------------------------------------ */


/* ------------------------------------     MOOVING PICTURE    ------------------------------------------------ */

.module_envelope_fb.env_hf_moving_pictures h2 {
    box-shadow: none;
    font-size: 1.944444em;
    font-weight: bold;
    background: none;
    border: none;
}
#moving-pictures {
    box-sizing: border-box;
    height: auto;
    max-width: 1200px;
    width: 100%;
    margin: 30px auto !important;
    overflow: hidden;
}
#moving-pictures ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 170px;
}
#moving-pictures ul li {
    position: relative;
    left: 0;
    box-sizing: border-box;
    display: table-cell;
    margin: 0 20px;
    width: 150px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
}
#moving-pictures ul li span {
    width: 150px;
    height: 100px;
    display: flex;
    flex-wrap: wrap;
}
#moving-pictures ul li span img {
    width: 100%;
    height: auto;
    max-width: 200px;
    max-height: 200px;
}
#moving-pictures-manipulate-envelope {
    text-align: center;
    margin-top: 0 !important;
    display: block;
    position: relative;
}
#moving-pictures-move-left,
#moving-pictures-move-left.inactive {
    background: url(moving-logos-left.png) 50% 50% no-repeat;
    cursor: default;
    position: absolute;
    bottom: 88px;
    left: 1px;
}
#moving-pictures-move-right,
#moving-pictures-move-right.inactive {
    background: url(moving-logos-right.png) 50% 50% no-repeat;
    cursor: default;
    position: absolute;
    bottom: 88px;
    right: 1px;
}
#moving-pictures-play.inactive {
    display: none;
    
}
#moving-pictures-play {
    background: url(Play-b.png) 50% 50% no-repeat;
    cursor: default;
}
#moving-pictures-stop.usable.inactive {
    display: none;
}
#moving-pictures-stop.usable {
    display: block;
    background: url(Stop-b.png) 50% 50% no-repeat;
}
#moving-pictures-play, 
#moving-pictures-stop {
    width: 28px;
    height: 28px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    cursor: pointer;
    bottom: 0;
}

div.back {
    padding: 0 0.25rem;
    text-align: right;
    font-size: var(--regular-text-font-size);
    width: 100%;
    max-width: var(--content-width);
    margin: 0 auto;
    margin-top: 1rem;
}

/* ------------------------------------     MOOVING PICTURE END   ------------------------------------------------ */


/* ------------------------------------      ASIDE      ------------------------------------------------ */
/*div.menu_hlavicka_r,*/ 
.column_r h2.head, 
h2.menu_hlavicka_r, 
div.main_page_r {
    width: auto;
    margin: 0 0 5px 0;
    padding: 10px 0;
    position: relative;
    text-align: left;
    font-size: 1.25em;
    font-weight: bold;
    list-style: none;
    /* color: var(--text-color-black); */
    background: #fff; 
    /* border-bottom: 2px solid #ffcd05; */
}

.env_dynamika_prava_strana div.module_body_r h4, 
.env_dynamika_prava_strana div.module_body_l h4, 
.uputavka-new-subtitle {
    padding: 0;
    margin: 0;
    font-size: var(--regular-text-font-size);
    text-align: left;
    font-weight: bold;
    color: var(--h4-color);
}

.env_uputavky_new .menu_hlavicka a {
    font-size: 1.25em;
    color: var(--aside-h2-color);
    display: block;
    text-align: left;
    width: 100%;
    background: var(--bg-aside-h2);
    margin-bottom: 0.75rem !important;
    font-size: var(--aside-h2-font-size);
    font-weight: var(--aside-h2-font-weight);
    padding: 0 0 1rem;
    border-bottom: 2px solid var(--aside-h2-border-bottom) !important;
}

div.env_uputavky_new {
    padding-bottom: 1rem;
}

div.env_uputavky_new a {
    border-bottom: none !important;
}

div.env_uputavky_new a:hover {
    text-decoration: underline !important;
    text-decoration-thickness: 3px !important;
}

.env_uputavky_new a img {
    transition-duration: 0.3s;
    border-radius: 10px;
    width: 100%;
/*    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);*/
}

.env_uputavky_new a img:hover {
    box-shadow: 0 3px 10px #999;
}

.uputavka-new-subtitle a {
    color: var(--link-color-dark);
    border-bottom: 1px solid;
    text-decoration: none;
    transition-duration: 0.3s;
}

.env_uputavky_new .menu_hlavicka a:hover,
.uputavka-new-subtitle a:hover {
    border-bottom: 2px solid;
}

div.env_oznamy h3 {
    /*color: var(--text-color-black);*/
    /*background: #f5f5f5;*/
    /*border: none;*/
    /*border-bottom: 1px solid var(--bg-color-primary);*/
    /*padding: 1rem 0.5rem;*/
}

div.part-of-tabeed-modules div.add_user_info {
    border-bottom: 1px solid #ddd;
    grid-column: 1/5;
}

.short-text-default.short-text p.oznamy_date {
    border-bottom: none;
}

.eut p.oznamy_date {
    border-bottom: none;
}

aside h2.head-column,
aside .env_text_obrazok h2,
.module_header_region_info a,
.column_l div.module_header_calendar,
div.calendar_of_actions,
aside .module_header_info,
.env_social_webs div.menu_hlavicka_l,
.env_ankety div.menu_hlavicka_l,
.prevadzkove-hodiny h2,
.env_napiste_nam .menu_hlavicka_l {
    background: var(--bg-aside-h2) !important;
    font-size: var(--aside-h2-font-size) !important;
    text-align: left;
    margin: 0 auto;
    padding: 0.5rem 0.5rem 0.5rem 0 !important;
    font-weight: 700;
    color: var(--aside-h2-color);
    border-bottom: 2px solid var(--aside-h2-border-bottom) !important;
    width: 100%;
    max-width: 250px;
    display: flex;
    border-radius: 0;
    align-items: center;
    min-height: 60px;
    text-decoration: none;
    text-transform: none;
    position: relative;
    margin-bottom: 0.5rem;
}

.env_napiste_nam .menu_hlavicka_l {
    margin-bottom: 1.5rem;
}

aside h2.head-column::before,
aside .env_text_obrazok h2::before,
.module_header_region_info a::before,
.column_l div.module_header_calendar::before,
div.calendar_of_actions::before,
aside .module_header_info::before,
.env_social_webs div.menu_hlavicka_l::before {
    content: '';
    clear: both;
    display: none !important;
    position: absolute;
    bottom: 4px;
    left: 0;
    height: 4px;
    width: 80px;
    background: #de6f00;
}

li.menu_block_order_0 span,
li.menu_block_order_1 span,
li.menu_block_order_2 span,
li.menu_block_order_3 span {
    display: none;
}

.module_header_region_info a {
    color: var(--region-aktualne-color) !important;
    border-bottom: 2px solid var(--region-aktualne-border) !important;
    background: var(--region-aktualne-bg) !important;
    font-size: var(--region-aktualne-font-size) !important;
    text-decoration: underline;
    transition-duration: 0.3s;
}

div.menu_hlavicka_l.module_header_region_info {
    width: 100%;
}

.module_header_region_info a:hover {
    text-decoration: underline;
    text-decoration-thickness: 3px;
    border-bottom: 4px solid var(--region-aktualne-border) !important;
}

.file-download-default a:hover {
    border-bottom: none;
}

div.file-download a {
    transition: all 0.3s ease-in-out;
}

div.file-download a:hover span.file-text,
div.file-download a:hover span.file-size {
    text-decoration-thickness: 2px !important;
    transition: all 0.3s ease-in-out;
}

a.reklamni_partneri {
    margin: 0;
    margin-bottom: 0.25rem;
    line-height: 1.5rem;
    padding: 0;
    font-size: var(--smaller-text-font-size);
    letter-spacing: 0;
    text-decoration: none;
    border-bottom: 1px solid;
    transition-duration: 0.3s;
    color: var(--region-aktualne-text-color);
}

a.reklamni_partneri:hover {
    text-decoration: none;
    border-bottom: 3px solid;
}

.menu_hlavicka_r.module_header_region_info {
    height: 60px;
    /*width: 94%;*/
/*    display: none;*/
    margin: 0;
    background: var(--region-aktualne-bg);
    align-items: center;
    margin-bottom: 0.75rem;
}

#module_id_0 {
    /*display: none;*/
}

.module_body_r {
    line-height: 1.25rem !important;
    /*width: 94%;*/
}

div.file-download span.file-icon {
    margin-right: 1rem !important;
}

div.file-download span {
    margin: 2px 0 0 0 !important;
}

.menu_hlavicka_r.module_header_region_info a {
    color: var(--region-aktualne-color);
    background: var(--region-aktualne-bg) !important;
    text-decoration: underline;
    padding: 0 0.5rem !important;
    width: 100%;
    height: 60px;
    min-height: 2rem;
    /*margin: 0 1rem;*/
    font-weight: var(--region-aktualne-font-weight);
    font-size: var(--region-aktualne-font-size);
    transition: all 0.3s ease-in-out;
}

.menu_hlavicka_r.module_header_region_info a:hover {
    /*text-decoration: none;*/
    text-decoration-thickness: 3px;
    border-bottom: 3px solid;
}

aside .env_text_obrazok .editor {
    font-size: var(--regular-text-font-size);
}

aside .env_text_obrazok .editor:hover {
    text-decoration: none;
    /*border-bottom: 2px solid;*/
}

.pagination li a {
    transition: all 0.25s ease-in-out;
}

th.user_table_head_t_border, 
td.user_table_end_t_border {
    background: var(--bg-thead);
    color: var(--text-color-black);
    text-transform: none;
}

table.user_table_t_border td {
    word-break: break-word;
}

th.user_table_head_t,
td.user_table_end_t,
th.user_table_head_t_border,
td.user_table_end_t_border {
    border-bottom: 2px solid #ddd;
}

table.user_table_t td, 
table.user_table_t th,
table.user_table_t_border td,
table.user_table_t_border th {
    text-align: left;
    vertical-align: top;
    padding: 8px;
    text-transform: none;
    min-width: 8rem;
}

td.user_table_paar_t,
td.user_table_paar_t_border,
td.user_table_t_border,
td.user_table_paar_t_border {
    /*background: #fff;*/
    color: #363636;
    border: 0;
    border-bottom: 1px solid #ddd;
}

div.env_elektronicka_uradna_tabula_stlpec .menu_hlavicka_r, 
.column_r h2.head, 
li.menu_hlavicka_r a.menu_hlavicka_r, 
div.main_page_r,
.main_menu_r h2.menu_hlavicka_r {
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin: 0 0 10px;
    padding: 15px 20px 15px 1px;
    position: relative;
    text-align: left;
    font-size: var(--regular-text-font-size);
    font-weight: 600;
    list-style: none;
    background: url(bg-head-aside.png) no-repeat center bottom;
    color: #111111;
    border-top: none;
    border-right: none;
    border-left: none;
    overflow: auto;
}

/* === EUT V STLPCI === */
.env_elektronicka_uradna_tabula_stlpec ul li p {
    max-height: unset !important;
    overflow: hidden;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.env_elektronicka_uradna_tabula_stlpec ul li {
    position: relative;
    list-style-type: none;
    display: block;
    margin: 0 !important;
    padding: 1em 0 1em;
    border-bottom: 1px solid #ddd;
}

.env_elektronicka_uradna_tabula_stlpec ul li:first-of-type {
    padding-top: 0;
}

.env_elektronicka_uradna_tabula_stlpec ul li h3 {
    margin: 0 0 10px;
    background: none;
    padding: 1px;
    max-height: 3.9em;
    line-height: 130%;
    overflow: hidden;
    font-size: 0.973em;
    font-weight: bold;
}

.env_elektronicka_uradna_tabula_stlpec ul.links-to-all-items {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 5px 0;
    text-align: center;
}

.env_elektronicka_uradna_tabula_stlpec ul.links-to-all-items li {
    box-sizing: border-box;
    display: inline-block;
    padding: 0;
    margin: 0;
    border: none;
}

.env_elektronicka_uradna_tabula_stlpec ul.links-to-all-items li a {
    font-weight: 500;
    font-size: 1em;
    position: relative;
    top: auto;
}

/*.env_elektronicka_uradna_tabula_stlpec ul.links-to-all-items li a::after {
    content: "\00BB";
    display: inline-block;
    margin: 0 0 0 5px; 
}*/

.env_elektronicka_uradna_tabula_stlpec ul.links-to-all-items li a:hover {
    text-decoration: underline;
}

/* === EUT V STLPCI END === */
/* ------------------------------------      ASIDE END      ------------------------------------------------ */

/* ------------------------------------     MAIN CONTAIN END      ------------------------------------------------ */

/* --------------------------------------    COOKIE --------------------------------------------------- */
.cookie-alert {
    color: #363636;
    font-size: 1em;
    line-height: normal;
    border: 2px solid #363636;
    background: #f6f6f6;
    font-size: 1em;
    z-index: 99999999; 
    min-height: 60px;
    height: auto;
    opacity: 0.97;
    bottom: auto;
    top: 0;
}

.cookie-alert .inner {
    display: inline-flex;
    width: 100%;
}

.cookie-alert p.cookie-text {
    padding-top: 0;
    width: 100%;
    line-height: 150%;
    font-weight: 600;
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

.cookie-alert p.cookie-buttons {
    padding-top: 0;
    align-items: center;
    display: inline-flex;
    width: 45%;
    justify-content: flex-end;
}

.cookie-alert p {
    padding: 0 25px;
    margin: 5px;
}

.cookie-alert p a {
    font-weight: bold;
    color: #fff;
    text-decoration: underline;
    padding-left: 5px;
}

#cookie-global-envelope a#new-cookie-confirm {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    /* min-height: 46px; */
    /* height: auto; */
    /* line-height: 150%; */
    /* padding: 0 38px; */
    text-decoration: none;
    color: #fff;
    background: #363636;
    width: auto;
    /* margin-left: 25px; */
    font-weight: 600;
    /* border: 1px solid #fff; */
}

.cookie-alert a#more-info {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 46px;
    height: auto;
    line-height: 150%;
    padding: 0 38px;
    text-decoration: none;
    color: #363636;
    background: #fff;
    width: auto;
    margin-left: 25px;
    font-weight: 600;
    border: 1px solid #fff;
}

#cookie-global-envelope a#new-cookie-confirm:hover {
    background: #fff;
    color: #363636;
    border: 1px solid #363636;
    width: auto;
    text-decoration: underline;
    box-shadow: 1px 1px 10px -4px #111111;
}

#cookie-global-envelope a#new-cookie-noconfirm:hover,
#cookie-global-envelope a#new-cookie-settings:hover {
    background: #363636;
    color: #fff;
    border: 1px solid #363636;
    width: auto;
    text-decoration: underline;
}

@media only screen and (max-width: 1199px) {
    .cookie-alert {
        height: auto;
    } 

    .cookie-alert a#cookie-confirm,
    .cookie-alert a#more-info {
        padding: 0 15px;
    }

    .cookie-alert p.cookie-text {
        line-height: 150%;
    }

    .cookie-alert p.cookie-text,
    .cookie-alert p.cookie-buttons {
        display: flex;
        flex-wrap: wrap;
        justify-content:center;
        align-items:center;
        padding: 0 15px;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope {
        /*height: 100%;*/
        /*align-items: center;*/
    }
}

@media only screen and (max-width: 641px) {
    .cookie-alert p.cookie-text,
    .cookie-alert p.cookie-buttons {
        width: 100%;
    }

    .cookie-alert .inner {
        flex-wrap: wrap;
    }

    .cookie-alert a#cookie-confirm {
        margin: 0;
    }
}
/* ----------------------------------------- COOKIE END  ------------------------------------------------------ */


/* ------------------------------------      Focus      ------------------------------------------------ */
.hidden-special a.display_none {
    display: none;
}

.hidden-special > a/*.jump-to-content*/ {
    display: block;
}

.hidden-special {
    z-index: 999999999;
}

[tabindex]:focus, a:focus, input:focus {
    outline: 5px auto -webkit-focus-ring-color !important;
    outline: 4px dotted #ff8900 !important;
    outline-offset: 4px;
    z-index: 10 !important;
}

input[type="button" i]:focus {
    outline: 5px auto -webkit-focus-ring-color!important;
    outline: 4px dotted #ff8900 !important;
    outline-offset: 4px;
    z-index: 2;
}

.skip.hidden-special > a/*.jump-to-content*/ {
    position: fixed;
    top: -1000px;
    left: -1000px;
}

.skip.hidden-special > a:active, 
.skip.hidden-special > a:focus,
.jump-to-content:active, .jump-to-content:focus {
    top: 6px !important;
    left: 6px !important;
    font-size: 20px;
    text-transform: uppercase;
    background: #fff;
    padding: 5px;
    z-index: 10000;
}

header .module_envelope.env_hf_module_container div.module-inner-envelope a:focus,
ul.hf-hmenu li.hf-menu.level-1 > span > a:hover:focus,
ul.hf-hmenu li.hf-menu.level-3 > span > a:hover:focus,
ul.hf-hmenu li.hf-menu.level-1.current > span > a:hover:focus,
ul.hf-hmenu li.hf-menu.level-3.current > span > a:hover:focus,
ul.hf-hmenu li.hf-menu.level-1.with-submenu.liopened > .hf-menu-envelope > a:focus,
ul.hf-hmenu li.hf-menu.level-1.current > .hf-menu-envelope > a:focus,
a.jump-to-content:focus,
a.jump-to-navigation:focus,
span input#search-submit-button:focus {
    outline: 5px dotted #ff8900 !important;
}

ul.hf-hmenu li.hf-menu.level-1 > span > a:hover:focus,
ul.hf-hmenu li.hf-menu.level-2 > span > a:hover:focus,
ul.hf-hmenu li.hf-menu.level-3 > span > a:hover:focus,
ul.hf-hmenu li.hf-menu.level-1.current > span > a:hover:focus,
ul.hf-hmenu li.hf-menu.level-2.current > span > a:hover:focus,
ul.hf-hmenu li.hf-menu.level-3.current > span > a:hover:focus,
ul.hf-hmenu li.hf-menu.level-1.with-submenu.liopened > .hf-menu-envelope > a:focus,
ul.hf-hmenu li.hf-menu.level-2.with-submenu.liopened > .hf-menu-envelope > a:focus,
ul.hf-hmenu li.hf-menu.level-3.with-submenu.liopened > .hf-menu-envelope > a:focus {
/*    outline: 5px dotted #fff !important;*/
}

/* ------------------------------------      Focus  End     ------------------------------------------------ */

/*------------------------------------------- HEADER LINK---------------------------------- */
#header-anchor-link {
    background: var(--bg-color-light);
    border: 2px solid var(--main-color);
    margin-left: 0;
    right: 20px;
    bottom: 20px;
    width: 41px;
    height: 41px;
    z-index: 9999;
    transition: 0.3s all ease-in-out;
}

#header-anchor-link:hover {
    border-radius: 50%;
    border: 2px solid var(--bg-color-light);
    background: var(--main-color);

}

/*----------------------------------------- HEADER LINK END ------------------------------------------------- */

/* ------------------------------------     extra-block-bottom     ------------------------------------------------ */
div#extra-block-bottom {
    display: block;
    /*max-width: 1200px;*/
    width: 100%;
    z-index: 1;
    margin: 0 auto 0;
    padding: 0;
    height: auto;
    bottom: 0;
    background: #FCFDDF;
}

#extra-block-bottom h3 {
    text-align: center;
    width: 100%;
    display: block;
    padding: 1.5rem 0 0.5rem;
    font-size: 1.313rem;
    margin: 0 !important;
    background: none;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--text-color-black);
}

#extra-block-bottom h2 {
    clear: both;
    width: 100%;
    /*display: flex;*/
    position: relative;
    border: none;
    text-align: center;
    font-weight: 600;
    padding: 2rem 0 1rem !important;
    font-size: var(--blok-podstranok-h2-font-size);
    height: auto !important;
    min-height: unset;
    line-height: 2rem;
    color: var(--blok-podstranok-header-color);
    background: transparent;
/*    border-bottom: 2px solid var(--h2-border-bottom);*/
    text-transform: uppercase;
    align-items: center;
    margin: 0 0 0.5rem;
    justify-content: center;
}

#extra-block-bottom h2::before {
    display: none;
}

/*#extra-block-bottom h2::after {
    content: '';
    display: none;
    height: 2px;
    width: 136px;
    background: var(--main-color);
    position: absolute;
    left: auto;
    right: auto;
    bottom: 0;
}*/

#extra-block-bottom .column_fb .env_hf_text_obrazok.partneri {
    /*border-bottom: 2px solid #ffbb00;*/
    margin-bottom: 0;
}

#extra-block-bottom .column_fb .env_hf_text_obrazok.partneri.p1 {
    /*background: var(--bg-color-secondary);*/
}

#extra-block-bottom h2.partneri-heading {
/*    color: #000;
    background: #fff;
    font-size: 1.75rem;
    font-weight: 400;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: none;
    text-transform: uppercase;
    margin: 0 0 1rem !important;*/
}

#extra-block-bottom .partneri-section {
    margin-bottom: 1rem;
}

#extra-block-bottom ul.partneri-section {
    display: grid;
    grid-template-columns: repeat(4, auto);
    /*flex-wrap: wrap;*/
    max-width: 1000px;
    width: 100%;
    margin: 0 0 1rem;
    gap: 2vw;
    align-items: center;
    padding: 0 0.25rem 1.5rem;
    justify-items: center;
    list-style: none;
}

#extra-block-bottom .partneri.p2 ul.partneri-section {
    grid-template-columns: repeat(6, auto);
}

#extra-block-bottom .partneri.p3 ul.partneri-section {
    grid-template-columns: repeat(1, auto);
}

#extra-block-bottom ul.partneri-section li {
    width: 100%;
    /*min-width: 110px;*/
    margin: 0;
    transition: all 0.3s ease-in-out;
}

#extra-block-bottom .partneri.text ul.partneri-section li {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#extra-block-bottom ul.partneri-section li p {
    color: var(--text-color-black);
    font-size: var(--regular-text-font-size);
    min-height: 4rem;
}

#extra-block-bottom ul.partneri-section li:hover {
    transform: translateY(-0.25rem);
}

#extra-block-bottom .partneri a,
#extra-block-bottom ul.partneri-section li a:hover {
    border-bottom: none !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 215px;
    margin: 0 auto;
    text-decoration: none;
}

#extra-block-bottom .partneri a img {
    padding: 0;
    /*background: var(--bg-color-white);*/
    max-height: 146px;
    margin: 0;
}

#extra-block-bottom .partneri.p1 a img {
    padding: 3px;
    border-radius: 0 0 47% 47%;
}

#extra-block-bottom .odkazy-ikonove h2 {
    margin-bottom: 1rem;
}

#extra-block-bottom .odkazy-ikonove ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    list-style: none;
    max-width: 1100px;
    gap: 1rem;
    padding: 0 0.25rem;
}

#extra-block-bottom .odkazy-ikonove ul li {
    margin-left: 0;
}

#extra-block-bottom .odkazy-ikonove ul a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    font-weight: 700;
    padding: 0.5rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 2px solid transparent;
    height: 150px;
    justify-content: space-around;
}

#extra-block-bottom .odkazy-ikonove ul a:hover {
    border: 2px solid #aaa;
    border-radius: 10px;
}

#extra-block-bottom h3 {
    text-align: center;
    width: 100%;
    display: block;
    font-size: 1.46em;
    /*margin: 0 0 16px !important;*/
    background: var(--bg-left-column);
    /* font-weight: bold; */
    /* color: var(--text-color-black); */
}

div#extra-block-bottom .column_fb {
    /*display: flex;*/
    width: auto;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
}

.module_envelope_fb.env_hf_module_container {
    margin-bottom: 56px;
}

.module_envelope_fb.env_hf_module_container {
    width: 1200px;
    margin: 0 auto 30px;
}

#extra-block-bottom .env_hf_text_obrazok .module-inner-envelope {
    width: 100%;
}

#extra-block-bottom .column_fb .env_hf_text_obrazok {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 0 auto;
    top: 0;
    padding-bottom: 0;
}

#extra-block-bottom .column_fb .env_hf_text_obrazok .editor {
    display: flex;
    flex-direction: column;
    max-width: var(--content-width);
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin: 0 auto 0;
    padding: 0 0.25rem;
}

#extra-block-bottom .dolezite-odkazy h2 {
/*    border-bottom: 2px solid var(--blok-podstranok-border);*/
}

#extra-block-bottom .column_fb .env_hf_text_obrazok.mapa .editor {
    flex-direction: column;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}

#extra-block-bottom .blok-podstranok .menu_block_kat.mb_ord3 li.menu_block_head ul.menu-block-under-receiver {
    border-right: none;
}

#extra-block-bottom .column_fb .module_envelope_fb.env_hf_menu_block .module-inner-envelope {
    width: 100%;
    max-width: var(--content-width);
    left: 0;
    right: 0;
    margin: 0 auto 0;
    /*padding: 0 0 2rem;*/
    /*border-bottom: 2px solid var(--blok-podstranok-border);*/
}

#extra-block-bottom .module_envelope_fb.env_hf_menu_block.blok .module-inner-envelope {
    margin-top: 0;
}

#extra-block-bottom .module_envelope.module_envelope_fb.env_hf_menu_block {
    background: var(--bg-blok-podstranok);
}

#extra-block-bottom .dolezite-odkazy {
    height: fit-content;
    padding: 1rem 0 3rem !important;
/*    background: var(--bg-color-secondary);*/
}

.embed-container {
    position: relative;
    height: 300px;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0; 
    width: 100%;
    height: 100%;
}

#extra-block-bottom .uzitocne-odkazy {
    height: fit-content;
/*    background: var(--bg-blok-podstranok);*/
    padding-bottom: 0 !important;
/*    border-bottom: 2px solid #ddd;*/
}

#extra-block-bottom .uzitocne-odkazy h2 {
/*    color: var(--text-color-black);*/
}

#extra-block-bottom .uzitocne-odkazy .columns {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    gap: 2vw;
    padding: 0 0.25rem;
}

#extra-block-bottom .uzitocne-odkazy ul,
#extra-block-bottom .dolezite-odkazy ul {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    flex-wrap: wrap;
/*    padding: 0 0.25rem;*/
    width: 100%;
    max-width: 1200px;
    gap: 2vw;
    row-gap: 0.5rem;
    justify-content: space-between;
    justify-items: center;
    margin-bottom: 0;
}

#extra-block-bottom .dolezite-odkazy ul.odkazy {
    grid-template-columns: 100%;
    border-top: 2px solid #B3D4C5;
    padding: 1rem 0 0;
}

#extra-block-bottom .dolezite-odkazy ul.odkazy::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: #2C6D15;
    position: absolute;
    top: -4px;
    left: 0;
}

#extra-block-bottom .uzitocne-odkazy ul li::marker,
#extra-block-bottom .dolezite-odkazy ul li::marker {
    color: var(--text-color-main);
}

#extra-block-bottom .uzitocne-odkazy ul.obrazkove {
/*    margin-bottom: 2rem;*/
}

#extra-block-bottom .uzitocne-odkazy ul.textove {
    grid-template-columns: 100%;
    width: 100%;
    gap: 0;
    list-style: none;
    padding: 0;
/*    border-top: 2px solid #D7E6F2;*/
}

#extra-block-bottom .uzitocne-odkazy ul li,
#extra-block-bottom .dolezite-odkazy ul li {
    width: 100%;
    min-width: 150px;
    max-width: 285px;
    position: relative;
    margin-left: 0 !important;
}

#extra-block-bottom .dolezite-odkazy ul li::after {
    content: '';
    display: none;
    height: 86px;
    width: 2px;
    position: absolute;
    right: 0;
    top: 24%;
    align-items: center;
    background: #e5e5e5;
}

#extra-block-bottom .dolezite-odkazy ul li:last-child::after {
    display: none;
}

#extra-block-bottom .dolezite-odkazy ul li a {
    width: 100%;
    display: flex;
    align-items: center;
    transition-duration: 0.3s;
    position: relative;
    font-weight: 400;
    border-radius: 10px;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-skip-ink: none;
    gap: 0.5rem;
}

#extra-block-bottom .dolezite-odkazy ul li a::before {
    content: '';
    width: 12px;
    height: 12px;
    display: none;
    position: relative;
    z-index: 1;
    background: none;
    border-radius: 50%;
    border: 2px solid var(--blok-podstranok-marker-color);
}

#extra-block-bottom .uzitocne-odkazy ul li a {
    height: fit-content;
    /*max-height: 94px;*/
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*background: var(--main-color);*/
    color: var(--blok-podstranok-text-color);
    text-decoration: none;
    /*min-height: 60px;*/
    border-radius: 10px;
/*    filter: drop-shadow(0px 4px 4px rgba(0, 101, 179, 0.22));*/
    /*border: 1px solid #dadad9;*/
    overflow: hidden;
    transition-duration: 0.3s;
    position: relative;
}

#extra-block-bottom .uzitocne-odkazy ul.textove li a {
    font-weight: 700 !important;
    border-bottom: 2px solid #ddd !important;
    min-height: 98px;
    background: var(--bg-color-white);
    text-decoration: underline;
}

#extra-block-bottom .uzitocne-odkazy ul li a img {
    margin: 0;
}

#extra-block-bottom .uzitocne-odkazy ul.obrazkove-1 {
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
    margin: 0.75rem 0 2.5rem;
    padding: 0;
    max-width: var(--content-width);
}

#extra-block-bottom .uzitocne-odkazy ul.obrazkove-2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
    max-width: 1200px;
}

#extra-block-bottom .uzitocne-odkazy ul.obrazkove li a img {
    /*max-height: 94px;*/
}

#extra-block-bottom .uzitocne-odkazy ul li a:hover,
#extra-block-bottom .dolezite-odkazy ul li a:hover {
    font-weight: 400;
    border: none !important;
    transform: translateY(-3px);
    border-radius: 10px;
    /*text-decoration: underline;*/
    /*box-shadow: -2px 3px 5px -1px #E3756F;*/
    text-decoration-thickness: 3px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.22));
}

#extra-block-bottom .uzitocne-odkazy ul.textove li a:hover {
    border-bottom: 2px solid !important;
}

#extra-block-bottom .uzitocne-odkazy ul li a:hover img {
/*    box-shadow: -2px 3px 5px -1px #E3756F;*/
/*    transform: translateY(-3px);*/
/*    filter: grayscale(1);*/
}

#extra-block-bottom .uzitocne-odkazy ul li a img,
#extra-block-bottom .dolezite-odkazy ul li a img {
    transition-duration: 0.3s;
}

#extra-block-bottom .uzitocne-odkazy ul li a:hover img,
#extra-block-bottom .dolezite-odkazy ul li a:hover img {
    filter: grayscale(1);
}

#extra-block-bottom .dolezite-odkazy ul li a#person::after {
    content: '\f508';
}

#extra-block-bottom .dolezite-odkazy ul li a#people::after {
    content: '\f007';
}

#extra-block-bottom .dolezite-odkazy ul li a#paper::after {
    content: '\f500';
}

#extra-block-bottom .dolezite-odkazy ul li a#hands::after {
    content: '\f6c0';
}

#extra-block-bottom .dolezite-odkazy ul li a#person::after,
#extra-block-bottom .dolezite-odkazy ul li a#people::after,
#extra-block-bottom .dolezite-odkazy ul li a#paper::after,
#extra-block-bottom .dolezite-odkazy ul li a#hands::after {
    transition-duration: 0.3s;
    display: none;
    align-items: center;
    clear: both;
    height: 110px;
    font: normal normal normal 60px/1 FontAwesome;
    top: 0;
    position: absolute;
    color: var(--bg-color-white);
    width: 175px;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    /*background: var(--bg-color-secondary);*/
    /*border-radius: 10px;*/
    /*border: 2px solid #d0190f;*/
}

#extra-block-bottom .dolezite-odkazy ul li a#person:hover::after,
#extra-block-bottom .dolezite-odkazy ul li a#people:hover::after,
#extra-block-bottom .dolezite-odkazy ul li a#paper:hover::after,
#extra-block-bottom .dolezite-odkazy ul li a#hands:hover::after {
    /*background: var(--main-color);*/
    /*color: var(--bg-color-white);*/
    /*border-radius: 10px;*/
}

#extra-block-bottom .mobilna-aplikacia {
    min-height: 200px;
    background: url('bg-mobilna-aplikacia.png') no-repeat center center !important;
    transition-duration: 0.3s;
    max-width: 100% !important;
    background-size: cover !important;
}

#extra-block-bottom .mobilna-aplikacia h2 a {
    color: var(--mobilna-aplikacia-color);
    font-size: 1.875rem;
    line-height: 2.5rem;
    font-weight: 700;
    padding-top: 0.5rem !important;
    max-width: 640px;
    margin: 0 auto;
    justify-content: flex-start;
    text-decoration: underline;
}

#extra-block-bottom .mobilna-aplikacia h2::after {
    display: none !important;
}

#extra-block-bottom .mobilna-aplikacia a {
    text-decoration: none;
    width: fit-content;
    transition-duration: 0.3s;
}

#extra-block-bottom .mobilna-aplikacia:hover {
    transition-duration: 0.3s;
    filter: drop-shadow(2px 4px 6px #aaa);
}

#extra-block-bottom .mobilna-aplikacia a:hover {
    text-decoration: none;
    transition-duration: 0.3s;
    border-bottom: 2px dashed;
    padding-bottom: 0.25rem;
}

#extra-block-bottom .mobilna-aplikacia p {
    color: var(--mobilna-aplikacia-color);
    font-size: 1.25rem;
    max-width: 640px;
    margin: 0 auto;
    text-align: left;
}

.env_hf_module_container .module-container-columns-envelope {
    display: flex;
    width: 100%;
    height: 100%;
    /*align-items: center;*/
    justify-content: space-around;
    position: relative;
    gap: 1rem;
    /*left: 12px;*/
}

footer .module-container-column.column-2.width-33 {
    position: relative;
/*    top: -5px;*/
}

.env_hf_module_container.upper .module-container-columns-envelope {
    justify-content: center;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    border-bottom: none;
    height: auto;
    min-height: auto;
    /*width: 80%;*/
    padding: 0 1rem 1.5rem;
    max-width: 1200px;
    margin: 2rem auto 0;
    background-size: cover;
}

.env_hf_module_container.lower .module-container-columns-envelope .module-container-column {
    width: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    color: var(--footer-lower-color);
}

.env_hf_menu_rwd {
    display: none !important;
}

.amenu {
    text-decoration: underline;
    transition: 0.3s all ease-in-out;
}

.amenu:hover {
    text-decoration: none;
    border-bottom: 3px solid var(--link-color-black) !important;
}

.env_hf_menu_rwd {
    display: none !important;
}

ul.page_mapa_head li.page_mapa_head {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}

ul.page_mapa_head {
    margin-bottom: 1rem;
}

ul.page_mapa {
    font-size: var(--regular-text-font-size);
}

ul.page_mapa li {
    margin-bottom: 0.5rem;
}

ul.page_mapa li a {
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

ul.page_mapa li a:hover {
    text-decoration: none;
    border-bottom: 3px solid;
}

.sitemap:last-child {
    font-size: var(--regular-text-font-size);
}

.sitemap:last-child li a {
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

.sitemap:last-child li a:hover {
    text-decoration: none;
    border-bottom: 3px solid;
}

.env_rss_channel_popis a {
    font-size: var(--smaller-text-font-size);
    text-decoration: underline;
    transition: all 0.3s ease-in-out;    
}

.env_rss_channel_popis a:hover {
    text-decoration: none;
    border-bottom: 3px solid;
}

.rss_channel_popis a {
    font-size: var(--smaller-text-font-size);
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

.rss_channel_popis a:hover {
    text-decoration: none;
    border-bottom: 3px solid;
}

.rss_channel_popis p {
    font-size: var(--regular-text-font-size);
}

/* ---------------------- FORMS ------------------- */
.user-form-item-name-default {
    display: initial !important;
    width: 100% !important;
    max-width: 150px;
    text-align: left !important;
    font-size: var(--regular-text-font-size);
}

.user-form-item-value-default .user-form-item-value .type-checkbox {
    width: 30%;
}

.user-form-item-value-default {
    display: flex !important;
    align-items: center;
}

.user-form-item-envelope-default {
    padding: 2rem 0 0 !important;
}

.column .module_envelope input.button.user-form-send-button {
    padding: 0.5em 2em !important;
    font-size: 1.3em;
    border: none !important;
    margin-top: 2rem;
    font-weight: 500;
}

input.required, textarea.required, select.required {
    border: 2px solid var(--text-color-black);
    height: 50px;
    width: 100%;
}

.column .module_envelope input.button.user-form-send-button-default[type="submit"] {
    width: 100% !important;
}

.user-form-append-default {
    display: flex !important;
    margin-left: 5px;
}

.user-form-item-envelope-default.user-form-item-envelope.type-checkbox {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

a.date-adjust-help {
    /*margin: 0 0.5rem;*/
}

.user-form-item-envelope-default.user-form-item-envelope.type-checkbox a {
    text-decoration: underline;
}

.user-form-item-envelope-default.user-form-item-envelope.type-checkbox a:hover {
    text-decoration-thickness: 3px;
}

.user-form-item-envelope-default.user-form-item-envelope.type-checkbox span {
    max-width: unset !important;
}

div.fotogaleria div p {
    display: block;
    margin: 0.5rem 0;
    text-align: left;
    font-size: var(--regular-text-font-size);
    line-height: 120%;
    height: 5rem;
    color: var(--text-color-main);
}

.env_ludia p.person_name {
    font-weight: bold;
    width: 200px;
    margin: 0 auto;
    text-align: left;
}

.env_ludia p.person_other {
    width: 200px;
    margin: 0.5rem auto;
    text-align: left;
}

/* ---------------------- LINKS ------------------- */
#extra-block-bottom .env_hf_text_obrazok.links {
    display: block !important;
    margin-bottom: 110px;
    max-width: 1200px;
    margin: 0 auto;
}

#extra-block-bottom .env_hf_text_obrazok.links .main-links-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

#extra-block-bottom .env_hf_text_obrazok.links .main-links-container {
    display: flex;
    align-items: center;
    width: 100%;
}

#extra-block-bottom .env_hf_text_obrazok.links .main-links-container p.link-img {
    margin-bottom: 35px;
}

#extra-block-bottom .env_hf_text_obrazok.links .main-links-container p {
    padding: 0 35px;
    transition-duration: .25s;
}

#extra-block-bottom .env_hf_text_obrazok.links .main-links-container p .link-name {
    color: #fff;
    text-align: center;
    font-size: 1.25em;
    font-weight: bold;
}

#extra-block-bottom .env_hf_text_obrazok.links .main-links-container p.link-no-img {
    background: #fff;
    width: 25%;
    margin-bottom: 2em;
}

#extra-block-bottom .env_hf_text_obrazok.links .main-links-container p.link-no-img a {
    display: block;
    width: 100%;
    max-height: 94px;
    height: auto;
    text-decoration: none;
    border: 1px solid #c7c6c6;
    transition-duration: .2s;
}

#extra-block-bottom .env_hf_text_obrazok.links .main-links-container p.link-no-img a:hover {
    box-shadow: 1px 1px 10px 0 #c7c6c6;
}

#extra-block-bottom .env_hf_text_obrazok.links .main-links-container  p:hover {
}

#extra-block-bottom .env_hf_text_obrazok.links .main-links-container  p.link-no-img:hover a {
    color: #fff;
}

/* ---------------------- LINKS END ------------------- */

footer a.module-container-header-trigger {
    display: none;
}

#extra-block-bottom .column_fb .env_hf_text_obrazok.mapa {
    margin: 0 auto 0;
    padding: 0;
    height: auto;
    border-top: 2px solid #ddd;
    background: var(--bg-color-white);
}

#extra-block-bottom .column_fb .env_hf_text_obrazok.mapa h2 {
    /*text-transform: uppercase;*/
/*    color: var(--main-color);*/
    /*font-size: var(--blok-podstranok-h2-font-size);*/
    /*font-weight: 600;*/
    /*max-width: unset;*/
    /*text-align: center;*/
    margin-bottom: 0.5rem;
    padding-top: 1.5rem !important;
    border-bottom: none;
}

#extra-block-bottom .column_fb .env_hf_text_obrazok.mapa a:hover {
    border-bottom: none;
}

#extra-block-bottom .column_fb .env_hf_text_obrazok.mapa a img {
    height: 100% !important;
    padding: 0;
}

#extra-block-bottom .column_fb .env_hf_text_obrazok.mapa p {
    height: 300px;
}

.embed-container {
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#extra-block-bottom .bottom-image {
    display: flex !important;
    height: 30vw !important;
    min-height: 175px;
    width: 100%;
    background: url('bg-bottom.jpg') no-repeat center center !important;
    background-attachment: fixed !important;
    background-position: center; 
    background-repeat: no-repeat;
    background-size: cover !important;
    border-bottom: 2px solid var(--blok-podstranok-border);
    /*background-size: 193%;*/
    /*filter: drop-shadow(0px 4px 10px rgba(211, 2, 12, 0.15));*/
}

#homepage_0 #extra-block-bottom .bottom-image {
    display: flex !important;
}

/* ------------------ BLOK MENU LI  ------------------ */
.blok-podstranok {
/*    border-bottom: 2px solid var(--blok-podstranok-border);*/
    border-top: 2px solid var(--blok-podstranok-border);
    background: var(--bg-blok-podstranok);
    /*max-width: 900px;*/
    margin: 0 auto 0 !important;
    text-align: center;
}

#extra-block-bottom .blok-podstranok h2 {
/*    border-bottom: 2px solid #D3020C;*/
/*    background: var(--blok-podstranok-header-bg);*/
/*    color: var(--blok-podstranok-header-color);*/
/*    padding: 1rem 0 1rem !important;*/
/*    margin: 0 0 1.5rem;*/
/*    display: flex;*/
/*    font-size: var(--blok-podstranok-h2-font-size);*/
/*    font-weight: 700;*/
/*    text-transform: none;*/
}

.blok-podstranok ul.menu_block li a {
    margin-left: 0;
}

div.menu_block_container {
    padding: 0 0 0 300px;
    margin: 0;
    width: 100%;
    background: #fff; 
    min-height: 154px;
    height: 200px;
    overflow: hidden;
    box-sizing: border-box;
    display: none;
}

li.menu_block_head {
    padding: 0;
    margin: 0 !important;
    font-weight: bold;
    border-radius: 10px;
    padding: 1rem;
    color: var(--text-color-black);
    background: var(--blok-podstranok-categories-bg);
    background-position-y: top;
    text-align: left;
    list-style-type: none;
    position: relative;
    filter: drop-shadow(2px 4px 6px #ddd);
}

li.menu_block_head span.menu-block-name {
    position: relative;
    display: flex;
    gap: 1rem;
    font-size: var(--regular-text-font-size);
    width: 100%;
    height: auto;
    min-height: 2.25rem;
    top: 0;
    font-weight: 600;
    /*background: var(--blok-podstranok-categories-bg);*/
    background-size: contain;
    color: var(--blok-podstranok-categories-color);
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    margin-bottom: 0.75rem;
    line-height: 0;
/*    padding-left: 0.5rem;*/
    text-transform: uppercase;
    border-bottom: 2px solid #ddd;
}

li.menu_block_head span.menu-block-name::after {
    display: none;
    content: '';
    width: 17px;
    height: 17px;
    top: 5px;
    text-align: right;
    left: 6px;
    border-radius: 50%;
    /*display: none;*/
    right: auto;
    /*margin: 0 auto;*/
    position: absolute;
    background: var(--bg-dolezite-oznamy-after);
    justify-content: flex-end;
}

.mb_ord3 li.menu_block_head span.menu-block-name::after {
    /*content: '';*/
    /*display: none;*/
}

.mb_ord0 li.menu_block_head span.menu-block-name::before,
.mb_ord1 li.menu_block_head span.menu-block-name::before,
.mb_ord2 li.menu_block_head span.menu-block-name::before,
.mb_ord3 li.menu_block_head span.menu-block-name::before {
    justify-content: center;
    align-items: center;
    clear: both;
    font: normal normal normal 21px/1 FontAwesome;
    width: 40px;
    height: 36px;
    top: 2px;
    left: 0;
    bottom: auto;
    right: auto;
    /*margin: 0 auto;*/
    z-index: 2;
    position: relative;
    order: 0;
    transition-duration: 0.3s;
    color: var(--bg-dolezite-oznamy-after);
    border-bottom: 2px solid var(--bg-dolezite-oznamy-after);
}

.mb_ord0 li.menu_block_head span.menu-block-name::before {
    content: '\f0c0';
}

.mb_ord1 li.menu_block_head span.menu-block-name::before {
    content: '\f1ad';
}

.mb_ord2 li.menu_block_head span.menu-block-name::before {
    content: '\f129';
    font-weight: 700;
}

.mb_ord3 li.menu_block_head span.menu-block-name::before {
    content: '\f15b';
}

.mb_ord0 li.menu_block_head span.menu-block-name::before,
.mb_ord1 li.menu_block_head span.menu-block-name::before,
.mb_ord2 li.menu_block_head span.menu-block-name::before,
.mb_ord3 li.menu_block_head span.menu-block-name::before {
    display: flex;
}

ul.menu_block li a {
    color: var(--blok-podstranok-text-color);
    margin: 0;
    line-height: normal;
    text-decoration: underline;
    font-weight: 400;
    /*margin-left: -10px;*/
    /*border-bottom: 1px solid;*/
    transition-duration: 0.3s;
    -moz-margin-start: 0;
    font-size: var(--regular-text-font-size);
}

li.menu_block_kat.mb_ord3 {
    /*display: none;*/
}

ul.odkazy {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    list-style: disc;
    width: 100%;
    gap: 0.5rem;
    margin-bottom: 3rem;
}

ul.odkazy li {
    text-align: left;
    /*margin-left: 30px !important;*/
}

ul.odkazy li::marker {
    color: var(--blok-podstranok-marker-color);
}

ul.odkazy li a {
    color: var(--main-color);
}

.persons-detail a {
    color: var(--link-color-main);
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

.persons-detail a:hover {
    text-decoration: none;
    border-bottom: 3px solid;
}

li.menu_block_order_0,
li.menu_block_order_1,
li.menu_block_order_2,
li.menu_block_order_3 {
    margin-left: 0 !important;
    padding-left: 0 !important;
    list-style-position: inside;
    -moz-list-style-position: inside;
    text-align: left;
    /*width: 50%;*/
    /*height: 50%;*/
    /*border: 1px solid #ddd;*/
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*position: relative;*/
}

li.menu_block_kat ul li ul li:first-of-type::after {
    content: '';
    display: none;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: var(--main-color);
    position: absolute;
    bottom: -12px;
    right: -13px;
    z-index: 2;
}

.blok-podstranok ul.menu_block li a {
    /*width: 100%;*/
    /*height: 100%;*/
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0.125rem 0 0 0;
    border-bottom: 3px solid transparent;
    transition-duration: 0.3s;
}

.blok-podstranok ul.menu_block li a:hover {
    border-bottom: 3px solid;
    text-decoration: none;
    /*color: var(--link-color-white);*/
    /*background: var(--main-color);*/
}

.blok-podstranok .menu-block-under-trigger.top.mb-mobile-closed.display_none {
    display: none !important;
}

li.menu_block_order_3 {
    /*list-style: none;*/
}

div.menu_block_container ul {
    margin: 0;
    padding: 0;
}

ul.menu_block {
    padding: 0 0.25rem 1rem;
    margin: 0 auto;
    height: fit-content;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    max-width: var(--content-width);
}

.short-text {
    text-decoration: none !important;
}

ul.menu_block::after {
    background: #f5f5f5;
    display: none;
    content: '';
    clear: both;
    width: 100%;
    height: 377px;
    top: auto;
    bottom: -185px;
    left: 0;
    right: auto;
    z-index: 0;
    margin: 0 auto;
    position: absolute;
}

ul.menu_block li.brclear {
    background: none;
    border: none;
}

li.menu_block_kat {
    margin: 0 !important;
    /*padding: 0.5rem;*/
    list-style-type: none;
    /*z-index: 999;*/
    width: 100%;
    border-radius: 10px;
    overflow: visible;
    /*background: var(--blok-podstranok-categories-bg);*/
    /*background-position-x: 0.75rem;*/
    /*box-shadow: 0 7px 20px -5px #555;*/
    /*border-right: 1px solid var(--blok-podstranok-border);*/
}

li.menu_block_kat.mb_ord2 {
    border-right: none;
}

li.menu_block_kat ul {
    margin: 0;
    padding: 0;
    /*background: var(--bg-blok-podstranok);*/
}

li.menu_block_kat ul li ul {
    /*padding-top: 1rem;*/
    /*border-right: 3px solid #212D8B;*/
    display: flex;
    gap: 0.25rem;
    flex-direction: column;
    align-items: flex-start;
    list-style: none;
    position: relative;
    padding-left: 0.5rem;
    padding-top: 0.5rem;
}

ul.menu-block-under-receiver.bottom {
    padding-left: 10px;
}

li.menu_block_kat ul li::marker {
    color: var(--blok-podstranok-marker-color);
    margin-right: 0 !important;
    padding-right: 0 !important;
}

#extra-block-bottom .region {
    min-height: 200px;
    height: fit-content;
    background: #045195 url('bg-region.png') no-repeat center !important;
}

.region-actual-hf {
    height: auto !important;
    color: var(--link-color-white) !important;
    padding-top: 0 !important;
}

#extra-block-bottom h2.reg-act-head {
    margin: 0;
}

.reg-act-text {
    padding: 1rem !important;
}

#extra-block-bottom .reg-act-head a:hover {
    text-decoration-thickness: 4px;
}

#extra-block-bottom .region-ponuka {
    display: inline-flex;
    width: 100%;
}

.reg-act-links {
    font-size: var(--smaller-text-font-size) !important;
    width: 90%;
    max-width: 700px;
    padding: 0.5rem 0.5rem 1rem !important;
    margin: 0 auto;
}

.reg-act-links a {
    color: var(--link-color-white);
    text-decoration: underline;
    line-height: 150%;
    transition-duration: 0.3s;
}

.reg-act-links a:hover {
    text-decoration-thickness: 3px;
    color: var(--link-color-white);
}

#extra-block-bottom p {
    font-size: 1.375rem;
    color: var(--region-aktualne-text-color);
    width: 100%;
}

#extra-block-bottom .region-ponuka ul li {
    /*background: url(region-dot.png) no-repeat center left 5px;*/
    padding-left: 0;
    margin-left: 20px;
    list-style-type: none;
    color: var(--text-color-white);
    line-height: 150%;
}

#extra-block-bottom .region-ponuka ul li::before {
  content: "\2022";
  color: #a7d2af;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

#extra-block-bottom .region-ponuka ul li a {
    color: var(--link-color-white);
    transition-duration: 0.2s;
    font-size: var(--smaller-text-font-size);
}

/* ------------------ FOOTER ------------------ */
footer {
    width: 100%;
}

#main-footer {
    margin: 0 auto;
    background: var(--footer-bg-whole);
    background-size: cover;
}

footer .column_f {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    /*max-width: 1200px;*/
    justify-content: center;
}

footer div.module_envelope {
    margin: 0;
}

footer div.module_envelope.in-footer-thanks {
    width: 100%;
    max-width: 1200px;
}

footer div.module_envelope.in-footer-thanks .editor {
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: space-evenly;
    justify-items: center;
}

footer div.module_envelope.in-footer-thanks .editor a:hover {
    border-bottom: none;
}

footer div.module_envelope.in-footer-thanks .editor img {
    max-height: 5rem;
    margin: 0;
}

footer div.module_envelope.in-footer-thanks .editor p {
    display: flex;
    align-items: center;
    font-size: var(--smaller-text-font-size);
}

footer .env_hf_module_container {
    width: 100%;
    text-align: left;
    padding-top: 15px;
    padding: 15px 15px 0;
}

footer .env_hf_module_container.upper {
    width: 100%;
    /*max-width: 1200px;*/
    text-align: left;
    margin: 0 auto;
    padding: 0;
    /*border-bottom: 1px solid var(--footer-border-bottom);*/
    background: var(--bg-footer-upper);
}

footer .upper .module-container-columns-envelope .module-container-column div.module-container-collapsable-envelope {
    width: 100%;
}

footer .upper .module-container-columns-envelope .module-container-column div.module-container-collapsable-envelope .module_body {
    text-align: left;
}

footer .env_hf_module_container.lower {
    background: var(--bg-footer-lower);
    padding: 0.5rem 1rem;
    /*width: 80%;*/
    height: auto;
    max-width: var(--content-width);
    display: flex;
    align-items: center;
    border-top: 1px solid var(--footer-border-bottom);
}

footer .env_hf_module_container.lower .module-inner-envelope {
    max-width: 1200px;
    margin: 0 auto;
}

footer .module-container-header span {
    display: none;
}

p.footer-address br {
    display: block;
}

footer .upper .module-container-columns-envelope .module-container-column {
    width: 100%;
    height: 100%;
    min-height: auto;
    overflow-wrap: break-word;
    line-height: 1.5rem;
    /*margin: 0 5px;*/
    padding: 0.5rem 0 2rem;
    display: flex;
    justify-content: center;
/*    border-right: 1px solid var(--footer-border-between);*/
}

footer .upper .module-container-columns-envelope .module-container-column.column-1 {
    /*width: 50%;*/
}

footer .upper .module-container-columns-envelope .module-container-column.column-3 {
    border-right: none;
}

footer .upper .module-container-columns-envelope .module-container-column:last-child {
    border-right: none;
    position: relative;
    top: -6px;
}

footer .lower .env_hf_module_container .module-container-columns-envelope {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

footer div.footer-puchov > div.module-inner-envelope > div.module_body {
    display: grid;
    grid-template-columns: repeat(5, auto);
    justify-items: center;
    align-items: center;
    text-align: center;
    margin: 1.5rem auto 0;
    text-align: center;
    max-width: 1200px;
}

footer div.footer-puchov div.module-inner-envelope div.module_body > a,
footer div.editor > a {
    color: var(--footer-upper-color-a);
    font-size: var(--smaller-text-font-size);
    position: relative;
    width: 100%;
    transition-duration: 0.3s;
    text-decoration: none;
}

footer div.footer-puchov div.module-inner-envelope div.module_body > a:hover,
footer div.editor > a:hover {
    border-bottom: 3px solid;
}

footer div.footer-puchov div.module-inner-envelope div.module_body div.module_envelope {
    position: relative;
    width: 100%;
}

footer div.footer-puchov div.module-inner-envelope div.module_body div.module_envelope::after {
    content: '';
    clear: both;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c0dded;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%);
}

footer div.footer-puchov div.module-inner-envelope div.module_body div.module_envelope:last-of-type::after {
    display: none;
}

.data_header .editor p {
    font-weight: 700 !important;
    transform: translateY(4px);
}

div.fotogaleria div.firstcol,
div.fotogaleria div.secondcol,
div.fotogaleria div.thirdcol,
div.fotogaleria div.fourthcol,
div.fotogaleria div.lastcol {
    height: auto;
    max-height: 230px;
    width: 100% !important;
    margin: 0;
    text-align: center; 
    /*background: #f5f5f5;*/
/*    overflow: hidden;*/
    /*border-bottom: 1px solid #ccc;*/
}

.default-user-font-size-change-block {
    display: none;
}

.vzn-filter-envelope .vzn-finder-part-envelope input,
.vzn-filter-envelope .vzn-finder-part-envelope select {
    border-radius: 0 !important;
}

footer p#data-header,
footer .module-container-columns-envelope .module-container-column .data-header {
    color: var(--footer-upper-color-heading) !important;
    text-align: left !important;
    font-weight: 700 !important;
    padding: 0 0 0 !important;
    margin: 0 0 1.75rem !important;
    font-size: var(--footer-upper-text-font-size) !important;
    text-transform: none;
    /*border-bottom: 2px solid #fff;*/
    position: relative;
}

footer .data-header span {
    display: none;
}

footer p#data-header::before,
footer .module-container-columns-envelope .module-container-column .data-header::before {
    display: none;
    content: '';
    width: 1rem;
    height: 1rem;
    background: #ffcd05;
    position: absolute;
    bottom: -8px;
    left: 0;
    z-index: 2;
}

footer .module-container-columns-envelope .module-container-column p {
    text-align: left;
    padding: 0 10px 10px;
    margin: 0;
    line-height: 26px;
    color: var(--footer-upper-color-p);
}

footer .module-container-columns-envelope .module-container-column .env_hf_text_obrazok h3 {
    padding: 20px 0;
}

footer .module-container-columns-envelope .module-container-column .env_hf_image {
    padding: 20px 0;
    /*margin: 0 0 0 2rem;*/
}

footer .module-container-columns-envelope .column-2 div.module-in-container,
footer .module-container-columns-envelope .column-3 div.module-in-container {
    margin: 0;
    text-align: left;
    /*line-height: 1.65rem;*/
    /*transform: translateY(4px);*/
}

footer .module-container-columns-envelope .editor table tbody {
    border-bottom: none;
}

footer .module-container-columns-envelope div.module-in-container > a {
    display: none;
}

footer .in-line {
    display: in7;
    margin-right: 0.5rem !important;
}

#main-footer .module-in-container.env_hf_text_obrazok h4 {
    color: var(--footer-upper-color-heading);
    font-weight: bold;
    text-align: left;
    margin: 20px 0;
    padding: 41px 0;
    background: url(bg-head-footer.png) no-repeat left bottom;
}

#main-footer .upper .module-in-container .module_body a,
#main-footer .upper .prevadzkovatel a {
    color: var(--footer-upper-color-a);
    text-align: left;
    font-weight: 400;
    line-height: 1.65rem;
    padding: 0;
    top: 0;
    left: 0;
    width: auto !important;
    height: auto !important;
    margin: 0 auto;
    font-size: var(--regular-text-font-size);
    text-decoration: underline;
    transition: 0.3s all ease-in-out;
}

#main-footer .upper .prevadzkovatel a {
    color: var(--footer-lower-color-640);
}

#main-footer .upper .module-in-container .module_body a img {
    max-height: 10rem;
    position: relative;
/*    left: -1rem;*/
}

#main-footer .lower .module-in-container .module_body a {
    color: var(--footer-lower-color-a);
    text-align: center;
    font-weight: 400;
    padding: 0;
    margin: 0 0 5px 0;
    font-size: var(--smaller-text-font-size);
    transition: all 0.3s ease-in-out;
}

#main-footer .lower .module-container-columns-envelope {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

#main-footer .module-in-container.env_hf_technical .module_body a,
#main-footer .module-in-container.env_hf_spravca_obsahu .module_body a {
    font-size: 1em;
    padding: 0;
}

#main-footer .module-in-container p {
    color: var(--footer-upper-color-p);
    text-align: left;
    font-weight: 400;
    font-size: var(--regular-text-font-size);
    padding: 0;
    margin: 0;
}

#main-footer .module-in-container p#data-header {
    position: relative;
    /*top: 4px;*/
}

#main-footer .module-in-container.kontakty p {
    color: var(--footer-upper-color-p);
}

#main-footer .module-in-container.kontakty p a {
    color: var(--footer-upper-color-a);
}

#main-footer .module-in-container p a {
    text-decoration: underline;
    transition-duration: 0.3s;
}

#main-footer .module-in-container p a:hover {
    text-decoration: none;
    border-bottom: 3px solid !important;
}

#main-footer .upper .module-in-container .module_body a:hover,
#main-footer .upper .prevadzkovatel a:hover {
    text-decoration: none;
    border-bottom: 3px solid !important;
}

#main-footer .upper .module-in-container .module_body .header-logo-envelope a:hover {
    border-bottom: none !important;
}

#main-footer .upper table tr {
    border-bottom: none;
    height: auto;
    min-height: 26px;
    display: flex;
    font-size: var(--regular-text-font-size);
}

#main-footer .upper table tr th {
    width: 6rem;
}

#main-footer .upper table tr th,
#main-footer .upper table tr td {
    font-weight: 400;
    padding: 0 0.5rem 0 0;
    font-size: var(--regular-text-font-size);
    color: var(--footer-upper-color-p);
}

#main-footer .upper table tr:hover {
    background: transparent;
}

.header-logo-envelope a:hover {
    border-bottom: none !important;
}

/*.line-between::after {
    width: 1px;
    content: '';
    background: url('line.png');
    height: 105px;
}*/

.hf-menu.level-0.liopened .horizontal-under-menu-trigger.alevel-0:focus,
.hf-menu.level-0 .horizontal-under-menu-trigger.alevel-0:hover:focus {
/*    outline: 5px dotted #fff !important;*/
}

#main-footer .upper .header-logo-envelope > a {
    top: 0 !important;
}

footer .kontakty #map::before {
    content: '\f3c5';
}

footer .kontakty #mail::before {
    content: '\f0e0';
}

footer .kontakty #phone::before {
    content: '\f095';
}

footer .kontakty .adress::before {
    content: '';
}

footer .kontakty #map::before,
footer .kontakty #mail::before,
footer .kontakty #phone::before,
footer .kontakty .adress::before {
    transition-duration: 0.3s;
    display: none;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    width: 1.5rem;
    clear: both;
    font: normal normal normal 18px/1 FontAwesome;
    left: 0;
    top: 0;
    z-index: 1;
    position: relative;
    color: #5e5e5e;
}

footer .upper .module-container-columns-envelope .module-container-column.column-4 a {
    /*padding: 0 0 5px 31px;*/
}

footer .env_hf_module_container.lower .module_body {
    /*display: flex;
    flex-wrap: wrap;
    align-items: center;*/
}

footer .module-in-container.env_hf_tiraz {
    display: inline-flex;
    width: 100%;
    flex: 1;
    justify-content: flex-end;
    color: var(--footer-lower-color);
    text-align: left;
}

footer .module-in-container.env_hf_tiraz .module_body {
    font-size: var(--smaller-text-font-size);
}

footer .module-in-container.env_hf_tiraz .module_body a {
    font-size: var(--smaller-text-font-size);
    text-decoration: underline;
}

footer .module-in-container.env_hf_tiraz .module_body a:hover {
    border-bottom: 3px solid;
    text-decoration: none;
}

footer .lower .module-container-columns-envelope .module-container-column.column-2 {
    display: flex;
    flex-flow: column;
    width: auto;
    /*max-width: 60%;*/
    align-items: center;
    color: var(--footer-lower-color);
    padding: 0 1rem;
}

footer .module-in-container.env_hf_time {
    position: relative;
    display: flex;
    right: 0;
    flex-wrap: wrap;
    bottom: 0;
    font-size: 14px;
}

footer .module-in-container.env_hf_date {
    position: relative;
    right: 0;
    bottom: 0;
    display: flex;
    font-size: 14px;
}

footer .editor td, footer .editor th {
    border-color: #ccc;
    color: var(--text-color-black);
    font-size: var(--smaller-text-font-size);
    font-weight: 600;
    line-height: normal;
}

footer .module-in-container.env_hf_time #hodiny {
    width: auto;
    text-align: right;
    padding-left: 2rem;
    font-size: var(--smaller-text-font-size);
}

footer .module-in-container.env_hf_date .module_body {
    width: auto;
    text-align: right;
    padding-left: 2rem;
    font-size: var(--smaller-text-font-size);
}

footer .module-in-container.env_hf_time #hodiny::before {
    transition-duration: 0.3s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 1.25rem;
    content: '\f017';
    clear: both;
    font: normal normal normal 16px/1 FontAwesome;
    left: 2px;
    z-index: 99;
    position: absolute;
    color: var(--footer-lower-icons-color);
}

footer .module-in-container.env_hf_date .module_body::before {
    transition-duration: 0.3s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 1.25rem;
    content: '\f073';
    clear: both;
    font: normal normal normal 16px/1 FontAwesome;
    left: 2px;
    z-index: 99;
    position: absolute;
    color: var(--footer-lower-icons-color);
}

footer .module-in-container.env_hf_time #hodiny:hover::before {
    transition-duration: 0.35s;
    transform: rotate(360deg);
}

footer .module-in-container.env_hf_date .module_body:hover::before {
    transition-duration: 0.3s;
    transform: rotateY(180deg);
}

.env_hf_image.webygroup { 
    position: relative;
    display: inline-flex;
    width: auto;
    padding: 10px !important;
}

.env_diskusia input,
.env_diskusia textarea {
    width: 100% !important;
}

div.paar {
    padding: 0 !important;
}

/* ------------------------------------------------------------------------------------ */

/* -------------------------------- VĂťVOZ ODPADU ------------------------------------- */
.env_olo-calendar-execute .module-inner-envelope .module_body {
    display: flex;
    flex-wrap: wrap;
}

.olo-filter-envelope form {
    display: flex;
    flex-wrap: wrap;
}

input.fbutton {
    margin-top: 50px;
}

input.fbutton,
.column .module_envelope input.button {
    width: 100% !important;
    cursor: pointer;
    height: 50px;
    color: var(--button-color) !important;
    background: var(--bg-button) !important;
    padding: 0.6em 1.7em;
    font-size: 1.3em;
    font-weight: 500;
    border: none !important;
    border-radius: 10px !important;
}

input.fbutton:hover,
.column .module_envelope input.button:hover {
    background: var(--bg-button-active) !important;
    color: var(--button-color-active) !important;
    border: 2px solid var(--main-color);
    box-shadow: 0 0 10px -5px var(--link-color-dark);
}

.vzn-new div {
    font-size: var(--regular-text-font-size);
    margin-bottom: 0.5rem;
    line-height: 1.75rem;
    word-break: break-word;
}

.vzn-new a {
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

.vzn-dates {
    font-size: var(--smaller-text-font-size) !important;
}

.vzn-new a:hover {
    text-decoration: none;
    border-bottom: 2px solid var(--link-color-black);
}

.olo-filter-envelope-default .form-part-envelope-default .form-part-input select, 
.olo-filter-envelope-new-default .form-part-envelope-default .form-part-input select {
    box-sizing: border-box;
    width: 100%;
    height: 50px;
}

/*.olo-filter-envelope form .form-part-envelope,
form-part-envelope-default form-part-envelope {
flex: 100%;
}*/

.olo-filter-envelope-new-default .empty-block {
    margin-bottom: 5px;
}

.olo-filter-envelope-new input.button:hover {
    background: #fff;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    box-shadow: 0 0 20px -10px var(--main-color);
}

ul.olo-daynames-default li {
    box-sizing: border-box;
    list-style-type: none;
    display: inline-block !important;
    width: 14.2%;
    margin: 0 !important;
    padding: 5px 0;
    text-align: center !important;
}

/* -------------------------------- VĂťVOZ ODPADU END ------------------------------------- */

/* -------------------------------- LINK SPEACH ------------------------------------- */
#overlay5, #overlay7 {
    max-width: 450px;
    width: 95% !important;
    margin-left: 0 !important;
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
}

/* -------------------------------- LINK SPEACH ------------------------------------- */

/* -------------------------------- LINK SPEACH ------------------------------------- */
div.default-link-for-speech a:last-of-type {
    display: inline-block;
    width: 125px !important;
    padding-right: 10px;
    margin: 0 0 0 0;
    text-align: right;
    text-decoration: none;
    line-height: 28px;
    color: var(--text-color-black);
    font-size: 0.85em;
    font-weight: bold;
    background: #ececec url(/images/speech-icon.png) 0 50% no-repeat;
}

/* -------------------------------- LINK SPEACH END  -------------------------------- */
.fancybox-container {
    z-index: 999939999;
}

div.region-info-left {
    border-right: none;
}

div.print_row_new {
    padding: 1rem 0.25rem;
    font-size: var(--regular-text-font-size);
    background: none;
    max-width: var(--content-width);
    margin: 0 auto;
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

div.print_row_new a {
    color: var(--print-ico-color);
    display: flex;
    gap: 0.5rem;
    text-decoration: underline;
    position: relative;
    transition: all 0.3s ease-in-out;
}

div.print_row_new a::before {
    transition-duration: 0.3s;
    display: inline-flex;
    content: '\f02f';
    clear: both;
    font: normal normal normal 21px/1 FontAwesome;
    left: -1.75rem;
    z-index: 0;
    position: absolute;
    color: var(--print-ico-color);
}

div.print_row_new a:hover {
    text-decoration-thickness: 3px;
    letter-spacing: 1px;
}

div.print_row_new a img {
    display: none;
}

@media only screen and (max-width:1224px) {
    #main-content .column_mc {
        gap: 16px;
    }

    #extra-block-top .column_ha {
        grid-template-columns:  59% minmax(auto, 662px);
    }

    #extra-block-top .env_hf_multi_foto {
        grid-column: 1/3;
    }

    #extra-block-top .novinky {
        grid-column: 1/2;
    }

    #extra-block-top div.env_hf_banner_slot {
        grid-column: 1/2;
    }

    .odkazy-top {
        grid-column: 2/3;
    }

    #extra-block-top div.env_hf_banner_slot,
    .odkazy-top {
        width: 100%;
    }
}

/* -------------------------------- TABLET VERZIA -------------------------------- */
@media only screen and (max-width:1199px) {
   
    /*-------------  DISPLAY : NONE -------------- */
    footer .module-in-container.env_hf_time,
    footer .module-in-container.env_hf_date {
        display: none;
    }

  /* ----------------------------- LOGO------------------------------- */

    .column_mc {
        padding: 0 0.35rem;
    }

    #main-content .column_mc {
        /*grid-template-columns: 25% 73%;*/
        /*column-gap: 2%;*/
        /*row-gap: 20px;*/
    }

    aside#right-column {
        padding-top: 0;
        margin: 0 auto  2rem;
    }

    .env_kalendar,
    .env_kalendar_podujati,
    .env_info_hot {
        max-width: unset;
    }

    .env_dynamika_prava_strana div.menu_hlavicka_r img.uputavka,
    .env_dynamika_prava_strana div.menu_hlavicka_r .dps_image img {
        width: 100%;
    }

    header .header-logo-envelope > a {
        max-width: 19rem;
        left: 0.5rem;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
        width: 22rem;
        /*top: 7rem;*/
        /*column-gap: 0.5rem;*/
    }

    footer .header-logo-envelope > a {
        width: auto;
    }

    header .header-logo .header-logo-img-envelope {
        /*top: 40px;*/
        /*width: 100%;*/
        /*left: 6.3rem;*/
    }

    header .header-logo-img-envelope img {
        /*height: 6rem;*/
    }

    .footer-logo img {
        height: 8rem;
    }

    body {
        /*background: var(--bg-color-white);*/
        max-width: 100%;
        margin: 0 auto;
    }

    header .env_hf_menu {
        border-radius: 10px;
        width: 100%;
        grid-column: 1/3;
    }

    input.gsc-input {
        width: 170px !important;
    }

    header .env_hf_multi_foto {
        /*width: 420px;*/
        /*right: 0.5rem;*/
        /*width: 59%;*/
    }

    header .column_h {
        grid-template-columns: 300px auto;
    }

    header .module_envelope.env_hf_module_container.header-aside {
        grid-column: 1/3;
    }

    header .env_hf_text_obrazok.bbsk {
        grid-column: 2/3;
        margin-right: 0.25rem;
    }

    .odkazy-top {
        border-radius: 10px;
    }

    .odkazy-top ul {
/*        grid-template-columns: repeat(4, 1fr);*/
        justify-content: center;
    }

    .odkazy-top ul li {
        max-width: 38vw;
    }

    .odkazy-top ul li:first-child {
/*        grid-column: 1/5;*/
        max-width: unset;
    }

    #extra-block-top .odkazy-top ul li h2 {
        margin: 0;
    }

    footer .env_hf_module_container.lower {
        width: 90%;
    }

    footer .env_hf_module_container.lower .module-inner-envelope {
        /*width: 80%;*/
    }

    #main-footer .lower .module-container-columns-envelope {
        justify-content: center;
    }

    div.multi-foto-link-system img {
        /*-webkit-mask-size: 80%;*/
        /*-webkit-mask-position: center;*/
        /*left: 2rem;*/
        /*width: 93%;*/
    }

    .multi-foto-link-controls {
        max-width: 1000px;
    }

    ul.hf-hmenu li:focus-within ul.hf-hsubmenu.hopened,
    ul.hf-hmenu li ul.hf-hsubmenu.hopened {
        width: calc(100vw - 16px) !important;
        left: 0 !important;
        grid-template-columns: repeat(3, 1fr);
    }

    ul.hf-hmenu li.hf-menu.level-1 {
        width: 100%;
    }

    header .header-logo-text {
/*        font-size: 2rem;*/
        /*top: 0.5rem;*/
        /*left: 6.3rem;*/
    }

    header .header-logo-text-ext {
        /*max-width: 65%;*/
        /*text-align: left;*/
/*        left: 17.5rem;*/
/*        top: -5.5rem;*/
        letter-spacing: 0;
        font-size: var(--smaller-text-font-size);
    }

    header .header-logo-text-ext::after {
        display: none;
    }

    #extra-block-top ul.hf-hmenu li.level-0 > span.hf-menu-envelope > a {
        padding: 0 10px;
        font-size: 1.125rem;
    }

    #extra-block-top div.env_hf_banner_slot {
/*        padding: 0 0.25rem;*/
    }

    #page-banner-homepage {
/*        height: auto;*/
    }

    #extra-block-top {
        /*position: relative;*/
        /*max-width: 900px;*/
        width: 100%;
        /*left: 0;*/
        /*flex-wrap: wrap;*/
        /*right: 0;*/
        /*top: 0;*/
        /*z-index: 0;*/
        /*margin: 0 auto;*/
        /*height: auto;*/
    }

    #extra-block-top .column_ha {
        /*justify-content: center;*/
        /*background: var(--bg-color-white);*/
        /*width: calc(100% - 1.6rem);*/
/*        padding: 0 0.5rem;*/
    }

    div.multi-foto-link-system {
        /*background: none !important;*/
        /*background-position: center !important;*/
        /*text-align: center !important;*/
        /*width: 100%;*/
        /*height: auto;*/
        /*top: 0;*/
        /*max-width: 420px;*/
        /*right: -4rem;*/
        /*transform: scale(0.8);*/
    }

    nav ul.hf-hmenu {
        /*top: -0.75rem;*/
        /*gap: 0.35rem;*/
        /*justify-content: center;*/
/*        margin-right: 0.5rem;*/
    }

    #extra-block-top nav ul.hf-hmenu {
        gap: 0.75rem;
    }

    ul.hf-hmenu li.level-0 > span.hf-menu-envelope > a {
/*        padding: 0 0.5rem;*/
/*        font-size: 1.125rem;*/
    }

    #extra-block-bottom .uzitocne-odkazy ul.obrazkove-1 {
        gap: 1.5rem;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-2.width-25 {
        right: 0.25rem;
/*        gap: 0.75rem;*/
    }

    div.multi-foto-link-system a {
        width: 100%;
    }

    #main-content {
        border-top: none;
    }

    div.print_row {
        padding: 1.5rem 0;
    }

    nav li.level-0 > ul {
        /*top: 73px !important;*/
    }

    /*------------------------------- LOGO END------------------------------- */
    .search-box-text-button-envelope {
        width: 60rem;
        right: -0.25rem;
        /*border-radius: 10px;*/
    }

    .search-box-text-button-envelope::after {
        right: 0;
    }

    header .header-middle nav li.level-0 > ul {
        position: absolute !important;
        list-style: none;
        text-align: left;
        top: 0 !important;
        left: -300px !important;
        right: 0;
        width: 900px !important;
        padding: 10px;
        margin: 78px auto 0;
        box-shadow: 1px 1px 5px 0 rgb(0 0 0 / 75%);
        box-sizing: border-box;
    }

    header .module_envelope.env_hf_module_container.header-middle .env_hf_menu ul.hf-hmenu li.hf-menu.level-1 > .hf-menu-envelope > a {
        padding: 13px;
    }

    .main_menu li.menu_hlavicka_l.with-submenu.opened a.menu_hlavicka_l {
        /*padding: 5px;*/
    }
 
    ul.hf-hmenu li span.hf-menu-envelope a {
        /*padding-left: 10px;*/
        /*padding: 0 0.35rem;*/
        /*font-size: var(--regular-text-font-size);*/
        /*border-radius: 10px;*/
        /*margin-right: 0.25rem;*/
    }

    h3::before {
        max-width: -webkit-fill-available;
    }
    
    ul.hf-hmenu>li.level-0.with-submenu>span.hf-menu-envelope>a::before {
        left: 0;
    }

    ul.hf-hmenu>li.level-0.with-submenu.liopened > span.hf-menu-envelope > a:hover::before, 
    ul.hf-hmenu>li.level-0.current.with-submenu > span.hf-menu-envelope > a::before {
        left: 0;
        /*bottom: -3px;*/
    }

    ul.hf-hmenu>li.level-0.current.with-submenu>span.hf-menu-envelope>a.alevel-0 {
        /* width: 100%; */
        /* height: auto; */
    }

    .column_l h2.head,
    li.menu_hlavicka_l a.menu_hlavicka_l,
    div.main_page_l {
        margin-left: 0;
    }

    header .module_envelope.module-in-container.env_hf_homepage_text a {
        /*display: block;
        background: url(bg-top-home.png) no-repeat 0% 50%;
        padding-left: 20px;*/
    }

    header .module_envelope.module-in-container.env_hf_login_register span a {
        /*display: block;
        padding-left: 18px;*/
    }

    header .module_envelope.module-in-container.env_hf_mapa_stranky span a {
        /*display: block;
        background: url(bg-top-map.png) no-repeat 0% 50%;
        padding-left: 20px;*/
    }

    header .env_hf_module_container .module-in-container.env_hf_rss span a {
        /*display: block;
        background: url(rss-icon-head.png) no-repeat 0% 50%;
        padding-left: 20px;*/
    }

    header .module_envelope.module-in-container.env_hf_rss {
        grid-column: 5;
    }

    header .module_envelope.module-in-container.env_hf_finder #finder_stabil {
        /*top: 0;*/
        /*right: 0;*/
        /*position: relative;*/
        /*background: var(--bg-color-white);*/
    }

    div.cookie-box-open-envelope {
        width: auto;
        display: inline-flex;
        position: absolute;
        right: 4rem;
        bottom: 0.75rem;
        background: transparent;
    }

    footer .column_f {
        justify-content: unset;
    }

    footer div.footer-puchov > div.module-inner-envelope > div.module_body {
        grid-template-columns: repeat(2, auto);
    }

    footer div.footer-puchov div.module-inner-envelope div.module_body div.module_envelope::after {
        content: '';
        clear: both;
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #c0dded;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(-100%, -50%);
    }

    footer div.footer-puchov div.module-inner-envelope div.module_body div.module_envelope:last-of-type::after {
        display: block;
    }

    footer div.footer-puchov > div.module-inner-envelope > div.module_body {
        padding-right: 8rem;
        text-align: left;
    }

    footer div.footer-puchov div.module-inner-envelope div.module_body > a,
    footer div.editor > a {
        margin-left: 0.5rem;
    }


/* ------------------------ EXTRA BLOCK TOP ------------------------ */
    #extra-block-top .module-container-columns-envelope {
        min-height: 102px;
    }

    #banner-homepage {
        /*height: 350px;*/
    }

    #extra-block-bottom .column_fb .env_hf_text_obrazok {
        display: flex;
        width: 100%;
        justify-content: center;
        position: relative;
        top: 0;
    }    

    #extra-block-bottom .region-ponuka ul {
        display: flex;
        width: 70%;
        flex-wrap: wrap;
        margin: 0 auto;
        justify-content: center;
    }

    .env_dynamika_prava_strana div.menu_hlavicka_r {
        width: 100%;
        margin: 0 auto 1.5rem;
        max-width: 430px;
    }

    div.multi-foto-link-system::after {
        /*background-size: 80%;*/
        /*top: 112px;*/
        /*right: -32px;*/
    }
    /* ------------------------ EXTRA BLOCK TOP END ------------------------ */

    /*-------------------------------- MAIN-------------------------------- */
    
    #main-content .column_mc {
        justify-content: space-between;
        /*width: calc(100% - 1.6rem);*/
        /*padding: 0 1rem;*/
    }

    div.tabbed-page-modules-envelope li.tabbed-page-modules-li {
        /*width: 30%;*/
        /*min-width: 150px;*/
        /*flex: 1;*/
        /*max-width: 47%;*/
    }

    div.fotogaleria {
        gap: 5px;
    }

    .env_text_obrazok div.image-icons .icon {
        margin: 0 auto 25px !important;
    }
       
    ul.oznamy-new-columns-list li, ul.actions-new-columns-list li,
    ul.oznamy-new-columns-list li:first-of-type, 
    ul.actions-new-columns-list li:first-of-type,
    ul.oznamy-new-columns-list li:last-of-type, 
    ul.actions-new-columns-list li:last-of-type {
        /*margin: 0 auto;*/
        max-width: 100%;
    }
    
    ul.oznamy-new-colums-list-default li div.image-envelope a, 
    ul.actions-new-colums-list-default li div.image-envelope a {
        /*max-height: 156px !important;*/
        /*height: auto;*/
        /*text-align: center;*/
        /*min-height: 156px;*/
    }

    main div.module_envelope.env_common_items_columns_responsive ul.oznamy-new-columns-list,
    main div.env_actions_portal_column_responsive ul.actions-new-columns-list {
        justify-content: flex-start;
        /*gap: 6px;*/
        row-gap: 2rem;
    }

    ul.oznamy-new-columns-list p.oznamy_date, 
    ul.actions-new-columns-list p.oznamy_date {
        /*width: 100%;*/
    }

    ul.oznamy-new-columns-list li, ul.actions-new-columns-list li {
        /*max-width: 30%;*/
    }

    ul.oznamy-new-colums-list-default li div.image-envelope,
    ul.actions-new-colums-list-default li div.image-envelope {
        height: 18vw;
    }

    ul.kalendar_podujati_day_of_week {
        display: flex;
        justify-content: space-between;
        font-weight: 700;
    }

    .module_envelope.env_text_obrazok .module-inner-envelope .editor .linky {
        grid-template-columns: repeat(4, 1fr);
    }

    div.menu_item_l, li.menu_item_l,
    .leftnav li.menu_item,
    div.menu_item_r,
    li.menu_item_r,
    .rightnav li.menu_item {
        padding: 0;
    }

    ul.oznamy-graphic-list-default,
    ul.actions-graphic-list-default,
    .main-links-container {
        column-gap: 10px;
        row-gap: 20px;
    }

    ul.oznamy-graphic-list-default li,
    ul.actions-graphic-list-default li {
        /*height: 220px;*/
    }

    ul.oznamy-graphic-list-default li.next-oznamy ul.next-oznamy-list,
    ul.actions-graphic-list-default li.next-actions ul.next-actions-list {
        height: 54%;
    }

    /*-------------------------------- MAIN END-------------------------------- */

    /* ------------------- LANGUAGE FLAG ------------------ */
    div.portal_ru {
        width: 34px;
        height: 34px;
        position: relative;
        top: 8px;
        right: 0;
        z-index: 100;
        margin: 0;
        padding: 0;
    }

    /* ------------------- MOVING PICTURES ------------------ */
    #moving-pictures {
        box-sizing: border-box;
        height: auto;
        width: 100%;
        margin: 30px auto !important;
        overflow: hidden;
    }

    #moving-pictures ul {
        height: 100px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    #moving-pictures ul li span a {
        height: auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    /* ------------------- MOVING PICTURES END ------------------ */

    footer .env_hf_module_container {
        width: 100%;
        text-align: left;
        padding-bottom: 0.5rem;
    }
    footer .module-in-container.env_hf_tiraz {
        display: inline-block;
        margin: 0 auto;
    }

    .module_envelope_fb.env_hf_module_container {
        width: 100%;
        margin: 0 auto 30px;
    }

    .env_hf_module_container.upper .module-container-columns-envelope {
        background: none;
    }
}

@media only screen and (max-width:1180px){
    .column .module_envelope input#l_heslo,
    .column .module_envelope input#l_meno {
        width: 100%;
    }

    ul.fotogaleria-multi-kat-img-list-default, 
    ul.fotogaleria-multi-foto-list-default {
        /*gap: 8px;*/
    }
}

@media only screen and (max-width:1100px) {
    header nav li.level-1 ul.hf-hsubmenu {
        top: -9px !important;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-2.width-25 {
        column-gap: 0.35rem;
    }

    .uputavka-new-image-envelope-default.uputavka-new-image-envelope a {
        display: flex;
        justify-content: center;
    }

    ul.fotogaleria-multi-foto-list li {
        margin: 0 0 1% !important;
        max-width: unset;
        min-height: unset;
    }

    ul.fotogaleria-multi-kat-img-list li {
        margin: 0 auto;
        /*height: auto;*/
    }

/*    div.fotogaleria div.col-by-program-4.lastcol {
        grid-row: 2;
    }

    div.fotogaleria div.paging {
        grid-row: 3;
    }*/

    div.fotogaleria, ul.fotogaleria-multi-kat-img-list-default,
    ul.fotogaleria-multi-foto-list-default {
        row-gap: 1rem;
    }

    div.fotogaleria div.firstcol,
    div.fotogaleria div.secondcol,
    div.fotogaleria div.thirdcol,
    div.fotogaleria div.fourthcol,
    div.fotogaleria div.lastcol {
        max-height: max-content;
    }

    #homepage_0 div.fotogaleria div.firstcol a,
    #homepage_0 div.fotogaleria div.secondcol a,
    #homepage_0 div.fotogaleria div.thirdcol a,
    #homepage_0 div.fotogaleria div.fourthcol a,
    #homepage_0 div.fotogaleria div.lastcol a,
    #homepage_0 ul.fotogaleria-multi-kat-img-list-default li a .galimg-envelope-default,
    #homepage_0 ul.fotogaleria-multi-foto-list-default li a .galimg-envelope-default {
/*        height: 18vw;*/
/*        max-height: unset;*/
    }

    div.fotogaleria div.firstcol a,
    div.fotogaleria div.secondcol a,
    div.fotogaleria div.thirdcol a,
    div.fotogaleria div.fourthcol a,
    div.fotogaleria div.lastcol a,
    ul.fotogaleria-multi-kat-img-list-default li a .galimg-envelope-default,
    ul.fotogaleria-multi-foto-list-default li a .galimg-envelope-default {
        height: 18vw;
        max-height: 145px;
    }

    ul.menu_block {
        gap: 1rem;
    }

    .osobnosti .editor div {
        gap: 1rem;
    }

    .mb_ord0 li.menu_block_head span.menu-block-name::before,
    .mb_ord1 li.menu_block_head span.menu-block-name::before,
    .mb_ord2 li.menu_block_head span.menu-block-name::before,
    .mb_ord3 li.menu_block_head span.menu-block-name::before {
        right: -1rem;
    }

    div.fotogaleria div.fotogaleria_row_separator {
        display: none;
    }

    ul.fotogaleria-multi-kat-img-list-default,
    ul.fotogaleria-multi-foto-list-default {
        grid-template-columns: repeat(3, 1fr);
    }

    ul.fotogaleria-multi-kat-img-list li a .gallimg-envelope {
        /*height: 114px;*/
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

    ul.fotogaleria-multi-kat-img-list-default li a img,
    ul.fotogaleria-multi-foto-list-default li a img {
        max-width: 100%;
    }
    
    ul.hf-hmenu>li.level-0>span.hf-menu-envelope>a::after {
        bottom: -9px;
    }

    ul.hf-hmenu>li.level-0.liopened>span.hf-menu-envelope>a::after, 
    ul.hf-hmenu>li.level-0.liopened:hover > span.hf-menu-envelope > a::after, 
    ul.hf-hmenu>li.level-0:hover > span.hf-menu-envelope > a::after, 
    ul.hf-hmenu>li.level-0.current > span.hf-menu-envelope > a::after {
        bottom: -1px;
    }

    header .module_envelope.env_hf_module_container.header-middle .env_hf_menu ul.hf-hmenu li span.hf-menu-envelope a {
        font-size: 1.2em;
    }
}

@media only screen and (max-width:1000px) {
    aside#left-column {
        display: flex;
        order: 2;
        flex-direction: column;
        background: transparent;
        margin: 0 auto;
        align-items: center;
    }

    header .env_hf_module_container .module-container-columns-envelope {
        justify-content: space-between;
        /*flex-direction: row-reverse;*/
    }

    aside#left-column .column_l div {
        max-width: 100% !important;
    }

    aside#left-column p a {
        width: 100%;
        justify-content: center;
    }

    aside#right-column {
        width: 100%;
        max-width: 630px;
        margin: 0 auto;
    }

    ul.clone-hmenu-default {
        display: none;
    }

    .info_body_hot {
        color: var(--text-color-black);
    }

    aside#left-column .column_l .env_sms_hlasnik {
        height: 32vw;
        max-width: 430px !important;
        max-height: 158px;
        margin: 0 auto 1.5rem !important;
    }

    .env_sms_hlasnik .module-inner-envelope .menu_hlavicka_l a {
        width: 100%;
    }

    h1 {
        text-align: center;
        padding: 1rem 0 !important;
        display: flex;
        justify-content: center;
    }

    a.menu_hlavicka_l,
    div.menu_hlavicka_l a,
    div.main_page_l a {
        color: var(--right-column-header-color);
        max-width: unset;
    }

    aside#left-column {
        padding-left: 0;
        width: 65%;
        max-width: initial;
        position: unset;
    }

    header .module_envelope.module-in-container.env_hf_homepage_text .module_body a,
    header .module_envelope.module-in-container.env_hf_login_register span a,
    header .env_hf_contacts .module_body a,
    header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container.env_hf_text_obrazok .editor p a {
        display: block;
        font-size: 0 !important;
        width: 2.5rem;
        height: 2.5rem;
        z-index: 1;
        transition-duration: 0.3s;
        border: none !important;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container.env_hf_login_register .module_body {
        display: flex;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-2.width-25 > .module_envelope {
        /*width: 2rem;*/
        /*height: 2rem;*/
        transition-duration: 0.3s;
        gap: 0;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-2.width-25 > .module_envelope:hover {
        filter: drop-shadow(1px 1px 10px #aaa);
        transform: translateY(-2px);
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-2.width-25 .module_envelope > .module_body {
        flex-direction: unset;
        align-items: center; 
        justify-content: center;
        width: 100%; 
        height: auto; 
        border-radius: 10px;
        padding: 0;
        background: transparent;
        transition-duration: 0.3s;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-2.width-25 .module_envelope > .module_body > a {
        /*width: 28px;*/
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-2.width-25 .module_envelope > .module_body:hover {
        box-shadow: none;
    }

    #extra-block-top .novinky,
    .odkazy-top {
        margin-top: 0 !important;
    }

    header .env_hf_homepage_text .module_body::before,
    header .env_hf_login_register #login-login::before,
    header .env_hf_contacts .module_body::before,
    header .env_hf_login_register #logout-logout::before,
    header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container.env_hf_text_obrazok .editor p::before {
        display: flex;
        right: 0;
        z-index: 0 !important;
        color: var(--header-menu-icons-color-1000);
        position: absolute !important;
    }

    header .env_hf_login_register #logout-logout {
        justify-content: flex-end;
    }

    header .env_hf_login_register #logout-logout::before {
        width: 2rem !important;
        height: 2rem;
        left: unset !important;
        right: 0 !important;
        justify-content: center;
        background: var(--main-color);
        align-items: center;
        border-radius: 50%;
    }

    header .env_hf_login_register #logout-data {
        display: none;
    }

    header .env_hf_homepage_text .module_body,
    header .env_hf_contacts .module_body,
    header .env_hf_login_register #login-login,
    header .social .module_body {
        position: relative;
        padding: 0;
    }

    header .env_hf_homepage_text .module_body::before,
    header .env_hf_contacts .module_body::before,
    #search-box-submit::after {
        /*font-size: 1.5rem;*/
    }

    #extra-block-top div.env_hf_banner_slot {
        /*margin: 1.5rem auto 0;*/
/*        padding: 0 0.25rem;*/
    }

    #extra-block-top .env_hf_multi_foto {
        background: none;
        display: block;
    }

    .column {
        padding-right: 0;
    }

    .env_uputavky_new a img {
        max-width: 430px;
    }

    .uputavka-new-image-envelope-default.uputavka-new-image-envelope {
        display: flex;
        justify-content: center;
    }

    .uputavka-new-image-envelope-default.uputavka-new-image-envelope a {
        display: flex;
        justify-content: center;
    }

    div.print_row {
        /*padding: 1.5rem 0;*/
    }

    .env_hf_menu_rwd {
        display: flex !important;
    }

    div.search-submit-button {
        /*left: 3rem !important;*/
        border-bottom: none !important;
    }

    .env_registracia_navstevnika_ #login-to-portal tbody tr {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto auto;
        align-items: flex-end;
    }

    .env_registracia_navstevnika_ #login-to-portal tbody tr td.automatic-col-5 {
        grid-column-start: 1;
        grid-column-end: span 2;
        grid-row-start: 3;
        grid-row-end: 3;
    }

    .search-extended-parts .filter-body-part-search-extended-areas,
    .filter-body-part.part-checkbox {
        width: 100% !important;
    }
    
    header {
        height: 7.75rem;
        min-height: unset;
        background: var(--bg-header-1000);
        /*box-shadow: 0 0 8px #aaa;*/
        position: relative;
        margin: auto;
        top: 0;
        /*width: calc(100% - 2rem);*/
        border-bottom: 2px solid #B3D1E8;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-1.width-75 {
        /*background: none;*/
        /*width: auto;*/
        /*height: 100%;*/
    }

    header .module_envelope.env_hf_module_container.header-aside .module-in-container .module_body a {
        font-size: 0;
        width: 2.5rem;
        height: 2.5rem;
        z-index: 1;
        border: none;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .column-2 .module-in-container .module_body a {
        padding-left: 0;
        height: 2.75rem;
        width: 2.75rem;
    }

    header .header-logo-envelope {
        background: transparent;
        border-bottom: none;
    }

    header .header-logo {
        left: 0;
    }

    header .header-logo-envelope > a {
        top: 3.5rem;
        left: 1rem;
        column-gap: 0.75rem;
/*        flex-direction: row;*/
        height: 5rem !important;
        width: 19rem !important;
        /*max-width: unset;*/
        align-items: unset;
        justify-content: flex-start;
    }

    header .env_hf_login_register #logout-data {
        display: none;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-1.width-75 {
        /*top: -20px;*/
        left: 3.25rem;
        width: auto;
        /*background: var(--main-color);*/
        /*padding: 0.5rem 4.5rem 0.5rem 1rem;*/
        border-radius: 10px;
        /*align-items: flex-end;*/
        /*transform: translateX(-50%);*/
    }

    header .env_hf_login_register #logout-logout a,
    header .env_hf_login_register #logout-data a {
         font-size: 0; 
         width: 2rem; 
         height: 2rem; 
         z-index: 1; 
         background: none; 
         border: none; 
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-1.width-75::before,
    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-1.width-75::after {
        display: none;
    }

    .header-logo .header-logo-img-envelope {
        /*order: 1;*/
        top: 0.125rem;
        /*left: -1.5rem;*/
        width: fit-content;
        display: flex;
    }

    header .header-logo-img-envelope img {
        max-height: 5rem;
    }

    header .module_envelope.env_hf_logo {
        /*z-index: 3;*/
    }

    header .module_envelope.env_hf_module_container {
        /*top: 12px;*/
        /*width: 58%;*/
        /*margin-right: 3rem;*/
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-2.width-25 {
        top: 0;
        right: 3.5rem;
        display: flex;
        align-items: center;
        position: relative;
        justify-content: flex-end;
        width: auto;
        gap: 1rem;
        height: 100%;
        max-height: 7.75rem;
    }

    header .facebook .editor a,
    header .instagram .editor p a,
    header .rozhlas .editor p a,
    header .youtube .editor p a {
        background: transparent;
        width: 2rem;
        height: 2rem;
        font-size: 0 !important;
        border-bottom: none !important;
        z-index: 1;
    }

    div.env_uputavky_new {
        padding-bottom: 2rem;
    }

    header .facebook::before,
    header .instagram::before,
    header .rozhlas::before,
    header .youtube::before {
        position: absolute !important;
        width: 2.5rem;        
        height: 2.5rem;
        font-size: 1.125rem;
    }

    header .facebook:hover::before {
        border: none !important;
        color: var(--header-menu-icons-color-1000);
        background: var(--bg-header-menu-icons-color);
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-2.width-25 > .module_envelope.env_hf_google_translate {
        margin: 0;
        width: 2.5rem;
    }

    .header-other {
        height: 24px;
    }

    div#google-lang-envelope a#my-current-lang::after {
        /*color: var(--header-menu-icons-color-1000);*/
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container {
        border-right: none;
    }

    .env_hf_module_container .module-container-columns-envelope {
        /*align-items: center;*/
        /*flex-direction: column-reverse;*/
        /*justify-content: flex-end;*/
    }

    span input#search-submit-button {
        /*top: 2.25rem;*/
        height: 2.5rem;
        width: 2.5rem !important;
        /*background-size: 1.25rem;*/
        /*left: -4.25rem;*/
        /*top: -0.7rem;*/
    }

    #search-box-submit::after {
        height: 2.5rem;
        width: 2.5rem;
        right: 0;
        top: 0;
        font-size: 18px;
    }

    .opened#search-box-submit::after {
        background: transparent;
    }

    #search-box-submit:hover::after {
        width: 2.5rem;
        height: 2.5rem;
/*        color: var(--link-color-dark);*/
    }

    header .module_envelope.module-in-container.env_hf_finder #finder_stabil {
        top: 0;
    }

    .env_hf_multi_foto {
        /*display: none;*/
    }

    div.multi-foto-link-system {
        width: 100%;
        height: auto;
        position: relative;
        margin-bottom: 0;
        background: none !important;
    }

    div#google-lang-envelope {
        margin: 0 4px 0 8px;
    }

    .odkazy-top {
        max-width: unset;
/*        margin-top: 0 !important;*/
/*        padding: 0 0.5rem 0 !important;*/
/*        margin: 0 auto 1rem !important;*/
    }

    .odkazy-top ul {
        gap: 2vw;
/*        top: 0;*/
        grid-template-columns: repeat(2, auto);
    }

    #extra-block-top .odkazy-top ul li h2,
    #extra-block-top .novinky h2 {
        text-align: center;
    }

    #extra-block-bottom .uzitocne-odkazy ul.obrazkove-1 {
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
        width: auto;
    }

    #extra-block-bottom .uzitocne-odkazy ul.obrazkove-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    #extra-block-bottom .uzitocne-odkazy ul li,
    #extra-block-bottom .dolezite-odkazy ul li {
        max-width: 360px;
    }

    #extra-block-bottom .column_fb .env_hf_text_obrazok .editor {
        flex-direction: column;
    }

    #extra-block-bottom .column_fb .env_hf_text_obrazok.mapa .editor {
        padding: 0;
    }

    #extra-block-bottom .column_fb .env_hf_text_obrazok.uzitocne-odkazy .editor {
        padding: 0 0.5rem;
    }

    #extra-block-bottom h2 {
        max-width: unset;
    }

    footer .module-container-columns-envelope .column-3 div.module-in-container {
        top: 0;
    }

    #main-footer .upper .module-in-container .module_body a img {
        height: auto;
        max-height: 7rem;
        left: 0;
    }

    header .header-logo-text {
/*        font-size: 1.5rem;*/
/*        top: 0.75rem;*/
        left: 0;
        order: 2;
        align-items: center;
        justify-content: flex-start;
        border-bottom: none;
/*        color: var(--text-color-white);*/
    }

    header .header-logo-text::after {
        bottom: -1.25rem;
    }

    header .header-logo-text-ext {
        max-width: 100%;
        /* text-align: left; */
        top: 0.25rem;
        left: 0.125rem;
        /*font-size: var(--smaller-text-font-size);*/
        margin: 0;
/*        color: var(--text-color-white);*/
        /* height: 3rem; */
        order: 3;
    }

    header .env_hf_date {
        margin: 0 0.75rem;
    }

    header .module_envelope.env_hf_module_container.header-aside .module-in-container .module_body a:hover {
        border-bottom: none;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container.env_hf_text_obrazok .editor p a {
        /*position: relative;*/
        /*top: -19px;*/
    }

    header .env_hf_text_obrazok.email,
    header .env_hf_text_obrazok.phone {
        display: none !important;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container.env_hf_text_obrazok .editor p.email::before {
        content: "\f09a";
        clear: both;
        margin: 0 auto;
        position: relative;
        font: normal normal normal 18px/1 FontAwesome;
        text-decoration: none !important;
        border: none !important;
        justify-content: center;
        right: 0 !important;
    }

    header .column_h {
        background: none;
        height: 100%;
        border-bottom: none;
        grid-template-rows: 1fr;
    }

    header .citat {
        display: none;
    }

    ul.hf-hmenu li span.hf-menu-envelope a::before,
    ul.hf-hmenu li span.hf-menu-envelope a.alevel-0::before {
        display: none !important;
    }

    main#main {
        width: 100%;
        max-width: 100%;
        text-align: left;
        padding: 0;
        margin: 0 auto;
    }

    ul.hf-hmenu li span.hf-menu-envelope::after {
        display: none;
    }

    .multi-foto-link-controls {
/*        top: -6rem;*/
/*        left: -4rem;*/
    }

    #main-content {
        /*width: 100%;*/
        /*position: relative;*/
        /* top: -3rem; */
        padding-top: 1rem;
        /*margin-bottom: -8rem;*/
        /*z-index: 99999;*/
    }

    .padding_5 ul li {
        margin-left: 2rem !important;
    }

    .env_actions_portal_calendar_with_top > div > .module_body {
        flex-direction: column;
        gap: 0;
    }

    .actions-new-colums-envelope-default.calendar,
    .actions-new-colums-envelope-default.calendar.right,
    .actions-new-colums-envelope-default.items,
    .actions-new-colums-envelope-default.items.left {
        width: 80%;
        margin: 0 auto;
    }

    div.kalendar_podujati_days {
        max-width: 100% !important;
    }

    #page-banner-homepage {
/*        margin: 0 auto;*/
        height: auto;
    }

    #banner-homepage a#banner-homepage-img-link {
        height: 100%;
        display: flex;
        justify-content: center;
    }

    #banner-homepage-img {
        min-height: inherit;
    }

    #main-content .column_mc {
        gap: 0;
        position: relative;
        top: 0;
        grid-template-columns: 100%;
    }

    #homepage_0 #main-content .column_mc {
        grid-template-columns: 100%;
    }

    .env_elektronicka_uradna_tabula .eut-item-envelope {
        border-bottom: 1px solid #eee;
        /*width: 48%;*/
        word-break: break-word;
    }

    #extra-block-top {
        display: flex;
        margin: 1rem auto 0;
        height: fit-content;
        justify-content: center;
    }

    #extra-block-top .column_ha {
        justify-content: center;
        flex-direction: column;
        gap: 1.5rem;
        display: flex;
    }

    #extra-block-top .citat {
        display: flex;
    }

    #extra-block-top .linky {
        margin-bottom: 1rem;
    }

    #extra-block-top .linky .editor {
        display: grid;
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 2rem;
    }

    #extra-block-top .linky .editor a {
        width: 70vw;
        margin: 0 auto;
        max-width: 100%;
    }

    li.menu_block_kat.mb_ord2 {
        grid-column: 1/3;
    }

    .osobnosti .editor div p {
        width: 75%;
        max-width: unset;
    }

    .osobnosti .editor div p img {
        padding: 0;
        border-radius: 10px;
    }

    .citat div p {
        text-align: center;
        right: 0;
        max-width: 90%;
    }

    .citat div#citat {
        margin-bottom: 2rem;
    }

    li.menu_item_l a.menu_item_l {
        background: var(--bg-rwd-submenu-collapsed);
        color: var(--rwd-submenu-color-collapsed);
    }

    #homepage_0 ul.oznamy-graphic-list-default,
    #homepage_0 ul.actions-graphic-list-default,
    ul.oznamy-graphic-list-default,
    ul.actions-graphic-list-default {
        grid-template-columns: repeat(3, 1fr);
        justify-items: center;
        gap: 10px;
    }

    ul.oznamy-graphic-list-default li,
    ul.actions-graphic-list-default li {
        max-width: 350px;
        height: 30vw;
        max-height: 280px;
    }

    ul.oznamy-graphic-list-default li.next-oznamy {
        grid-column: 1/4;
        max-width: 400px;
        min-height: fit-content;
    }

    ul.oznamy-graphic-list-default li.next-oznamy h3 {
        height: auto !important;
        padding: 0 !important;
    }

    ul.oznamy-graphic-list-default li.next-oznamy div.all-data-envelope {
        flex-direction: column;
        justify-content: space-between;
    }

    ul.kalendar_podujati_days {
        justify-content: flex-start;
    }

    ul.kalendar_podujati_days li a,
    ul.kalendar_podujati_days li a.with-actions {
        font-weight: 600;
        font-size: var(--regular-text-font-size);
        border: 2px solid transparent;
    }

    ul.kalendar_podujati_days li a:hover,
    ul.kalendar_podujati_days li a.with-actions:hover {
        color: var(--link-color-white);
        border: 2px solid;
    }

    ul.kalendar_podujati_days li.today:hover,
    ul.kalendar_podujati_days li.today a.with-actions:hover {
        border-color: var(--link-color-black);
    }

    .env_kalendar_podujati a:hover {
        border-bottom: 3px solid !important;
    }

    a.month_prev:hover,
    a.month_next:hover {
        border-bottom: none !important;
    }

    ul.hf-hmenu>li.level-0.liopened>span.hf-menu-envelope>a::after, 
    ul.hf-hmenu>li.level-0.liopened:hover > span.hf-menu-envelope > a::after, 
    ul.hf-hmenu>li.level-0:hover > span.hf-menu-envelope > a::after, 
    ul.hf-hmenu>li.level-0.current > span.hf-menu-envelope > a::after {
        bottom: -2px;
    }

    header .env_hf_multi_foto {
        /*display: none !important;*/
        /*top: -2.8rem;*/
    }

    #main-container {
        background: var(--bg-body-1000);
        margin-top: 0;
    }

    header .env_hf_menu {
        top: 4rem;
        border-radius: 10px;
    }

    #extra-block-bottom .uzitocne-odkazy .columns {
        grid-template-columns: repeat(2, auto);
        justify-content: center;
    }

    #extra-block-bottom .uzitocne-odkazy ul.textove {
        max-width: 360px;
    }

    /* tablet */
    header .module_envelope.env_hf_module_container.header-middle {
        order: 1;
    }

    header .module_envelope.env_hf_module_container.header-aside {
        grid-row: 1;
        background: transparent;
        box-shadow: none;
        border-bottom: none;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module_body {
        align-items: center;
    }

    header .module_envelope.env_hf_module_container.header-aside .module-inner-envelope {
        top: 0;
        right: 0;
        display: block;
        width: 100%;
        text-align: left;
        border-bottom: none;
        min-height: unset;
    }

    .header-logo-img-envelope {
        /*margin: 6px 22px 0 0;*/
        /*width: 100px;*/
    }

    header .env_hf_homepage_text .module_body::before,
    header .env_hf_login_register #login-login::before,
    header .env_hf_contacts .module_body::before,
    header .env_hf_login_register #logout-logout::before {
        z-index: 0;
        font-size: 1.125rem;
        width: 2.5rem;
        height: 2.5rem;
/*        background: transparent;*/
    }

    header .facebook .editor a:hover,
    header .instagram .editor p a:hover,
    header .rozhlas .editor p a:hover,
    header .youtube .editor p a:hover {
        border: none !important;
    }

    header .module_envelope.module-in-container.env_hf_homepage_text {
        /*background: url(bg-top-home.png) no-repeat 50% 50%;
        padding: 0 !important;
        width: 44px;*/
    }

    div#google-lang-envelope .notranslate#my-current-lang {
/*        color: var(--header-menu-icons-color-1000) !important;*/
        font-size: var(--regular-text-font-size);
        /*width: 1.5rem;*/
        /*height: 1.5rem;*/
        display: flex;
    }

    /* ----------------------------- MENU TRIGGER ---------------------------------------------*/
    header .env_hf_menu {
        display: none;
    }

    .search-box-text-button-envelope {
        width: 35rem;
        top: 64px;
        right: 0;
    }

    input.gsc-input {
        opacity: 0.25;
        transition-duration: 0.3s;
    }

    input.gsc-input:focus {
        opacity: 1;
        transition-duration: 0.3s;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container {
        flex-wrap: wrap;
        /*align-items: flex-end;*/
        /*position: relative;*/
        top: 0;
        padding: 0;
    }

    header .module_envelope.env_hf_finder {
        top: -8.25rem;
        /*width: 1rem;*/
        /*margin-right: 0.5rem !important;*/
    }

    li#rwd-menu-container-env::marker {
        color: var(--text-color-white);
    }

    .column_l h2.head,
    li.menu_hlavicka_l a.menu_hlavicka_l,
    div.main_page_l {
        border-radius: 0 !important;
    }

    ul.hf-hmenu li span.hf-menu-envelope a {
        left: 0;
        margin-right: 0 !important;
    }

    ul.hf-hmenu li.level-0.liopened > ul.hf-hsubmenu.hopened::before,
    ul.hf-hmenu li.level-0.liopened > ul.hf-hsubmenu.hopened::after {
        display: none;
    }

    div#google-lang-envelope a.google-lang-position {
        font-size: var(--regular-text-font-size);
    }

    #rwd-menu-trigger .rwd-menu-trigger-a {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        text-align: right;
        align-items: center;
        justify-content: flex-end;
        text-decoration: none;
        box-sizing: content-box;
        font-weight: bold;
        margin: 0;
        right: 0.5rem;
        top: -5.25rem;
        outline-offset: -3px !important;
        color: var(--text-color-black);
        height: 2.75rem;
        width: 2.75rem;
        float: right;
        transition: 0.3s;
        position: relative;
        /*background: var(--main-color);*/
        /*border-radius: 50%;*/
        font-size: 1.25em;
    }

    #rwd-menu-trigger .rwd-menu-trigger-a::before {
        display: flex;
        align-items: center;
        content: "\f0c9";
        clear: both;
        z-index: 99;
        position: absolute;
        font: bold normal normal 30px/1 FontAwesome;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 10px;
        /*background: var(--bg-color-white);*/
        color: var(--rwd-icon-color-1000);
        text-decoration: none !important;
        border: none !important;
    }

    #rwd-menu-trigger .rwd-menu-trigger-a.opened::before {
        display: flex;
        align-items: center;
        justify-content: center;
        content: "\f00d";
        clear: both;
        z-index: 99;
        position: absolute;
        font: normal normal normal 36px/1 FontAwesome;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 10px;
        text-decoration: none !important;
        border: none !important;
        color: var(--rwd-icon-color-X-1000);
        /*left: 0.25rem;*/
    }

    #rwd-menu-trigger::marker {
        color: transparent;
    }

    input.gsc-input {
        width: 140px !important;
    }

    .module_envelope.env_hf_menu_rwd {
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        bottom: auto;
        height: 0;
        right: 0;
        grid-column: 2/3;
        order: 4;
        z-index: 10;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        align-content: space-around;
        flex-wrap: nowrap;
        flex-direction: row;
    }

    .module_envelope.env_hf_menu_rwd .module-inner-envelope {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .module_envelope.env_hf_menu_rwd .module-inner-envelope > .module_body {
        height: 0;
    }

    #rwd-menu-container ul li.menu_hlavicka.with-submenu {
        display: none;
    }

    #rwd-menu-container.opened ul li.menu_hlavicka.with-submenu {
        padding: 0;
        display: inline-block;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-evenly;
        align-items: flex-start;
        position: relative;
        min-height: 50px;
        height: auto;
    }

    #rwd-menu-trigger .hf-hmenu {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    #rwd-menu-trigger .hf-hmenu li {
        width: 100%;
        justify-content: space-between;
        padding: 0 0 0 0 !important;
        text-align: left;
        background: none;
        border: none;
        border-radius: 0;
        margin: 0;
        display: flex;
        position: relative;
        height: auto;
        min-height: 60px;
        max-width: unset;
        flex-wrap: wrap;
        align-items: center;
        flex: auto;
        border-bottom: 1px solid #ddd;
    }

    #rwd-menu-trigger .hf-hmenu li.level-1 {
        border-bottom: 1px solid #ddd !important;
    }

    #rwd-menu-trigger .hf-hmenu li.level-3 {
        border-bottom: none !important;
    }

    ul.hf-hmenu>li.level-0.current {
        background: none !important;
    }

    #rwd-menu-trigger .hf-hmenu li.level-2 {
        padding: 0 0 0 0 !important;
    }

    #rwd-menu-trigger .hf-hmenu li .hf-menu-envelope {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        min-height: 60px;
        width: 100%;
        flex-grow: 1;
        box-sizing: border-box;
    }

    #rwd-menu-trigger .hf-hmenu li a {
        border: none !important;
        color: var(--rwd-menu-color-collapsed);
        background: var(--bg-rwd-menu-collapsed);
        font-size: var(--top-submenu-font-size);
        padding: 0 20px;
        height: auto;
        text-align: left;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        min-height: 60px;
        width: 100%;
        border-radius: 0;
        text-shadow: none;
    }

    ul.hf-hmenu li.level-0 a:focus {
        outline-offset: -5px;
    }

    #rwd-menu-trigger .hf-hmenu li.liopened a.alevel-0:hover {
        background: var(--bg-rwd-menu-active) !important;
        color: var(--rwd-menu-color-active) !important;
    }

    #rwd-menu-trigger .hf-hmenu li.current > span > a {
        font-weight: bold;
    }

    #rwd-menu-trigger .hf-hmenu li.current.with-submenu.level-0 > span > a.alevel-0 {
        background: var(--bg-rwd-menu-active);
        color: var(--rwd-menu-color-active);
    }

    #rwd-menu-trigger .hf-hmenu > li:hover {
        background: var(--bg-rwd-menu-active);
        color: var(--rwd-menu-color-active);
    }

    #rwd-menu-trigger .hf-hmenu li.liopened a.alevel-0:hover {
        background: var(--bg-rwd-submenu-active);
        color: var(--rwd-submenu-color-active);
    }

    #rwd-menu-trigger .hf-hmenu li.level-0:hover > .hf-menu-envelope > a,
    #rwd-menu-trigger .hf-hmenu li.level-0:hover > .hf-menu-envelope > a.active {
        /*background: var(--bg-rwd-menu-active) !important;*/
        /*color: var(--rwd-menu-color-active) !important;*/
    }

    .hf-hsubmenu.hclosed.opened li.level-1:hover a {
        color: var(--rwd-submenu-color-active) !important
    }

    table.user_table_t_border td {
        word-break: break-word;
    }

    ul.hf-hmenu>li.level-0.with-submenu.liopened:hover > span.hf-menu-envelope > a::after, 
    ul.hf-hmenu>li.level-0.with-submenu:hover > span.hf-menu-envelope > a::after, 
    ul.hf-hmenu>li.level-0.current.with-submenu > span.hf-menu-envelope > a::after,
    ul.hf-hmenu>li.level-0.with-submenu>span.hf-menu-envelope>a::after {
        display: none;
    }

    .horizontal-under-menu-trigger.alevel-0:hover,
    .hf-menu.level-0 .hf-menu-envelope > a:hover,
    .hf-menu.level-0.with-submenu.liopened .horizontal-under-menu-trigger.alevel-0,
    .horizontal-under-menu-trigger.alevel-0 .hf-menu.level-0 .hf-menu-envelope > a {
        background: var(--bg-rwd-menu-active) !important;
        color: var(--rwd-menu-color-active) !important;
    }

    #rwd-menu-trigger .hf-hmenu li a.mobile-under-menu-trigger {
        display: inline-flex;
        flex-wrap: wrap;
        float: none;
        align-items: flex-start;
        position: absolute;
        width: 100%;
        height: auto;
        font-size: 0;
        /*top: -1px;*/
    }

    #rwd-menu-trigger .hf-hmenu li a.mobile-under-menu-trigger:hover {
        background: var(--rwd-menu-color-active) !important;
        color: var(--bg-rwd-menu-active) !important;
    }

    #rwd-menu-trigger .hf-hmenu li a.mobile-under-menu-trigger.hor-menu.active {
        color: var(--rwd-menu-color-active) !important;
    }

    #rwd-menu-trigger .hf-hmenu li a.mobile-under-menu-trigger {
        display: none;
    }

    #main-banner-buttons {
        /*gap: 0.75rem;*/
    }

    #homepage_0 h2#banner-slot-h2,
    h2#banner-slot-h2 {
        font-size: 1.5rem;
    }

    ul.hf-hmenu>li.level-0.with-submenu>span.hf-menu-envelope>a::before {
        display: none;
    }

    ul.hf-hmenu li.hf-menu.level-1.with-submenu > .hf-menu-envelope > a::after {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        content: '\f0dd';
        font: bold normal normal 16px/1 FontAwesome;
        clear: both;
        /*background: url('aside-submenu-arrow-collapsed.png') no-repeat center right;*/
        width: 12px;
        height: 12px;
        top: auto;
        left: auto;
        bottom: auto;
        right: 7px;
        z-index: 99;
        position: absolute;
        color: var(--rwd-submenu-color-collapsed);
    }

    #rwd-menu-container li {
        width: 100%;
        margin-left: 0;
    }

    ul.menu_cover ul li.menu-indent-1 a {
        border-left: 6px solid var(--main-color);
    }

    li.menu_item_l_0 a.menu_item_0_l::before {
        display: none;
    }

    #rwd-menu-trigger .hf-hmenu li.hf-menu.level-2 span a {
        border-left: 7px solid var(--bg-rwd-submenu-active) !important;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background: var(--bg-rwd-submenu-level-2-collapsed) !important;
        color: var(--rwd-submenu-level-2-color-collapsed) !important;
        padding-left: 2.25rem;
    }

    #rwd-menu-trigger .hf-hmenu li.hf-menu.level-2 span a:hover {
        background: var(--bg-rwd-submenu-level-2-active) !important;
        color: var(--rwd-submenu-level-2-color-active) !important;
    }

    #rwd-menu-trigger .hf-hmenu li.hf-menu.level-3 span a {
        padding-left: 2.5rem;
        border-left: 10px solid !important;
    }

    li.level-0-has-submenu.menu_item_l a.menu_item_l.opened::before,
    li.menu_item_l_0 a.menu_item_0_l:hover::before,
    li.menu_item_l.active a.menu_item_l_active::before,
    li.menu_item_r.active a.menu_item_r_active::before {
        display: none;
    }

    #rwd-menu-container ul li.menu_hlavicka.with-submenu a.menu_hlavicka::after {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        content: '\f0dd';
        font: bold normal normal 16px/1 FontAwesome;
        clear: both;
        width: 12px;
        /*height: 60px;*/
        top: auto;
        left: auto;
        bottom: auto;
        right: 7px;
        z-index: 99;
        position: absolute;
        color: var(--rwd-menu-color-collapsed);
    }

    ul.hf-hmenu>li.level-0.with-submenu span a.horizontal-under-menu-trigger.alevel-0::after {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        content: '\f0dd';
        font: bold normal normal 16px/1 FontAwesome;
        clear: both;
        width: 12px;
        height: 100%;
        top: -3px;
        left: auto;
        bottom: auto;
        right: 7px;
        z-index: 99;
        position: absolute !important;
        color: var(--rwd-menu-color-collapsed);
    }

    ul.hf-hmenu > li.level-0.with-submenu > span.hf-menu-envelope > a::after,
    ul.hf-hmenu > li.level-0.with-submenu.current.liclosed > span.hf-menu-envelope > a::after {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        content: '\f0dd';
        font: bold normal normal 16px/1 FontAwesome;
        clear: both;
        width: 12px;
        /*height: 60px;*/
        top: auto;
        left: auto;
        bottom: auto;
        right: 7px;
        transform: rotate(0);
        z-index: 99;
        position: absolute;
        transition-duration: 0.3s;
        color: var(--rwd-menu-color-active);
    }

    ul.hf-hmenu>li.level-0.with-submenu.liopened span a.horizontal-under-menu-trigger.alevel-0::after {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        content: '\f0dd';
        font: bold normal normal 16px/1 FontAwesome;
        clear: both;
        width: 12px;
        top: -3px;
        left: auto;
        bottom: auto;
        right: 7px;
        transform: rotate(0);
        z-index: 99;
        position: absolute;
        transition-duration: 0.3s;
        color: var(--rwd-menu-color-active);
    }

    ul.hf-hmenu>li.level-0.with-submenu.liopened span a.horizontal-under-menu-trigger.alevel-0:hover::after {
        transform: rotate(-180deg);
        top: 3px;
    }

    ul.hf-hmenu li.hf-menu.level-1.with-submenu > .hf-menu-envelope > a:hover::after,
    ul.hf-hmenu li.hf-menu.level-1.with-submenu.liopened > .hf-menu-envelope > a::after,
    ul.hf-hmenu li.hf-menu.level-1.current.with-submenu > .hf-menu-envelope > a::after {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        content: '\f0dd';
        font: bold normal normal 16px/1 FontAwesome;
        clear: both;
        width: 12px;
        height: 12px;
        top: auto;
        left: auto;
        bottom: auto;
        right: 7px;
        z-index: 99;
        position: absolute;
        transform: rotate(0);
        color: var(--rwd-submenu-color-active);
    }

    ul.hf-hmenu li.hf-menu.level-1.with-submenu > .hf-menu-envelope > a:hover::after {
        color: var(--rwd-submenu-color-active);
    }

    ul.hf-hmenu li.hf-menu.level-1.with-submenu.liopened > .hf-menu-envelope > a:hover::after {
        transform: rotate(180deg);
    }

    li.level-0-has-submenu.menu_item_l > a.menu_item_l::after,
    li.level-0-has-submenu.menu_item_l > a.menu_item_l:hover::after,
    li.level-0-has-submenu.menu_item_l > a.menu_item_l:hover,
    li.level-0-has-submenu.menu_item_l a.menu_item_l.opened {
        width: 12px;
        right: 7px;
    }

    #rwd-menu-container ul li.menu_hlavicka.with-submenu a.menu_hlavicka:hover::after {
        transition-duration: 0.3s;
        transition-duration: 0.3s;
        color: var(--rwd-menu-color-active);
        transform: rotate(0);
    }

    #rwd-menu-container ul li.menu_hlavicka.with-submenu a.menu_hlavicka.opened::after {
        color: var(--rwd-menu-color-active);
        transform: rotate(0);
    }

    #rwd-menu-container ul li.menu_hlavicka.with-submenu a.menu_hlavicka.opened:hover::after {
        transition-duration: 0.3s;
        transform: rotate(180deg);
    }

    ul.hf-hmenu > li.level-0.with-submenu span a.horizontal-under-menu-trigger.alevel-0:hover {
        background: var(--bg-rwd-menu-active) !important;
        color: var(--rwd-menu-color-active) !important;
    }

    ul.hf-hmenu > li.level-0.with-submenu span a.horizontal-under-menu-trigger.alevel-0:hover::after {
        color: var(--rwd-menu-color-active);
    }

    ul.hf-hmenu > li.level-0.current.with-submenu > span.hf-menu-envelope > a.alevel-0::after {
        color: var(--rwd-menu-color-active) !important;
        right: 7px;
    }

    ul.hf-hmenu > li.level-0.current.with-submenu > span.hf-menu-envelope > a.alevel-0:hover::after {
        color: var(--rwd-menu-color-active);
    }

    ul.hf-hmenu > li.level-0.with-submenu.liopened > span.hf-menu-envelope > a:hover::before, 
    ul.hf-hmenu > li.level-0.current.with-submenu > span.hf-menu-envelope > a::before {
        display: none;
    }

    ul.hf-hmenu > li.level-0.with-submenu span a.horizontal-under-menu-trigger.alevel-0:hover:focus,
    ul.hf-hmenu > li.level-0.with-submenu.liopened span a.horizontal-under-menu-trigger.alevel-0:focus {
        outline: 5px dotted #fff !important;
    }

    #rwd-menu-trigger .hf-hmenu li.hf-menu.level-2 span a:hover:focus,
    #rwd-menu-trigger .hf-hmenu li.hf-menu.level-2 span a:focus {
        outline: 5px dotted #ff8900 !important;
    }

    #rwd-menu-trigger ul.hf-hmenu li.hf-menu.level-1 > .hf-menu-envelope > a {
        padding-left: 1.75rem !important;
        color: var(--rwd-submenu-color-collapsed);
        background: var(--bg-rwd-submenu-collapsed);
        font-weight: 400;
        padding-left: 0.5rem;
        align-items: center;
        justify-content: flex-start;
    }

    ul.hf-hmenu li.hf-menu.level-1 > span > a:hover {
        color: var(--rwd-submenu-color-active) !important;
        background: var(--bg-rwd-submenu-active) !important;
    }

    #rwd-menu-trigger .hf-hmenu li a::before {
        display: none;
    }

    #rwd-menu-trigger .hf-hmenu li.hf-menu.level-2.with-submenu > span > a.alevel-2::after {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        content: '\f0dd';
        font: bold normal normal 16px/1 FontAwesome;
        clear: both;
        width: 12px;
        height: 12px;
        top: auto;
        left: auto;
        bottom: auto;
        right: 7px;
        z-index: 99;
        position: absolute;
        color: var(--rwd-submenu-color-active);
        transition-duration: 0.3s;
    }

    #rwd-menu-trigger .hf-hmenu li.hf-menu.level-2.with-submenu > span > a.alevel-2:hover::after {
        color: var(--rwd-submenu-level-2-color-active) !important;
    }

    #rwd-menu-trigger .hf-hmenu li.hf-menu.level-2.with-submenu.liopened > span > a.alevel-2::after {
        color: var(--rwd-submenu-level-2-color-active) !important;
        transform: rotate(0);
    }

    #rwd-menu-trigger .hf-hmenu li.hf-menu.level-2.with-submenu.liopened > span > a.alevel-2:hover::after {
        transform: rotate(180deg);
    }

    ul.hf-hmenu>li.level-0.with-submenu a.mobile-under-menu-trigger:hover::after, 
    ul.hf-hmenu>li.level-0.with-submenu a.mobile-under-menu-trigger.active::after {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        content: '\f0dd';
        font: bold normal normal 16px/1 FontAwesome;
        clear: both;
        width: 12px;
        height: 45px;
        top: auto;
        left: auto;
        bottom: auto;
        right: 7px;
        z-index: 99;
        position: absolute;
        color: var(--aside-submenu-color-active);
    }

    ul.hf-hmenu>li.level-0.with-submenu a.mobile-under-menu-trigger.active::after {
        content: '\f105';
        color: var(--aside-submenu-color-active);
    }

    #rwd-menu-container,
    #rwd-menu-container.closed {
        display: none;
    }

    #rwd-menu .vertical-menu-cover-common .mobile-under-menu-trigger.categorie.active {
        display: inline-block;
        width: 50px;
        height: 50px;
        box-sizing: border-box;
        background: var(--main-color);
        font-size: 0;
    }

    a.mobile-under-menu-trigger {
        display: inline-block;
        float: right;
        width: 50px;
        height: 50px;
        background: var(--main-color);
        font-size: 0;
    }

    #rwd-menu-container li ul.vertical-menu-cover-common li.with-submenu > ul.menu_cover {
        display: none;
    }

    #rwd-menu-container li ul.vertical-menu-cover-common li.with-submenu.opened > ul.menu_cover {
        display: block;
    }

    ul.menu_cover.opened,
    ul.hf-hmenu li ul.hf-hsubmenu.opened,
    #rwd-menu-container ul li.menu_hlavicka ul.menu_cover.dn.opened {
        display: block !important;
        width: 100%;
        /*background: #eee;*/
    }

    ul.menu_cover.opened a, 
    ul.hf-hmenu li ul.hf-hsubmenu.opened a {
        /*color: var(--main-color) !important;*/
    }

    #rwd-menu-container.opened {
        position: absolute;
        display: flex;
        flex-wrap: wrap;
        right: 0;
        justify-content: flex-end;
        width: 70%;
        float: right;
        top: 3px;
        margin: 0 auto;
        z-index: 999999;
        background: var(--bg-color-white);
        box-shadow: 0 5px 35px -12px #777;
        max-height: calc(100vh - 200px);
    }

    .horizontal-under-menu-trigger.alevel-0:hover::before,
    .hf-menu.level-0 .hf-menu-envelope > a:hover::before,
    .hf-menu.level-0.with-submenu.liopened .horizontal-under-menu-trigger.alevel-0:hover::before,
    .horizontal-under-menu-trigger.alevel-0 .hf-menu.level-0 .hf-menu-envelope > a:hover::before {
        display: none;
    }

    #rwd-menu-container ul li.menu_hlavicka {
        padding: 0;
    }

    #rwd-menu-container ul li.menu_hlavicka.with-submenu a.menu_hlavicka {
        display: flex;
        box-sizing: border-box;
        flex-grow: 1;
        word-break: break-word;
        width: 100%;
        text-decoration: none;
        padding: 13px 60px 14px 20px;
        border-bottom: none;
        border-left: none;
        font-size: 1.25rem;
        font-weight: bold;
        background: var(--bg-rwd-menu-collapsed);
        color: var(--rwd-menu-color-collapsed);
        transition: 0.25s all ease-in-out;
        height: auto;
        min-height: 60px;
    }

    #rwd-menu-container ul li.menu_hlavicka.with-submenu a.menu_hlavicka.opened {
        background: var(--bg-rwd-menu-active) !important;
        color: var(--rwd-menu-color-active) !important;
    }

    #rwd-menu-container ul li.menu_hlavicka.with-submenu a.menu_hlavicka:hover {
        background: var(--bg-rwd-menu-active) !important;
        color: var(--rwd-menu-color-active) !important;
        border-left: none;
        text-decoration: none;
    }

    #banner-homepage a#banner-homepage-img-link {
        max-height: 300px;
    }

    .column_l h2.head,
    li.menu_hlavicka_l a.menu_hlavicka_l,
    div.main_page_l {
        padding: 13px 60px 14px 20px;
        background: var(--bg-rwd-menu-collapsed) !important;
        color: var(--rwd-menu-color-collapsed) !important;
        width: 100%;
        border-bottom: 1px dotted var(--rwd-menu-color-collapsed);
        font-weight: 700;
        font-size: var(--top-menu-font-size);
        border-left: none;
    }

    li.menu_hlavicka_l a.menu_hlavicka_l:hover {
        background: var(--bg-rwd-menu-active) !important;
        color: var(--rwd-menu-color-active) !important;
        border-left: none;
        text-decoration: underline;
        border-bottom: 1px solid var(--main-color);
        padding-left: 1.25rem;
    }

    .env_text_obrazok .editor .odkazy-img {
        grid-template-columns: repeat(3, 1fr);
    }

    div.region-info-left,
    div.region-info-right {
        /*width: 100%;*/
    }

    .menu_hlavicka_r.module_header_region_info a {
        line-height: 1.75rem;
        margin: 0 auto;
    }

    .fotogaleria-multi-foto-list-default .module_envelope ul li {
        /*display: block;*/
        /*margin-left: 0;*/
        text-align: left;
        width: 24%;
    }

    ul.common-image-gallery-user li {
        max-height: 15vw;
    }

    ul.hf-hmenu li ul.hf-hsubmenu {
        position: relative;
        left: 0;
        width: 100%;
        top: 0;
        background: var(--main-color)14;
    }

    ul.hf-hmenu li.level-1 ul.hf-hsubmenu {
        left: 0 !important;
        width: 100%;
        border-left: 25px solid var(--main-color)96;
        background: var(--bg-color-secondary);
        box-sizing: content-box;
        /*display: flex;*/
        flex-wrap: wrap !important;
    }

    ul.hf-hmenu li.level-2 ul.hf-hsubmenu {
        left: 0 !important;
        width: 100%;
        border-left: 25px solid var(--main-color)96;
        background: var(--bg-color-white);
        box-sizing: content-box;
    }

    div.fotogaleria div.firstcol a,
    div.fotogaleria div.secondcol a,
    div.fotogaleria div.thirdcol a,
    div.fotogaleria div.fourthcol a,
    div.fotogaleria div.lastcol a {
        height: auto;
        max-height: 150px;
    }

    ul.hf-hmenu li:focus-within ul.hf-hsubmenu.hopened,
    ul.hf-hmenu li ul.hf-hsubmenu.hopened {
        display: flex;
        transition: ease-in-out 0.2s;
        flex-wrap: wrap;
        overflow-y: auto;
        max-height: unset;
        border-radius: 0;
        padding: 0;
        gap: 0;
        width: 100% !important;
        box-shadow: none;
    }

    ul.hf-hmenu li:hover ul.hf-hsubmenu {
        /*display: none;*/
    }

    .main-links-container {
        grid-template-columns: repeat(3, 1fr);
    }

    div.tabbed-page-modules-envelope ul.tabbed-page-modules {
        justify-content: center;
    }

    ul.fotogaleria-multi-kat-img-list-default li a img,
    ul.fotogaleria-multi-foto-list-default li a img {
        max-width: 100%;
        /*width: 234px;*/
        /*height: 156px;*/
    }

    ul.fotogaleria-multi-foto-list-default li a {
        height: 18vw !important;
        max-height: unset;
        max-width: unset;
    }

    ul.fotogaleria-multi-kat-img-list li a .gallimg-envelope, 
    ul.fotogaleria-multi-foto-list li a .gallimg-envelope {
        max-height: 160px;
        height: 20vw;
    }

    ul.fotogaleria-multi-kat-img-list li a .gallimg-envelope {
        height: 18vw;
    }

    ul.oznamy-new-colums-list-default li div.image-envelope {
        /*display: none;*/
        height: max-content;
        max-height: 205px;
    }

    ul.oznamy-new-colums-list-default li div.image-envelope a, ul.actions-new-colums-list-default li div.image-envelope a {
        height: auto !important;
    }

    #homepage_0 main div.module_envelope.env_common_items_columns_responsive ul.oznamy-new-columns-list,
    #homepage_0 main div.env_actions_portal_column_responsive ul.actions-new-columns-list {
        grid-template-columns: repeat(2, auto);
        justify-content: center;
        gap: 2vw;
/*        min-width: 274px;*/
    }

    main div.module_envelope.env_common_items_columns_responsive ul.oznamy-new-columns-list,
    main div.env_actions_portal_column_responsive ul.actions-new-columns-list {
        grid-template-columns: 100%;
        gap: 1.5vw;
        width: 100%;
    }

    #homepage_0 ul.oznamy-new-columns-list li,
    #homepage_0 ul.actions-new-columns-list li,
    #homepage_0 ul.oznamy-new-columns-list li,
    #homepage_0 ul.actions-new-columns-list li,
    #homepage_0 ul.oznamy-new-columns-list li:first-of-type,
    #homepage_0 ul.actions-new-columns-list li:first-of-type,
    #homepage_0 ul.oznamy-new-columns-list li:last-of-type,
    #homepage_0 ul.actions-new-columns-list li:last-of-type,
    ul.oznamy-new-columns-list li,
    ul.actions-new-columns-list li,
    ul.oznamy-new-columns-list li:first-of-type,
    ul.actions-new-columns-list li:first-of-type,
    ul.oznamy-new-columns-list li:last-of-type,
    ul.actions-new-columns-list li:last-of-type {
        max-width: unset;
    }

    #homepage_0 ul.oznamy-new-columns-list li,
    #homepage_0 ul.actions-new-columns-list li,
    #homepage_0 ul.oznamy-new-columns-list li,
    #homepage_0 ul.actions-new-columns-list li,
    #homepage_0 ul.oznamy-new-columns-list li:first-of-type,
    #homepage_0 ul.actions-new-columns-list li:first-of-type,
    #homepage_0 ul.oznamy-new-columns-list li:last-of-type,
    #homepage_0 ul.actions-new-columns-list li:last-of-type {
        max-width: 360px;
    }

    /* ----------------------------- MENU TRIGGER END ------------------------------------------*/
    #extra-block-bottom .env_hf_text_obrazok.links .main-links-container p.link-no-img {
        width: 33%;
    }

    .env_hf_module_container.upper .module-container-columns-envelope {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
        height: fit-content;
    }

    #extra-block-bottom .dolezite-odkazy ul {
        /*grid-template-columns: repeat(2, 1fr);*/
        display: grid;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    #extra-block-bottom .dolezite-odkazy ul li {
        width: 90%;
    }

    #extra-block-bottom .dolezite-odkazy ul li:nth-child(2n)::after {
        display: none;
    }

    ul.menu_block {
        row-gap: 1.5rem;
        grid-template-columns: repeat(2, 1fr);
        justify-content: space-evenly;
    }

    li.menu_block_kat {
/*        display: flex;*/
/*        justify-content: center;*/
    }

    #extra-block-bottom .partneri-section,
    #extra-block-bottom .odkazy-ikonove ul {
        grid-template-columns: repeat(3, 1fr);
        padding: 0 0.25rem;
    }

    footer .upper .module-container-columns-envelope .module-container-column {
        /* border-right: none; */
        padding: 1.5rem 1rem;
        width: auto;
        /*background: #ffffffaa;*/
    }

    footer .column_f {
        background: none;
    }

    footer .env_hf_module_container.upper {
        background: var(--bg-footer-rwd);
        padding: 0 0 1.5rem;
    }

    footer .env_hf_module_container.lower {
        background: var(--bg-footer-lower);
    }

    footer .upper .module-container-columns-envelope .module-container-column:first-child {
/*        grid-column: 1/3;*/
    }

    footer .upper .module-container-columns-envelope .module-container-column:last-child {
/*        grid-column: 1/3*/
    }

    #main-footer .upper .header-logo-envelope > a {
        top: 0.5rem !important;
    }

    .env_hf_module_container.upper .module-container-columns-envelope {
        width: 100%;
        /*background: #ffffff33;*/
    }

    #main-footer .lower .module-container-columns-envelope {
        flex-direction: column;
    }

    aside h2.head-column, aside .env_text_obrazok h2,
    .module_header_region_info a,
    .column_l div.module_header_calendar,
    div.calendar_of_actions, aside .module_header_info,
    .env_social_webs div.menu_hlavicka_l {
        justify-content: center;
        max-width: 100%;
    }

    aside .column_l div.module_envelope a.dps_text {
        text-align: center;
    }

    footer .module-in-container.env_hf_tiraz .module_body {
        text-align: left;
        width: 85%;
    }

    footer .env_hf_module_container.lower {
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width:990px) {
    .conctact-filter-envelope-default div.contact-finder-part.submit, 
    .conctact-filter-envelope-default div.contact-finder-part.cancel {
        flex: 50%;
        min-width: 90px;
        height: 52px;
        margin: 20px 0;
    }

    .contact-finder-part.ordering, 
    .contact-finder-part.section {
        margin-right: 0;
        flex: 50%;
    }

    .conctact-filter-envelope-default div.contact-finder-part select {
        box-sizing: border-box;
        width: 95%;
        padding: 15px;
    }

    .contact-finder-part.section.partial select {
        width: 100%;
    }
}

@media only screen and (max-width:950px) {
    #extra-block-bottom #mid_463134 table tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    #extra-block-bottom #mid_463134 table tr td {
        width: 33%;
    }
}

@media only screen and (max-width:900px) {
    .search-box-text-button-envelope {
        width: 33rem;
    }
}

@media only screen and (max-width:875px) {
    .env_download_file_with_filter .df-files-filter-list-default .df-files-filter-header {
        display: grid;
        grid-template-columns: 60px 30px 90px 180px 130px 100px 110px 100px 80px;
        background: var(--main-color);
        color: var(--text-color-white);
        padding: 15px;
        
        margin-top: 30px;
        font-size: var(--regular-text-font-size);
        font-weight: bold;
        overflow-x: auto;
    }

    .env_download_file_with_filter .df-files-filter-list-default .file-download {
        display: grid !important;
        grid-template-columns: 60px 30px 90px 180px 130px 100px 110px 100px 80px;
        text-align: left;
        padding: 15px;
        font-size: var(--regular-text-font-size);
        border-bottom: 1px solid #dddddd;
    }

    .df-files-filter-list-default {
        overflow-x: auto;
    }

    .menu_block_order_3 a {
        background-size: 120px !important;
    }
}

@media only screen and (max-width:855px) {
    /* -------------------------------- VĂťVOZ ODPADU ------------------------------------- */
    .env_olo-calendar-execute .module-inner-envelope .module_body {
        display: flex;
        flex-wrap: wrap;
    }

    .olo-calendar-envelope {
        flex: 100%;
    }

    .olo-filter-envelope {
        flex: 100%;
        margin-top: 25px;
    }

    .olo-filter-envelope form {
        display: flex;
        flex-wrap: wrap;
    }

    .olo-filter-envelope form .form-part-envelope,
    form-part-envelope-default form-part-envelope {
    flex: 100%;
    }
    /* -------------------------------- VĂťVOZ ODPADU END ------------------------------------- */
}

@media only screen and (max-width:840px) {
    ul.menu_block li.mb_ord0, 
    ul.menu_block li.mb_ord1, 
    ul.menu_block li.mb_ord2, 
    ul.menu_block li.mb_ord3, 
    ul.menu_block li.mb_ord4 {
        /* width: 50%; */
        /* margin-bottom: 2rem !important; */
    } 

    .extra-block-top .menu_block_photo {
        display: none;
    }

    header .module_envelope.module-in-container.env_hf_rss {
        position: relative;
        padding: 0 14px !important;
    }

    header .env_hf_login_register {
        position: relative;
        /*padding: 0 15px !important;*/
    }

    header .env_hf_mapa_stranky {
        position: relative;
        padding: 0 15px !important;
    }

    header .env_hf_homepage_text {
        position: relative;
        /*padding: 0 15px !important;*/
    }

    header .module_envelope.env_hf_module_container.header-aside a {
        border-bottom: none;
    }

    header .module_envelope.env_hf_module_container.header-aside a:hover {
        border-bottom: none;
    }

    ul.fotogaleria-multi-kat-img-list li {
        margin: 0 auto;
        /*height: auto;*/
    }

    .df-files-filter-inner .df-files-filter-part-envelope:nth-of-type(6) {
        width: 50%;
    }

    .env_download_file_with_filter .df-files-filter-inner>.df-files-filter-part-envelope:last-of-type {
        position: absolute;
        top: 265px;
        right: 15%;
        width: 20%;
    }

    .df-files-filter-inner .df-files-filter-part-envelope:nth-of-type(5) {
        width: 100%;
    }
}

@media only screen and (max-width:810px) {
    .module_envelope.env_vzn_new form.vzn-filter .fullwide tr:nth-child(2) td.automatic-col-5 {
        position: absolute;
        top: 137px;
        right: 28px;
        width: 32%;
    }
}

@media only screen and (max-width:800px) {
    main#main {
        padding: 0;
    }

    header .module_envelope.env_hf_module_container {
        /*left: -6rem;*/
        top: 0;
        margin-right: 1.5rem;
        /*height: 24px;*/
        /*width: 60%;*/
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-1.width-75 {
        top: 3rem;
        gap: 0;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container {
        top: 0;
        padding: 0 !important;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container.env_hf_date,
    header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container.env_hf_time {
        display: none;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-2.width-25 {
        gap: 0.75rem;
    }

    header .header-logo-envelope > a {
        /*top: 0.75rem;*/
/*        max-width: 17rem;*/
/*        gap: 0.5rem;*/
    }

    header .header-logo .header-logo-img-envelope {
/*        top: 0.25rem;*/
    }

    header .header-logo-img-envelope img {
       max-height: 5rem;
    }

    header .header-logo-text {
/*        font-size: 1.5rem;*/
/*        left: 0.1rem;*/
/*        top: 0.25rem;*/
    }

    header .header-logo-text::after {
        letter-spacing: 0;
    }

    header .header-logo-text-ext {
/*        left: 5.15rem;*/
/*        top: -2.75rem;*/
        /*font-size: var(--smaller-text-font-size);*/
        letter-spacing: 0;
        line-height: 1rem;
/*        max-width: 9rem;*/
    }

    div#google-lang-envelope {
        margin: 0 6px 0 8px;
    }

    header .facebook .editor a::before,
    header .instagram .editor p a::before,
    header .rozhlas .editor p a::before,
    header .youtube .editor p a::before {
/*        font-size: 1rem;*/
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-2.width-25 > .module_envelope {
        /*width: 1.75rem;*/
    }

    #rwd-menu-trigger .rwd-menu-trigger-a::before {
        font-size: 2rem;
    }

    #rwd-menu-trigger .rwd-menu-trigger-a.opened::before {
        font-size: 2.375rem;
    }

    .odkazy-top ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .odkazy-top ul li:first-child {
/*        grid-column: 1/3;*/
    }

    #extra-block-top .env_hf_multi_foto {
        display: none;
    }

    #extra-block-bottom ul.partneri-section {
        grid-template-columns: repeat(4, 1fr);
    }

    #extra-block-bottom .partneri.p2 ul.partneri-section {
        grid-template-columns: repeat(3, 1fr);
    }

    .odkazy-top ul li {
        height: auto;
        margin-bottom: 0;
        border-right: none;
    }

    .odkazy-top ul li:nth-of-type(2n) {
/*        border-right: 2px solid rgba(221, 221, 221, 0.5);*/
    }

    #page-banner-homepage {
/*        margin-bottom: 1rem;*/
        height: 100%;
        max-height: unset;
    }

    .module_envelope.module_envelopea.env_hf_banner_slot {
        height: 100%;
    }

    #rwd-menu-trigger .rwd-menu-trigger-a.opened {
        background-size: 2rem;
    }

    aside .column_l div.module_envelope a.dps_text,
    aside .column_l div.module_envelope a,
    aside .column_r div.module_envelope a.dps_text,
    aside .column_r div.module_envelope a {
        text-align: center;
        width: auto;
        margin: 0 auto;
    }

    .env_dynamika_prava_strana div.module_body_r h4,
    .env_dynamika_prava_strana div.module_body_l h4, .uputavka-new-subtitle {
        text-align: center;
    }

    .env_dynamika_prava_strana div.menu_hlavicka_r {
        margin: 0 auto;
        margin-bottom: 1.8rem;
    }

    .actions-new-colums-envelope-default.calendar,
    .actions-new-colums-envelope-default.items {
        width: 100%;
        max-width: 650px;
    }

    div.actions-new-columns-item-back-default {
        grid-column: 1/3;
    }

    li.menu_block_kat {
/*        width: 90%;*/
    }

    ul.menu_block {
        grid-template-columns: repeat(2, 1fr);
    }

    li.menu_block_kat.mb_ord2 {
        grid-column: 1/3;
    }

    ul.fotogaleria-multi-kat-img-list-default li a img,
    ul.fotogaleria-multi-foto-list-default li a img {
        max-width: 320px;
        width: 100%;
        height: auto;
        right: 0;
    }

    ul.fotogaleria-multi-foto-list li {
        /*width: 100%;*/
        margin: 0 auto 4%;
    }

    ul.common-image-gallery-user {
        grid-template-columns: repeat(3, 1fr);
    }

    ul.common-image-gallery-user li {
        max-height: 18vw;
    }

    #extra-block-bottom .uzitocne-odkazy ul,
    #extra-block-bottom .dolezite-odkazy ul,
    #extra-block-bottom .uzitocne-odkazy .columns {
        grid-template-columns: repeat(2, 1fr);
    }

    #extra-block-bottom .partneri.text .partneri-section,
    #extra-block-bottom .partneri.text .odkazy-ikonove ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .module_body_r {
        width: 100%
    }

    #main-content .column_mc {
        flex-direction: column;
        top: 0;
    }

    main#main {
        width: 100%;
        max-width: 100%;
    }

    aside#right-column {
        width: 100%;
        max-width: 100%;
        margin: 1rem auto;
        order: 2;
    }

    aside#left-column {
        width: 60%;
        max-width: 100%;
        justify-content: center;
        margin: 1rem auto;
        order: 1;
    }

    aside .column_r div.module_envelope {
        width: 100%;
        max-width: 100%;
        margin: 1rem auto;
        justify-content: center;
    }

    aside .column_r div.module_envelope div.module-inner-envelope {
        width: 100%;
    }

    .menu_hlavicka_r.module_header_region_info {
        width: 100%;
    }

    #banner-homepage {
        flex-direction: column;
        height: auto;
    }

    #banner-homepage a#banner-homepage-img-link {
/*        width: 100% !important;*/
        /* display: block; */
        /*max-height: unset;*/
        min-height: unset;
        overflow: hidden;
        /*float: unset !important;*/
/*        border: 0 solid #eeeeee;*/
        border-right: none;
        border-radius: 10px;
    }
    
    #banner-slot-text-array {
/*        width: 100% !important;*/
        height: auto;
        overflow: hidden;
        margin-top: 0;
/*        bottom: 50px;*/
/*        padding: 0.75rem 2rem 4rem;*/
        border-radius: 0 0 10px 10px;
    }

    #banner-homepage-img {
/*        min-height: 53vw;*/
    }

    #main-banner-buttons {
/*        bottom: 0;*/
/*        right: 0;*/
/*        right: auto;*/
/*        left: auto;*/
/*        width: 100% !important;*/
/*        height: fit-content;*/
/*        max-width: unset;*/
/*        min-height: 50px;*/
/*        padding: 0.5rem 4rem 0.5rem 1rem;*/
/*        padding: 0.5rem 4rem 0.5rem 2rem;*/
/*        flex-direction: row;*/
/*        position: relative;*/
/*        justify-content: flex-start;*/
/*        align-content: center;*/
    }

    #main-banner-buttons div#banner-buttons-control-envelope {
/*        right: 1.5rem;*/
/*        top: 0;*/
/*        width: 40px;*/
    }

    #homepage_0 h2#banner-slot-h2,
    h2#banner-slot-h2 {
        height: auto;
        min-height: 3.5rem;
        font-size: 1.25rem !important;
        /*font-weight: 600;*/
        /*margin: 15px 0;*/
        -webkit-line-clamp: 2;
        /*padding: 0 0.5rem !important;*/
    }  

    div[style*="width:68%;"] {
        padding: 0 40px 0 0;
    }

    ul.fotogaleria-multi-kat-img-list li a .gallimg-envelope, 
    ul.fotogaleria-multi-foto-list li a .gallimg-envelope {
        /*min-height: 156px;*/
        height: auto;
        max-height: 18vw;
        display: flex;
        justify-content: center;
    } 

    div.fotogaleria div.firstcol a,
    div.fotogaleria div.secondcol a,
    div.fotogaleria div.thirdcol a,
    div.fotogaleria div.fourthcol a,
    div.fotogaleria div.lastcol a {
        max-height: 18vw;
    }

    .column_r {
        margin: 0 auto;
    }

    .search-box-text-button-envelope {
        width: 32rem;
        /*top: 70px;*/
    }

    #right-column .editor p {
        transition: all 0.3s ease-in-out;
    }

    #right-column .editor p:hover {
        transform: scale(1.05);
    }

    div.multi-foto-link-system {
        /*max-height: 206px;*/
    }

    ul.fotogaleria-multi-kat-img-list-default li a div.gallist-katname-default {
        justify-content: center;
        text-align: center;
    }

    #extra-block-bottom .uzitocne-odkazy ul.obrazkove-1,
    #extra-block-bottom .uzitocne-odkazy ul.obrazkove-2 {
        grid-template-columns: repeat(1, 1fr);
    }

    #extra-block-bottom .uzitocne-odkazy ul li,
    #extra-block-bottom .dolezite-odkazy ul li {
        max-width: 430px;
    }

    main div.module_envelope.env_common_items_columns_responsive ul.oznamy-new-columns-list,
    main div.env_actions_portal_column_responsive ul.actions-new-columns-list {
        /*grid-template-columns: repeat(2, 1fr);*/
    }

    ul.oznamy-new-columns-list li p.oznamy_date,
    ul.actions-new-columns-list li p.oznamy_date {
        flex-direction: column;
    }

    .module_envelope.env_text_obrazok .module-inner-envelope .editor .linky {
        grid-template-columns: repeat(3, 1fr);
    }

    div.reklamny-partner,
    div.module_header_info,
    div.module_header_calendar,
    div.module_header_register,
    div.calendar_of_actions,
    div.env_ankety div.menu_hlavicka_r {
        justify-content: center;
    }

    div.region-info-left,
    div.region-info-right {
        width: 48%;
        column-gap: 2%;
        /*display: none;*/
    }

    .env_hf_module_container.upper .module-container-columns-envelope {
        grid-template-columns: repeat(2, 1fr);
    }

    footer .upper .module-container-columns-envelope .module-container-column:first-child {
        grid-column: unset;
    }
}

@media only screen and (max-width:770px) {  
    .env_text_obrazok .editor .odkazy-img {
        grid-template-columns: repeat(2, 1fr);
    }

    input#search-box-submit-execute {
        font-size: 1.25em;
    }

    div.oznamy-uvod-column-envelope div.float_left,
    div.oznamy-uvod-column-envelope div.float_right {
        width: 100%;
        max-width: unset;
    }

    div.oznamy-uvod-column-envelope div.float_left a, 
    div.oznamy-uvod-column-envelope div.float_right a {
        display: block;
        max-width: 100%;
        width: 100%;
        max-height: 270px;
        height: auto;
        overflow: hidden;
        margin-bottom: 10px;
    }

    div.oznamy-uvod-column-envelope div.float_left img, 
    div.oznamy-uvod-column-envelope div.float_right img {
        padding: 0;
        margin: 0 auto !important;
        border: none;
        width: 100%;
        height: auto;
        float: unset !important;
        display: block;
    }
}

@media only screen and (max-width:750px) {
    div.multi-foto-link-system img {
        left: 20rem;
    }

    #homepage_0 main div.module_envelope.env_common_items_columns_responsive ul.oznamy-new-columns-list,
    #homepage_0 main div.env_actions_portal_column_responsive ul.actions-new-columns-list,
    #homepage_0 .main-links-container,
    #homepage_0 ul.oznamy-graphic-list-default,
    #homepage_0 ul.actions-graphic-list-default {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 0.5rem;
        row-gap: 1.5rem;
    }

    #homepage_0 ul.oznamy-new-columns-list li,
    #homepage_0 ul.actions-new-columns-list li {
        display: flex;
    }

    #homepage_0 ul.oznamy-new-colums-list-default li h3,
    #homepage_0 ul.oznamy-graphic-list-default li h3,
    #homepage_0 ul.actions-new-colums-list-default li h3,
    #homepage_0 ul.actions-graphic-list-default li h3 {
        padding: 0.5rem 0;
    }

    ul.oznamy-new-columns-list li,
    ul.actions-new-columns-list li {
        grid-template-columns: 274px auto;
    }

    main div.module_envelope.env_common_items_columns_responsive ul.oznamy-new-columns-list,
    main div.env_actions_portal_column_responsive ul.actions-new-columns-list,
    .main-links-container,
    ul.oznamy-graphic-list-default,
    ul.actions-graphic-list-default {
        grid-template-columns: 100%;
    }

    ul.oznamy-graphic-list-default li.next-oznamy {
        grid-column: auto;
        max-width: 325px;
    }

    .main-links-container .link-column,
    ul.oznamy-graphic-list-default li,
    ul.actions-graphic-list-default li {
        max-width: 325px;
        height: 44vw;
        max-height: 280px;
    }

    .useful .link-column p.link-img {
        max-width: unset;
    }

    footer .module-container-columns-envelope .module-container-column {
        overflow-wrap: break-word;
    }

    footer .lower .module-container-columns-envelope .module-container-column {
        flex-wrap: wrap;
    }

    .env_elektronicka_uradna_tabula .eut-item-envelope {
        border-bottom: 1px solid #eee;
        width: 98%;
        word-break: break-word;
    }

    ul.hf-hmenu li span.hf-menu-envelope a {
        font-size: 1em;
    }

    div.multi-foto-link-system {
        /*max-height: 185px;*/
    }

    .mb_ord3 li a {
        /*background: var(--bg-color-white) url(fotogaleria.png) no-repeat 10% 77%;*/
        background-size: 100px;
    }

    .menu_block_order_3 a {
        background-size: 100px !important;
    }
}

@media only screen and (max-width:730px) {
    nav ul.hf-hmenu {
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        position: unset;
    }

    div.oznamy-uvod-column-envelope div.float_left {
        width: 100%;
        padding: 0;
        margin: 0;
        max-width: unset;
    }

    div.oznamy-uvod-column-envelope div.float_right {
        width: 100%;
        max-width: unset;
        padding: 0;
        margin: 0;
    }
}

@media only screen and (max-width:720px) {
    #extra-block-bottom .column_fb .env_hf_text_obrazok {
        display: flex;
        width: 100%;
        justify-content: center;
        top: 0;
    }

    #extra-block-bottom .column_fb .env_hf_text_obrazok .editor {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width:700px) {
    footer .column_f {
        position: relative;
    }

    .env_registracia_navstevnika_ .program_table tbody tr td {
        width: 50%;
    }

    #extra-block-bottom .region-ponuka ul {
        display: flex;
        width: 89%;
        flex-wrap: wrap;
        margin: 0 auto;
        justify-content: center;
    }

    ul.oznamy-new-columns-list li, 
    ul.actions-new-columns-list li {
        width: 90%;
        max-height: 600px;
    }

    ul.oznamy-new-columns-list p.oznamy_date, 
    ul.actions-new-columns-list p.oznamy_date {
        max-height: unset;
    }
}

@media only screen and (max-width:662px) {
    main#main {
        width: 100%;
        text-align: left; 
        /*padding: 0 10px;*/
    }

    aside#left-column,
    aside#right-column {
        width: 100%;
        /*display: block;*/
        justify-content: center;
        /*padding: 0 0.8rem;*/
        max-width: unset;
        order: 2;
        margin: 0 auto;
    }

    aside .env_text_obrazok h2, .module_header_region_info a {
        text-align: center;
    }

    div.tabbed-page-modules-envelope ul.tabbed-page-modules {
        width: 100%;
        /*justify-content: center;*/
    }

    .module-container-collapsable-envelope .col2,
    .module-container-collapsable-envelope .col3,
    .module-container-collapsable-envelope .col4 {
        display: block !important;
    }

}

/* -------------------------------- TABLET VERZIA END  -------------------------------- */
/* ------------------------------------------------------------------------------------ */

/* ---------------------- MOBIL VERZIA ----------------------- */
@media only screen and (max-width:640px) {
    /* ------------------------------------- HIDDEN ELEMENTS ------------------------------------------ */
    .main-header .column_h .env_hf_multi_foto, 
    header .module-in-container.env_hf_rss, 
    header .module-in-container.env_hf_mapa_stranky, 
    header .module-in-container.env_hf_aaa, 
    header .module-in-container.env_hf_menu, 
    header .env_hf_menu,  .module-in-container.env_hf_text_pure, 
    header .search-box-text-button-envelope::after, div.link-for-speech,
    /*ul.hf-hmenu > li.level-0 > span.hf-menu-envelope > a::after,
    ul.hf-hmenu>li.level-0.liopened>span.hf-menu-envelope>a::after, 
    ul.hf-hmenu>li.level-0.liopened:hover > span.hf-menu-envelope > a::after, 
    ul.hf-hmenu>li.level-0:hover > span.hf-menu-envelope > a::after, 
    ul.hf-hmenu>li.level-0.current > span.hf-menu-envelope > a::after,
    ul.hf-hmenu li.hf-menu.level-1.with-submenu > .hf-menu-envelope > a::after,*/
    .module_envelope.env_horizontal_menu_clone_column {
        display: none !important;
    }

    body {
        max-width: 100%;
        background: var(--bg-body-640);
        background-size: 150%;
    }

    [tabindex]:focus, a:focus {
        outline: 5px auto -webkit-focus-ring-color!important;
        outline: 0 dotted #ff8900!important;
        outline-offset: 3px;
        z-index: 2;
        background-color: transparent;
    }

    main#main {
        margin-bottom: 2rem;
    }
   
     /* ------------------------------------- HIDDEN ELEMENTS END ------------------------------------------ */
    /* ------------------------------------- HEADER  ----------------------------------------------- */
    header {
        /*width: calc(100% - 4rem);*/
        /*padding: 0 0 10rem;*/
        position: relative;
        height: 6rem;
        /*box-shadow: 0 0 10px #ccc;*/
        /*z-index: 1;*/
        margin-bottom: 1.5rem !important;
        /*background: rgba(255, 255, 255, 0.6);*/
        /*border-bottom: 3px solid var(--top-menu-border);*/
        /*top: 0;*/
    }

    #homepage_0 header {
        margin-bottom: 0 !important;
        animation: none;
    }

    header .module_envelope.env_hf_module_container.header-aside .module-inner-envelope {
        right: 0;
        top: -1rem;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-2.width-25 > .module_envelope,
    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-2.width-25 > .module_envelope.env_hf_google_translate {
        width: calc(100% / var(--rwd-menu-icons-count));
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-2.width-25 > .module_envelope:hover {
        filter: none;
        transform: none;
    }

    header .env_hf_text_obrazok {
        width: 38px;
        height: 20px;
        position: relative;
        /*top: 9px !important;*/
        justify-content: flex-end;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-2.width-25 {
        position: relative;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container.env_hf_login_register .module_body {
        justify-content: center;
    }

    li.menu_block_kat ul li ul {
        height: fit-content;
    }

    .env_hf_homepage_text #homepage-link-with-text-envelope {
        position: unset;
    }

    header .env_hf_module_container.header-aside .module-inner-envelope {
        width: 100%;
    }

    .env_hf_module_container.upper .module-container-columns-envelope {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }

    #main-content .column_mc {
        top: 0;
        /* padding-top: 2rem; */
    }

    .cookie-box-open.new {
        top: -4.25rem;
    }

    h1 {
        /*padding-top: 0 !important;*/
    }

    /*------------------------------------- HEADER LOGO------------------------------------- */
    header .module_envelope.env_hf_logo {
        top: 0;
        justify-content: flex-start;
        /*left: 0;*/
        /*right: 0;*/
        /*width: 80%;*/
        /*max-width: 570px;*/
        /*margin: 0;*/
        z-index: 1;
        /*background: var(--bg-color-white);*/
        /*height: 150px;*/
    }

    .header-logo .header-logo-img-envelope {
        /*width: 80px;*/
        /*margin: 6px 10px 0;*/
        /*top: 0.65rem;*/
        left: 0;
        /*order: 1;*/
    }

    header .env_hf_menu {
        border-top: 0 solid;
    }

    header .module_envelope.env_hf_logo .module-inner-envelope {
        /*justify-content: center;*/
    }

    header .header-logo-text {
        font-size: 2rem;
/*        top: 0.125rem;*/
        /*left: 0;*/
        line-height: 125%;
    }

    header .header-logo-text-ext {
        /*max-width: 80%;*/
        /*text-align: left;*/
/*        left: 4.7rem;*/
        top: 0;
        font-size: var(--smaller-text-font-size);
        /*line-height: 1rem;*/
        /*display: flex;*/
        /*align-items: center;*/
    }

    header .header-logo-envelope > a {
        top: 0.75rem;
        left: 0.5rem;
        height: 4.5rem !important;
        justify-content: flex-start;
        max-width: 18rem;
        /*gap: 0;*/
    }

    header .env_hf_text_obrazok.bbsk {
        height: 7rem;
        width: auto;
        padding: 0 !important;
    }

    header .env_hf_text_obrazok.bbsk img {
        margin: 0;
    }

    .env_registracia_navstevnika_ #login-to-portal tbody tr {
        display: flex !important;
        align-items: flex-end;
    }

    .env_registracia_navstevnika_ .program_table tbody tr td:nth-of-type(2n+2) {
        width: 75% !important;
        flex: unset;
    }

    .env_registracia_navstevnika_ .program_table tbody tr td {
        /*width: 100% !important;*/
    }

    .right_align, table.program_table td.right_align {
/*        display: flex;*/
    }

    header .module_envelope.env_hf_module_container.header-aside {
        height: 6rem;
        width: auto;
        margin: 0;
        /*height: 70px;*/
        z-index: unset;
    }

    header .env_hf_module_container .module-container-columns-envelope {
        flex-direction: row;
        justify-content: flex-start;
    }

    header .column_h {
        justify-content: start;
        grid-template-columns: auto;
    }

    header .header-logo-img-envelope img {
        max-height: 4.5rem;
    }

    .footer-logo .header-logo-envelope > a {
        left: 0;
    }

    #extra-block-bottom .partneri.text .partneri-section,
    #extra-block-bottom .partneri.text .odkazy-ikonove ul,
    #extra-block-bottom .partneri.p2 ul.partneri-section {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 2rem;
    }

    #extra-block-bottom ul.partneri-section {
        grid-template-columns: repeat(3, 1fr);
    }

    /*------------------------------------- HEADER LOGO END------------------------------------- */

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container.env_hf_google_translate {
        /*padding-left: 0;*/
        /*position: relative;*/
        /*right: 0;*/
        width: calc(100% / var(--rwd-menu-icons-count));
        /*justify-content: flex-end;*/
        /*top: 0;*/
        order: 4;
    }

    div#google-lang-envelope .notranslate#my-current-lang {
        font-size: 1.25rem;
        width: 2rem;
        border-bottom: none;
        color: var(--bottom-menu-icons-rwd-color) !important;
        border-bottom: 1px solid;
    }

    div#google-lang-envelope .notranslate#my-current-lang:hover {
        background: transparent !important;
        padding-bottom: 0.25rem;
    }

    div#google-lang-envelope a#my-current-lang::after {
        color: var(--bottom-menu-icons-rwd-color);
    }

    header .module_envelope.module-in-container.env_hf_homepage_text a#homepage-link-with-text-envelope {
        font-size: 0;
        font-weight: 300;
        display: block;
        width: 2.75rem;
        padding: 0;
        height: 2.75rem;
        margin: 0 auto;
        text-align: center;
        text-decoration: none;
        color: var(--text-color-black);
        border: none;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container.env_hf_google_translate .module_body {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header-other {
        position: fixed;
        top: unset !important;
        bottom: 3px;
        right: 2.25rem !important;
        height: 70px !important;
        width: 60px !important;
        z-index: 3;
    }

    .env_hf_module_container .module-container-columns-envelope .module-container-column.column-2.width-25 {
        display: flex;
    }

    header .module_envelope.module-in-container.env_hf_homepage_text {
        background: none;
    }

    header .env_hf_text_obrazok {
        flex-wrap: wrap;
        justify-content: center;
        position: relative;
        display: flex;
        left: 0;
        right: auto;
        margin: 0;
        z-index: 1;
    }

    header .citat {
        display: none;
    }

    header .env_hf_text_obrazok.facebook {
        position: relative !important;
        width: calc(100% / var(--rwd-menu-icons-count)) !important;
    }

    header .facebook::before,
    header .instagram::before,
    header .rozhlas::before,
    header .youtube::before {
        left: 50%;
        transform: translateX(-50%);
        font-size: 22px;
        color: var(--bottom-menu-icons-rwd-color);
        background: transparent;
        right: 1.5rem;
    }

    header .instagram::before {
        transform: translateX(0)
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-2.width-25 {
        height: 70px;
        display: flex;
        align-items: center;
        padding: 0;
        position: fixed;
        bottom: 0;
        left: 0;
        background: var(--bg-rwd-bottom-menu);
        width: 100%;
        justify-content: flex-start;
        top: auto;
        box-shadow: 0 0 10px -2px #495168;
        z-index: 11;
    }

    header .module_envelope.module-in-container.env_hf_finder #finder_stabil {
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
        box-shadow: 0 0 10px 0 #ddd;
    }

    header .env_hf_homepage_text .module_body::before,
    header .env_hf_login_register #login-login::before,
    header .env_hf_contacts .module_body::before,
    header .env_hf_login_register #logout-logout::before {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        font: normal normal normal 22px/1 FontAwesome;
        color: var(--bottom-menu-icons-rwd-color);
        position: absolute !important;
        width: 100% !important;
        right: auto !important;
        left: auto !important;
        flex-wrap: wrap;
        margin: 0 auto !important;
        background: none;
    }

    header .env_hf_login_register #login-login::before {
        font: normal normal normal 23px/1 FontAwesome;
    }

    .env_hf_finder a#finder-trigger {
        position: relative !important;
        top: 0;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23212D8B'%3E%3C!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z'/%3E%3C/svg%3E") !important;
        background-size: 1.375rem !important;
    }

    .env_hf_finder a#finder-trigger:hover {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23363636'%3E%3C!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z'/%3E%3C/svg%3E") !important;
    }

    #search-box-submit::after {
        display: none;
    }

    div#finder_stabil {
        /*top: -258px !important;*/
        /* bottom: 70px !important; */
        position: fixed !important;
        left: 0;
        right: 0;
        height: 250px;
        margin: 0 auto;
        width: 100% !important;
        display: none;
        z-index: -1;
        color: var(--text-color-black);
    }

    a#finder-trigger {
        right: auto;
        left: 0;
        margin: 0 auto;
        width: 2.75rem;
        position: relative !important;
        top: 3px;
        height: 2.75rem;
        padding: 20px !important;
        color: var(--text-color-black);
        text-decoration: none;
        text-align: center;
        font-size: 0;
        border: none;
        background: no-repeat;
        background-position: center;
    }

    header .module_envelope.module-in-container.env_hf_finder #finder_stabil div,
    form.gsc-search-box {
        height: 100% !important;
        /*display: flex !important;*/
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    header .module_envelope.module-in-container.env_hf_finder #finder_stabil div form {
        height: 100%;
    }

    div#finder_stabil div#google_searchcontrol {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0 !important;
    }

    table.gsc-search-box {
        width: 90% !important;
        height: 3rem;
        margin: 0 auto;
    }

    form.gsc-search-box::before {
        display: flex;
        justify-content: center;
        align-items: center;
        content: 'Zadajte hľadaný výraz:';
        color: var(--text-color-dark);
        font-weight: 600;
        text-transform: uppercase;
        font-size: var(--regular-text-font-size);
        padding-top: 3rem;
    }

    input.gsc-search-button {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23212D8B'%3E%3C!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z'/%3E%3C/svg%3E") !important;
    }

    input.gsc-input {
        width: 100% !important;
        border-bottom: 1px solid !important;
        height: 50px !important;
        border-radius: 10px;
    }

    #search-extended-trigger {
        gap: 0.25rem;
    }

    #search-extended-date {
        flex-direction: column;
    }

    #search-extended-select {
        display: flex;
        flex-direction: column;
    }

    header .module_envelope.env_hf_finder .module-inner-envelope {
        position: fixed !important;
        bottom: 2.25rem;
        right: 7%;
        width: 3rem;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module_body {
        justify-content: flex-start;
    }

    li.menu_item_l a.menu_item_l:hover {
        padding: 12px 30px;
        font-weight: 700 !important;
    }

    header .module_envelope.module-in-container.env_hf_homepage_text {
        padding-left: 0 !important;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container {
        justify-content: center;
    }

    footer div.module_envelope.in-footer-thanks .editor {
        grid-template-columns: 1fr;
        justify-content: center;
    }

    ul.actions-new-colums-list-default li div.image-envelope {
        min-height: unset;
        min-width: unset;
        float: none;
    }

    .main-links-container {
        justify-content: center;
    }

    .module_envelope.env_hf_menu_rwd {
        position: absolute;
        width: 100%;
        left: 0;
        top: 6rem;
        bottom: auto;
        margin: 0;
        height: 1px;
        right: 1%;
        z-index: 10;
        display: flex;
    }

    .module_envelope.env_hf_menu_rwd .module-inner-envelope {       
        position: unset;
    }

    .asside-menu-rwd a {
        z-index: 99;
    }

    div.fotogaleria div p {
        text-align: center;
        height: auto;
    }

    .persons-detail-envelope {
        flex-direction: column;
        align-items: center;
        display: flex;
    }

    .persons-detail-envelope-default .persons-data {
        padding: 0 1rem;
        width: 100%;
        max-width: unset !important;
    }

    .env_elektronicka_uradna_tabula .eut-item-envelope {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .env_elektronicka_uradna_tabula .eut-item-envelope a img {
        margin: 0 !important;
        float: none !important;
    }

    div.cookie-box-open-envelope {
        right: 0.25rem;
        bottom: 4.25rem;
    }

    .cookie-box-open.new {
        top: 0;
        margin-bottom: 0 !important;
    }

    .search-extended-parts .filter-body-part-search-extended-areas {
        width: 50% !important;
    }

    .search-extended-select a,
    .search-extended-trigger a {
        width: 100%;
        justify-content: center;
    }

    .filter-body-part input[type="checkbox"],
    .filter-body-part input[type="radio"],
    .filter-body-part input[type='file'] {
        width: 40px !important;
        height: 40px !important;
    }

    .search-extended-parts .filter-body-part-search-extended-areas,
    .filter-body-part.part-checkbox,
    .search-extended-parts .filter-body-part-search-extended-areas {
        width: 100% !important;
    }
 
/* ------------------------------------- RWD HLAVICKA ------------------------------------- */

    .editor .rwd-header {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .rwd-logo-main-text {
        font-size: 2em;
        color: var(--main-color);
        font-weight: bold;
        text-align: left;
    }

    input#search-submit-button {
        height: 21px;
        background: transparent !important;
    }

    /* ------------------------------------- RWD HLAVICKA END ------------------------------------- */

    /* ----------------------------- MENU TRIGGER ---------------------------------------------*/
    li#rwd-menu-container-env::marker {
        color: #fff;
    }

    div.fotogaleria {
        justify-content: center;
    }

    ul.oznamy-new-columns-list li:hover, ul.actions-new-columns-list li:hover {
         /*background: #f5f5f5; */
        transform: translateY(-3px);
        box-shadow: 0 8px 10px -3px #ccc;
        /* padding: 0.5rem; */
    }

    #rwd-menu-trigger .rwd-menu-trigger-a::before {
        color: var(--rwd-icon-color-640);
    }

    #rwd-menu-trigger .rwd-menu-trigger-a.opened::before {
        color: var(--rwd-icon-color-X-640);
        font: bold normal normal 36px/1 FontAwesome;
    }

    #rwd-menu-trigger::marker {
        color: transparent;
    }

    #rwd-menu-container ul li.menu_hlavicka.with-submenu {
        padding: 0;
        display: inline-flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-evenly;
        align-items: flex-start;
        position: relative;
        min-height: 50px;
        height: auto;
    }

    #rwd-menu-trigger .hf-hmenu {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
 
    #rwd-menu-trigger > .hf-hmenu > li > a {
        font-size: 1.25rem;
        padding: 0 22px;
        text-align: left;
        height: auto;
        font-weight: 700;
        text-transform: none;
    }

    #rwd-menu ul li.level-1.with-submenu.liclosed span a.horizontal-under-menu-trigger {
        background: var(--bg-rwd-submenu-collapsed) !important;
        color: var(--rwd-submenu-color-collapsed) !important;   
    }

    ul.hf-hmenu li.hf-menu.level-1.with-submenu.liopened > .hf-menu-envelope > a,
    #rwd-menu ul li.level-1.with-submenu.liclosed span a.horizontal-under-menu-trigger:hover {
        background: var(--bg-rwd-submenu-active) !important;
        color: var(--rwd-submenu-color-active) !important;
    }

    ul.hf-hmenu li.hf-menu.level-1.with-submenu.liclosed > .hf-menu-envelope > a:hover::after {
        color: var(--rwd-submenu-color-colapsed) !important;
    }

    ul.hf-hmenu li.hf-menu.level-1.with-submenu.liopened > .hf-menu-envelope > a:hover::after {
        color: var(--rwd-submenu-color-active) !important;
    }

    #rwd-menu-trigger .hf-hmenu li.with-submenu a.mobile-under-menu-trigger:hover > a.horizontal-under-menu-trigger,
    #rwd-menu-trigger .hf-hmenu li.with-submenu a.horizontal-under-menu-trigger:hover > a.mobile-under-menu-trigger {
        background: var(--bg-rwd-menu-active) !important;
        color: var(--rwd-menu-color-active) !important;
    }

    ul.hf-hmenu>li.level-0.with-submenu a.mobile-under-menu-trigger::after {
        display: inline-flex;
        /*content: '';*/
        clear: both;
        background: /*url('aside-menu-arrow-collapsed.png') no-repeat center right*/;
        width: 12px;
        height: 60px;
        top: auto;
        left: auto;
        bottom: auto;
        right: 7px;
        z-index: 99;
        position: absolute;
        color: var(--rwd-menu-color-collapsed);
    }
    
    ul.hf-hmenu>li.level-0.with-submenu a.mobile-under-menu-trigger.active::after {
        display: inline-flex;
        /*content: '';*/
        clear: both;
        background: /*url('aside-menu-arrow-active-rwd.png') no-repeat center right !important*/;
        width: 12px;
        height: 60px;
        top: auto;
        left: auto;
        bottom: auto;
        right: 7px;
        z-index: 99;
        position: absolute;
        color: var(--rwd-menu-color-active);
    }

    #rwd-menu-trigger .hf-hmenu li.current > span > a {
        font-weight: bold;
    }

    div.zasadenie-envelope {
        width: 49%;
    }

    /*#rwd-menu-trigger .hf-hmenu li a.mobile-under-menu-trigger {
        display: inline-block;
        float: right;
        width: 50px;
        height: 50px;
        font-size: 0;
        background: var(--main-color) url(menu-arrow-down-w.png) no-repeat center center !important;
    }*/

    #rwd-menu-trigger .hf-hmenu li a.mobile-under-menu-trigger.hor-menu.active {
        /*display: none;*/
        /*float: right;*/
        /*width: 50px;*/
        /*height: 50px;*/
        /*font-size: 0;*/
        /*background: var(--main-color)9e url(menu-arrow-up-w.png) no-repeat center center !important;*/
    }

    #rwd-menu-trigger .hf-hmenu li a.mobile-under-menu-trigger {
        display: none;
    }

    #rwd-menu ul li.level-0.with-submenu.liclosed span a.horizontal-under-menu-trigger:hover {
        background: var(--bg-rwd-menu-active);
        color: var(--rwd-menu-color-active);
    }

    #rwd-menu-trigger .hf-hmenu li.level-0 > .hf-menu-envelope > a {
        font-size: 1.25rem;
        padding: 0 22px;
        text-align: left;
        height: auto;
        font-weight: 700;
        text-transform: none;
    }
    
    #rwd-menu-container,
    #rwd-menu-container.closed {
        display: none;
    }

    #rwd-menu .vertical-menu-cover-common .mobile-under-menu-trigger.categorie.active {
        display: inline-block;
        width: 50px;
        height: 50px;
        box-sizing: border-box;
        background: var(--main-color) url(menu-arrow-up-w.png) no-repeat center center;
        font-size: 0;
    }

    a.mobile-under-menu-trigger {
        /* display: block; */
        display: inline-block;
        float: right;
        width: 50px;
        height: 50px;
        background: var(--main-color) url(menu-arrow-down-w.png) no-repeat center center;
        font-size: 0;
    }

    #main-footer .module-in-container.kontakty p,
    #main-footer .module-in-container.kontakty p a,
    #main-footer .upper table tr th,
    #main-footer .upper table tr td {
        color: var(--text-color-black);
    }

    ul.menu_cover {
        display: none;
    }

    ul.menu_cover.opened,
    ul.hf-hmenu li ul.hf-hsubmenu.opened,
    #rwd-menu-container ul li.menu_hlavicka ul.menu_cover.dn.opened {
        /*display: block !important;*/
        /*width: 100%;*/
        /*background: #e9f5ff;*/
    }

    #rwd-menu-container.opened {
        position: relative;
        display: flex;
        left: auto;
        right: 0;
        width: 100%;
        top: -2rem;
        margin: 0 auto;
        z-index: 40000;
        overflow-x: hidden;
        max-height: fit-content;
        background: var(--bg-color-white);
        box-shadow: 0 5px 10px #555;
    }

    #rwd-menu-container.opened li {
        width: 100%;
    }

    #rwd-menu-container ul li.menu_hlavicka {
        padding: 0;
    }

    ul.hf-hmenu li.hf-menu.level-1 {
        background: var(--bg-rwd-submenu);
        border-bottom: none !important;
    }

    ul.hf-hmenu li.hf-menu.level-1 a {
        padding-left: 2.5rem !important;
    }

    #banner-homepage a#banner-homepage-img-link {
        width: 100%;
        min-height: 150px;
    }

    ul.oznamy-new-columns-all-list-default.oznamy-new-columns-list li
    ul.oznamy-new-columns-all-list-default.oznamy-new-columns-all-list li {
        gap: 1rem;
    }

    .sms-hlasnik-links-new .sms-hlasnik-link-new a {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    #banner-homepage-img {
        height: 100%;
/*        min-height: 50vw;*/
        width: 100%;
        min-width: auto;
    }

    #banner-homepage ul {
        top: 0.5rem;
    }

    #banner-buttons-control-envelope {
        top: 0;
    }

    .module_envelope ul li {
        /*display: block;*/
        margin-left: 0;
    }

    div.back,
    div.print_row,
    aside#left-column {
        padding: 0 0.8rem;
    }

    div.print_row {
        padding-top: 1.5rem;
    }

    #search-extended-parts li {
        width: 48%;
    }

    ul.hf-hmenu li ul.hf-hsubmenu {
        position: relative;
        left: 0;
        width: 100%;
        top: 0;
        /*background: var(--main-color);*/
    }

    ul.hf-hmenu li.level-1 ul.hf-hsubmenu {
        /*left: 0 !important;*/
        /*width: 100%;*/
        /*border-left: 25px solid var(--main-color);*/
        background: #d0eaff;
        box-sizing: content-box;
        /*display: flex;*/
        flex-wrap: wrap !important;
    }

    ul.hf-hmenu li.level-2 ul.hf-hsubmenu {
        left: 0 !important;
        width: 100%;
        border-left: 7px solid var(--main-color);
        background: var(--bg-color-white);
        box-sizing: content-box;
    }

    ul.common-image-gallery-user,
    ul.fotogaleria-pure {
        grid-template-columns: repeat(2, 1fr);
    }

    ul.common-image-gallery-user li,
    ul.fotogaleria-pure li {
        min-height: 28vw;
    }

    ul.hf-hmenu li:focus-within ul.hf-hsubmenu.hopened, ul.hf-hmenu li ul.hf-hsubmenu.hopened {
        display: flex;
        transition:  0.3s ease-in-out;
        flex-wrap: wrap;
        overflow-y: auto;
        min-width: unset;
        max-width: unset;
        /*max-height: calc(100vh - 80px - 126px);*/
        border-radius: 10px;
    }

    div.file-download a span.file-text {
        max-width: fit-content;
    }

    #tabbed-page-modules {
        margin-bottom: 2rem !important;
    }

    #main-banner-buttons {
        /*left: 1rem;*/
        width: 100% !important;
        max-width: unset;
        flex-direction: row;
        height: auto;
        padding: 0 1rem;
        position: relative;
    }

    #banner-slot-text-array {
        padding: 3rem 1.5rem 1rem;
        width: 100% !important;
/*        top: unset;*/
        bottom: 44px;
    }

    h2#banner-slot-h2 {
        /*padding: 0.25rem !important;*/
        margin: 0;
    }

    .module_envelope.env_text_obrazok .module-inner-envelope .editor .linky {
        grid-template-columns: repeat(2, 1fr);
    }

    .env_napiste_nam_execute table.program_table tr {
        grid-template-columns: 1fr;
    }

    .env_napiste_nam_execute input[type="checkbox"] {
        width: 2rem !important;
    }

    /* ----------------------------- MENU TRIGGER END ------------------------------------------*/


    header .module_envelope.env_hf_module_container.header-search {
        padding-top: 0;
        top: 55px;
    }

    header .module_envelope.env_hf_module_container>.module-inner-envelope>.module_body {
        width: 100%;
        display: flex;
        padding-top: 0;
        flex-direction: row;
        flex-wrap: wrap;
        position: relative;
        top: 0;
    }

    header .module_envelope.env_hf_module_container.header-search {
        padding-top: 0;
        top: -90px;
        display: block;
        width: 100%;
        flex: unset !important;
    }

    header .module_envelope.env_hf_module_container.header-aside {
        /*background: var(--main-color);*/
        /*order: 2;*/
        /*bottom: 0;*/
        /*top: unset;*/
        /*width: 100%;*/
        /*flex: unset;*/
        /*position: fixed;*/
        /*box-shadow: 1px 1px 10px -5px #333;*/
    }

     header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container {
        position: static;
        border-right: none;
        transition: all 0.3s ease-in-out;
        align-items: center;
        margin-left: 0;
    }

    header .env_hf_text_obrazok {
        /*display: none !important;*/
        order: 3;
        height: 28px;
        height: 34px;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container.env_hf_text_obrazok .editor p::before {
        font: normal normal normal 28px/1 FontAwesome;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container.env_hf_text_obrazok .editor p a {
        /*top: -30px;*/
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container a div a:hover {
        transform: scale(1.05);
    }

    header .env_hf_module_container.header-aside .module_body {
        justify-content: space-between;
        align-items: center;
    }

    header .module-in-container.env_hf_homepage_text {
        background: none;
        width: calc(100% / var(--rwd-menu-icons-count)) !important;
        position: relative;
        text-align: center;
        margin: 0;
        justify-content: center;
        padding: 0 0 !important;
        top: 0;
        order: 1;
    }

    header .module_envelope.module-in-container.env_hf_homepage_text a {
        padding-left: 0;
    }

    header .module-in-container.env_hf_login_register {
        /*position: relative !important;*/
        top: 7px !important;
        padding: 0 0 !important;
        width: calc(100% / var(--rwd-menu-icons-count)) !important;
        margin: 0;
        justify-content: center;
        order: 2;
    }

    span#login-login {
        display: block;
        position: relative;
        left: 0;
        width: 2.75rem;
        top: 0;
        padding: 0;
        border: 0;
        margin: 0 auto;
    }

    header .module_envelope.module-in-container.env_hf_login_register span {
        background: none;
    }

    span#login-login a {
        display: block;
        width: 2.75rem;
        /*position: relative;*/
        text-align: center;
        height: 2.75rem;
        margin: 0 auto;
        background: url('envelope-rwd.png') no-repeat center center !important;
        font-size: 0;
        text-decoration: none;
        color: var(--text-color-black);
        padding: 0;
        border: none;
    }

    header .env_hf_contacts .module_body {
        background: none;
        padding-left: 0;
    }

    header .env_hf_contacts {
        /*position: relative !important;*/
        top: 12px !important;
        width: calc(100% / var(--rwd-menu-icons-count)) !important;
        margin: 0;
        padding: 0 !important;
        order: 3;
        right: 0;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container a {
        color: var(--rwd-menu-color);
    }

    header .env_hf_login_register #logout-logout a,
    header .env_hf_contacts div.module_body a {
        font-size: 0 !important;
        height: 2.5rem;
        width: 2.5rem;
        font-weight: 600;
        padding: 0;
        border: none !important;
        text-decoration: none;
        display: block;
        text-align: center;
        margin: 0 auto;
    }

    header .env_hf_mutacie {
        width: 2.5rem;
        padding: 0 !important;
        order: 3;
        position: absolute;
        right: 29%;
        top: -9px;
    }

    header .module_envelope.module-in-container.env_hf_finder {
        padding: 0 0 !important;
        margin: 0 !important;
        width: calc(100% / var(--rwd-menu-icons-count)) !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: flex-end !important;
        order: 4;
    }

    header .env_hf_image {
        top: 0;
        left: auto;
        padding: 6px 0 !important;
        right: auto;
        margin: 0 11px 0 17% !important;
        width: 20%;
        height: auto;
        justify-content: center;
        order: 3;
    }

    header .env_hf_image .hf-image-envelope.with-link a, 
    header .env_hf_image .hf-image-envelope.with-link a:hover {
        border: none !important;
        background: url(fb-w.png) no-repeat center center !important;
        width: 18px;
        height: 18px;
    }

    header .env_hf_image .hf-image-envelope.with-link img {
        width: 100%;
        height: auto;
        left: 0 !important;
        transform: unset;
        top: 4px;
        display: none;
    }

    header .env_hf_image.facebook-icon .hf-image-envelope.with-link img {
        width: 20px;
        height: auto;
        left: 0 !important;
        transform: unset;
        top: 4px;
    }

    .search-box-text-button-envelope {
        position: relative;
        right: 0;
        left: 0;
        margin: 0 auto;
        top: 0;
        z-index: 99;
        width: 100%;
        display: flex !important;
        height: 260px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius: 0 0 0 0;
        padding: 50px 20px;
        background: var(--bg-color-white);
        box-shadow: 0 -1px 15px -5px var(--text-color-black);
    }
  
    header .module_envelope.env_hf_finder #search-box-submit-real {
        width: 100% !important;
        margin-top: 10px;
        right: auto;
        position: relative;
    }

    #search-box-text {
        width: 100% !important;
    }

    #search-box-text, #search-box-submit-real {
        display: inline-flex;
        height: 55px;
    }

    input#search_string {
        font-size: 0.9em;
        padding: 0 0 0 10px;
        width: 100%;
    }

    #search-extended-trigger,
    #search-extended-date,
    #search-extended-parts {
        display: flex;
        flex-wrap: wrap;
    }

    #search-extended-trigger li, #search-extended-select li, #search-extended-date li.search-date-trigger {
        flex: 50%;
        margin: 0 0 1rem !important;
    }

    #search-extended-trigger li span, #search-extended-select li a, #search-extended-date li.search-date-trigger span {
        padding: 7px 15px;
        border: 1px solid #ccc;
    }

    #search-extended-date li.search-date-limit.inactive, #search-extended-date li.search-date-limit.inactive input {
        color: #999999;
        flex: 44%;
    }

    ul.menu_cover li.menu_item_l {
        margin: 0;
        width: auto;
    }

    ul.oznamy-new-columns-all-list-default li div.short-text-envelope-default div.short-text-default {
        text-align: left;
    }

    ul.oznamy-new-columns-all-list-default li.without-image,
    ul.oznamy-new-columns-all-list-default li {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        align-items: center;
    }

    .env_registracia_navstevnika_ .program_table tbody tr {
        flex-wrap: wrap;
        align-items: center;
    }

    .main-links-container .link-column p.link-img a img {
        width: 100%;
    }

    ul.common-image-gallery-user {
        grid-template-columns: repeat(2, 1fr);
    }

    ul.common-image-gallery-user li {
        max-height: 30vw;
    }

    .module_envelope.for-tabbing .actions-new-colums-form-envelope form {
        grid-auto-columns: auto;
    }

    /* -------------- LOGIN -------------- */
    #login-to-portal {
        margin-top: 25px;
    }

    #login-to-portal tbody tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    #login-to-portal tbody tr td {
        width: 100%;
        /*height: 44px;*/
    }

    /*.column .module_envelope input {
        border: 1px solid #aaa;
        width: 100% !important;
    }*/

    .env_registracia_navstevnika_ .program_table tbody tr input[type="checkbox"] {
        /*position: relative;*/
        /*top: 2.2rem;*/
    }

    .column .module_envelope label {
        font-size: var(--regular-text-font-size);
    }

    li.menu_item_0 a.menu_item_0 {
        padding: 12px 25px;
    }
  
    /* -------------- LOGIN END ----------- */
    #main-container {
        width: 100%;
        margin: 0;
        padding: 0 0;
        background: none;
    }

    /* ------------------------------------- HEADER End ----------------------------------------------- */
    div.tabbed-page-modules-envelope ul.tabbed-page-modules {
        margin: 0 auto !important;
        flex-direction: column;
    }

    div.tabbed-page-modules-envelope-default li.tabbed-page-modules-li-default {
        display: inline-block;
        vertical-align: baseline;
        margin: 0;
        width: 100%;
        padding: 0;
    }

    div.tabbed-page-modules-envelope li.tabbed-page-modules-li {
        width: 100%;
        margin: 0 !important;
        max-width: 100%;
    }

    footer .module-in-container.env_hf_tiraz .module_body {
        font-size: var(--smaller-text-font-size);
        justify-content: unset;
        display: block;
    }

    .footer-logo .header-logo-img-envelope {
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
    }
  
    #extra-block-bottom .env_hf_text_obrazok .before_footer_links a {
        border-bottom: 2px solid #ffae00;
    }

    .partneri-section {
        flex-wrap: wrap;
    }

    /* ------------------------------------- EXTRA BLOCK TOP  ----------------------------------------------- */
    #extra-block-top {
        position: relative;
        width: 100%;
        height: auto;
        left: 0;
        right: 0;
        top: 0;
/*        margin: 0 auto;*/
        /* display: none; */
    }

    .osobnosti .editor div p {
        width: 97%;
    }
   
    li.menu_block_head {
        font-size: 1.323em;
    }

    li.menu_block_head::after {
        display: none !important;
    }

    li.menu_block_kat ul {
        width: 100%;
    }

    ul.menu_block li.mb_ord0, 
    ul.menu_block li.mb_ord1, 
    ul.menu_block li.mb_ord2, 
    ul.menu_block li.mb_ord3, 
    ul.menu_block li.mb_ord4 {
        width: 100%;
        grid-column: unset;
        /*background: #212D8Baa;*/
    }

    div.fotogaleria div img {
        /*max-width: 100%;*/
        /*height: 100%;*/
    }

    .env_actions_portal_calendar_with_top.action-detail-generated > div > .module_body:nth-of-type(2) {
        grid-template-columns: 100%;
    }

    .env_actions_portal_kalendar .act-perex,
    .action-detail-generated .act-perex,
    div.actions-new-columns-item-back-default {
        grid-column: initial;
    }

    #homepage_0 ul.oznamy-new-colums-list-default li div.image-envelope a,
    #homepage_0 ul.actions-new-colums-list-default li div.image-envelope a {
        height: 100% !important;
    }

    /* ------------------------------------- EXTRA BLOCK TOP END ----------------------------------------------- */

    /* ------------------------------------- MAIN ----------------------------------------------- */
    #main-content {
        max-width: 1200px;
        /*width: calc(100% - 2rem);*/
        margin: 0 auto !important;
        display: block;
        /*padding: 0;*/
    }

    div.tabbed-page-modules-envelope li.tabbed-page-modules-li a,
    div.tabbed-page-modules-envelope li.tabbed-page-modules-li a.current {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    div.tabbed-page-modules-envelope-default li.tabbed-page-modules-li-default a {
        display: flex !important;
        align-items: center;
    }

    #rwd-menu-trigger .rwd-menu-trigger-a {
        top: -4.25rem;
        left: 0;
    }

    .module_envelope.for-tabbing h2.oznamy-new-columns a {
        top: 0;
    }

    ul.oznamy-new-columns-all-list-default li,
    ul.oznamy-graphic-all-list-default li,
    ul.actions-new-columns-all-list-default li,
    ul.actions-graphic-all-list-default li {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    ul.oznamy-graphic-list-default li::before,
    ul.actions-graphic-list-default li::before {
        transform: rotate(-45deg) translate(-50%, -250px);
    }

    ul.oznamy-graphic-list-default li:hover::before,
    ul.actions-graphic-list-default li:hover::before {
        transform: rotate(-45deg) translate(-25%, 250px);
    }

    h2.oznamy-new-columns a.oznamy-new-columns-all-link:hover, h2.actions-new-columns a.actions-new-columns-all-link:hover {
        letter-spacing: 0;
    }

    ul.fotogaleria-multi-kat-img-list-default,
    ul.fotogaleria-multi-foto-list-default {
        /*flex-direction: column;*/
        justify-content: center;
    }

    ul.fotogaleria-multi-kat-img-list-default li a img,
    ul.fotogaleria-multi-foto-list-default li a img {
        max-width: 320px;
        /*width: 320px;*/
        height: fit-content;
        /*max-height: 240px;*/
    }

    div.fotogaleria,
    ul.fotogaleria-multi-kat-img-list-default,
    ul.fotogaleria-multi-foto-list-default {
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
    }

    ul.fotogaleria-multi-foto-list-default li a {
        display: flex;
        justify-content: center;
        flex-direction: column;
        max-height: 100%;
        margin: 0 auto;
        max-width: 100%;
        height: 28vw !important;
    }

    ul.fotogaleria-multi-kat-img-list li a .gallimg-envelope,
    ul.fotogaleria-multi-foto-list li a .gallimg-envelope {
        max-height: 28vw;
        height: 28vw;
    }

    ul.fotogaleria-multi-foto-list li {
        margin: 0 0 4% !important;
        width: 100%;
        height: auto;
    }
   
    /*a.oznamy-new-columns-all-link.bottom-of-module, 
    a.actions-new-columns-all-link.bottom-of-module {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        padding: 12px 20px 50px;
        width: auto;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background: none;
    }*/

    a.oznamy-new-columns-all-link.bottom-of-module::after, 
    a.actions-new-columns-all-link.bottom-of-module::after {
        display: block;
        content: '';
        clear: both;
        width: 18px;
        height: 19px;
        background: url(bg_graficke_oznamy.png) no-repeat center right;
        top: 47px;
        left: 0;
        right: 0;
        z-index: 99999;
        margin: 0 auto;
        position: absolute;
    }

    #homepage_0 main div.module_envelope.env_common_items_columns_responsive ul.oznamy-new-columns-list,
    main div.module_envelope.env_common_items_columns_responsive ul.oznamy-new-columns-list,
    main div.env_actions_portal_column_responsive ul.actions-new-columns-list {
        flex-direction: column;
        grid-template-columns: repeat(2, 1fr);
    }

    ul.oznamy-new-columns-list li,
    ul.actions-new-columns-list li {
        width: 100% !important;
        max-width: 100%;
        height: auto;
        flex: unset;
        /*border-bottom: 3px solid var(--main-color);*/
        /*margin: 0 auto 50px !important;*/
    }

    h2.oznamy-new-columns a.oznamy-new-columns-all-link,
    h2.actions-new-columns a.actions-new-columns-all-link,
    .env_elektronicka_uradna_tabula_stlpec ul.links-to-all-items li a {
        /*font-size: var(--smaller-text-font-size);*/
    }

    ul.oznamy-new-columns-list li, ul.actions-new-columns-list li:last-of-type {
        /*margin-bottom: 0 !important;*/
    }

    ul.oznamy-new-colums-list-default li.without-image-default div.image-envelope-default, 
    ul.actions-new-colums-list-default li.without-image-default div.image-envelope-default {
        opacity: 1;
        background-repeat: no-repeat;
        background-position: center center;
        /*background-size: cover;*/
        width: 100%;
        max-width: 430px;
    }

    ul.oznamy-new-colums-list-default li div.image-envelope-default img,
    ul.actions-new-colums-list-default li div.image-envelope-default img {
        /*min-height: -webkit-fill-available;*/
    }

    .env_common_items_columns_responsive .oznamy-new-colums-form-envelope form {
        justify-content: center;
    }

    .env_common_items_columns_responsive .oznamy-new-colums-form-envelope.with-kats .form-label-default.form-label:nth-child(1) {
        width: 100%;
        order: 1;
        text-align: left;
    }

    .env_common_items_columns_responsive .oznamy-new-colums-form-envelope .form-searchtext-default.form-searchtext {
        width: 100%;
        order: 2;
        flex-grow: 1;
        margin-bottom: 15px;
    }

    .env_common_items_columns_responsive .oznamy-new-colums-form-envelope .form-label-default.form-label {
        width: 100%;
        order: 3;
        flex-grow: 1;
        text-align: left;
    }

    .env_common_items_columns_responsive .oznamy-new-colums-form-envelope .form-select-default.form-select {
        width: 100%;
        order: 4;
        margin-bottom: 25px;
    }

    .env_common_items_columns_responsive .oznamy-new-colums-form-envelope .form-submit-default.form-submit {
        width: 100%;
        order: 5;
        border: none;
    }

    /* ---------- ZASADNUTIA ---------------- */
    div.zasadania-form-envelope form .form-searchtext,
    div.zasadania-form-envelope form .form-submit {
        flex: 100%;
        height: 44px; 
    }

    .search-extended-text input[type="text"] {
        margin: 0 0 1rem 0 !important;
    }

    .search-extended-text {
        margin-bottom: 2rem;
    }

    .actions-new-colums-envelope-default.calendar,
    .actions-new-colums-envelope-default.calendar.right,
    .actions-new-colums-envelope-default.items,
    .actions-new-colums-envelope-default.items.left {
        width: 100%;
    }

    /* ---------- ZASADNUTIA END ---------------- */

    /* ------------------------------------- VZN  ----------------------------------------------- */
    .vzn-filter .fullwide tbody {
        display: flex;
        flex-wrap: wrap;
    }

    .vzn-filter .fullwide tbody tr {
        display: flex;
        flex-direction: column;
        flex: 50%;
    }

    .env_vzn_new form.vzn-filter .fullwide tr td {
        width: 100%;
    }   

    .module_envelope.env_vzn_new form.vzn-filter .fullwide tr:nth-child(2) td.automatic-col-5 {
        position: absolute;
        top: 245px;
        right: 0;
    }

    .env_vzn_new form.vzn-filter .fullwide tr td {
        width: 100%;
        padding: 10px 0;
        height: 44px;
        margin-bottom: 10px;
    }

    .vzn-filter .fullwide tbody tr:nth-of-type(1) {
        flex: 30%;
    }
  
    /* ------------------------------------- VZN End ----------------------------------------------- */

    /* ---------- SĂšBORY NA STIAHNUTIE ---------------- */
    div.file-download span.file-text {
        flex: 100%;
    }

    div.file-download span.file-text {
        float: left;
        font-size: var(--regular-text-font-size);
        max-width: 100%;
        width: auto;
        padding-right: 0;
    }

    .env_uputavky_new a img {
        width: 100%;
    }

    /* ---------- S?ORY NA STIAHNUTIE END ---------------- */

    ul.oznamy-new-colums-list-default li div.image-envelope, 
    ul.actions-new-colums-list-default li div.image-envelope {
        /*width: 100% !important;*/
        /*height: 30vw !important;*/
        /*max-height: 30vw !important;*/
        max-width: 430px;
        /*overflow: hidden;*/
        /*text-align: center;*/
    }

    .env_common_items_graphic .oznamy-new-colums-form-envelope form {
        flex-direction: column;
        gap: 1rem;
    }

    .env_common_items_graphic .oznamy-new-colums-form-envelope .form-searchtext-default.form-searchtext,
    .env_common_items_graphic .oznamy-new-colums-form-envelope .form-submit-default.form-submit {
        width: 100%;
    }

    #homepage_0 ul.oznamy-new-columns-list li,
    #homepage_0 ul.actions-new-columns-list li,
    ul.oznamy-new-columns-list li, 
    ul.actions-new-columns-list li,
    ul.oznamy-new-columns-list li:first-of-type,
    ul.actions-new-columns-list li:first-of-type,
    ul.oznamy-new-columns-list li:last-of-type,
    ul.actions-new-columns-list li:last-of-type {
        max-width: unset;
        display: flex;
        flex-direction: column;
        height: auto !important;
    }

    ul.fotogaleria-multi-kat-img-list li,
    ul.fotogaleria-multi-foto-list li {
        height: max-content;
    }

    ul.oznamy-new-colums-list-default li div.image-envelope {
        /*display: none;*/
        margin: 0 auto;
    }

    ul.oznamy-new-colums-list-default li h3, 
    ul.actions-new-colums-list-default li h3 {
        /*padding: 10px 20px !important;*/
    }

    ul.oznamy-new-colums-list-default li h3 a,
    ul.oznamy-graphic-list-default li h3 a,
    ul.actions-new-colums-list-default li h3 a,
    ul.actions-graphic-list-default li h3 a {
        /*padding-left: 0.75rem;*/
    }

    ul.oznamy-new-columns-list li div.short-text, 
    ul.actions-new-columns-list li div.short-text {
        /*padding: 5px 20px !important;*/
    }

    ul.oznamy-new-columns-list li.no-image, 
    ul.actions-new-columns-list li.no-image {
        min-height: unset;
        height: auto;
    }

    .env_oznamy .module-inner-envelope a.a-ci-link-short img.ci-link-short {
        width: 100%;
        height: auto;
    }

    ul.oznamy-new-columns-list li, 
    ul.actions-new-columns-list li {
        /*margin: 0 auto 10px;*/
    }

    div.oznamy-uvod-column-envelope div.float_left,
    div.oznamy-uvod-column-envelope div.float_right {
        width: 85%;
        padding: 0;
        margin: 0 auto;
        max-width: unset;
    }

    .float_left,
    .float_right {
        float: unset !important;
    }

    div.oznamy-uvod-column-envelope {
        margin: 0 auto;
    }

    div.link_to_all_items a {
        font-size: 1em;
    }

    /* FOTOGALERIA */
    div.fotogaleria div.firstcol, 
    div.fotogaleria div.secondcol, 
    div.fotogaleria div.thirdcol, 
    div.fotogaleria div.fourthcol, 
    div.fotogaleria div.lastcol {
        height: auto;
        text-align: center;
        overflow: hidden;
    }

    div.fotogaleria div.firstcol, 
    div.fotogaleria div.thirdcol {
        grid-column: 1/2;
    }

    div.fotogaleria div.secondcol, 
    div.fotogaleria div.lastcol {
        grid-column: 2/3;
    }

    div.fotogaleria div.firstcol a, 
    div.fotogaleria div.secondcol a, 
    div.fotogaleria div.thirdcol a, 
    div.fotogaleria div.fourthcol a, 
    div.fotogaleria div.lastcol a {
        width: 100%;
        overflow: hidden;
        max-height: 28vw;
        height: auto;
    }

    div.fotogaleria div.col-by-program-4.thirdcol,
    div.fotogaleria div.col-by-program-4.lastcol {
        grid-row: 2;
    }

    div.part-of-tabeed-modules div.add_user_info {
        grid-column: 1/3;
    }
   
    /* FOTOGALERIA */

    .df-files-filter-inner .df-files-filter-part-envelope:nth-of-type(6) {
        width: 50%;
    }

    div.fotogaleria div.fotogaleria_row_separator,
    span.brclear {
        display: none;
    }

    .env_download_file_with_filter .df-files-filter-inner>.df-files-filter-part-envelope:last-of-type {
        position: relative;
        top: 0;
        right: 0;
        width: 20%;
    }

    .df-files-filter-inner .df-files-filter-part-envelope:nth-of-type(5) {
        width: 100%;
    }

    #page-banner-homepage {
        /*margin: 1rem auto;*/
    }

    ul.odkazy {
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
        width: 90%;
    }

    ul.odkazy li {
        text-align: left;
        list-style-position: inside;
    }

    /* ------------------ MOVING PICTURE ------------------ */

    #moving-pictures ul {
        height: 100px;
        display: flex;
        overflow: hidden;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    #moving-pictures-manipulate-envelope {
        text-align: center;
        margin-top: 0 !important;
        display: block;
        position: relative;
        bottom: -48px;
    }

    #moving-pictures {
        box-sizing: border-box;
        height: 256px;
        width: 100%;
        margin: 30px auto !important;
        overflow: hidden;
    }

    /* ------------------ MOVING PICTURE END------------------ */

    /* ------------------ TABLE ------------------ */

    .env_text_obrazok .editor {
        /* overflow-x: auto; */
        /*text-align: center;*/
    }

    /* ------------------ TABLE END ------------------ */

    div.region-info-left, div.region-info-right {
        width: 50%;
    }
    /* ------------------------------------- MAIN End ----------------------------------------------- */

    /* ------------------------------------- EXTRA BLOCK BOTTOM ----------------------------------------------- */
    #extra-block-bottom .column_fb .env_hf_text_obrazok {
        display: flex;
        width: 100%;
        justify-content: center;
        position: relative;
        top: 0;
        height: fit-content;
    }

    #extra-block-bottom .mobilna-aplikacia {
        background: var(--main-color);
    }

    #extra-block-bottom .mobilna-aplikacia h2 {
        font-size: var(--bigger-text-font-size);
        padding: 0 !important;
        text-align: center;
    }

    #extra-block-bottom .mobilna-aplikacia p {
        font-size: var(--smaller-text-font-size);
        max-width: 90%;
        text-align: center;
    }

    .user-form-item-value input[type="number"] {
        width: 100% !important;
    }

    .env_hf_module_container .module-container-columns-envelope .module-container-column {
        width: 100%;
        margin-left: 0;
    }

    #extra-block-bottom .partneri-section,
    #extra-block-bottom .odkazy-ikonove ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .env_hf_module_container .module-container-columns-envelope .module-container-column.column-1.width-75 {
        /*width: 75%;*/
        display: flex;
        z-index: 9;
        justify-content: center;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-1.width-75 {
        /*width: 100%;*/
        /*top: 0;*/
        /*left: 0;*/
        /*height: auto;*/
        /*align-items: center;*/
    }

    header .facebook p a,
    header .instagram p a,
    header .rozhlas p a,
    header .facebook p::before,
    header .instagram p::before,
    header .rozhlas p::before {
        width: 2rem;
        height: 2rem;
        align-items: center;
        justify-content: center;
        color: var(--rwd-icon-color-640) !important;
    }

    header .facebook p a,
    header .instagram p a,
    header .rozhlas p a {
        position: relative;
    }

    header .facebook p::before {
        color: #f5f5f5 !important;
        background: var(--main-color);
        width: 1.75rem;
        height: 1.75rem;
        align-items: flex-end;
        font: normal normal normal 22px/1 FontAwesome !important;
    }

    header .instagram p::before {
        font: normal normal normal 30px/1 FontAwesome !important;
    }

    header .rozhlas p::before {
        font: normal normal normal 24px/1 FontAwesome !important;
    }

    .env_hf_module_container.lower .module-container-columns-envelope .module-container-column {
        border: none;
        display: block;
        margin: 0 auto;
    }

    .google-lang-position-others {
        left: -5px;
        bottom: 2rem;
    }

    #extra-block-bottom .column_fb .module_envelope_fb.env_hf_menu_block {
        width: 100%;
        background: none;
        height: auto;
    }

    #extra-block-bottom .uzitocne-odkazy ul li, #extra-block-bottom .dolezite-odkazy ul li {
        width: 100%;
        min-width: 200px;
        max-width: 430px;
    }

    #extra-block-bottom .uzitocne-odkazy ul.obrazkove {
        flex-direction: column;
        align-items: center;
    }

    #extra-block-bottom .uzitocne-odkazy .columns {
/*        grid-template-columns: 100%;*/
    }   

    #extra-block-bottom .dolezite-odkazy ul.odkazy,
    #extra-block-bottom .uzitocne-odkazy ul.textove {
        justify-content: center;
        display: grid;
    }

    #extra-block-bottom .uzitocne-odkazy ul.obrazkove-1,
    #extra-block-bottom .dolezite-odkazy ul {
        grid-template-columns: 100%;
    }

    #extra-block-bottom .dolezite-odkazy ul li {
        /*margin-bottom: 1.5rem;*/
        width: 95%;
        max-width: 430px;
    }

    #extra-block-bottom .dolezite-odkazy ul li::after {
        display: none;
    }

    .env_dynamika_prava_strana div.menu_hlavicka_r img.uputavka, .env_dynamika_prava_strana div.menu_hlavicka_r .dps_image img {
        width: 100%;
    }

    #main-footer .lower .module-in-container .module_body a > img {
        /*filter: drop-shadow(0 0 10px #fff);*/
    }

    footer .module-container-columns-envelope .module-container-column .env_hf_image {
        margin: 0 auto 1rem;
        /*background: var(--bg-color-white);*/
        border-radius: 10px;
        padding: 1rem 2rem;
    }

    footer .upper .module-container-columns-envelope .module-container-column:last-child {
        top: 0;
    }

    #extra-block-bottom .column_fb .module_envelope_fb.env_hf_menu_block .module-inner-envelope {
        width: 100%;
        max-width: 1200px;
        left: 0;
        right: 0;
        /*margin: 70px auto;*/
    }

    .mb-mobile-closed {
        display: none;
    }

    ul.menu_block li a {
        color: var(--main-color);
        margin: 0;
        padding: 15px; 
        min-height: 60px;
        line-height: normal;
        display: flex; 
        text-decoration: none;
        font-weight: 600;
        /*border-bottom: 1px solid;*/
        transition-duration: 0.3s;
    }

    li.menu_block_head {
        background: var(--dolezite-oznamy-bg-640);
        color: var(--main-color);
        border-bottom: 1px solid #eee;
        cursor: pointer;
        visibility: visible;
        height: auto;
        display: flex !important;
        flex-wrap: wrap;
        margin: 0 auto !important;
        justify-content: unset;
        width: 100%;
        padding: 15px !important;
        position: relative;
        transition-duration: 0.3s;
        border-bottom: none /*2px solid #3636361f*/;
        text-align: left !important;
    }

    span.menu-block-name {
        position: relative;
        display: inline-flex;
        flex-wrap: wrap;
        /*margin-bottom: 10px;
        border-bottom: 2px solid;*/
    }

    #main-content {
        /*top: 10rem;*/
        /*border-top: 2px solid #ddd;*/
    }

    .menu_block_head a.menu-block-under-trigger.mb-mobile-closed {
        display: inline-flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        line-height: 150%;
        flex: 1;
        z-index: 2;
        margin-right: 0;
        border: none;
        width: 100%;
    }

    .menu_block_head .menu-block-under-trigger.mb-mobile-opened {
        display: inline-flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        min-height: 53px;
        height: 70px;
        position: absolute;
        top: 0;
        left: 0;
        line-height: 150%;
        flex: 1;
        z-index: 9;
        margin-right: 0;
        border: none;
        width: 100%;
        background: url('aside-submenu-arrow-active.png') no-repeat 97% 50%;
    }

    li.menu_block_head span.menu-block-name {
        background: none;
    }

    ul.menu_block {
        grid-template-columns: 100%;
    }

    .menu_block_head a.menu-block-under-trigger.mb-mobile-closed::after {
        display: flex;
        align-items: center;
        justify-content: center;
        clear: both;
        content: '\f105';
        clear: both;
        font: bold normal normal 19px/1 FontAwesome;
        right: 1rem;
        top: 0;
        width: 14px;
        height: 100%;
        z-index: 0;
        margin: auto;
        position: absolute;
        transition-duration: 0.3s;
        color: var(--link-color-dark);
    }

    .menu_block_head a.menu-block-under-trigger.mb-mobile-closed:hover::after {
        transform: rotate(90deg);
        transition-duration: 0.3s   
    }

    .menu_block_head .menu-block-under-trigger.mb-mobile-opened::after {
        display: flex;
        align-items: center;
        justify-content: center;
        clear: both;
        content: '\f105';
        clear: both;
        font: bold normal normal 19px/1 FontAwesome;
        right: 1rem;
        top: 0;
        width: 14px;
        height: 100%;
        z-index: 0;
        margin: auto;
        position: absolute;
        transition-duration: 0.3s;
        transform: rotate(90deg);
        color: var(--link-color-dark);
    }

    .menu_block_head .menu-block-under-receiver.mb-mobile-opened {
        height: fit-content;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        background: var(--bg-color-white);
        padding-top: 0;
        margin-top: 1rem;
        border: none;
        padding-left: 0;
    }
    .menu_block_head .menu-block-under-receiver.mb-mobile-opened li a:hover {
        border-bottom: 3px solid;
    }

    li.menu_block_head span.menu-block-name {
        display: flex;
    }

    .blok-podstranok ul.menu_block li a:hover {
        background: none;
        border-bottom: none;
    }

    ul.menu-block-under-receiver.mb-mobile-closed {
        display: none;
    }

    ul.menu-block-under-receiver.mb-mobile-opened {
        display: block;
    }

    li.menu_block_order_0.mobile-closed,
    li.menu_block_order_1.mobile-closed,
    li.menu_block_order_2.mobile-closed,
    li.menu_block_order_3.mobile-closed {
        width: 100%;
        display: block;
        margin: 0 !important;
        padding: 0 !important;
    }

    ul.menu_block::after {
        display: none;
    }

    #extra-block-bottom .env_hf_text_obrazok.links .main-links-container .link-column p.link-img {
        margin-bottom: 5px;
    }

    #extra-block-bottom .env_hf_text_obrazok.links .main-links-container p.link-no-img {
        width: 50%;
    }

    #extra-block-bottom h2 {
        /*color: var(--text-color-main);*/
    }

    li.menu_block_kat ul li ul li:first-of-type::after {
        display: none;
    }

    li.menu_block_kat ul li ul li::after {
        transition-duration: 0.3s;
    }

    li.menu_block_kat ul li ul li:hover::after {
        content: '';
        display: none;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 50%;
        background: var(--main-color);
        position: absolute;
        bottom: -12px;
        right: -13px;
        z-index: 2;
    }

    div#extra-block-bottom {
        margin: 0 auto;
    }

    .odkazy-top ul {
        justify-content: center;
        gap: 1rem;
        grid-template-columns: repeat(2, 1fr);
    }

    /* ------------------------------------- EXTRA BLOCK BOTTOM END ----------------------------------------------- */

    li.menu_block_head span.menu-block-name {
        color: var(--link-color-dark);
        padding-left: 0;
        border-bottom: none;
        top: 0;
        margin-bottom: 0;
        text-decoration: underline;
    }

    li.menu_block_head:hover span.menu-block-name {
        text-decoration-thickness: 3px;
    }

    .mb_ord0 li.menu_block_head span.menu-block-name::before,
    .mb_ord1 li.menu_block_head span.menu-block-name::before,
    .mb_ord2 li.menu_block_head span.menu-block-name::before,
    .mb_ord3 li.menu_block_head span.menu-block-name::before {
        left: 0;
        right: unset;
        color: var(--main-color);
        display: none;
    }

    li.menu_block_head a:hover {
        text-decoration: underline !important;
    }

    .menu_block_order_3 a {
        background-size: 150px !important;
    }

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

    footer .env_hf_module_container {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    footer .header-logo-envelope > a {
        max-height: max-content;
    }

    footer .env_hf_module_container#mid_461078 {
        width: 100%;
        text-align: center;
        padding: 15px;
        background: var(--main-color);
    }

    footer .env_hf_module_container#mid_463952 {
        border-bottom: 0 solid #6b80a0;
    }

    footer .env_hf_module_container#mid_459020>.module-inner-envelope>.module_body {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    footer .module-in-container.env_hf_tiraz {
        display: flex;
        /*width: 60%;*/
        flex-wrap: wrap;
        margin: auto !important;
        justify-content: flex-start;
        /*padding: 10px;*/
        line-height: 1.5rem;
    }

    footer .env_hf_module_container.lower {
        padding: 1.5rem 0;
        height: auto;
        /*margin-bottom: 70px;*/
        align-items: flex-start;
        border-top: none;
    }

    footer .module-container-columns-envelope .module-container-column {
        width: 100% !important;
        overflow-wrap: break-word;
        /*margin: 12px 0 0;*/
    }

    footer .env_hf_module_container {
        padding: 0 0 2rem;
    }

    li.menu_block_head span.menu-block-name::after {
        display: none;
        content: '';
    }

    .module-in-container.env_hf_image#mid_459021 {
        position: relative;
        right: 16px;
        display: inline-block;
        bottom: 2px;
    }

    #main-footer {
        font-size: 0.8em;
        line-height: 150%;
        clear: both;
        position: relative;
        width: 100%;
        margin: 0 auto 70px;
        height: auto;
        padding: 0;
        background: var(--bg-footer-rwd);
        text-align: center;
    }

    div.module-container-header {
        display: inline-flex;
        flex-wrap: wrap;
        width: 100%;
        padding: 0 1rem;
    }

    div.module-container-header .mobile-opened {
        display: inline-flex;
        width: 100%;
        /*border-bottom: 2px solid var(--footer-border-bottom);*/
        margin: 0;
    }

    /*#main-footer .module-in-container .module_body a {
        color: var(--main-color);
        text-align: center;
        font-weight: 300;
        padding: 0 0 5px 0;
        font-size: 1.25em;
        margin: 0;
        justify-content: center;
        width: 100%;
    }*/

    footer div.footer-puchov > div.module-inner-envelope > div.module_body {
        padding-right: 5rem;
        padding-left: 1rem;
    }

    footer .kontakty #map::before,
    footer .kontakty #mail::before,
    footer .kontakty #phone::before,
    footer .kontakty .adress::before {
        color: var(--main-color);
    }

    #main-footer .module-in-container.env_hf_tiraz .module_body a {
        color: var(--footer-lower-color-a-640) !important;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container:last-child {
        /*display: none;*/
        order: 4;
        /*width: calc(100% / var(--rwd-menu-icons-count));*/
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container.header-logo {
        /*width: 95%;*/
        height: auto;
    }

    footer .upper .module-container-columns-envelope .module-container-column {
        /*margin-bottom: 1rem !important;*/
        border-bottom: 1px dashed #EBE1A3;
        flex-wrap: wrap;
    }

    footer .header-logo-img-envelope {
        margin-bottom: 1rem;
    }

    footer p#data-header, 
    footer .module-container-columns-envelope .module-container-column .data-header {
        color: var(--main-color);
        text-align: center !important;
        font-weight: bold !important;
        display: none;
        padding: 0 !important;
        font-size: 1.5625em !important;
        margin: 0 0 31px !important;
    }

    footer a.module-container-header-trigger {
        display: inline-flex;
        width: 100%;
        height: auto;
        /*padding: 0 20px !important;*/
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
    }

    footer .upper .module-container-columns-envelope .module-container-column {
        padding: 2rem 0;
        flex: auto;
        min-height: auto;
        justify-content: center;
    }
   
    footer a.module-container-header-trigger.mobile-opened span.trigger-graphic {
        background: var(--bg-color-white);
        transition: 0.3s all ease-in-out;
    }

    footer .module-container-header span.trigger-text {
        display: flex;
        font-size: var(--regular-text-font-size);
        color: var(--footer-collapsed-color-640) !important;
        text-align: left;
        width: 80%;
        flex-wrap: wrap;
        font-weight: bold !important;
        padding: 12px 27px 12px 0 !important;
        text-decoration: none;
    }

    footer .module-container-header span.trigger-graphic {
        display: inline-block;
        text-align: center;
        font-weight: bold !important;
        background: var(--bg-color-white);
        border: 1px dashed #212D8B;
        width: 40px;
        height: 40px;
        transition: all 0.3s ease-in-out;
    }

    footer .module-container-header span.trigger-graphic::after {
        display: flex;
        align-items: center;
        justify-content: center;
        clear: both;
        content: '\f106';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        right: 0;
        left: 0;
        width: 14px;
        height: 100%;
        z-index: 0;
        margin: auto;
        position: relative;
        transition-duration: 0.3s;
        color: var(--arrow-up);
    }

    footer .module-container-header .mobile-opened span.trigger-graphic::after {
        content: '\f107';
        transition-duration: 0.3s;
    }

    footer .module-container-header span.trigger-graphic:hover::after {
        transition-duration: 0.3s;
        transform: rotate(180deg);
    }

    footer .module-container-header .mobile-opened span.trigger-graphic:hover::after {
        transition-duration: 0.3s;
        transform: rotate(-180deg);
    }

    footer .module-container-header:hover span.trigger-graphic:hover {
        border-radius: 50%;
    }

    footer .module-container-collapsable-envelope { 
        color: var(--text-color-white);
        text-align: left;
        font-weight: 300;
        padding: 20px 20px 15px;
        font-size: var(--regular-text-font-size);
        margin: 0;
        background: #ffffffdd;
        border-radius: 10px;
        box-shadow: 0 4px 5px -5px #ccc;
        width: 100%;
    }

    footer .upper .module-container-columns-envelope .module-container-column div.module-container-collapsable-envelope {
        width: 100%;
    }

    footer div.footer-puchov > div.module-inner-envelope > div.module_body {
        grid-template-columns: 100%;
        gap: 0.5rem;
    }

    footer .module-in-container.env_hf_text_pure {
        display: block !important;
    }

    footer div.footer-puchov > div.module-inner-envelope > div.module_body {
        text-align: center;
    }

    footer div.footer-puchov div.module-inner-envelope div.module_body div.module_envelope::after,
    footer div.footer-puchov div.module-inner-envelope div.module_body div.module_envelope:last-of-type::after {
        display: none;
    }

    #main-footer .module-in-container p {
        color: var(--text-color-black);
        text-align: left;
        font-weight: 400;
        margin: 0;
    }

    #main-footer .upper .module-in-container .module_body a {
        color: var(--text-color-black);
        font-weight: 400;
        align-items: center;
    }

    #main-footer .upper .module-in-container .module_body a:hover {
        text-decoration: none;
        border-bottom: 3px solid var(--text-color-black) !important;
    }

    footer .module-container-columns-envelope .column-3 div.module-in-container {
        margin: 0;
        text-align: left;
        font-size: var(--regular-text-font-size);
        line-height: 1.75rem;
    }

    footer .env_hf_module_container.lower .module_body {
        height: auto;
        justify-content: center;
    }

    /* ----------- LOGO WG ----------- */
    .env_hf_image.webygroup {
        position: relative;
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }

    /* ----------- LOGO WG END ----------- */
    footer .env_hf_module_container.upper {
        border: none;
        height: auto;
    }

    footer .module-in-container.env_hf_tiraz,
    footer .lower .module-container-columns-envelope .module-container-column.column-2 {
        /*display: none;*/
        color: var(--footer-lower-color-640);
    }

    #main-footer .lower .module-container-columns-envelope {
        flex-wrap: wrap;
    }

    #cookie-global-envelope {
        bottom: 90px;
        overflow: hidden;
    }

    #header-anchor-link {
        bottom: 90px;
    }

    .env_registracia_navstevnika_ .program_table tbody tr td.automatic-col-1 {
        min-width: 150px;
    }

    .env_registracia_navstevnika_ .program_table tbody tr td.automatic-col-2 {
        width: 100% !important;
    }
}

@media only screen and (max-width:576px) {
    .env_actions_portal_common ul.act-list-default li.last,
    .env_actions_portal_kalendar ul.act-list-default li.last,
    .env_actions_portal_common ul.act-list-default li,
    .env_actions_portal_kalendar ul.act-list-default li {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .env_actions_portal_common ul.act-list-default li span.act-obr-envelope,
    .env_actions_portal_common ul.act-list-default li .act-obr-envelope,
    .env_actions_portal_kalendar ul.act-list-default li .act-obr-envelope {
        grid-column: 1/3;
        grid-row: 1;
        max-width: 400px;
        justify-self: center;
    }

    .env_actions_portal_common ul.act-list-default li h4,
    .env_actions_portal_common ul.act-list-default li h4,
    .env_actions_portal_kalendar ul.act-list-default li h4 {
        grid-column: 1/3;
        grid-row: 2;
    }

    .env_actions_portal_kalendar ul.act-list-default li.with-image span.act-list-perex,
    .env_actions_portal_common ul.act-list-default li span.act-list-perex {
        grid-column: 1/3;
        grid-row: 3;
    }

    .env_actions_portal_common ul.act-list-default li div.act-list-dates-envelope,
    div.act-list-dates-envelope {
        grid-column: 1/3;
        grid-row: 4;
    }

    .env_actions_portal_common ul.act-list-default li span.act-list-place,
    span.act-list-place {
        grid-column: 1/2;
        grid-row: 5;
    }

    span.act-list-price {
        grid-column: 2/3;
        grid-row: 5;
    }
}

/* ------------------------------------- FOOTER END ----------------------------------------------- */
@media only screen and (max-width:540px) {
    .contact-finder-part.ordering, 
    .contact-finder-part.section {
        margin-right: 0;
        flex: 100%;
    }

    .conctact-filter-envelope-default div.contact-finder-part select {
        box-sizing: border-box;
        width: 100%;
        padding: 15px;
    }

    ul.contact-list-default {
        overflow-x: auto;
    }
}

@media only screen and (max-width:510px) {
    .olo-filter-envelope-new-default .form-part-envelope-default.ord-2 {
        width: 100%;
        flex: unset !important;
    }

    #extra-block-bottom .env_hf_text_obrazok.links .main-links-container p.link-no-img {
        width: 50%;
    }

    #extra-block-bottom .env_hf_text_obrazok.links .main-links-container p.link-no-img a {
        max-height: unset;
    }
}

@media only screen and (max-width:496px) {
    #page-banner-homepage {
        height: auto;
    }

    #search-extended-parts li {
        width: 100%;
    }
}

@media only screen and (max-width:480px) {
    header .header-logo .header-logo-img-envelope {
/*        top: 0.125rem;*/
    }

    header .header-logo-text {
        font-size: 1.5rem;
        top: 0.75rem;
        /*left: -2.5rem;*/
/*        max-width: 10rem;*/
        line-height: 105%;
    }

    header .header-logo-text::after {
        font-size: 0.875rem;
    }

    header .header-logo-text-ext {
/*        max-width: 8rem;*/
        line-height: 1rem;
        top: 0.35rem;
/*        left: -10.4rem;*/
        font-size: 1rem;
    }

    header .header-logo-img-envelope img {
        /*height: 5rem !important;*/
        max-height: 4.5rem;
    }

    header {
        /*height: 5rem;*/
    }

    header .header-logo-envelope > a {
        width: 17rem !important;
        gap: 0.5rem;
/*        top: 1.125rem;*/
        /*left: 0.75rem;*/
    }

    header .env_hf_text_obrazok.bbsk {
        position: relative;
        top: -1rem !important;
        height: 4rem;
        width: 7rem;
    }

    h2::before {
        display: none !important;
    }

    #extra-block-bottom .uzitocne-odkazy ul.obrazkove-1,
    #extra-block-bottom .dolezite-odkazy ul {
        grid-template-columns: 100%;
    }

    #extra-block-bottom .uzitocne-odkazy .columns {
        padding: 0;
    }

    #extra-block-bottom .uzitocne-odkazy ul.textove {
        max-width: unset;
    }

    #extra-block-bottom .uzitocne-odkazy ul li,
    #extra-block-bottom .dolezite-odkazy ul li {
        width: 100%;
        max-width: 360px;
    }

    ul.odkazy {
        grid-template-columns: 100%;
    }

    ul.odkazy li {
        text-align: center;
    }

    #banner-slot-text-array {
        padding: 2rem 1.25rem 1rem;
    }

    #main-banner-buttons {
/*        padding: 0.5rem 3rem 0.5rem 1rem;*/
        gap: 1rem;
    }

    #main-banner-buttons div#banner-buttons-control-envelope {
        right: 0.5rem;
    }

    #rwd-menu-trigger .rwd-menu-trigger-a {
        /*top: 1.5rem;*/
    }

    header .module_envelope.env_hf_finder .module-inner-envelope {
        right: 6%;
    }

    .rwd-header {
        font-size: 80%;
    }

    .rwd-header img {
        width: 110px !important;
        height: auto !important;
    }

    .editor img,
    .editor p img {
        float: none !important;
        display: block;
        margin: 0 auto !important;
        width: auto !important;
        height: auto !important;
        max-height: 430px;
    }

    #extra-block-top .linky .editor a {
        gap: 2.5rem;
        text-align: left;
    }

    .odkazy-top ul {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .odkazy-top ul li {
        max-width: 280px;
        border-right: none !important;
    }

    .odkazy-top ul li:first-child {
        grid-column: unset;
    }

    #extra-block-top .odkazy-top ul li h2 {
        margin-bottom: 0;
        line-height: unset;
    }

    .odkazy-top ul li a {
        gap: 0;
    }

    ul.common-image-gallery-user,
    .module_envelope.env_text_obrazok .module-inner-envelope .editor .linky {
        grid-template-columns: 1fr;
    }

    ul.common-image-gallery-user li {
        max-height: 45vw;
        width: 80%;
    }

    ul.oznamy-graphic-list-default li::before,
    ul.actions-graphic-list-default li::before {
        transform: rotate(-45deg) translate(-30%, -250px);
    }

    ul.oznamy-graphic-list-default li:hover::before,
    ul.actions-graphic-list-default li:hover::before {
        transform: rotate(-45deg) translate(-25%, 275px);
    }

    .actions-new-colums-form-envelope.items ul.actions-new-colums-envelope-default.item li {
        grid-template-columns: auto;
        padding: 0.5rem 0;
    }

    .actions-new-colums-form-envelope.items ul.actions-new-colums-envelope-default.item .image-envelope-default {
        grid-column: 1/3;
        grid-row: 1;
        max-width: 360px;
        max-height: max-content;
        width: 95%;
        justify-self: center;
        height: auto;
    }

    .actions-new-colums-form-envelope.items ul.actions-new-colums-envelope-default.item .short-text-envelope-default {
        grid-column: 1/3;
        grid-row: 2;
    }

    .actions-new-colums-form-envelope.items ul.actions-new-colums-envelope-default.item .actions-place-default {
        grid-column: 1/3;
        grid-row: 3;
    }

    .module_envelope.for-tabbing .actions-new-colums-form-envelope form {
        display: flex;
        gap: 1rem;
    }

    div.actions-new-columns-item-back-default {
        display: grid;
        gap: 1rem;
    }

    div.actions-new-columns-item-back-default a {
        margin-left: 0;
        width: 100%;
    }

    aside#left-column {
        order: 2;
        width: 100% !important;
    }

    main#main {
        order: 1;
        width: 100% !important;
        /*padding: 0 10px;*/
    }

    aside#right-column {
        order: 3;
        width: 100% !important;
    }

    header .header-logo-text-ext::after {
        right: -5%;
    }

    .partneri-section {
        flex-direction: column;    }

    .partneri-section p {
        width: 100% !important;
    }

    h2.oznamy-new-columns, h2.actions-new-columns {
        flex-direction: column;
/*        align-items: flex-start;*/
        gap: 0.5rem;
    }

    #extra-block-bottom .uzitocne-odkazy .columns {
        grid-template-columns: 100%;
        justify-items: center;
    }

    #homepage_0 ul.oznamy-new-columns-list li,
    #homepage_0 ul.actions-new-columns-list li,
    #homepage_0 ul.oznamy-new-columns-list li,
    #homepage_0 ul.actions-new-columns-list li,
    #homepage_0 ul.oznamy-new-columns-list li:first-of-type,
    #homepage_0 ul.actions-new-columns-list li:first-of-type,
    #homepage_0 ul.oznamy-new-columns-list li:last-of-type,
    #homepage_0 ul.actions-new-columns-list li:last-of-type,
    ul.oznamy-new-columns-list li,
    ul.actions-new-columns-list li,
    ul.oznamy-new-columns-list li:first-of-type,
    ul.actions-new-columns-list li:first-of-type,
    ul.oznamy-new-columns-list li:last-of-type,
    ul.actions-new-columns-list li:last-of-type {
        min-height: unset;
        max-width: 360px;
        justify-self: center;
    }

    .search-extended-parts .filter-body-part-search-extended-areas {
        width: 100% !important;
    }

    div.fotogaleria div.firstcol,
    div.fotogaleria div.secondcol,
    div.fotogaleria div.thirdcol,
    div.fotogaleria div.fourthcol,
    div.fotogaleria div.lastcol {
        width: 80% !important;
        height: auto;
        max-height: unset;
        margin: 0;
        grid-column: 1;
    }

    div.fotogaleria div img {
        border-radius: 10px;
    }

    div.fotogaleria div.col-by-program-4.firstcol {
        grid-row: unset;
    }

    div.fotogaleria div.col-by-program-4.secondcol {
        grid-row: unset;
    }

    div.fotogaleria div.col-by-program-4.thirdcol {
        grid-row: unset;
    }

    div.fotogaleria div.col-by-program-4.lastcol {
        grid-row: unset;
    }

    ul.fotogaleria-multi-kat-img-list li a .gallimg-envelope,
    ul.fotogaleria-multi-foto-list li a .gallimg-envelope {
        max-height: 50vw;
        height: auto;
    }

    div.fotogaleria div.firstcol a,
    div.fotogaleria div.secondcol a,
    div.fotogaleria div.thirdcol a,
    div.fotogaleria div.fourthcol a,
    div.fotogaleria div.lastcol a {
        height: auto;
        max-height: 50vw;
    }

    ul.fotogaleria-multi-kat-img-list-default li a,
    ul.fotogaleria-multi-foto-list-default li a {
        width: auto;
        max-width: 430px;
        margin-bottom: 1.5rem;
        height: 50vw !important;
    }

    ul.fotogaleria-multi-kat-img-list-default li a {
        height: auto !important;
    }

    div.fotogaleria,
    ul.fotogaleria-multi-kat-img-list-default,
    ul.fotogaleria-multi-foto-list-default,
    ul.common-image-gallery-user,
    ul.fotogaleria-pure {
        grid-template-columns: 100%;
        justify-items: center;
        column-gap: 0;
    }

    ul.common-image-gallery-user li,
    ul.fotogaleria-pure li {
        min-height: auto;
        width: 80%;
    }

    ul.common-image-gallery-default li a.common-image-gallery-default {
        display: flex !important;
    }

    div.part-of-tabeed-modules div.add_user_info {
        grid-column: unset;
    }

    #homepage_0 main div.module_envelope.env_common_items_columns_responsive ul.oznamy-new-columns-list,
    #homepage_0 main div.env_actions_portal_column_responsive ul.actions-new-columns-list,
    #homepage_0 .main-links-container, #homepage_0 ul.oznamy-graphic-list-default,
    #homepage_0 ul.actions-graphic-list-default,
    .main-links-container,
    ul.oznamy-graphic-list-default,
    ul.actions-graphic-list-default {
        grid-template-columns: 100%;
        column-gap: 0;
        row-gap: 1.5rem;
    }

    .main-links-container .link-column,
    ul.oznamy-graphic-list-default li,
    ul.actions-graphic-list-default li {
        max-width: 320px;
        height: 68vw;
        max-height: unset;
        min-height: unset;
    }

    .main-links-container .link-column p.link-img a img {
        min-height: unset;
    }

    ul.oznamy-graphic-list-default li.next-oznamy {
        grid-column-start: unset;
        max-width: 85%;
        height: fit-content;
    }

    ul.oznamy-graphic-list-default li.next-oznamy div.all-data-envelope {
        gap: 1rem;
    }

    ul.oznamy-graphic-list-default li.next-oznamy ul.next-oznamy-list li {
        min-height: unset;
    }

    #homepage_0 main div.module_envelope.env_common_items_columns_responsive ul.oznamy-new-columns-list,
    #homepage_0 main div.env_actions_portal_column_responsive ul.actions-new-columns-list,
    main div.module_envelope.env_common_items_columns_responsive ul.oznamy-new-columns-list,
    main div.env_actions_portal_column_responsive ul.actions-new-columns-list,
    .env_text_obrazok .editor .odkazy-img {
        grid-template-columns: 1fr;
        gap: 1rem;
        min-width: auto;
    }

    ul.oznamy-new-colums-list-default li div.image-envelope,
    ul.actions-new-colums-list-default li div.image-envelope {
        height: 50vw !important;
    }

    #extra-block-bottom .partneri-section, #extra-block-bottom .odkazy-ikonove ul {
        grid-template-columns: 1fr;
    }

    #extra-block-bottom h2.partneri-heading {
        margin-bottom: 1rem;
    }

    .persons-detail-envelope-default .persons-data dl {
        flex-direction: column;
    }

    #extra-block-bottom .uzitocne-odkazy ul,
    #extra-block-bottom .dolezite-odkazy ul,
    #extra-block-bottom .partneri.text .partneri-section,
    #extra-block-bottom .partneri.text .odkazy-ikonove ul,
    #extra-block-bottom .partneri.p2 ul.partneri-section {
        grid-template-columns: 1fr;
        /*row-gap: 1.5rem;*/
    }

    #extra-block-bottom .dolezite-odkazy ul li a {
        justify-content: center;
        width: fit-content;
        margin: 0 auto;
    }

    #extra-block-bottom ul.partneri-section {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width:400px) {
    .module_envelope.env_hf_menu_rwd {
        bottom: -12px;
    }

    #rwd-menu-trigger .rwd-menu-trigger-a {
        /*top: -2rem;*/
    }

    #rwd-menu-container.opened {
        /*top: -1.75rem;*/
    }

    form.vzn-filter {
        padding: 15px 0 !important;
    }

    ul.oznamy-new-columns-list p.oznamy_date, 
    ul.actions-new-columns-list p.oznamy_date {
        flex-flow: column;
    }

    .env_vzn_new form.vzn-filter .fullwide tr td {
        width: 100%;
        padding-bottom: 0;
        height: 44px;
        line-height: normal;
    }

    div.zasadenie-envelope {
        width: 100%;
    }
}

@media only screen and (max-width:360px) {
    header .module_envelope.env_hf_module_container > .module-inner-envelope > .module_body {
        width: 100%;
        position: relative;
        /*left: -1.5rem;*/
    }

    header .module_envelope.env_hf_finder .module-inner-envelope {
        right: 5%;
    }

    div.editor {
        overflow: visible;
        width: auto !important;
    }

    #extra-block-bottom ul.partneri-section {
        grid-template-columns: 100%;
    }

    div.oznamy-new-columns-item-back-default,
    div.oznamy-graphic-item-back-default,
    div.actions-new-columns-item-back-default,
    div.actions-graphic-item-back-default,
    div.zasadania-item-back-default {
        display: grid;
        gap: 1rem;
    }

    div.oznamy-new-columns-item-back-default a,
    div.oznamy-graphic-item-back-default a,
    div.actions-new-columns-item-back-default a,
    div.actions-graphic-item-back-default a,
    div.zasadania-item-back-default a {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }

    ul.oznamy-new-columns-all-list-default li div.image-envelope-default a,
    ul.oznamy-graphic-all-list-default li div.image-envelope-default a,
    ul.actions-new-columns-all-list-default li div.image-envelope-default a,
    ul.actions-graphic-all-list-default li div.image-envelope-default a {
        min-width: 240px;
        max-height: 160px;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-in-container.header-logo {
        width: 99%;
    }

    header .header-logo-img-envelope img {
        /*max-height: 4.5rem;*/
        /*height: 4rem;*/
    }

    header .header-logo-envelope > a {
        /*left: 0.25rem;*/
        /*max-width: 100%;*/
        /*top: 1.125rem;*/
        /*gap: 0.5rem;*/
        /*height: 4rem !important;*/
        width: 14rem !important;
    }

    header .module_envelope.env_hf_module_container .module-inner-envelope .module-container-column.column-2.width-25 {
        gap: 0;
    }

    header .header-logo-text {
/*        font-size: 1.35rem;*/
        /*max-width: 8rem;*/
        top: 0.5rem;
/*        left: 0.2rem;*/
    }

    header .header-logo-text-ext {
/*        top: -2.75rem;*/
        /*left: 4.1rem;*/
        max-width: 7rem;
/*        height: auto;*/
        /*text-align: left;*/
        font-size: 0.875rem;
        /*line-height: 1rem;*/
    }

    #page-banner-homepage {
        height: auto;
    }

    ul.common-image-gallery-user li {
        max-height: 50vw;
        width: 90%;
    }

    ul.fotogaleria-multi-kat-img-list li a .gallimg-envelope,
    ul.fotogaleria-multi-foto-list li a .gallimg-envelope {
        height: 156px;
    }

    div.fotogaleria div.firstcol,
    div.fotogaleria div.secondcol,
    div.fotogaleria div.thirdcol,
    div.fotogaleria div.fourthcol,
    div.fotogaleria div.lastcol,
    ul.fotogaleria-multi-kat-img-list-default li a,
    ul.fotogaleria-multi-foto-list-default li a {
        width: 90% !important;
    }

    .env_registracia_navstevnika_ .editor.email-hlasnik {
        width: 100%;
    }

    footer .env_hf_module_container.lower {
        height: auto;
    }
}

@media only screen and (max-width:320px) {
    #rwd-menu-trigger .rwd-menu-trigger-a {
        left: -0.25rem;
    }

    .header-logo-text {
        top: 0.35rem;
        /*font-size: 1.15rem;*/
    }

    .header-logo-text-ext {
        top: 0.5rem;
        max-width: 7rem;
    }

    header .module_envelope.env_hf_finder .module-inner-envelope {
        right: 4%;
    }
}


@keyframes onLoadFade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*@keyframes onLoadSlideDown {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0);
    }
}*/

/*
Foto banner - 2560 x 450
Bannerslot - 554 x 311
Obrázky pre oznamy - 430 x 286
Akcie - 430 x 286
*/