/* vysoketatry.sk */


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&display=swap');


html {
    box-sizing: border-box;
}
*, *: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;
}
thead {
    background: #e9f5ff;
    overflow: hidden;
    width: 100%;

}
thead th:first-of-type {

}
thead th:last-of-type {
}

article,aside,details,figcaption,figure,
footer,header,menu,nav,section {
    display:block;
}
select, input {
    font-size: 1.0em;
    border-radius: 0 !important;
    background: #fff;
    border: 2px solid #4c83b4;
}
#module_data__0__l_login {
/*    height: 38px;*/
/*    width: 69%;*/
/*    float: left;*/
/*    text-align: left;*/
}
#label_module_data__0__l_login {
    width: 100%;
    display: block;
    text-align: left;
}
ul, nav ul {
    list-style:unset;
}
.editor ul,
.editor ol {
    margin-left: 25px;
}
.module_envelope ul li {margin-left: 30px;}
.module_envelope.env_main_menu ul li {margin-left: 0px;}
.limited_menu ul li {margin-left: 25px;}

blockquote, q {
    quotes:none;
}
.editor ul li,
.editor ol li {
    font-size: 1.11111em !important;
    line-height: 150%;
}

a {
	color: #0258a3;
}





/* ----------------------------- po odladeni vyhodit ---------------------------------- */

* {
	margin: 0;
	padding: 0;
}
body {
    font-size: 90% !important;
    margin: 0;
    padding: 0;
    line-height: 150%;
    text-align: center;
    /*font-family: 'Noto-sans', sans-serif; */
    font-family: 'Montserrat', sans-serif;
    color: #363636;
    overflow-x: hidden;
}
body.body_pop_up {
	background: #fff;
}

#main-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: url(bg-body-top.png) no-repeat center top fixed;
}
header {
    position: sticky;
    height: auto;
    z-index: 9999;
    width: 100%;
    /* max-width: 1200px; */
    max-height: 129px;
    top: 0px;
    left: 0;
    right: 0;
    margin: 0px auto 27px;
    background: url(bg-body-top.png) no-repeat center top;
}

header .column_h {
    max-width: 1200px;
    left: 0;
    right: 0;
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    height: auto;
}

header .env_hf_image {
    top: 0px;
    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 .logo-text {
    font-size: 16px;
    font-weight: 300;
    color: #020202;
    position: fixed;
    
    text-align: center;
    text-decoration: none;
    top: -1px;
    padding: 13px 50px 14px;
    left: 30%;
    background: #fff;
}
header .logo-main-text {
    font-size: 48px;
    font-family: 'Montserrat';
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 5px;
    text-decoration: none;
    color: #0258a3;
}
header .env_hf_text_obrazok .editor a {
    color: #000;
    display: inline-block;
    width: auto;
    height: 19px;
}
header .env_hf_text_obrazok img {
    width: 15px;
    height: 15px;
    padding: 0 !important;
    margin-right: 6px;
}

.header-logo-envelope>a {
    display: grid;
    grid-auto-columns: auto auto;
    grid-auto-rows: auto;
    text-decoration: none;
    width: auto;
    height: auto;
    align-items: center;
}
.header-logo-img-envelope {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 2;
    grid-row-end: 2;
}
.header-logo-text {
    font-size: 1em;
    height: auto;
    position: relative;
    color: #fff;
    text-align: left;
    padding: 16px 0;
    top: 0;
    margin: 0;
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 1;
    grid-row-end: 1;
}
header .header-logo-text-ext {
    font-weight: bold;
    font-size: 2.1em;
    height: auto;
    position: relative;
    color: #fff;
    text-align: left;
    margin: 0 0 0 10px;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
}
header .header-logo-text-ext::before {
    content: "Mesto";
    display: inline-flex;
    padding: 0 10px 0 10px;
    color: #fff;
    font-weight: 300;
}

header .logo-text a {
    text-decoration: none;
    color: #0258a3;
}
header .env_hf_image img  {
    max-width: 100%;
    opacity: 1;
    width: 100%;
    padding: 0;
    height: auto;
}
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_h.env_hf_logo.pic {
    z-index: 9999;
}
header .module_envelope_h.env_hf_logo {
    position: relative;
    top: 3px;
    left: 0;
    margin: 0;
    right: 0;
    width: auto;
    z-index: 8;
}

header .module_envelope_h.env_hf_logo .module-inner-envelope {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;

}

header .module_envelope_h.env_hf_module_container {
    position: relative;
    height: auto;
    /* background: #fff url(bg-body-top.png) no-repeat center top; */
    /* margin-bottom: 77px; */
    z-index: 99;
    width: 100%;
    top: 0px;
    left: 0;
    /* border-bottom: 2px solid #dddddd; */
    /* padding-bottom: 0px; */
    right: 0;
    margin: 0 auto 0px;
}
header .module_envelope_h.env_hf_module_container.header-aside {
    height: 55px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: auto;
    flex: 1;
    justify-content: flex-end;
    z-index: 1;
}
header .module_envelope_h.env_hf_module_container.header-aside a {
    background: none !important;
    padding-left: 0 !important;
}

header .module_envelope_h.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_h.env_hf_module_container .module-inner-envelope {
	top: 0px;
}

header .module_envelope_h.env_hf_module_container .module-inner-envelope .module-in-container {
    display: inline-flex;
    flex-wrap: wrap;
    font-size: 1em;
    color: #000;
    align-items: center;
    padding: 0 15px 0 15px;
}
header .env_hf_contacts {
    /*padding: 0 29px 0 29px !important;*/
}
header .env_hf_contacts .module_body a {
    background: url(en.png) no-repeat center left;
    padding: 0px;
}

header .module_envelope_h.env_hf_module_container .module-inner-envelope .module-in-container .module_body a {
    color: #fff;
    display: block;
    transition-duration: .2s;
    border-bottom: 1px solid;
    min-height: 20px;
    text-decoration: none;
}
header .module_envelope_h.env_hf_module_container .module-inner-envelope .module-in-container .module_body a:hover {
    border-bottom: 2px solid;
}
.module-in-container.env_hf_text_pure {
    position: absolute;
    left: -500px;
    
}
.module-in-container.env_hf_text_pure a {
    font-size: 16px;
    text-decoration: none;
}


/*.multi-foto-link-system::after {
    background: url(maska-nad-fotobanerom.png) no-repeat 0 0;
    content: "";
    display: block;
    position: absolute;
    top: -28px;
    right: -22px;
    width: 921px;
    height: 319px;
}*/


/*--------------------------------  HOME HEADER ------------------------------------- */
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: 24px;
}

/*--------------------------------  HOME HEADER ------------------------------------- */

/*--------------------------------  VYHLADAVAC  ------------------------------------- */
#search_result ul li {
    margin: 0 0 15px 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #eee;
}
/*--------------------------------  VYHLADAVAC END ------------------------------------- */

/*--------------------------------  LOGIN - REGISTER HEADER ------------------------------------- */

input.button {
    color: #fff;
    background: #004f94;
    cursor: pointer;
    padding: 1px;
    text-align: center;
    border: none;
}
.vzn-filter-envelope .vzn-finder-part-envelope.cancel input {
    background: #fff url(zrusit-filter.png) no-repeat center right 15px;
    color: #004f94;
}
.env_registracia_navstevnika_ .editor.email-hlasnik {
    margin-bottom: 25px;
}
.env_registracia_navstevnika_ #login-to-portal table {
    width: 100%;
}
header .module_envelope.module-in-container.env_hf_login_register span a {
    display: block;
    background: url(bg-top-login.png) no-repeat 0% 50%;
    padding-left: 20px;
}
#login-register {
    display: none;
}

.env_registracia_navstevnika_ table tr td.automatic-col-2 input,
.env_registracia_navstevnika_ table tr td.automatic-col-4 input {
    height: 44px;
    padding: 0 !important;
    width: 100% !important;
}
.env_registracia_navstevnika_ table tr td.automatic-col-5 input.button {
    width: 100%;
    height: 44px;
    padding: 0 !important;
}

.right_align, 
table.program_table td.right_align,
table.program_table td.padding_5 {
    /*flex: 50%;*/
}

.button.captcha {
    width: 25% !important;
    height: 38px;
    padding: 0 !important;
}

.env_registracia_navstevnika_ #login-to-portal tbody tr td {
    padding: 4px;
}


@media only screen and (max-width:999px) {
    .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;
    }
}
@media only screen and (max-width:640px) {
    .env_registracia_navstevnika_ #login-to-portal tbody tr {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto auto auto auto;
        align-items: flex-end;
    }
    .env_registracia_navstevnika_ #login-to-portal tbody tr td.automatic-col-1 {
        grid-column-start: 1;
        grid-column-end: span 2;
        grid-row-start: 1;
        grid-row-end: 1;
    }
    .env_registracia_navstevnika_ #login-to-portal tbody tr td.automatic-col-2 {
        grid-column-start: 1;
        grid-column-end: span 2;
        grid-row-start: 2;
        grid-row-end: 2;
        padding-bottom: 25px;
    }
    .env_registracia_navstevnika_ #login-to-portal tbody tr td.automatic-col-3 {
        grid-column-start: 1;
        grid-column-end: span 2;
        grid-row-start: 3;
        grid-row-end: 3;
    }
    .env_registracia_navstevnika_ #login-to-portal tbody tr td.automatic-col-4 {
        grid-column-start: 1;
        grid-column-end: span 2;
        grid-row-start: 4;
        grid-row-end: 4;
        padding-bottom: 25px;
    }
    .env_registracia_navstevnika_ #login-to-portal tbody tr td.automatic-col-5 {
        grid-column-start: 1;
        grid-column-end: span 2;
        grid-row-start: 5;
        grid-row-end: 5;
    }
}




/* Registrácia na portáli */

.env_registracia_navstevnika_ .program_table tbody {
    display: flex;
    flex-flow: column;
}
.env_registracia_navstevnika_ .program_table tbody tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.env_registracia_navstevnika_ .program_table tbody tr td {
    width: 22%;
}
.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%;
}
.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;
}
#reg-user-add-submit-fs legend {
    text-align: center;
    display: block;
    font-size: 1.11111em;
    font-weight: bold;
    padding: 25px 0 0;
}
@media only screen and (max-width:640px) {
    .env_registracia_navstevnika_ .program_table tbody tr td:nth-of-type(2n+2) {
        width: 92% !important;
        flex: unset;
    }
    .right_align, table.program_table td.right_align {
        text-align: right !important;
        width: 20px !important;
    }
}
/* Registrácia na portáli END */
/*--------------------------------  LOGIN - REGISTER HEADER END ------------------------------------- */

/*--------------------------------  SIDE MAP HEADER ------------------------------------- */

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;
}
/*--------------------------------  SIDE MAP HEADER END ------------------------------------- */

/*--------------------------------  RSS HEADER ------------------------------------- */

header .module_envelope.module-in-container.env_hf_rss {
    grid-column: 7;
}
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;
}
/*--------------------------------  RSS HEADER END ------------------------------------- */



/*--------------------------------  GOOGLE TRANSLATE HEADER ------------------------------------- */
header .module_envelope_h.env_hf_module_container .module-inner-envelope .module-in-container.env_hf_google_translate {
    /*padding-left: 0;*/
}
div#google-lang-envelope {
    text-align: right;
    height: 19px;
    font-size: 1em;
    z-index: 9999;
}
div#google-lang-envelope a {
    width: 50px;
    color: #0258a3 !important;
    background:#fff !important;
}
div#google-lang-envelope a:hover {
    background: #0258a3 !important;
    color: #fff !important;
}
div#google-lang-envelope .notranslate#my-current-lang {
    color: #fff !important;
    background: none !important;
    padding: 0 14px;
    box-sizing: border-box;
	width: 50px;
	height: 18px;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
    border: none;
}
div#google-lang-envelope a.google-lang-position {
	box-sizing: border-box;
	width: 50px;
	height: 18px;
	padding: 0px;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
    border: none;
}

div#google-lang-envelope a#my-current-lang::after {
    display: inline-flex;
    content: '';
    clear: both;
    background: url(lang-sort.png) no-repeat center right;
    width: 9px;
    height: 11px;
    top: auto;
    left: auto;
    bottom: auto;
    right: -4px;
    z-index: 99;
    position: relative;
}
div#google-lang-envelope a.lang-opened#my-current-lang::after {
    transform: rotate(180deg);
}

.google-lang-position-others {
    margin-top: 12px;
    text-align: center;
    box-shadow: 1px 1px 4px 0px #363636;
}
.google-lang-position-others a {
    width: 50px !important;
    height: 50px !important;
    display: block;
    line-height: 50px;
    background: #FFF !important;
    color: #363636;
    
}
div.google-lang-position-others a:hover {
	background: #0258a3 !important;
	color: #FFF !important;
	/*border: 2px solid #0258a3;*/
}
div#google-lang-envelope span#my-current-lang:hover {
	color: #535353;
}
/*--------------------------------  GOOGLE TRANSLATE HEADER END ------------------------------------- */

/*--------------------------------  FINDER HEADER ------------------------------------- */
div#finder_stabil {
    position: relative;
    left: auto;
    right: 0;
    top: 0;
    z-index: 9999;
    font-size: 0.9em;
}
header .module_envelope.env_hf_finder {
    width: auto;
    position: relative;
    padding: 0;
    top: 0;
    left: 0;
    height: auto;
    right: 0;
    margin: 0 0 0 auto !important;
    z-index: 0;
}
header .module_envelope.env_hf_finder #search-box-text {
    width: 80%;
    height: 44px;
}
header .module_envelope.env_hf_finder #search-box-submit-real {
    width: 22%;
    height: 44px;
    flex-grow: 1;
}
header .module_envelope.env_hf_finder .module-inner-envelope {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
}
header .module_envelope.env_hf_finder #search-box-text input {
    width: 100% !important;
    text-transform: capitalize;
    height: 100% !important;
}
header .module_envelope.env_hf_finder #search-box-submit-real input.button {
    width: 100% !important;
    height: 100% !important;
}

header .module_envelope.module-in-container.env_hf_finder #finder_stabil {
    top: 0;
    width: auto;
    right: 0;
}
.search-box-text-button-envelope {
    position: absolute;
    right: 0;
    top: 112px;
    z-index: 99999;
    max-width: 1200px;
    width: 789px;
    padding: 20px;
    display: inline-flex;
    background: #fff;
    box-shadow: 1px 1px 5px 0px rgb(15 126 137 / 54%);
}
.search-box-text-button-envelope::after {
    content: '';
    clear: both;
    background: url(banner-li-hover.png) no-repeat !important;
    width: 40px;
    height: 20px;
    top: -20px;
    left: auto;
    right: 7px;
    z-index: 99999;
    margin: 0 auto;
    display: none;
    position: absolute;
}
input#search-box-submit-execute {
    width: 100%;
    border: none;
    font-size: 1.5em;
    color: #fff;
    background: #0258a3;
    padding: 0 20px;
    margin: 0;
    justify-content: center;
    cursor: pointer;
}
input#search-submit-button {
    width: 44px;
    height: 41px;
    padding: 0;
    border: none;
    cursor: pointer;
    background: url(bg-ok.png) no-repeat center center;
    -ms-transform: scale(0.9,0.9);
    -webkit-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
} 
input#search-box-submit-execute:hover {
    background: #fff;
    color: #0258a3;
    box-shadow: 1px 1px 5px 0px rgb(15 126 137 / 54%);
}
.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: #ffffff;
    background: #0258a3;
}
#search-extended-trigger li span.current, 
#search-extended-trigger li a.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 {
    color: #ffffff;
    background: #0258a3;
}

/*--------------------------------  FINDER HEADER END ------------------------------------- */
.env_hf_menu_rwd {display: none;}
/* -------------------------------  HORIZONTAL MENU  ------------------------------------------ */

header .env_hf_menu {
    width: 100%;
    position: relative;
    padding: 0;
    top: -42px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    left: auto;
    height: auto;
    right: 0;
    margin: 0 !important;
    z-index: 0;
    /* background: #0258A3; */
}

header .env_hf_menu .module-inner-envelope {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    /*width: 64%;
    float: right;*/
}
nav ul {
	position: relative;
	display: block;
}
nav ul.hf-hmenu {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    position: relative;
    max-width: 800px;
}
ul.hf-hmenu li {
    font-weight: bold;
    text-align: center;
    background: none;
    padding: 4px 19px 6px;
    width: auto;
    height: auto;
    float: none;
    position: unset;
    box-sizing: border-box;
    margin: 0 auto;
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
ul.hf-hmenu li:last-of-type {
    background: none;
}
ul.clone-hmenu-default li {
    box-sizing: inherit;
    border: 0;
    max-width: 100%;
    display: block;
    margin-left: 0 !important;
}
ul.hf-hmenu li span.hf-menu-envelope {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
ul.hf-hmenu li span.hf-menu-envelope a {
    font-weight: bold;
    font-size: 1.25em;
    text-align: center;
    display: inline-flex;
    border-top: none;
    flex-wrap: wrap;
    padding: 12px;
    position: relative;
    height: auto;
    box-sizing: border-box;
    margin: 0;
    transition-duration: .2s;
    text-decoration: none;
    color: #fff;
}
ul.hf-hmenu li.level-0.current>span.hf-menu-envelope>a,
ul.hf-hmenu li.level-0.with-submenu.liopened>span.hf-menu-envelope>a {
    color: #0258a3;
}

ul.hf-hmenu>li.level-0.with-submenu>span.hf-menu-envelope>a::after {
    display: flex;
        content: '\f0d7';
        align-items: center;
        clear: both;
        font: normal normal normal 18px/1 FontAwesome;
        right: -8px;
        margin: 0;
        height: 21px;
        z-index: 99;
        position: relative;
        transition-duration: .3s;
        flex-wrap: wrap;
    /*display: flex;
    content: '';
    clear: both;
    background: url(banner-li.png) no-repeat;
    width: 12px;
    height: 14px;
    top: auto;
    left: 0;
    bottom: -23px;
    right: 0;
    margin: 0 auto;
    z-index: 99;
    position: absolute;
    transition-duration: .3s;*/
}
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.current.with-submenu > span.hf-menu-envelope > a::after {
    display: flex;
    content: '\f0d8';
    clear: both;
    font: bold normal normal 18px/1 FontAwesome;
    right: -8px;
    height: 21px;
    margin: 0;
    z-index: 99;
    position: relative;
    transition-duration: .3s;
    
    /*display: flex;
    content: '';
    clear: both;
    background: url(banner-li-hover.png) no-repeat;
    width: 31px;
    height: 16px;
    top: auto;
    left: 0;
    bottom: -15px;
    right: 0;
    margin: 0 auto; 
    z-index: 99;
    position: absolute;*/
}

ul.hf-hmenu>li.level-0.with-submenu.liopened,
ul.hf-hmenu>li.level-0.current,
ul.hf-hmenu>li.level-0:hover {
    background: #fff;
}
ul.hf-hmenu li:hover span.hf-menu-envelope a {
    color: #0258a3;
    /*background: #fff;
    border-radius: 4px;*/
}

nav li.level-0.current::after {
    display: none;
    content: '';
    clear: both;
    background: url(vod-menu-arrow-down.png) no-repeat center bottom !important;
    width: 12px;
    height: 6px;
    top: 23px;
    left: 0;
    right: 0;
    z-index: 99999;
    margin: 0 auto;
    position: relative;
}

nav li.level-0.with-submenu:hover::after {
   /* display: block;
    content: '';
    clear: both;
    background: url(vod-menu-arrow-down.png) no-repeat center bottom !important;
    width: 12px;
    height: 6px;
    top: 23px;
    left: 0;
    right: 0;
    z-index: 99999;
    margin: 0 auto;
    position: relative;*/
}

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;
    width: 100%;
    /*display: block;*/
    height: auto;
    box-sizing: border-box;
    margin: 0;
    text-decoration: none;
    /*color: #363636;*/
    /*transition: .2s;*/
}

ul.hf-hmenu>li.level-0.current.with-submenu>span.hf-menu-envelope>a:active, 
ul.hf-hmenu>li.level-0.current.with-submenu:active,
ul.hf-hmenu>li.level-0.with-submenu.liopened 
ul.hf-hmenu>li.level-0.with-submenu:hover {
    background: none;
    transition: .4s;
}
ul.hf-hmenu li ul {
	display: none;
	position: absolute;
	left: 0;
	top: 35px;
}
ul.hf-hmenu li ul.hf-hsubmenu {
    position: absolute;
    left: 0;
    top: 61px;
    background: #fff;
}
#extra-block-top ul.hf-hmenu li ul.hf-hsubmenu {
    position: absolute;
    left: 0;
    top: 61px;
    background: #fff;
    
}
#extra-block-top ul.hf-hmenu li ul.hf-hsubmenu::after {
    overflow: hidden;
} 
#extra-block-top ul.hf-hmenu li.level-1.with-submenu ul.hf-hsubmenu {
    position: absolute;
    top: 0;
    left: 98%;
    width: 100%;
        background: url(rwd-sep-menu.png) no-repeat center right;

    display: none;
}
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: block !important;
    transition: .4s;
    overflow-y: auto;
    max-height: calc(100vh - 80px - 126px);*/
    display: flex;
    transition: ease-in-out .2s;
    flex-wrap: wrap;
    overflow: visible;
    overflow-y: auto;
    width: 100%; 
    max-height: calc(100vh - 80px - 126px);
}


a.mobile-under-menu-trigger {
    display: none;
}
ul.hf-hmenu li.hf-menu.level-1 > .hf-menu-envelope > a {
    display: inline-flex;
    flex-wrap: wrap;
    font-weight: 300;
    font-size: 1.11111em;
    text-align: left;
    border-top: none;
    padding: 13px 15px;
    width: 100%;
    background: #fff;
    height: auto;
    box-sizing: border-box;
    margin: 0;
    text-transform: none;
    text-decoration: none;
    color: #0258a3;
}

ul.hf-hmenu li.hf-menu.level-1.with-submenu > .hf-menu-envelope > a::after {
    display: inline-flex;
    content: '';
    clear: both;
    background: url(arrow-vodmenu-level1.png) no-repeat center right !important;
    width: 12px;
    height: 17px;
    top: auto;
    left: auto;
    bottom: auto;
    right: -7px;
    z-index: 99;
    position: relative;
}
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: '';
    clear: both;
    background: url(arrow-vodmenu-active-level1.png) no-repeat center right !important;
    width: 12px;
    height: 17px;
    top: auto;
    left: auto;
    bottom: auto;
    right: -7px;
    z-index: 99;
    position: relative;
}

ul.hf-hmenu li.hf-menu.level-1.with-submenu a {
    padding-right: 15px;
}
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: #0258a3;
    font-weight: bold;
}
ul.hf-hmenu li.hf-menu.level-2.with-submenu.current li.hf-menu.level-3.current .hf-menu-envelope a:hover {
    color: #fff;
}
/*ul.hf-hmenu li.hf-menu.level-3.with-submenu.current a,
ul.hf-hmenu li.hf-menu.level-3.current .hf-menu-envelope a {
    background:  url(bg-vod-menu.png) no-repeat center center;
    color: #fff;
    font-weight: bold;
}*/

ul.hf-hmenu li.hf-menu.level-1.with-submenu.liopened > .hf-menu-envelope > a,
/*ul.hf-hmenu li.hf-menu.level-1 > .hf-menu-envelope > a:hover,*/
ul.hf-hmenu li.hf-menu.level-1.current > .hf-menu-envelope > a {
    background: #0258a3; 
    text-decoration: underline;
    color: #fff !important;
}
ul.hf-hmenu li.hf-menu.level-1 a:hover,
ul.hf-hmenu li.hf-menu.level-2 a:hover {
    background: #0258a3;
    color: #fff;
    text-decoration: underline;
}


nav li.level-0 > ul {
    position: absolute !important;
    list-style: none;
    text-align: left;
    top: 0px !important;
    left: -480px !important;
    right: 0;
    width: 1200px !important;
    padding: 25px;
    margin: 65px auto 0;
    box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 75%);
    box-sizing: border-box;

    /*position: absolute;
    list-style: none;
    text-align: left;
    top: -20px !important;
    left: 0px !important;
    right: 0;
    width: 1200px !important;
    padding: 25px 9px;
    margin: 87px auto 0;
    background: #fff;
    border: 1px solid #f7f7f7;
    box-shadow: 1px 1px 5px 0px rgb(15 126 137 / 54%);
    box-sizing: border-box;*/
}
nav li.level-0.liopened::after {
    display: none;
    content: '';
    clear: both;
    background: url(banner-li-hover.png) no-repeat !important;
    width: 40px;
    height: 20px;
    top: auto;
    bottom: -30px;
    left: auto;
    right: auto;
    z-index: 999;
    margin: 0 auto;
    position: absolute;
}
ul.hf-hmenu li.hf-menu.level-1 {
    background: transparent;
    width: 25%;
    margin: 0;
    justify-content: flex-start;
    padding: 0px;
    border-right: none;
    line-height: normal;
    height: auto;
    position: relative;
    border: none;
    align-items: flex-start;
}

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: 0px !important;
    margin-top: 0px;
    height: auto;
    max-height: unset;
    /* border: none; */
    width: 100% !important;
}

nav li.level-1 ul.hf-hsubmenu.hopened,
nav li.level-1 ul.hf-hsubmenu.opened.hopened {
    box-shadow: 0px 1px 18px -9px #000;
}


nav li.level-2:focus-within ul.hf-hsubmenu.hopened,
nav li.level-2 ul.hf-hsubmenu.hopened {
    position: relative !important;
    top: 0;
    margin-top: 5px;
    border-left: 15px solid #0258a3;
}

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 {
    /* background: #fff !important; */
    font-weight: 300;
    font-size: 1.11111em;
    text-align: left;
    height: auto;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    color: #0258a3;
    padding: 13px 15px;
}


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%;
}
ul.hf-hmenu li.hf-menu.level-2.with-submenu a.alevel-2 {
    background: url(arrow-vodmenu-level1.png) no-repeat center right 20px ;
    padding-right: 15px;
    /* color: #fff; */
}

ul.hf-hmenu li.hf-menu.level-2.with-submenu a.alevel-2:hover,
ul.hf-hmenu li.hf-menu.level-2.current.with-submenu a.alevel-2 {
    background:#0258a3 url(bg-head-menu-hover.png) no-repeat center right 20px;
    padding-right: 15px;
    color: #fff;
}
ul.hf-hmenu li.hf-menu.level-2.with-submenu.liopened a.alevel-2 {
    background: #0258a3 url(bg-head-menu-opened.png) no-repeat center right 20px !important;
    color: #fff !important;
}


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%;
}
ul.hf-hmenu li.hf-menu.level-3 a {
 /*   background: #fff !important;
    color: #363636 !important;*/
}

ul.hf-hmenu li.hf-menu.level-3.with-submenu a {
    background: url(arrow-vodmenu.png) no-repeat center right 10px;
    padding-right: 15px;
}
ul.hf-hmenu li.hf-menu.level-3.with-submenu.liopened a {
    background: url(bg-head-menu-hover.png) no-repeat center right 20px,url(bg-vod-menu.png) no-repeat center center ;
    color: #fff;
}


ul.hf-hmenu li.hf-menu.level-3.with-submenu a {
    background: url(arrow-vodmenu.png) no-repeat center right 10px;
    padding-right: 15px;
}
li.level-2 ul.hf-hsubmenu li.level-3 {
    width: 100%;
    background: transparent !important;
    padding: 0;
}
/* -------------------------------  HORIZONTAL MENU END ------------------------------------------ */
/* -------------------------------  VERTICAL MENU ------------------------------------------ */
ul.clone-hmenu.c-level0 > .clone-hmenu-li > a, 
.column_l h2.head, li.menu_hlavicka_l a.menu_hlavicka_l, 
div.main_page_l {
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin: 0 0 3px;
    padding: 14px 20px 14px 17px;
    position: relative;
    text-align: left;
    font-size: 1.11111em;
    font-weight: 600;
    list-style: none;
    background: #e7f0fa;
    color: #0258a3;
    overflow: auto;
}

.main_menu li.menu_hlavicka_l.with-submenu a.menu_hlavicka_l {
    background: #e7f0fa url(bg-head-menu.png) no-repeat 97% center;
    color: #0258a3;
}
.main_menu li.menu_hlavicka_l.with-submenu a.menu_hlavicka_l:hover {
    background: #da020c url(bg-head-menu-hover.png) no-repeat 97% center;
    color: #fff;
}



ul.clone-hmenu.c-level0 > .clone-hmenu-li.first > a {
    width: 100%;
    box-sizing: border-box;
    margin: 0px auto 1rem;
    padding: 14px 20px 14px 17px;
    position: relative;
    text-align: left;
    font-size: 1.25em;
    font-weight: bold;
    list-style: none;
    background: #0258a3;
    color: #fff;
    overflow: auto;
    text-decoration: underline;
    border-radius: 0 0 5px 0;
}
ul.clone-hmenu li ul.c-level1 {
    box-sizing: border-box;
    list-style-type: none;
    padding: 0;
    margin: 0 0 0 10px;
    border: 0;
    max-width: 100%;
    display: block;
    background: #fff;
    /*overflow: hidden;*/
}
ul.clone-hmenu.c-level1 > li > a {
    padding: 15px 24px;
    background: #e9f5ff;
    color: #004f94;
    margin-bottom: 0px;
    text-align: left;
    font-weight: bold;
    font-size: 1.111111em;
}
ul.clone-hmenu.c-level1 > li.clone-hmenu-li.with-submenu > a:hover::after,
ul.clone-hmenu.c-level1 > li.clone-hmenu-li.with-submenu > a.current::after,
ul.clone-hmenu.c-level1 > li.clone-hmenu-li.current.with-submenu > a::after,
ul.clone-hmenu.c-level1 > li.clone-hmenu-li.with-submenu > a.c-collapsable.opened::after {
    display: inline-flex;
    content: '';
    clear: both;
    background: url(bg-head-menu-hover.png) no-repeat center right !important;
    width: 12px;
    height: 11px;
    top: auto;
    left: auto;
    bottom: auto;
    right: -7px;
    z-index: 99;
    position: relative;
}
ul.clone-hmenu.c-level1 > li.clone-hmenu-li.with-submenu > a::after {
    display: inline-flex;
    content: '';
    clear: both;
    background: url(bg-head-menu.png) no-repeat center right !important;
    width: 12px;
    height: 11px;
    top: auto;
    left: auto;
    bottom: auto;
    right: -7px;
    z-index: 99;
    position: relative;
}

ul.clone-hmenu.c-level2 ,
li.menu_item_l a.menu_item_l {
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 15px 0px 15px 0px;
    line-height: 150%;
    overflow: visible;
    position: relative;
    font-size: 1.11111em;
    font-weight: normal;
    text-align: left;
    border-left: 5px solid #CCDEED;
    list-style: none;
    background: #f7fbff;
}


.main_menu li.menu_hlavicka_l.with-submenu.opened a.menu_hlavicka_l {
	width: 100%;
    display: block;
    box-sizing: border-box;
    margin: 0;
    padding: 14px 20px 14px 15px;
    position: relative;
    text-align: left;
    font-size: 1.25em;
    font-weight: bold;
    list-style: none;
    color: #fff;
    border-top: none;
    border-right: none;
    border-bottom: none;
    overflow: auto;
}


.main_menu li.menu_hlavicka_l.with-submenu.opened a.menu_hlavicka_l:hover {
    text-decoration: underline;
}


ul.clone-hmenu .clone-hmenu-li a.c-current, 
li.menu_hlavicka_l a.menu_hlavicka_l:hover {
    /*color: #fff;*/
}
ul.clone-hmenu li a.current, 
ul.clone-hmenu li a.c-collapsable.opened,
ul.clone-hmenu .clone-hmenu-li a.c-current, 
ul.clone-hmenu.c-level1 > li > a:hover {
    background: #0258a3;
    text-decoration: underline;
    color: #fff; 
    font-weight: bold;
}
ul.clone-hmenu li a {
    display: block;
    padding: 5px 0;
    text-decoration: none;
    color: #0258a3;
}
ul.clone-hmenu.c-level2 > li > a {
    padding: 12px;
}
ul.clone-hmenu.c-level2 > li > a:hover {
    text-decoration: underline;
    font-weight: 600;
}
ul.clone-hmenu.c-level2 > li > a.current {
    background: none;
    color: #000;
}
ul.clone-hmenu.c-level2 > li.with-submenu > a.c-collapsable.opened {
    font-weight: bold;
    background: none;
    color: #000;
}

ul.clone-hmenu.c-level2 > li.with-submenu > a.current::after,
ul.clone-hmenu.c-level2 > li.with-submenu > a.c-collapsable.current::after,
ul.clone-hmenu.c-level2 > li.with-submenu > a.c-collapsable.opened::after {
    display: inline-flex;
    content: '';
    /*background: url(arrow-vodmenu-active-level1.png) no-repeat center right !important;*/
    background: url(arrow-down.png) no-repeat center right !important;
    clear: both;
    width: 12px;
    height: 15px;
    top: auto;
    left: auto;
    bottom: auto;
    right: -7px;
    z-index: 99;
    position: relative;
}  
ul.clone-hmenu.c-level2 > li.with-submenu > a.c-collapsable::after,
ul.clone-hmenu.c-level2 > li.with-submenu > a::after {
    display: inline-flex;
    content: '';
    background: url(arrow-vodmenu-level1.png) no-repeat center right !important;
    clear: both;
    width: 12px;
    height: 15px;
    top: auto;
    left: auto;
    bottom: auto;
    right: -7px;
    z-index: 99;
    position: relative;
}
ul.clone-hmenu.c-level2 .clone-hmenu-li a.c-current, 
ul.clone-hmenu.c-level2 .clone-hmenu-li a.c-current:hover {
    text-decoration: underline;
    background: none;
    color: #0258a3;
}
ul.clone-hmenu.c-level3 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin: 0!important;
    padding: 15px 0px 15px 25px;
    line-height: 150%;
    overflow: visible;
    position: relative;
    font-size: 1em;
    font-weight: normal;
    text-align: left;
    list-style: none;
    background: #FFF;
    box-shadow: 5px 5px 15px -13px #000;
}
/* -------------------------------  VERTICAL MENU END ------------------------------------------ */
/* -------------------------------  FOTO BANER ------------------------------------------ */

header .module_envelope.module_envelope_h.env_hf_multi_foto {
    position: relative;
    top: 25px;
    right: 4px;
    margin: 0 auto;
    width: auto;
    overflow: hidden;
    padding: 0;
}
div.multi-foto-link-system {
    overflow: hidden;
    position: relative;
    width: 100%;
    top: 0px;
    z-index: 9;
    max-height: 258px;
    height: auto;
    border-radius: 20px 20px 100px 20px;
    right: 0px;
}
div.multi-foto-link-system img {
    height: auto;
}
.multi-foto-link-controls {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    bottom: 90px;
    width: 75%;
    height: 44px;
    left: 0;
    justify-content: flex-end;
    right: 0;
    margin: 0 auto;
    z-index: 9;
}
.multi-foto-link-controls-default #multi-foto-link-stop--0 {
    position: absolute;
    bottom: 0;
    width: 16px;
    height: 16px;
	display: block;
    padding: 14px;
    right: 0px;
    background: #fffc url(Stop-b.png) no-repeat center center !important;
	border-radius: 50%;
}
.multi-foto-link-controls-default #multi-foto-link-start--0 {
	position: absolute;
    bottom: 0;
    width: 16px;
    height: 16px;
	display: block;
    padding: 14px;
    right: 0px;
    background: #fffc url(Play-b.png) no-repeat center center !important;
	border-radius: 50%;
}
header #multi-foto-link-controls--0 a#multi-foto-link-start--0.current {
	display: none !important;
    /*background: #fff url(Play-b.png) no-repeat center center !important;
    background-size: 14px 17px !important;
    padding: 14px;*/
}
header #multi-foto-link-controls--0 a#multi-foto-link-stop--0.current {
	display: none !important;
    /*background: #fff url(Stop-b.png) no-repeat center center !important;
    background-size: 14px 17px !important;
    padding: 14px;*/
}
/* -------------------------------  FOTO BANER END ------------------------------------------ */

/* -------------------------------  BANER SLOT -------------------------------------------- */
/*------------------- BannerSlotGrid------------------- */
#banner-homepage {
    max-width: 1200px;
    width: 100%;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: grid;
    grid-auto-columns: 62.2% auto;
    grid-auto-rows: auto auto;
}
#banner-homepage a#banner-homepage-img-link {
    width: 100% !important;
    max-height: 408px;
    float: unset !important;
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: span 2;
}
#banner-slot-text-array {
    width: 100% !important;
    height: auto;
    overflow: hidden;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 1;
}
#main-banner-buttons {
    width: 86% !important;
    margin: 0;
    top: auto !important;
    left: 15px;
    padding-right: 46px;
    right: auto;
    bottom: 10px !important;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
/*------------------- BannerSlotGrid END------------------- */

#page-banner-homepage {
    display: none;
}
#homepage_0 #page-banner-homepage {
    display: block;
    width: 100%;
    max-width: 1200px;
    position: relative;
    max-height: 408px;
    margin: 0 auto 45px;
    background: rgb(233,245,255);
    background: linear-gradient(
402deg, rgba(233,245,255,1) 10%, rgba(255,255,255,1) 100%);
    overflow: hidden;
    border: 2px solid #eeeeee;
}

#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: 62.2%;
    display: block;
    float: left;
    border: 0px solid #eeeeee;
    border-right: none;
}
#banner-homepage-img {
    opacity: 1;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background: #fff;
}
#banner-homepage a#banner-homepage-img-link::after {
    content: '';
    clear: both;
    background: url(bg-bannerslot.png) no-repeat;
    width: 17px;
    height: 100%;
    top: auto;
    bottom: 0;
    left: 60.9%;
    right: auto;
    margin: 0 auto;
    position: absolute;
}
#banner-slot-text-array {
	width: 37.5%;
	height: auto;
	overflow: hidden;
}
h2#banner-slot-h2 {
    background: none;
    color: #000;
    border: 0;
    font-size: 1.53em;
    font-weight: bold;
    margin: 35px 0;
    padding: 0px 30px !important;
    max-width: 100%;
    text-align: left;
    line-height: 150% !important;
    text-transform: none;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
p#banner-slot-p {
    padding: 0 40px 0px;
    text-align: left;
    line-height: 180%;
    font-size: 1em;
    /* display: none; */
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
a#banner-slot-a {
	display: block;
	padding: 10px;
	margin: 0 10px 0 0;
	width: 70px;
	float: right;
	color: #000;
	background: #fff;
	border: 1px solid #ccc;
	text-decoration: none;
	text-align: center;
	display: none;
}

#main-banner-buttons div { 
    background: transparent;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 0 10px 7px 5px;
    float: left;
}
#main-banner-buttons div.banner-actual-button {
    background: transparent;
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 50%;
    display: flex!important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    float: left;
    font-size: 0;
}

#main-banner-buttons div.banner-actual-button.current a,
#main-banner-buttons div.banner-actual-button.notcurrent.current a { 
	background: url(banner-slot-dot-active.png) no-repeat center center;
}
#main-banner-buttons div.banner-actual-button.notcurrent a { 
	background: url(banner-slot-dot.png) no-repeat center center;
}
#main-banner-buttons div.banner-actual-button a {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transition-duration: .3s;
}
#main-banner-buttons div.banner-actual-button a:hover {
    transform: scale(1.1)
}

#main-banner-buttons div#banner-buttons-control-envelope {
    position: absolute;
    top: auto;
    display: inline-flex;
    width: 40px;
    height: 40px;
    right: -20px;
    margin: 0 auto;
    border-radius: 0;
}
#banner-buttons-start.banner-button-control {
    position: absolute;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 17px;
    background: url(Play-b.png) no-repeat center center;
    font-size: 0px;
    border: none !important;
    border-radius: 50% !important;
}
#banner-buttons-stop.banner-button-control {
    position: absolute;
    width: 16px;
    height: 16px;
    padding: 17px;
    margin: 0;
    background: url(Stop-b.png) no-repeat center center;
    font-size: 0px;
    border: none !important;
    border-radius: 50% !important;
}



#banner-buttons-start.banner-button-control.notcurrent, #banner-buttons-stop.banner-button-control.notcurrent {
    display: block !important;
    z-index: 9;
}
/* -------------------------------  BANER SLOT END ------------------------------------------ */


/* ------------------------------------      extra-block-top      ------------------------------------------------ */
#extra-block-top {
    position: relative;
    width: 100%;
    left: 0;
    flex-wrap: wrap;
    right: 0;
    top: 0px;
    z-index: 0;
    margin: 0 auto;
}
#extra-block-top .column_ha {
    /*max-width: 1200px;*/
    width: 100%;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#extra-block-top .module-container-columns-envelope {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    background: url(bg-menubox.png) no-repeat center top;
    width: 100%;
    height: 102px;
}
#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 .column-1.width-16,
#extra-block-top .module-container-columns-envelope .column-2.width-16,
#extra-block-top .module-container-columns-envelope .column-3.width-16 {
    width: 19%;
    padding: 5px 4px;
}
#extra-block-top .module-container-columns-envelope .column-4.width-50 {
    width: 40%;
}

#extra-block-top .module-container-columns-envelope .editor ul {
    display: flex;
    flex-wrap: wrap;
}

.editor h2 {
    clear: both;
    /*color: #fff !important;*/
}
#extra-block-top .env_hf_text_obrazok a {
    color: #fff;
    font-size: 0.87em;
    background: url(bullet-menubox.png) no-repeat center right;
    padding-right: 6px;
}
#extra-block-top .env_hf_text_obrazok .main_block {
    width: 100%;
    display: flex;
}
#extra-block-top .env_hf_text_obrazok .main_block .menu-block,
#extra-block-top .env_hf_text_obrazok .main_block .menu_block_foto {
    width: 49%;
    display: inline-block;
}
#extra-block-top .env_hf_text_obrazok .main_block .menu_block_foto {
    padding-left: 15px;
}
#extra-block-top .env_hf_text_obrazok .main_block .menu_block_foto .menu_block_photo {
    width: 123px;
    height: 76px;
    border: 3px solid #daedf6;
    background: #fff;
}
#extra-block-top .env_hf_text_obrazok .main_block .menu_block_foto .menu_block_photo a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 73px;
}


#main-content {
    width: 100%;
    margin: 0 auto 0;
    display: block;
    padding-top: 0px;
}

#main-content .column_mc {
    display: flex !important;
    flex-wrap: wrap;
    max-width: 1200px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
main#main {
    width: 79%;
    max-width: 945px;
    padding: 0px 0px 20px 45px;
    text-align: left;
}
#homepage_0 main#main {
    width: 100%;
    max-width: none;
    padding: 0;
    text-align: left;
}

#homepage_0 aside#left-column {
	width: 21%;
    padding: 0;
    margin: 0 0 0px;
    display: none;
}
aside#left-column {
	width: 21%;
    padding: 0;
    margin: 0 0 0px;
 
}
aside#right-column {
    width: 21%;
    padding: 0;
    margin: 0 0 0px;
    display: none;
    
}


/* ------------------------------------     extra-block-top END      ------------------------------------------------ */


/* ------------------------------------     MAIN CONTAIN       ------------------------------------------------ */

h1 {
    display: block;
    text-align: left;
    font-weight: 600;
    text-transform: none;
    color: #000;
    line-height: normal;
    font-size: 2.1em !important;
    margin: 0px 0 25px;
}
h2,
.env_tabulka_tawdis caption {
    width: auto;
    margin: 17px 0 0.7em;
    padding: 15px 20px !important;
    font-weight: bold;
    color: #000;
    display: block;
    line-height: normal !important;
    background: url(bg-h2.png) no-repeat center bottom;
    font-size: 1.4em;
    box-shadow: none;
}
.env_text_obrazok.header h2 {
    width: auto;
    margin: 17px 0 0.7em;
    padding: 15px 20px !important;
    font-weight: bold;
    color: #000;
    text-align: center;
    display: block;
    line-height: normal !important;
    background: url(bg-h3.png) no-repeat center bottom;
    background: #e6f2fe; /*url(bg-h3.png) no-repeat center top 50px*/
    border-bottom: 5px solid #0258a3;
    font-size: 1.4em;
    box-shadow: none;
}
.env_tabulka_tawdis caption {
    font-size: 1em;
    display: table-caption;
}
h2.module_header {
    color: #0258a3;
    border-bottom: 2px solid #0258a3;
    font-size: 1.25em;
    background: none;
    text-align: left;
    padding: 15px 20px !important;
    border-radius: 0;
}

/*#homepage_0 h2.oznamy-new-columns,
#homepage_0 h2.actions-new-columns {
	line-height: normal;
    background: url(bg-graf.png) no-repeat center right;
    box-shadow: none;
    margin-right: 5%;
    width: 130px;
    font-size: 1.666666em;
    padding: 15px 0px !important;
    border: none;
}*/
#homepage_0 .info-img-header h2.oznamy-new-columns, 
#homepage_0 .info-img-header h2.actions-new-columns {
    display: none;
}
#homepage_0 h2,
h2.oznamy-new-columns, 
h2.actions-new-columns {
    width: auto;
    display: flex;
    /* flex-flow: column; */
    justify-content: space-between;
    align-items: center;
    margin-top: 2.5rem;
    background: #e6f2fe;
    border-bottom: 5px solid #0258a3;
}

h3 {
    width: auto;
    margin: 0 0 0.7em;
    padding: 13px 19px 13px 0;
    font-size: 1.25em;
    font-weight: bold;
    text-align: left;
    color: #282421;
    background: url(bg-h3.png) no-repeat left bottom;
}
h3 .float_right {
    display: none;
}
.float_right {
    float: right;
    position: relative;
    width: auto;
}
/*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: #000;
}*/
div.env_oznamy h4.oznamy-subtitle, 
div.env_oznamy_uvod h4.oznamy-subtitle, 
h4.oznamy-subtitle,
.column h4 {
    width: auto;
    margin: 0 0 0.7em;
    padding: 10px 10px 10px 1px;
    font-size: 1.11111em;
    font-weight: bold;
    text-align: left;
    color: #363636;
}
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: none;
}
 

/* --------------------------- 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 a {
    display: block;
}
.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: 0px 0px 25px -10px #0258a3;
}
.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: 0px 10px;
    background: url(bg-links.png) no-repeat 50% 60%;
    height: 190px;
    transition-duration: .3s;
    font-size: 0.875em;
    color: #000;
    font-weight: bold;
}
.env_text_obrazok.main-links-img .main-links p a img {
    margin: 20px 0 20px;
}
.env_text_obrazok.main-links-img .main-links p a span {
    height: 77px;
    padding-top: 6px;
}

#main-content .main-links p a:focus .hover_pic, 
#main-content .main-links p a:hover .hover_pic {
    display: block;
}
#main-content .main-links p a:focus .main_pic, 
#main-content .main-links p a .hover_pic, 
#main-content .main-links p a:hover .main_pic {
    display: none;
}
#main-content .main-links p a:focus, 
#main-content .main-links p a:hover {
    background: #0258a3 url(bg-links-hover.png) no-repeat 50% 60%;
    color: #fff;
}

/* Formulare prisposobenie */
div h1.register-login a.link-button {
    background-color: #004f94;
    color: #ffffff;
    font-size: 1rem;
}
div .filter-body-part input, 
div .filter-body-part select, 
div .filter-body-part textarea {
    color: #004f94;
    border: 2px solid #004f94;
}
div .filter-body-part input.filter-button {
    background: #004f94;
    color: #fff;
    width: 100%;
}
div .filter-body-part input.filter-button:hover {
    background: #f5f5f5;
    color: #004f94;
}
div .filter-packing-head {
    background: #f3f2f1;
    border-bottom: 2px solid #004f94;
}
.search-extended-trigger a,
.search-extended-select a {
    color: #004f94 !important;
}

.search-extended-trigger a.current,
.search-extended-trigger a:hover {
    border-bottom: 2px solid #004f94 !important;
}
.search-extended-select a:hover {
    background: #004f94 !important;
    color: #fff !important;
}
/* Formulare prisposobenie end */

.env_text_obrazok.links h3 {
    text-align: center;
    font-size: 1.388888em;
    padding: 13px 0;
    background: url(bg-h3.png) no-repeat center bottom;
    margin-bottom: 0;
}
.env_text_obrazok.links .important-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background: #e9f5ff;
    padding: 45px;
}
.env_text_obrazok.links .important-links .important-links-column {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 33%;
    min-width: 250px;
    margin: 0 auto;
}
.env_text_obrazok.links .important-links .important-links-column p {
    width: 100%;
    padding:  16px 0;
}
.env_text_obrazok.links .important-links .important-links-column p a {
    color: #004f94;
    display: flex;
    font-size: 1.25em;
    font-weight: bold;

}
.env_text_obrazok.links .important-links .important-links-column p a img {
    padding-right: 15px;
}
.env_text_obrazok.links .editor p a:hover {
    color: #000;
    text-decoration-thickness: 3px;
}
.env_text_obrazok div.image-icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.env_text_obrazok div.image-icons .icon {
    width: 20%;
    max-width: 224px;
    margin: 0 auto 25px;
    min-width: 224px;
}
.env_text_obrazok div.image-icons .icon:first-of-type {
    margin-left: 0;
}
.env_text_obrazok div.image-icons .icon:last-of-type {
    margin-right: 0;
} 

.env_text_obrazok div.image-icons .icon a {
    display: flex;
    flex-wrap: wrap;
}
.env_text_obrazok div.image-icons .icon a p {
    font-size: 1.25em;
    color: #fff;
    background: #0258a3;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}
.env_text_obrazok div.image-icons .icon:hover a p {
    background: #000;
}

.links .erby {
    margin-top: 25px;
}
.links .erb-column {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.links .erb-column .erb {
    width: 20%;
    margin-bottom: 25px;
    min-width: 200px;
}
.links .erb-column .erb .noActive,
.links .erb-column .erb:hover .active {
    display: block;
}
.links .erb-column .erb .active,
.links .erb-column .erb:hover .noActive {
    display: none;
}
.links .erb-column .erb a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.links .erb-column .erb a p {
    padding-left: 15px;
    font-size: 1em;
    color: #0258a3;
}
.links .erb-column .erb:hover a p {
    font-weight: bold;
}
/* --------------------------- LINKS ON THE HOMEPAGE END ---------------------------- */




/* --------------------------- TABBED ---------------------------- */
/*.module_envelope.for-tabbing h2.oznamy-new-columns {
    background: none;
    padding: 0 !important;
    margin: 0;
    box-shadow: none;
}*/


h2.oznamy-new-columns a.oznamy-new-columns-all-link,
h2.actions-new-columns a.actions-new-columns-all-link {
    display: inline-flex;
    float: unset;
    margin: 20px 0 0;
    padding: 0 3px;
    line-height: normal;
    background: none /*url(arrow-all.png) no-repeat center right*/;
    color: #0258a3 !important;
    text-decoration: none;
    font-weight: 300;
    height: 20px;
    width: auto;
    border-bottom: 1px solid;
    transition-duration: .2s;
    position: relative;
    right: 0;
    font-size: 0.694444em;
}
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;
}

a.oznamy-new-columns-all-link,
a.actions-new-columns-all-link {
    background: #0258a3;
    color: #fff;
    display: flex;
    width: fit-content;
    margin: 0 auto;
    padding: 10px 15px;
    border: 1px solid;
}
a.oznamy-new-columns-all-link:hover,
a.actions-new-columns-all-link:hover {
    background: #fff;
    color: #0258a3;
    border: 1px solid;
    box-shadow: 5px 5px 20px -13px #000;
}


div.tabbed-page-modules-envelope li.tabbed-page-modules-li a {
    background: #f2f0eb !important;
    padding: 5px 30px !important;
    border-bottom: 2px solid #d5d1c4 !important;    
    color: #0258a3;
}

div.tabbed-page-modules-envelope li.tabbed-page-modules-li a:hover, 
div.tabbed-page-modules-envelope li.tabbed-page-modules-li a.current {
    color: #fff !important;
    /* border-bottom: 0px solid #ff9c00 !important; */
    font-weight: bold;
    background: #0258a3 !important;
    position: relative;
    transition-duration: .4s;
}


div.tabbed-page-modules-envelope {
	margin: 0 !important;
	padding: 0;
	text-align: left;
}
#homepage_0 div.tabbed-page-modules-envelope ul.tabbed-page-modules {
    margin: 0px 0 32px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    text-align: center;
    justify-content:center;
}
div.tabbed-page-modules-envelope ul.tabbed-page-modules {
	margin: 0px 0;
    display: flex;
	width: auto;
	flex-wrap: wrap;
    text-align: center;
    justify-content: flex-start;
}
div.tabbed-page-modules-envelope li.tabbed-page-modules-li {
    display: inline-flex !important;
    vertical-align: baseline;
    margin: 0 0.5em 0.5em !important;
    padding: 0;
    width: auto;
    /*overflow: hidden;*/
}
div.tabbed-page-modules-envelope li.tabbed-page-modules-li a {
    background: #f6f3eb !important;
    padding: 11px 23px !important;
    border-bottom: 0px solid #dddddd !important;
    color: #000;
    font-weight: bold;
    margin: 0.5em auto !important;
    font-size: 1.25em;
    line-height: 35px;
} 
div.tabbed-page-modules-envelope li.tabbed-page-modules-li a:hover::after,
div.tabbed-page-modules-envelope li.tabbed-page-modules-li a.current::after {
    /*content: '';
    clear: both;
    background: url(sep-tabbed.png) no-repeat;
    width: 17px;
    height: 10px;
    top: auto;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;*/
    
}
/* --------------------------- TABBED END ------------------------- */






ul.oznamy-new-columns-list p.oznamy_date, 
ul.actions-new-columns-list p.oznamy_date {
    text-align: left;
    margin: 10px 0px 0;
    position: relative;
    display: flex;
    flex-flow: column;
    overflow: hidden;
    padding: 5px 27px 5px 6px;
    max-height: 3.15em;
    bottom: 0;
    overflow: hidden;
    font-size: 0.875em;
    right: 0px;
}
ul.oznamy-new-columns-list li div.short-text, 
ul.actions-new-columns-list li div.short-text {
    box-sizing: border-box;
    padding: 0 !important;
    width: 100%;
    font-weight: normal;
    text-align: left;
    margin: 5px 5px 10px;
    color: #555555;
    word-break: break-word;
    font-size: 1em;
    min-height: 65px;
    height: 4.5em;
    line-height: 150%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    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 {
    width: 100%;
}

ul.oznamy-new-colums-list-default li div.image-envelope-default, 
ul.oznamy-graphic-list-default li div.image-envelope-default, 
ul.actions-new-colums-list-default li div.image-envelope-default, 
ul.actions-graphic-list-default li div.image-envelope-default {
    height: auto;
    overflow: visible;
}
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: block;
    max-height: 182px;
    overflow: hidden;
}



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: flex;
    flex-wrap: wrap;
    /* gap: 30px; */
}


ul.actions-new-columns-list li div.actions-date {
    display: flex;
    flex-flow: column;
    position: relative;
    padding: 0 6px;
    font-size: 1em;
    color: #363636;
    font-weight: bold;
}
ul.actions-new-columns-list li div.actions-date .action-time:first-of-type {
    display: none;
}

ul.oznamy-new-columns-list li, 
ul.actions-new-columns-list li {
    height: auto !important;
    border: none;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 33% 1fr;
    width: 100% !important;
    min-width: unset;
    margin: 0 10px 15px;
    padding: 6px 6px 10px 6px;
    align-items: flex-start;
    overflow: hidden;
    position: relative;
    transition-duration: 0.3s;
    border-bottom: 1px solid #ddd;
}
#homepage_0 ul.oznamy-new-columns-list li, 
#homepage_0 ul.actions-new-columns-list li {
    height: auto !important;
    border: none;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    width: 25% !important;
    min-width: unset;
    margin: 0 0px 15px;
    padding: 6px 6px 10px 6px;
    align-items: flex-start;
    overflow: hidden;
    position: relative;
    transition-duration: 0.3s;
    border-bottom: 1px solid #ddd;
}

ul.oznamy-new-columns-list li:hover, 
ul.actions-new-columns-list li:hover {
    background: #0258a3;
} 
ul.oznamy-new-columns-list li:hover a, 
ul.actions-new-columns-list li:hover a, 
ul.oznamy-new-columns-list li:hover div.short-text, 
ul.actions-new-columns-list li:hover div.short-text,
ul.oznamy-new-columns-list li:hover p.oznamy_date, 
ul.actions-new-columns-list li:hover p.oznamy_date {
    color: #fff;
}

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;
}

#homepage_0 .info-img-header ul.oznamy-new-columns-list li, 
#homepage_0 .info-img-header ul.actions-new-columns-list li {
    height: auto;
    border: none;
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
    width: 20% !important;
    min-width: unset;
    margin: 0 auto 10px;
    padding: 6px 6px 10px 6px;
    align-items: flex-start;
    overflow: hidden;
    position: relative;
    transition-duration: 0.3s;
    border-bottom: 1px solid #ddd;
    background: none !important;
}
#homepage_0 .info-img-header ul.oznamy-new-columns-list li:hover h3, 
#homepage_0 .info-img-header ul.actions-new-columns-list li:hover h3 {
    background: #000;
}
#homepage_0 .info-img-header ul.oznamy-new-columns-list li div.short-text,
#homepage_0 .info-img-header ul.actions-new-columns-list li div.short-text,
#homepage_0 .info-img-header ul.oznamy-new-columns-list p.oznamy_date, 
#homepage_0 .info-img-header ul.actions-new-columns-list p.oznamy_date {
    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;
}
.oznamy ul.oznamy-new-colums-list-default li.without-image-default div.image-envelope-default, 
.oznamy ul.actions-new-colums-list-default li.without-image-default div.image-envelope-default {
    background: url(oznamy.png);
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    width: 100%;
}
.oznamy ul.oznamy-new-columns-all-list-default li.without-image div.image-envelope {
    background: url(oznamy.png);
    opacity: 1;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    width: 30%;
    height: 225px;
}
.covid ul.oznamy-new-colums-list-default li.without-image-default div.image-envelope-default, 
.covid ul.actions-new-colums-list-default li.without-image-default div.image-envelope-default {
    background: url(oznamy-covid.png);
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    width: 100%;
}
.covid ul.oznamy-new-columns-all-list-default li.without-image div.image-envelope {
    background: url(oznamy-covid.png);
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    width: 100%;
}
.eut ul.oznamy-new-colums-list-default li.without-image-default div.image-envelope-default, 
.eut ul.actions-new-colums-list-default li.without-image-default div.image-envelope-default,
.eut ul.oznamy-new-columns-list .image-envelope a {
    background: url(uradna-tabula.png);
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto; 
    width: 100%;
}
.eut ul.oznamy-new-columns-all-list-default li.without-image div.image-envelope,
.eut ul.oznamy-new-columns-list .image-envelope a {
    background: url(uradna-tabula.png);
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    width: 100%;
}
.eut ul.oznamy-new-columns-list .image-envelope a img {
    opacity: 0;
}


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: 168px;
}



/* ------------------------------------  OZNAMY / AKCIE NOVA GRAFIKA  ------------------------------------  */
ul.oznamy-graphic-list-default, 
ul.actions-graphic-list-default {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0 15px !important;
    list-style-type: none;
    display: none;
}
ul.oznamy-graphic-list-default li, 
ul.actions-graphic-list-default li {
	position: relative;
    box-sizing: border-box;
    display: inline-block;
    width: 270px;
    height: 270px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    
}

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;
    width: 100%;
    max-width: 100%;
    max-height: 80%;
    background: rgb(9,43,96);
    background: linear-gradient(0deg, rgba(9,43,96,1) 20%, rgba(9,43,96,0.6811099439775911) 76%, rgba(253,187,45,0) 100%);
    padding: 40px 15px 15px 15px;
}
ul.oznamy-graphic-list-default li.next-oznamy {
	padding-right: 0;
}
ul.oznamy-graphic-list-default li div.image-envelope-default img, 
ul.actions-graphic-list-default li div.image-envelope-default img {
	width: 270px !important;
    height: 270px !important;
    min-height: unset !important;
    max-width: fit-content !important;
    min-width: unset !important;
    transform: scale3d(1, 1, 1);
    margin: 0 auto;
}
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-size: 1em;
    font-weight: bold;
    background: none;
    color: #ffffff;
    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 a, 
ul.actions-graphic-list-default li div.action-info-envelope-default h3 a {
    font-size: 1.25em;
    font-weight: 300;
    background: none;
    color: #ffffff;
    line-height: 150%;
    text-decoration: none;
    margin: 0 0 5px 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

ul.oznamy-graphic-list-default li.next-oznamy div.all-data-envelope, 
ul.actions-graphic-list-default li.next-actions div.all-data-envelope {
    box-sizing: border-box;
    background: #fff;
    color: #000 !important;
    padding: 20px;
}
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: #212938;
    height: auto;
    font-size: 1.25em;
    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: auto;
    font-size: 1.11111em;
    max-width: 80%;
    color: #26498b;
    text-decoration: underline;
    height: auto;
    line-height: 150%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
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: 20px;
    border: none;
    overflow: hidden;
    margin: 0 0 7px;
    padding: 0;
    font-size: 1em;
    color: #000;
    border-radius: unset;
}
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: underline;
}
/* ------------ 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: 5px;
}
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: 6px;
    height: auto;
    grid-column: 1;
    grid-row: 1/3;
}
#homepage_0 ul.oznamy-new-colums-list-default li div.image-envelope,
#homepage_0 ul.actions-new-colums-list-default li div.image-envelope {
    text-align: center;
    overflow: visible;
    padding: 6px;
    height: auto;
}
#homepage_0 .info-img-header ul.oznamy-new-colums-list-default li div.image-envelope, 
#homepage_0 .info-img-header ul.actions-new-colums-list-default li div.image-envelope {
    text-align: center;
    overflow: visible;
    padding: 6px 6px 0 6px;
    height: auto;
}
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: 168px !important;
    overflow: hidden;
    height: 168px;
    text-align: center;
    display: block;
}
#homepage_0 .info-img-header ul.oznamy-new-colums-list-default li div.image-envelope a, 
#homepage_0 .info-img-header ul.actions-new-colums-list-default li div.image-envelope a {
    width: 100% !important;
    max-height: 144px !important;
    overflow: hidden;
    height: auto;
    text-align: center;
    display: block;
}
ul.oznamy-new-colums-list-default li div.image-envelope-default img, 
ul.actions-new-colums-list-default li div.image-envelope-default img {
    max-width: 100%;
    width: 100%;
}
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: 1em;
    height: auto;
    overflow: visible;
    background: none;
    padding: 0 6px;
    margin: 0.7em 0;
    grid-column: 2;
}
#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: 1em;
    height: auto;
    overflow: visible;
    background: none;
    padding: 0 6px;
    margin: 0.7em 0;
    width: auto;
}
#homepage_0 .info-img-header ul.oznamy-new-colums-list-default li h3, 
#homepage_0 .info-img-header ul.actions-new-colums-list-default li h3 {
    font-size: 1.25em;
    height: auto;
    padding: 17px 17px !important;
    border: none !important;
    margin: 0 6px;
    align-items: center;
    text-transform: none;
    background: #0258a3;
}
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: 1.11111em;
    color: #0258a3;
    text-decoration: none;
    max-height: 3em;
    padding: 0;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#homepage_0 .info-img-header ul.oznamy-new-colums-list-default li h3 a, 
#homepage_0 .info-img-header ul.actions-new-colums-list-default li h3 a {
    color: #fff;
    font-size: 1em;
}
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: 30%;
    height: auto;
    overflow: visible;
    margin-right: 10px;
}
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: 333px;
    width: 100%;
    max-height: 222px;
    height: auto;
    display: inline-block;
    overflow: hidden;
}
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;
}
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: 1.25em;
    padding: 5px 6px 10px;
    height: auto;
}
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: 2.75rem;
    height: auto;
    overflow: hidden;
    display: block;
}
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: 1.11111em;
    display: block;
    margin-bottom: 55px;
    padding: 0px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
p.oznamy_date {
    font-size: 1.11111em;
    word-spacing: 0px;
    letter-spacing: -0.7px;
    text-align: left;
    color: #363636;
    padding: 6px;
}
/* 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: auto;
        overflow: visible;
        margin-right: 10px;
    }
    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: 430px !important;
        height: auto;
        overflow: hidden;
        text-align: center;
        display: block;
    }
    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: 430px;
        height: auto;
        display: block;
        overflow: hidden;
        margin: 0 auto;
    }

    .oznamy ul.oznamy-new-columns-all-list-default li.without-image div.image-envelope {
        width: 100%;
        max-width: 333px;
        height: 50vw;
        max-height: 225px;
        margin: 0 auto;
    }
}


/* ------------ OZNAMY UPRAVA PRE FOCUS END ------------ */
ul.oznamy-graphic-all-list-default li div.short-text-envelope-default div.short-text-default {
	font-size: 0.875em;
    height: 6em;
}
ul.oznamy-graphic-all-list-default li div.short-text-envelope-default p.oznamy_date {
	font-size: 1.11111em;
    text-align: right;
    padding: 10px 0 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: #0258a3;
    font-weight: 600;
    border: none;
    color: #fff;
    text-decoration: none;
}
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: #fff !important;
    color: #0258a3;
    border: 0px solid #fff;
    box-shadow: 0px 0px 20px -10px #0258a3;
}
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: 1.11111em;
    background: #0258a3;
    color: #fff;
    padding: 10px;
    border: 2px solid #363636;
    text-align: center;
    margin-top: 0;
    height: auto;
    width: 100%;
}
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 {
    color: #314c70;
    background: #fff;
    box-shadow: 1px 1px 5px 0px rgb(15 126 137 / 54%);
}
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: '...';
}
div.env_common_items_columns_responsive.list {
    max-width: 900px;
    margin: 0 auto;
}
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: 15px;
    padding: 0;
    height: 65%;
}
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;
    justify-content: flex-start;
}
.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;
    margin: 10px auto 0;
}

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 {
    max-width: 100%;
    width: 100%;
}


p.oznamy_date {
    font-size: 1.11111em;
    word-spacing: 0px;
    letter-spacing: -0.7px;
    text-align: left;
    color: #363636;
    padding: 6px;
}




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;
}
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 #4c83b4;
}
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 #4c83b4;
}




/* === 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%;
}

.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;
}
.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;
}
.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;
}
.env_common_items_columns_responsive .oznamy-new-colums-form-envelope .form-label-default.form-label {
    padding-left: 10px;
    background: none;
}

/* === 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;
}



/* === Vyhladavanie oznamy graficke End === */

/* ------------------------------------  OZNAMY / AKCIE NOVA GRAFIKA END-----------------------------------  */



/* ------------------------------------  EUT  ------------------------------------  */
.env_elektronicka_uradna_tabula #tts-4639366666cd76f96956469e7be39d750cc7d9 div.module_body,
.env_elektronicka_uradna_tabula #tts-463936ca2b418c91a0275cd27837559f31ff17 div.module_body {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}
.env_elektronicka_uradna_tabula div.module_body h2 {
    width: 100%;
}
.env_elektronicka_uradna_tabula .eut-item-envelope {
    width: 48%;
    word-break: break-word;
    padding: 10px;
    margin: 0.3em 0.3em 0.3em 0;
    border-bottom: 1px solid #dddddd;
}
.env_elektronicka_uradna_tabula .paging:nth-of-type(1) {
    display: none;
} 
.eut-item-envelope .file-download {
    display: none !important;
}
h3.eut-inv-date {
    display: inline-flex;
    height: fit-content;
    width: auto;
    margin: 0 0 0.7em;
    padding: 10px 10px 10px 1px !important;
    font-size: 1.125em;
    font-weight: bold;
    text-align: left;
    color: #0258a3;
    background: #fff;
}
.fsh-eut-inv-body {
    width: auto;
    display: inline-flex;
    flex-wrap: wrap;
    top: 33px;
    position: absolute;
    display: none;
}
.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: #0258a3;
    background: #fff;
}
.env_elektronicka_uradna_tabula .file-download span.file-text {
    font-size: 1.11111em;
    width: 70%;
    max-width: 650px;
    padding: 0 15px 0 10px;
}
div.file-download-default span.file-size-default {
    width: auto;
    color: #0258a3; 
}
/* ------------------------------------  EUT  END ------------------------------------  */
/* -------------------------------------------------- VZN NOVY -------------------------------------------------- */
div.vzn-new h4 {
    padding: 0;
    margin: 0;
    border: none;
    font-size: 1.11111em;
}
form.vzn-filter {
    margin: 0 10px 10px 0 !important;
    border: 1px solid !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;
}

/* -------------------------------------------------- VZN NOVY end -------------------------------------------------- */

/* ------------------------------------     ZMLUVY / FAKTURY / OBJEDNAVKY      ------------------------------------------------ */

div.zmluvy-new-search {
    border: 1px solid #000;
    padding: 10px;
}

div.zmluvy-new-search table.program_table tr {
    display: flex;
    box-sizing: border-box;
    flex-wrap: wrap;
    width: 100%;
}
/* ----------------------- TR 1  -------------------------------- */
div.zmluvy-new-search table.program_table tr:first-of-type td.automatic-col-1 {
    order: 1;
    width: 33%;
}
div.zmluvy-new-search table.program_table tr:first-of-type td.automatic-col-3 {
    order: 2;
    width: 33%;
}
div.zmluvy-new-search table.program_table tr:first-of-type td.automatic-col-5 {
    order: 3;
    width: 33%;
}
div.zmluvy-new-search table.program_table tr:first-of-type td.automatic-col-2 {
    order: 4;
    width: 33%;
    height: 44px;
}
div.zmluvy-new-search table.program_table tr:first-of-type td.automatic-col-4 {
    order: 5;
    width: 33%;
    height: 44px;
}
div.zmluvy-new-search table.program_table tr:first-of-type td.automatic-col-6 {
    order: 6;
    width: 33%;
    height: 44px;
}
/* ----------------------- 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%;
}
div.zmluvy-new-search table.program_table tr:nth-of-type(2) td.automatic-col-5 {
    order: 3;
    width: 33%;
}
div.zmluvy-new-search table.program_table tr:nth-of-type(2) td.automatic-col-1 {
    order: 1;
    width: 33%;
}
div.zmluvy-new-search table.program_table tr:nth-of-type(2) td.automatic-col-4 {
    order: 5;
    width: 33%;    
    height: 44px;
}
div.zmluvy-new-search table.program_table tr:nth-of-type(2) td.automatic-col-6 {
    order: 6;
    width: 33%;
    height: 44px;
}
div.zmluvy-new-search table.program_table tr:nth-of-type(2) td.automatic-col-2 {
    order: 4;
    width: 33%;
    height: 44px;
}
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;
}


/* ----------------------- TR 2 END -------------------------------- */
/* ----------------------- TR 3  -------------------------------- */
div.zmluvy-new-search table.program_table tr:last-of-type td.automatic-col-1 {
    order: 2;
    width: 33%;
    height: 50px;
}
div.zmluvy-new-search table.program_table tr:last-of-type td.automatic-col-2 {
    order: 4;
    width: 33%;
    height: 50px;
}
div.zmluvy-new-search table.program_table tr:last-of-type td.automatic-col-2 input {
    width: 100% !important;
    height: 100% !important;
}
/* ----------------------- TR 3 END -------------------------------- */

div.zmluvy-new-search table.program_table tr td select {
    width: 100%;
    height: 100%;
}



div.zmluvy-new-search-demand a,
div.zof-export a {
    display: block;
    text-align: center;
    text-decoration: none;
    width: auto !important;
    cursor: pointer;
    background: #01559e;
    color: #fff;
    padding: 1em 1.7em;
    font-size: 1.1em;
    transition: ease-in-out .2s;
    font-weight: 500;
}
div.zmluvy-new-search-demand a:hover,
div.zof-export a:hover {
    background: #fff;
    color: #000;
    box-shadow: 1px 1px 5px 0px rgb(15 126 137 / 54%);
}
div.zof-export {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-end;
}
/* ------------------------------------     ZMLUVY / FAKTURY / OBJEDNAVKY   END ------------------------------------------------ */
/* ------------------------------------------------- MODUL ĽUDIA NOVY ------------------------------------------------- */
a.person-detail-trigger {
    background: url(arrow-filter-down.png) no-repeat 100% 50%;
padding: 15px 20px;
}
.persons-detail-envelope-default .persons-data .show-more-trigger {
    margin-top: 20px !important;
    text-align: right;
    padding: 0 10px;
    display: none;
}
a.person-detail-trigger.current {
    background: url(arrow-filter-up.png) no-repeat 100% 50%;
padding: 15px 20px;
}
.persons-detail-envelope {
    border-bottom: 3px solid #eee;
    margin-bottom: 15px;
    font-size: 1.1111111em;
}
.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: 45%;
    height: auto;
}
.persons-detail-envelope-default .show-more-target {
    margin: 15px 0 25px;
    border-top: 2px solid #0258a3;
    padding-top: 20px;
}
.persons-detail-envelope-default .image-envelope {
    max-height: 300px;
    height: auto;
}
/* === MODUL ĽUDIA NOVY End === */

.env_zasadania .zasadenie-envelope a,
.env_komisie .zasadenie-envelope a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #0258a3;
    padding: 20px 25px;
    text-decoration: none;
    text-align: center;
    line-height: normal;
    height: 130px;
    background: #e9f5ff;
}
.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;
}
 /* Zasadania */
 .env_vzn .year_selector h3 a {
    background: #f5f5f5;
    color: #111111;
    padding: 14px 22px;
    border-bottom: 2px solid #dddddd;
}
.env_vzn .year_selector h3 a:hover {
    background: #f5f5f5;
    padding: 14px 22px;
    color: #0258a3;
    border-bottom: 2px solid #ffeb9b;
}
.env_vzn .year_selector h3  {
    float: left;
    margin: 5px 3px;
}
h3.year_array {
    float: left;
    width: 81px !important;
    text-align: center;
    margin: 15px !important;
    position: relative;
    border-radius: 5px 5px 0 0;
}
div.zasadenie-envelope {
    display: inline-block;
    width: 19%;
    margin: 0 auto;
    min-width: 125px;
}
.env_zasadania div.year_selector h3.year_array a {
    background: #f5f5f5;
    color: #111111;
    padding: 14px 22px;
    border-bottom: 2px solid #dddddd;
}
.env_zasadania div.year_selector h3.year_array a:hover {
    background: #f5f5f5;
    padding: 14px 22px;
    color: #0258a3;
    border-bottom: 2px solid #ffeb9b;
    margin: 0 10px 0 0;
}
div.zasadenie-envelope div a {
    width: 98%;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    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 0px rgb(2 88 163 / 64%);
    color: #363636;
    text-decoration: underline;
}
div.zasadania-form-envelope span.form-label {
    width: 100%;
    background: none;
    text-align: left;
    padding: 5px 0;
}
div.zasadania-form-envelope-default span.form-searchtext-default {
    width: 60%;
    flex: 1;
}
div.file-download-default span.file-count-default {
    position: absolute;
    right: 0;
    top: 20px !important;
    padding-right: 0;
    font-size: 0.8em;
}
/* Zasadania end */
/* ------------------------------------     MODUL KONTROLOR  ------------------------------------------------ */
/*.column .module_envelope input.button {
    width: 215px;
    height: 50px;
    cursor: pointer;
    background: #0258a3;
    font-size: 1.125em;
    font-weight: bold;
    color: #fff;
    padding: 0.5em 1em !important;
    
}
.column .module_envelope input.button:hover {
    cursor: pointer;
    background: #fff;
    font-weight: bold;
	color: #0258a3;
	transition: .3s;
	box-shadow: 1px 1px 5px 0px rgba(182 0 0 / 71%);
}
div.df-files-filter-part-envelope .df-files-filter-part-submit {
    width: 215px;
    height: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
div.df-files-filter-part-envelope .df-files-filter-part-submit a {
    background: url(zrusit-filter.png) no-repeat center right 35px;
    padding: 0;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    color: #0258a3;
    width: 100%;
    height: auto;
    display: block;
}
div.df-files-filter-part-envelope .df-files-filter-part-submit a:hover {
    color: #363636;
    text-decoration: underline;
}
.df-files-filter-name-default.df-files-filter-name {display: none;}

.env_download_file_with_filter .df-files-filter-inner form {
    display: flex;
    flex-wrap: wrap;
    padding-top: 25px;
    color: #363636;
    align-items: flex-end;
}
.df-files-filter-inner .df-files-filter-part-envelope {
    width: 25%;
    margin-bottom: 20px;
}

.df-files-filter-inner .df-files-filter-part-envelope:nth-of-type(5) {
    width: 60%;
}
.df-files-filter-inner .df-files-filter-part-envelope:nth-of-type(6) {
    width: 20%;
}
.df-files-filter-inner .df-files-filter-part-envelope:nth-of-type(5) .df-files-filter-part-value input {
    width: 95% !important;
}
.df-files-filter-inner .df-files-filter-part-envelope:nth-of-type(6) .df-files-filter-part-value input {
    width: 100%;
}
.df-files-filter-inner .df-files-filter-part-envelope .df-files-filter-part-name {
    width: 100%;
    display: block;
    padding-bottom: 5px;
}
.df-files-filter-inner .df-files-filter-part-envelope .df-files-filter-part-value {
    width: 100%;
    display: block;
    height: 50px;
}
.df-files-filter-inner .df-files-filter-part-envelope .df-files-filter-part-value select {
    height: 100%;
    width: 80%;
    
}
.df-files-filter-inner .df-files-filter-part-envelope .df-files-filter-part-value input {
    width: 80% !important;
    height: 50px;
    
}
.env_download_file_with_filter .df-files-filter-inner>.df-files-filter-part-envelope:last-of-type {
    position: absolute;
    top: 209px;
    right: 0;
    width: 20%;
    margin: 0;
}
.env_download_file_with_filter .df-files-filter-inner>.df-files-filter-part-envelope:last-of-type .df-files-filter-part-submit {align-items: center;}

.env_download_file_with_filter .df-files-filter-list-default .df-files-filter-header {
    display: grid;
    grid-template-columns: 8% 3% 8% 20% 18% 10% auto 12% 8%;
    background: #0258a3;
    color: #fff;
    padding: 15px;
    
    margin-top: 30px;
    font-size: 1.11111em;
    font-weight: bold;
}
.env_download_file_with_filter .df-files-filter-list-default .file-download {
    display: grid !important;
    grid-template-columns: 8% 3% 8% 20% 18% 10% auto 12% 8%;
    text-align: left;
    padding: 15px;
    font-size: 1.11111em;
    border-bottom: 1px solid #dddddd;
}
.env_download_file_with_filter .df-files-filter-list-default .file-download a {
    color: #0258a3;
    font-weight: 300;
    font-size: 1.0125em;
}
.env_download_file_with_filter .df-files-filter-list-default .file-download .file-text {
    width: 100% !important;
}*/
/* ------------------------------------     MODUL KONTROLOR 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: block;
    max-width: 333px;
    max-height: 222px;
    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: 1.11111em;
}
@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 ------------------- */
.search-extended-text input.search-submit {
    min-height: 44px;
    flex-grow: 1;
}
#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.inactive {
    display: grid;
    grid-auto-columns: 100px auto;
    grid-auto-rows: auto auto;
    width: 15%;
}
#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: #0258a3;
}
#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;
}
#search-extended-parts {
    margin: 15px 0;
}
#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: auto;
    margin: 11px 11px 11px 0;
    display: block;
}
#search-extended-date li.search-date-trigger a.search-part,
#search-extended-date li.search-date-trigger a.search-part.current {
    background: none;
    color: #363636;
}
#search-extended-select li a#search-select-all,
#search-extended-select li a#search-select-none {
    padding-left: 25px;
}
#search-extended-select li a#search-select-all::before {    
    display: inline-flex;
    clear: both;
    content: '';
    background: url(checker.png) no-repeat;
    width: 15px;
    height: 13px;
    top: auto;
    left: auto;
    bottom: auto;
    right: 8px;
    z-index: 99;
    transition-duration: .2s;
    position: relative;
}
#search-extended-select li a#search-select-none::before {
    display: inline-flex;
    clear: both;
    content: '';
    background: url(zrusit-filter.png) no-repeat;
    width: 15px;
    height: 13px;
    top: auto;
    left: auto;
    bottom: auto;
    right: 8px;
    z-index: 99;
    transition-duration: .2s;
    position: relative;
}


/* ---------------------- SEARCH EXTENDED END ---------------------- */



/* ------------- PAGINATION ------------- */
div.paging {
	margin-top: 5px;
	padding: 5px;
	font-size: 1.0em;
	text-align: center;
}

.results{
	float: right;
	margin: 1px 4px 0px 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;
	height: 44px;
    min-width: 44px;
	line-height: 20px;
	padding: 0 2px;
	list-style-type: none;
}

.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: #0258a3;
}
.pagination li a:hover {
	color: #000 !important;
	text-decoration: underline !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: #0258a3;
}
.pagination li span.current,
.pagination li span.hellip {
    background: #0258a3;
    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: #0258a3 !important;
}
.pagination li span.hellip {
	color: #0258a3 !important;
}
.pagination li {
    float: left;
    margin: 1px 3px 1px 0;
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 2px;
    list-style-type: none;
}
.pagination li span.hellip {
	padding: 0;
	background: transparent;
}
.pagination li span.disabled {
	color: #555 !important;
}
.pagination li span.em {
	font-family: Verdana, sans-serif;
	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; }
/* --------------- 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;
    text-transform: uppercase;
    background: #f5f5f5;
    border-bottom: 2px solid #dddddd;
    margin: 0;
}
ul.contact-list li.contact-list-item {
	word-break:break-word;
	margin: 0;
}
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%;
}
.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: block;
    width: 172px;
    height: 114px;
    overflow: hidden;
}
div.fotogaleria img {
    width: 100%;
    height: auto;
    max-height: 600px;
    border: 0 solid #ccc;
    margin: 0 auto;
    padding: 0;
}



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: 25%;
    left: 47%;
}
ul.fotogaleria-multi-kat-img-list-default, 
ul.fotogaleria-multi-foto-list-default {
    list-style-type: none;
    padding: 0;
    width: 100%;
    margin: 0;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 11px;
}
ul.fotogaleria-multi-kat-img-list-default li a div.gallist-katname-default {
    display: block;
    margin-top: 4px;
    text-align: left;
    font-size: 1.11111em;
    color: #0258a3;
}
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%;
}


ul.common-image-gallery-default {
    display: flex !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;
    height: 114px !important;
    overflow: hidden;
    border: 0px solid #aaaaaa !important;
}
ul.common-image-gallery-default li a.common-image-gallery-default img {
    width: 100%;
    min-width: unset !important;
    min-height: unset !important;
    width: 100%;
    height: auto;
}
ul.common-image-gallery-default li {
    display: inline-block;
    margin: 0px 5px 1% 0 !important;
    width: 172px !important;
    height: auto !important;
}

ul.fotogaleria-pure {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    margin: 0 !important;
}
ul.fotogaleria-pure li {
    display: block;
    width: 172px;
    height: auto;
    text-align: center;
    margin: 0 5px 4px 0px !important;
    padding: 0;
    border: none;
    background: none;
    max-height: 117px;
}
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: 114px;
    display: block;
    overflow: hidden;
    border: none;
}
ul.fotogaleria-pure li span.fotogaleria-picture-envelope img {
	width: 100%;
	height: auto;
}



ul.fotogaleria-multi-kat-img-list li, 
ul.fotogaleria-multi-foto-list li {
    width: 19% !important;
    margin: 0 0 2.4% 0 !important;
    height: auto;
    overflow: hidden;
    vertical-align: top;
}
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: 117px;
    overflow: hidden;
}
/* ------------------------------------     FOTOGALERIA END   ------------------------------------------------ */


/* ------------------------------------     DOWNLOAD   ------------------------------------------------ */
div.file-download a {
    width: 100%;
    padding: 3px 0;
    position: relative;
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    font-size: 1.11111em;
    text-decoration: none;
    margin: 3px 0;
    overflow-wrap: break-word;
    
}
div.file-download a:hover span.file-text {
    border-bottom: 2px solid ;
}
div.file-download a span.file-text {
    text-decoration: none !important;
    border-bottom: 1px solid;
    transition: ease-in-out .15s;
    min-height: 23px;
    max-width: calc(73% - 80px);
    width: auto;
}
/* ------------------------------------     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: 0px !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: 0px;
}



/* ------------------------------------     MOOVING PICTURE END   ------------------------------------------------ */


/* ------------------------------------     RIGHT ASIDE      ------------------------------------------------ */
div.menu_hlavicka_r, 
.column_r h2.head, 
h2.menu_hlavicka_r, 
div.menu_hlavicka_r, 
div.main_page_r {
    width: auto;
    margin: 0 0 5px 0;
    padding: 10px 0px;
    position: relative;
    text-align: left;
    font-size: 1.25em;
    font-weight: bold;
    list-style: none;
    /* color: #000; */
    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: 1em 0;
    margin: 0em 0 1em;
    font-size: 1.25em;
    text-align: left;
    font-weight: bold;
    color: #282421;
    border-bottom: 4px solid #ff9c00;
}
.env_uputavky_new .menu_hlavicka a {
    font-size: 1.25em;
    color: #fff;
    display: block;
    text-align: left;
    width: 100%;
    background: #0258a3;
    margin: 32px 0 8px;
    padding: 8px 32px;
}
.uputavka-new-subtitle a {
    color: #363636;
    border-bottom: 1px solid;
    text-decoration: none;
    transition-duration: .2s;
}
.uputavka-new-subtitle a:hover {
    border-bottom: 2px solid;
}
/* ------------------------------------     RIGHT 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: 0px;
    width: 100%;
    line-height: 150%;
    font-weight: 600;
    align-items: center;
    display: flex;
    justify-content: flex-start;
}
.cookie-alert p.cookie-buttons {
    padding-top: 0px;
    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-alert a#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-alert a#cookie-confirm:hover,
.cookie-alert a#more-info:hover {
    background: #363636;
    color: #fff;
    border: 1px solid #fff;
    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;
    }
}
@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: 3px dotted #ff8900!important;
    outline-offset: 3px;
    z-index: 9999;
}
input[type="button" i]:focus {
    outline: 5px auto -webkit-focus-ring-color!important;
    outline: 3px dotted #ff8900!important;
    outline-offset: 3px;
    z-index: 9999;
}
.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: 0 !important;
    left: 0 !important;
    font-size: 20px;
    text-transform: uppercase;
    background: #fff;
    padding: 5px;
    z-index: 10000;
}


/* ------------------------------------      Focus  End     ------------------------------------------------ */

/*------------------------------------------- HEADER LINK---------------------------------- */
#header-anchor-link {
    background: #e9f5ff url(menu-arrow-up.png) no-repeat center;
    border: 2px solid #0258a3;
    margin-left: 0;
    right: 20px;
    bottom: 20px;
    width: 41px;
    height: 41px;
    z-index: 9999;
}
#header-anchor-link:hover {
	border-radius: 50%;
	transition: 0.3s;
	background: #0258a375 url(menu-arrow-up-w.png) no-repeat center;
	/*border: 2px solid #ff9c00;*/
}

/*----------------------------------------- HEADER LINK END ------------------------------------------------- */

/* ------------------------------------     extra-block-bottom     ------------------------------------------------ */
div#extra-block-bottom {
    display: block;
    width: 100%;
    position: relative;
    z-index: 99;
    margin: 0 auto;
    height: auto;
    bottom: 0;
}
#extra-block-bottom h3 {
    text-align: center;
    width: 100%;
    display: block;
    font-size: 1.25em;
    margin: 0px 0 16px !important;
    background: none;
    font-weight: bold;
    color: #000;
}
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%;
    background: transparent;
    justify-content: center;
    top: 0;
    padding-bottom: 0;
    /* margin-bottom: 46px; */
}

#extra-block-bottom .column_fb .env_hf_text_obrazok .editor {
    display: flex;
    /*max-width: 1200px;*/
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
}
#extra-block-bottom .env_hf_text_obrazok.important_links h3 {
    text-align: center;
    width: 100%;
    display: block;
    font-size: 1.25em;
    margin: 10px 0 16px !important;
    background: none;
    font-weight: bold;
    color: #000;
}
#extra-block-bottom .env_hf_text_obrazok.important_links .quick.links {
    background: #e9f5ff;
    width: 100%;
    padding: 45px 0 160px;
}
#extra-block-bottom .env_hf_text_obrazok.important_links .quick.links .all-quick-links {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}
#extra-block-bottom .env_hf_text_obrazok.important_links .quick.links .quick.links-column {
    width: 25%;
    padding: 16px 0;
    text-align: left;
}
#extra-block-bottom .env_hf_text_obrazok.important_links .quick.links .quick.links-column h4 {
    text-transform: uppercase;
    color: #000;
}
#extra-block-bottom .env_hf_text_obrazok.important_links .quick.links .quick.links-column p {
    padding: 15px 0 0;
}
#extra-block-bottom .env_hf_text_obrazok.important_links .quick.links .quick.links-column p a {
    color: #0258a3;
}

#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: 120px auto;
}
#extra-block-bottom .module_envelope_fb.env_hf_menu_block.blok .module-inner-envelope {
    margin-top: 0;
}
.env_hf_module_container .module-container-columns-envelope {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
}
.env_hf_module_container .module-container-columns-envelope .module-container-column {
    width: auto;
}


footer a.module-container-header-trigger {
    display: none;
}

#extra-block-bottom .column_fb .env_hf_text_obrazok.mapa {
    max-width: 1200px;
    margin: -120px auto 0;
    padding: 0;
}

.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%;
}


/* ------------------ BLOK MENU LI  ------------------ */
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: 25px 0 12px;
    margin: 0 0 10px !important;
    font-weight: bold;
    color: #000;
    text-align: left;
    list-style-type: none;
    font-size: 1.00em;
}
ul.menu_block li a {
    color: #0258a3;
    margin: 0;
    line-height: normal;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid;
    transition-duration: .2s;
}
ul.menu_block li a:hover {
    border-bottom: 3px solid;
}
li.menu_block_order_0, li.menu_block_order_1,
li.menu_block_order_2, li.menu_block_order_3 {
    padding: 4px 0 4px;
    margin-left: 0 !important;
    list-style-type: none;
    text-align: left;
}
div.menu_block_container ul {
	margin: 0;
	padding: 0;
}
ul.menu_block {
    padding: 0;
    margin: 0 auto;
    font-size: 1.0em;
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
}
ul.menu_block::after {
    background: #e9f5ff;
    display: block;
    content: '';
    clear: both;
    width: 100%;
    height: 350px;
    top: auto;
    bottom: -140px;
    left: 0px;
    right: auto;
    z-index: 0;
    margin: 0 auto;
    position: absolute;
}

ul.menu_block li.brclear {
	background: none;
	border: none;
}
li.menu_block_kat {
    float: left;
    margin: 0 !important;
    padding: 0;
    list-style-type: none;
    z-index: 999;
    width: 25%;
}
li.menu_block_kat ul {
    margin: 0;
    padding: 18px 0 0px;
}

/* ------------------ BLOK MENU LI END ------------------ */

/* ------------------------------------     extra-block-bottom END    ------------------------------------------------ */

footer {
    width: 100%;
    
}
footer .column_f {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    /*max-width: 1200px;*/
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}
#main-footer {
    font-size: 1em;
    line-height: 150%;
    clear: both;
    /* max-width: 1200px; */
    position: relative;
    width: 100%;
    margin: 0 auto 0;
    height: auto;
    padding: 0;
    text-align: center;
    background: none;
}
footer .env_hf_module_container {
    width: 100%;
    text-align: left;
    padding-top: 15px;
    padding: 15px 15px 0;
}
footer .env_hf_module_container.upper {
    max-width: 1200px;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    padding: 55px 0px 15px;
    /*border-bottom: 1px solid #fff;*/
}
footer .env_hf_module_container.lower {
    background: #333333;
    margin-bottom: 0;
}
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 .module-container-columns-envelope .module-container-column {
    width: 25%;
    overflow-wrap: break-word;
}
footer .env_hf_module_container .module-container-columns-envelope {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
footer p#data-header,
footer .module-container-columns-envelope .module-container-column .data-header {
    color: #000 !important;
    text-align: center !important;
    font-weight: bold !important;
    padding: 0px !important;
    margin: 0 0 31px !important;
    text-transform: uppercase;
}
footer .module-container-columns-envelope .module-container-column p {
    text-align: center;
    padding: 0 10px 10px;
    margin: 0;
    line-height: 150%;
    color: #fff;
}
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;
}
footer .module-container-columns-envelope .column-3 div.module-in-container {
    margin: 0;
    text-align: center;
}
footer .module-container-columns-envelope .column-3 div.module-in-container a {
    text-align: center;
    padding: 0 40px 0;
}
footer .module-container-columns-envelope div.module-in-container>a {
    display: none;
}
#main-footer .module-in-container.env_hf_text_obrazok h4 {
    color: #000;
    font-weight: bold;
    text-align: center;
    margin: 20px 0;
    padding: 41px 0;
    background: url(bg-head-footer.png) no-repeat left bottom;
}

#main-footer .module-in-container .module_body a {
    color: #0258a3;
    text-align: center;
    font-weight: 300;
    padding: 0px 0 5px 0;
    margin: 0;
}
#main-footer .module-in-container.env_hf_technical .module_body a {
    font-size: 1em;
}
#main-footer .module-in-container p {
    color: #555555;
    text-align: center;
    font-weight: 300;
    padding: 0px 17px 5px 0;
    margin: 0;
}

footer .env_hf_module_container.lower .module_body {
    display: flex;
    flex-wrap: wrap;
    height: 120px;
    align-items: center;
}
footer .env_hf_module_container#mid_459020>.module-inner-envelope>.module_body {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
footer .module-in-container.env_hf_tiraz {
    display: inline-flex;
    width: 83%;
    color: #fff;
    flex: 1;
    justify-content: flex-end;
}
footer .module-in-container.env_hf_tiraz .module_body {
    font-size: 0.83333em;
}
footer .module-in-container.env_hf_tiraz .module_body a {
    color: #fff !important;
}

footer .module-in-container.env_hf_time {
    position: absolute;
    right: 35px;
    bottom: 23px;
    font-size: 14px;
    color: #fff;
    display: none;
}
footer .module-in-container.env_hf_date {
    position: absolute;
    right: 28px;
    bottom: -4px;
    font-size: 14px;
    color: #fff;
    display: none;
}

footer .editor td, footer .editor th {
    border-color: #ccc;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}

footer .module-in-container.env_hf_time #hodiny {
    width: 75px;
    text-align: right;
    background: url(clock.png) no-repeat center left;
    padding-left: 28px;
}
footer .module-in-container.env_hf_date .module_body {
    width: 81px;
    text-align: right;
    background: url(date.png) no-repeat center left;
    padding-left: 35px;
}


.env_hf_image.webygroup { 
    position: relative;
    display: inline-flex;
    width: auto;
} 
/* ------------------------------------------------------------------------------------ */

/* -------------------------------- 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;
}
.olo-filter-envelope form .form-part-envelope,
form-part-envelope-default form-part-envelope {
flex: 100%;
}
/* -------------------------------- 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: #000000;
    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.print_row a::after {
    content: "Vytlačiť stránku";
    display: inline-block;
    padding: 0 0 0 10px;
    color: #0258a3;
}


















/* -------------------------------- 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;
    }
    /*-------------  DISPLAY : NONE END -------------- */

  ----------------------------- LOGO------------------------------- */
    .header-logo-envelope>a {
        /*display: grid;
        grid-auto-columns: auto auto;
        grid-auto-rows: 55px auto;
        text-decoration: none;*/
    }
    .header-logo-img-envelope {
        /*grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: span 2;*/
    }
    .header-logo-text {
        /*font-size: 2em;*/
    }
   /* .header-logo-text-ext {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 2;
        order: 2;
        font-size: 2.22222em;
        font-weight: 300;
        text-transform: uppercase;
        position: relative;
        text-decoration: none;
        color: #00569f;
        width: 100%;
        top: -25px;
    }*/
    /*------------------------------- LOGO END------------------------------- */

    nav ul.hf-hmenu {
        max-width: 720px;
    }
    nav li.level-0 > ul {
        left: -432px !important;
        width: 1000px !important;
    }
    ul.hf-hmenu li.level-0 {
        padding: 4px 13px 1px;
    }
    ul.hf-hmenu li.level-0.with-submenu span.hf-menu-envelope a {
        padding-left: 10px;
    }
    
    ul.hf-hmenu>li.level-0.with-submenu>span.hf-menu-envelope>a::before {
        left: 0px;
    }
    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;
    }  
    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;
    }
    .module-in-container.env_hf_text_pure {
        position: relative;
        left: -21%;
    }

    input#search-submit-button {
        height: 21px;
    }
    header .module_envelope.module-in-container.env_hf_finder #finder_stabil {
        top: 0;
        right: 0;
        position: relative;
    }

    header .module_envelope_h.env_hf_module_container#mid_457042 {
        position: absolute;
        top: 0px;
        width: auto;
        left: auto;
        z-index: 99;
        right: 0;
        display: inline-flex;
        margin: 0 auto;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    header .env_hf_image#mid_457040 {
        position: fixed;
        top: 20px;
        left: 40px;
        right: auto;
        margin: 0;
        width: 1010px;
        z-index: 99;
        height: 123px;
    }
   
   header .module_envelope_h.env_hf_logo {
        margin: 0 auto;
        /*z-index: 9999;*/
    }
    nav li.level-0 ul {
        top: 0px !important;
    }


/* ------------------------ EXTRA BLOCK TOP ------------------------ */
	#extra-block-top {
        top: 43px;
    }
    #extra-block-top .module-container-columns-envelope {
        min-height: 102px;
    }
    #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: 56%;
        flex-wrap: wrap;
        margin: 0 auto;
        justify-content: center;
    }
    /* ------------------------ EXTRA BLOCK TOP END ------------------------ */

    /*-------------------------------- MAIN-------------------------------- */
    
    #main-content {
      padding-top: 0;
    }
  
    h2#banner-slot-h2 {
        font-size: 1.8em;
    }
    .env_text_obrazok div.image-icons .icon {
        margin: 0 auto 25px !important;
    }

    ul.oznamy-new-colums-list-default li.without-image div.image-envelope, 
    ul.actions-new-colums-list-default li.without-image div.image-envelope {
        opacity: 1;
        width: 100%;
        height: 100%;
        max-height: 170px;
    }
   
    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: center;
    }
/*-------------------------------- MAIN END-------------------------------- */
    /* ------------------- 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 ------------------ */



    #main-footer {
      
    }
    footer .column_f {
        /* display: flex; */
        /* flex-wrap: wrap; */
        /* position: relative; */
        /* width: 100%; */
        /* left: 0; */
        justify-content: space-around;
        /* right: 0; */
        /* margin: 0 auto; */
        /* bottom: 0px; */
    }

    footer .env_hf_module_container {
        width: 100%;
        text-align: left;
        /*padding-bottom: 35px;*/
    }
    .module-in-container.env_hf_image#mid_458292 {
        position: relative;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: inline-block;
        bottom: 2px;
    }
    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;
    }


    a.oznamy-new-columns-all-link.bottom-of-module, 
    a.actions-new-columns-all-link.bottom-of-module {
        display: block;
        width: auto;
        position: relative;
        top: 0;
        right: 0;
        font-size: 1.25em;
        margin: 0;
        padding: 12px 30px 25px;
        line-height: 130%;
        background: url(bg_graficke_oznamy.png) no-repeat center bottom;
        color: #0258a3 !important;
        font-weight: 300;
        
        /* text-decoration: underline; */
        border: none;
        text-transform: unset;
    }

}
@media only screen and (max-width:1180px){
    .column .module_envelope input#l_heslo,
    .column .module_envelope input#l_meno {
        width: 100%;
    }
}

@media only screen and (max-width:1130px){
    ul.hf-hmenu li {
        padding: 4px 0px 1px;
    }
 
}
@media only screen and (max-width:1120px) {
    #homepage_0 ul.oznamy-graphic-list-default li, 
    #homepage_0 ul.actions-graphic-list-default li {
        margin: 0 100px 50px;
    }
    ul.oznamy-graphic-list-default, 
    ul.actions-graphic-list-default {
        justify-content: center;
    }
    #homepage_0 .env_text_obrazok .rychle_oznamy {
        justify-content: center;
    }
    #homepage_0 .env_text_obrazok .rychle_oznamy a {
        margin: 0 100px 50px;
    }
}
@media only screen and (max-width:1100px) {
    header nav li.level-1 ul.hf-hsubmenu {
        top: -9px !important;
    }
    ul.fotogaleria-multi-foto-list li {
        width: 32%;
        margin: 0 auto 1%;
        height: auto;
    }
    ul.fotogaleria-multi-kat-img-list li a .gallimg-envelope, 
    ul.fotogaleria-multi-foto-list li a .gallimg-envelope {
        height: 169px;
    }
    ul.fotogaleria-multi-kat-img-list li {
        width: 32%;
        margin: 0 auto;
        height: auto;
    }
    ul.fotogaleria-multi-kat-img-list li a .gallimg-envelope {
        height: 169px;
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
    nav ul.hf-hmenu {
        max-width: unset;
    }
    nav li.level-0 > ul {
        left: 0px !important;
        width: 100% !important;
        margin: 81px auto 0;
    }
    header .env_hf_menu {
        top: 0;
        background: #0258a3;
    }
    header .env_hf_menu .module-inner-envelope {
        width: 100%;
    }
    .env_hf_menu .module_body {
        width: 100%;
    }
    ul.hf-hmenu li {
        width: 20%;
    }
    ul.hf-hmenu li span.hf-menu-envelope {
        justify-content: center;
    }
    ul.hf-hmenu li span.hf-menu-envelope a {
        padding: 15px 0 20px;
        min-height: 78px;
    }
    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;
    }
}

@media only screen and (max-width:1065px) {   
    footer .column_f {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        left: 0;
        justify-content: space-around;
        right: 0;
        margin: 0 auto;
    }
    /*ul.hf-hmenu li.level-0.with-submenu span.hf-menu-envelope a {
        padding-left: 0px;
    }*/ 
}
@media only screen and (max-width:1050px) {
    ul.oznamy-new-columns-list li, 
    ul.actions-new-columns-list li {
        border-bottom: 3px solid #0258a3;
    }
    ul.oznamy-new-colums-list-default li.without-image div.image-envelope, 
    ul.actions-new-colums-list-default li.without-image div.image-envelope {
        opacity: 1;
        width: 100%;
        height: 100%;
        max-height: 168px;
    }
    ul.oznamy-new-colums-list-default li h3, 
    ul.actions-new-colums-list-default li h3 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    nav li.level-0.liopened::after {
        bottom: 57px;
    }
}
@media only screen and (max-width:1020px) {
    .module-in-container.env_hf_text_pure {
        position: relative;
        left: -15%;
    }
    .module-in-container.env_hf_text_pure a {
        font-size: 1em;
    }
    ul.oznamy-new-colums-list-default li div.image-envelope {
        max-height: 215px;
    }
    ul.oznamy-new-colums-list-default li.without-image div.image-envelope, 
    ul.actions-new-colums-list-default li.without-image div.image-envelope {
    /*max-height: 215px;*/
    }
    header .module_envelope.module_envelope_h.env_hf_multi_foto {
        width: 45%;
    }
    div.multi-foto-link-system {
        background: none !important;
        border-radius: 0px;
       
    }
    div.multi-foto-link-system img {
        border-radius: 20px 20px 100px 20px;
    }
}
@media only screen and (max-width:1010px) {
    ul.hf-hmenu li:last-of-type ul.hf-hsubmenu {
        left: -55% !important;
    }
    #extra-block-bottom .region-ponuka ul {
        display: flex;
        width: 77%;
        flex-wrap: wrap;
        margin: 0 auto;
        justify-content: center;
    }
    .env_elektronicka_uradna_tabula .eut-item-envelope {
        border-bottom: 1px solid #eee;
        width: 48%;
        word-break: break-word;
    }
    header {
        background: #004f94;
        margin-bottom: 0;
    }
    .header-logo-envelope>a {
        padding: 10px;
    }
    .header-logo-img-envelope {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: span 2;
    }
    .header-logo-text {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 2;
        padding: 0;
        margin-left: 22px;
    }
    header .header-logo-text-ext {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 1;
    }
    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;
    }
}
@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%;
    }
    #extra-block-bottom .hot-links-bf {
        width: 50%;
    }
    #extra-block-bottom .partners-bf p {
        width: 100%;
        margin: 0 0 15px;
    }
    #extra-block-bottom .podpora,
    #extra-block-bottom .partners {
        width: 100%;
        justify-content: center;
    }
    #extra-block-bottom .podpora p {
        width: 50%;
    }
    #extra-block-bottom .partners p {
        width: 50%;
    }
   
}
@media only screen and (max-width:980px) {
    h2#banner-slot-h2 {
        font-size: 1.5em;
        -webkit-line-clamp: 3;
    }
    ul.oznamy-graphic-list-default li, 
    ul.actions-graphic-list-default li {
        margin: 0 50px 50px;
    }
    #homepage_0 .env_text_obrazok .rychle_oznamy a {
        margin: 0 50px 50px;
    }
}
@media only screen and (max-width:970px) {
    header {
        top: 0px;
        left: 0;
        right: 0;
        margin: 0 auto 27px;
    }
    header .column_h {
        align-items: center;
        height: auto;
    }
     header .module_envelope_h.env_hf_module_container.header-aside {
        height: 55px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        z-index: 9999;
    }
    header .module_envelope_h.env_hf_module_container.header-search {
        padding-top: 0px;
        top: -18px;
    }

/* ----------------------------- MENU TRIGGER ---------------------------------------------*/
/*header .env_hf_menu {
    display: none;
}
li#rwd-menu-container-env::marker {
    color: #fff;
} 
#rwd-menu-trigger .rwd-menu-trigger-a {
    display: flex;
    flex-wrap: wrap;
    padding: 0 44px 0 0;
    text-align: right;
    align-items: center;
    justify-content: flex-end;
    text-decoration: none;
    box-sizing: content-box;
    font-weight: bold;
    margin: 0;
    right: 22px;
    top: 32px;
    color: #fff;
    height: 44px;
    width: auto;
    transition: .15s;
    position: relative;
    background: url(rwd-menu.png) no-repeat 100% 0%;
    font-size: 1.25em;
} 
#rwd-menu-trigger .rwd-menu-trigger-a.opened {
    background: url(RWD-zatvorene.png) no-repeat 100% 0%;
}

#rwd-menu-trigger .rwd-menu-trigger-a::after {
    content: 'Menu';
    clear: both;
    width: 64%;
    height: 20px;
    top: auto;
    bottom: -25px;
    left: 0;
    right: 0;
    font-size: 16px;
    z-index: 99999;
    margin: 0 auto;
    position: relative;
    display: none;
}
#rwd-menu-trigger::marker {
    color: transparent;
}
.module_envelope_h.env_hf_menu_rwd {
    position: relative;
    width: 99%;
    left: auto;
    margin: 0;
    top: -94px;
    bottom: auto;
    height: 1px;
    right: 0%;
    order: 4;
    z-index: 9;
    display: block;
}
.module_envelope_h.env_hf_menu_rwd .module-inner-envelope {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

#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 {
    width: 100%;
    justify-content: space-between;
    padding: 0 0 0 0px !important;
    text-align: left;
    background: none;
    border-bottom: 1px dotted #0258a3;
    border-radius: 0;
    margin: 0;
    display: flex;
    position: relative;
    height: auto;
    line-height: 50px;
    flex-wrap: wrap;
    align-items: center;
}

ul.hf-hmenu>li.level-0.current {
    background: none !important;
}

#rwd-menu-trigger .hf-hmenu li.level-2 {
    padding: 0 0 0 0px !important;
}
#rwd-menu-trigger .hf-hmenu li .hf-menu-envelope {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: flex-end;
    width: auto;
    flex-grow: 1;
    box-sizing: border-box;
}

#rwd-menu-trigger .hf-hmenu li a {
    border: none !important;
    color: #0258a3 !important;
    background: none !important;
    font-size: 1.25em;
    padding: 0px 20px;
    height: auto;
    text-align: left;
}
#rwd-menu-trigger .hf-hmenu li.current>span>a {
    font-weight: bold;
}
#rwd-menu-trigger .hf-hmenu > li:hover {
    background: #0258a3;
}
#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 {
    color: #fff !important;
}
.hf-hsubmenu.hclosed.opened li.level-1:hover a {
    color: #0258a3 !important
}


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;
}
#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.hor-menu.active {
    color: #0258a3 !important;
}
ul.hf-hmenu>li.level-0.with-submenu>span.hf-menu-envelope>a::before {
    display: none;
}

ul.hf-hmenu>li.level-0.with-submenu a.mobile-under-menu-trigger::after {
    display: inline-flex;
    content: '';
    clear: both;
    background: url(arrow-right.png) no-repeat center right;
    width: 12px;
    height: 45px;
    top: auto;
    left: auto;
    bottom: auto;
    right: 7px;
    z-index: 99;
    position: absolute; 
}
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 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;
    content: '';
    clear: both;
    background: url(arrow-vodmenu-active.png) no-repeat center right !important;
    width: 12px;
    height: 45px;
    top: auto;
    left: auto;
    bottom: auto;
    right: 7px;
    z-index: 99;
    position: absolute;
}



#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: #0258a3bd url(menu-arrow-up-w.png) no-repeat center center;
    font-size: 0;
}
a.mobile-under-menu-trigger {
    display: inline-block;
    float: right;
    width: 50px;
    height: 50px;
    background: #0258a3 url(menu-arrow-down-w.png) no-repeat center center;
    font-size: 0;
}
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: #eee;
}
ul.menu_cover.opened a, 
ul.hf-hmenu li ul.hf-hsubmenu.opened a {
    color: #0258a3 !important;
}

#rwd-menu-container.opened {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    right: 0px;
    justify-content: flex-end;
    width: 50%;
    float: right;
    top: 41px;
    margin: 0 auto;
    z-index: 40000;
    overflow-x: hidden;
    background: #fff;
    box-shadow: 0 15px 15px 0 #000000;
}

#rwd-menu-container ul li.menu_hlavicka {
    padding: 0;
}
#rwd-menu-container ul li.menu_hlavicka a.menu_hlavicka {
    display: block;
    text-decoration: none;
    padding: 15px 30px 15px 20px;
    border-bottom: 1px dotted #0258a3;
    font-size: 1.25em;
    font-weight: bold;
    background: #FFf;
    color: #0258a3;
    border-radius: 0;
    border-left: none;
}
#rwd-menu-container ul li.menu_hlavicka.with-submenu a.menu_hlavicka {
    display: block;
    box-sizing: border-box;
    flex-grow: 1;
    word-break: break-all;
    width: 75%;
    text-decoration: none;
    padding: 13px 60px 14px 20px;
    border-bottom: 1px dotted #0258a3;
    font-size: 1.25em;
    font-weight: bold;
    background: #FFf;
    color: #0258a3;
}
.module_envelope ul li {
    display: block;
    margin-left: 0;
    text-align: left;
}
ul.hf-hmenu li ul.hf-hsubmenu {
    position: relative;
    left: 0;
    width: 100%;
    top: 0;
    background: #0258a314;
}
ul.hf-hmenu li.level-1 ul.hf-hsubmenu {
    left: 0 !important;
    width: 100%;
    border-left: 25px solid #0258a396;
    background: #e5e5e5;
    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 #0258a396;
    background: #fff;
    box-sizing: content-box;
}
ul.fotogaleria-pure li {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 5px 4px 0px !important;
    padding: 0;
    border: none;
    background: none;
}
ul.fotogaleria-pure li span.fotogaleria-picture-envelope a {
    width: 100%;
    height: 220px;
    display: block;
    overflow: hidden;
    border: none;
}
ul.hf-hmenu li:focus-within ul.hf-hsubmenu.hopened, ul.hf-hmenu li ul.hf-hsubmenu.hopened {
    display: flex;
    transition: ease-in-out .2s;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: calc(100vh - 80px - 126px);
}
ul.hf-hmenu li:hover ul.hf-hsubmenu {
    display: none;
}*/
/* ----------------------------- MENU TRIGGER END ------------------------------------------*/



    div#google-lang-envelope {
        /*display: inline-block;*/
        top: 15px;
        right: 1em;
        height: 13px;
        width: 40px;
        z-index: 99999;
    }  
    ul.hf-hmenu>li.level-0.with-submenu>span.hf-menu-envelope>a,
    ul.hf-hmenu li span.hf-menu-envelope a {
        font-size: 1.15em;
    }  
    ul.fotogaleria-multi-kat-img-list li a .gallimg-envelope, 
    ul.fotogaleria-multi-foto-list li a .gallimg-envelope {
        height: 145px;
    }
    p#banner-slot-p {
        -webkit-line-clamp: 2;
    }
}
@media only screen and (max-width:950px) {
    header .logo-text {
        display: none;
    }
    header .logo-main-text {
        font-size: 25px;
        font-family: 'Montserrat';
        font-weight: bold;
        text-transform: uppercase;
        padding-right: 5px;
        text-decoration: none;
    }
    header .module_envelope_h.env_hf_logo {
        z-index: 9999;
    }
    .header-logo-text {
        font-size: 1em;
    }
 
   

    ul.oznamy-new-colums-list-default li.without-image div.image-envelope, 
    ul.actions-new-colums-list-default li.without-image div.image-envelope {
        max-height: 168px;
    }
    .env_hf_module_container .module-container-columns-envelope {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
    }
 
    main div.module_envelope.env_common_items_columns_responsive ul.oznamy-new-columns-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    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;
        margin: 0 auto;
    }
    #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:915px) {
    ul.fotogaleria-multi-kat-img-list li a .gallimg-envelope {
        height: auto;
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
}
@media only screen and (max-width:900px) {
    ul.fotogaleria-multi-kat-img-list li a .gallimg-envelope, 
    ul.fotogaleria-multi-foto-list li a .gallimg-envelope {
        height: 130px;
    }
}
@media only screen and (max-width:875px) {
    ul.oznamy-new-colums-list-default li div.image-envelope {
        max-height: 184px;
    }
    .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: #0258a3;
        color: #fff;
        padding: 15px;
        
        margin-top: 30px;
        font-size: 1.11111em;
        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: 1.11111em;
        border-bottom: 1px solid #dddddd;
    }
    .df-files-filter-list-default {
        overflow-x: auto;
    }
}
@media only screen and (max-width:855px) {
    ul.hf-hmenu li:last-of-type ul.hf-hsubmenu {
        left: 0 !important;
    }
    header nav li.level-0:last-of-type>ul::after {
        content: '';
        clear: both;
        background: url(banner-li-hover.png) no-repeat !important;
        width: 40px;
        height: 20px;
        top: -20px;
        left: 25%;
        right: auto;
        z-index: 99999;
        margin: 0 auto;
        /* transform: translate(-50%, -50%); */
        position: absolute;
        display: none;
    }
    ul.hf-hmenu li#hf-menu-168308 ul.hf-hsubmenu {
        left: -50% !important;
    }
    header nav li#hf-menu-168308>ul::after {
        content: '';
        clear: both;
        background: url(banner-li-hover.png) no-repeat !important;
        width: 40px;
        height: 20px;
        top: -20px;
        left: auto;
        right: 41px;
        z-index: 99999;
        margin: 0 auto;
        position: absolute;
    }
    .module-in-container.env_hf_text_pure {
        left: -318px;
        position: absolute;
    }
    ul.hf-hmenu li.level-2 {
        margin: 0 auto 0px;
        position: unset;
    }
    ul.hf-hmenu li.hf-menu.level-1 {
        background: transparent;
        margin: 0;
        justify-content: flex-start;
        padding: 0px;
        position: relative;
    }
 
    nav li.level-0.with-submenu:hover::after {
        display: none;
    }
    header nav li.level-0 ul {
        left: 0px !important;
    }
    nav li.level-1:focus-within ul.hf-hsubmenu.hopened, 
    nav li.level-1 ul.hf-hsubmenu.hopened {
        display: block !important;
        z-index: 9;
        position: absolute !important;
        padding-top: 0 !important;
        top: 50px !important;
        margin-top: 0px;
        left: 2% !important;
        border: none;
        width: 100% !important;
    }

    #extra-block-top {
        max-width: 1200px;
        top: 0;
    }
    .env_text_obrazok.first-banner-links .first-banners p {
        margin: 0 auto !important;
        width: auto;
    }
    /* -------------------------------- 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: 25%;
    }
 
    .extra-block-top .menu_block_photo {
        display: none;
    }
    ul.oznamy-new-columns-list li:nth-child(2n+2), 
    ul.actions-new-columns-list li:nth-child(2n+2) {
        /*margin-right: auto;*/
    }
    ul.oznamy-new-columns-list li:first-of-type, 
    ul.actions-new-columns-list li:first-of-type {
        /*margin-left: auto;*/
    }
    header .module_envelope.module-in-container.env_hf_finder {
        position: relative;
        padding: 0 !important;
    }
    header .env_hf_contacts {
        padding: 0 11px !important;
        position: relative;
    }


    header .module_envelope.module-in-container.env_hf_rss {
        position: relative;
        padding: 0px 14px !important;
    }
    header .env_hf_module_container .module-in-container.env_hf_rss span a {
        display: block;
        background: url(rss-icon-head.png) no-repeat center center !important;
        padding-left: 0;
        font-size: 0;
        width: 12px;
        height: 11px;
    }
    header .env_hf_login_register {
        position: relative;
        padding: 0 15px !important;
    }
    header .module_envelope.module-in-container.env_hf_login_register span a {
        display: block;
        padding-left: 0;
        font-size: 0;
        width: 15px;
        height: 13px;
    }
    header .env_hf_mapa_stranky {
        position: relative;
        padding: 0 15px !important;
    }
    header .module_envelope.module-in-container.env_hf_mapa_stranky span a {
        display: block;
        background: url(bg-top-map.png) no-repeat center center !important;
        padding-left: 0;
        font-size: 0;
        width: 17px;
        height: 13px;
    }
    header .env_hf_homepage_text {
        position: relative;
        padding: 0 15px !important;
    }
    header .module_envelope.module-in-container.env_hf_homepage_text a#homepage-link-with-text-envelope {
        display: block;
        background: url(bg-top-home.png) no-repeat center center !important;
        padding-left: 0;
        font-size: 0;
        width: 15px;
        height: 11px;
    }
    header .module_envelope_h.env_hf_module_container.header-aside a {
        background: url(bg-top-login.png) no-repeat 0% 50% !important;
        border-bottom: none;
    }
    header .module_envelope_h.env_hf_module_container.header-aside a:hover {
        border-bottom: none;
    }

    header .env_hf_text_obrazok {
        left: 1px;
    }
    .module-in-container.env_hf_text_pure {
        left: -373px;
    }
    ul.oznamy-new-columns-list li, ul.actions-new-columns-list li {
        width: 430px !important;
    }
    
    ul.oznamy-new-colums-list-default li div.image-envelope, 
    ul.actions-new-colums-list-default li div.image-envelope {
        width: 430px !important;
        height: 286px !important;
        max-height: unset !important;
        overflow: hidden;
        text-align: center;
    }
    ul.fotogaleria-multi-foto-list li {
        width: 48%;
        margin: 0 auto 1%;
        height: auto;
    }
    ul.fotogaleria-multi-kat-img-list li a .gallimg-envelope, 
    ul.fotogaleria-multi-foto-list li a .gallimg-envelope {
        height: 185px;
    }
    ul.fotogaleria-multi-kat-img-list li {
        width: 48%;
        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%;
    }
    #main-banner-buttons div#banner-buttons-control-envelope {
        left: 0;
        right: -240px !important;
    }
}
@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) {
    ul.oznamy-new-colums-list-default li.without-image div.image-envelope, 
    ul.actions-new-colums-list-default li.without-image div.image-envelope {
        max-height: 160px;
    }
    ul.fotogaleria-multi-kat-img-list-default li a img, 
    ul.fotogaleria-multi-foto-list-default li a img {
        max-width: 428px;
        width: 100%;
    }
    ul.fotogaleria-multi-foto-list li {
        width: 98%;
        margin: 0 auto 4%;
        height: auto;
    }
    ul.fotogaleria-multi-kat-img-list li a .gallimg-envelope, 
    ul.fotogaleria-multi-foto-list li a .gallimg-envelope {
        height: 215px;
    }
    ul.fotogaleria-multi-kat-img-list li {
        width: 98%;
        margin: 0 auto 4%;
        height: auto;
    } 
    #homepage_0 div.tabbed-page-modules-envelope ul.tabbed-page-modules {
        margin: 0px auto 32px;
        display: flex;
        width: 80%;
        flex-wrap: wrap;
        text-align: center;
        justify-content: flex-start;
    }
    div.tabbed-page-modules-envelope li.tabbed-page-modules-li {
        width: 100%;
    }
    ul.hf-hmenu li {
        width: 24%;
    }
}
@media only screen and (max-width:791px) {
    #page-banner-homepage {
        max-height: unset;
        margin-bottom: 0;
    }
    #banner-homepage {
        max-width: 1200px;
        width: 100%;
        position: relative;
        left: 0;
        right: 0;
        display: grid;
        grid-auto-columns: auto auto;
        grid-auto-rows: auto auto auto;
    }
    #banner-homepage a#banner-homepage-img-link {
        width: 100% !important;
        display: block;
        max-height: 327px;
        overflow: hidden;
        float: unset !important;
        border: 0px solid #eeeeee;
        border-right: none;
        grid-column-start: 1;
        grid-column-end: span 2;
        grid-row-start: 1;
        grid-row-end: 1;
    }
    #banner-homepage-img {
        height: auto;
    }
    #banner-slot-text-array {
        width: 100% !important;
        height: auto;
        overflow: hidden;
        grid-column-start: 1;
        grid-column-end: span 2;
        grid-row-start: 2;
        grid-row-end: 2;
    }
    #main-banner-buttons {
        width: 90% !important;
        margin: 0;
        top: auto !important;
        left: auto;
        right: 0;
        position: relative;
        bottom: 0px !important;
        grid-column-start: 1;
        grid-column-end: span 2;
        grid-row-start: 3;
        grid-row-end: 3;
    }
    h2#banner-slot-h2 {
        height: auto;
        font-size: 1.3em !important;
        margin: 15px 0;
        -webkit-line-clamp: 2;
    }  
    #main-banner-buttons div#banner-buttons-control-envelope {
        top: auto;
        position: absolute;
        display: flex !important;
        flex-wrap: wrap;
        justify-content: flex-end;
        width: 44px;
        right: -100% !important;
    }
    p#banner-slot-p {
        -webkit-line-clamp: 1;
    }
    #banner-homepage a#banner-homepage-img-link::after {
        display: none;
    }
    ul.oznamy-new-columns-list li, ul.actions-new-columns-list li {
        width: 430px !important;
        height: 480px;
    }
    .header-logo-text {
        font-size: 2vw;
    }
    header .header-logo-text-ext {
        font-size: 4vw;

    }
    
    ul.oznamy-graphic-list-default li, 
    ul.actions-graphic-list-default li {
        margin: 0 10px 20px !important;
    }
    #homepage_0 .env_text_obrazok .rychle_oznamy a {
        margin: 0 10px 20px;
    }
    header .module_envelope.module_envelope_h.env_hf_multi_foto {
        width: 40%;
        order: 2;
        height: 170px;
        margin-bottom: 49px;
    }

    header .env_hf_image {
        margin: 0 0 1em;
    }
}
@media only screen and (max-width:770px) {
    header .env_hf_image#mid_457040 {
        position: fixed;
        top: 50px;
        left: 30px;
        right: auto;
        margin: 0;
        width: auto;
        z-index: 99;
        height: auto;
    }
   
    ul.oznamy-new-colums-list-default li div.image-envelope {
        max-height: 154px;
    }
    ul.oznamy-new-colums-list-default li.without-image div.image-envelope, 
    ul.actions-new-colums-list-default li.without-image div.image-envelope {
        max-height: 150px;
    }
    .search-box-text-button-envelope {
        width: 620px;
    }
    input#search-box-submit-execute {
        font-size: 1.25em;
    }
 
}
@media only screen and (max-width:750px) {
    footer .env_hf_module_container#mid_459009 {
        width: 100%;
        text-align: left;
        padding-bottom: 30px;
    }
    footer .module-container-columns-envelope .module-container-column {
        width: 48% !important;
        overflow-wrap: break-word;
    }
    .env_hf_module_container .module-container-columns-envelope {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
    }
   
    .env_elektronicka_uradna_tabula .eut-item-envelope {
        border-bottom: 1px solid #eee;
        width: 98%;
        word-break: break-word;
    }

}
@media only screen and (max-width:730px) {
    nav ul.hf-hmenu {
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        position: unset;
    }
     header {
        height: auto;     
    }
}
@media only screen and (max-width:720px) {
    #extra-block-bottom .column_fb .env_hf_text_obrazok {
        display: flex;
        width: 100%;
        justify-content: center;
        top: 0px;
        height: auto;
    }
    #extra-block-bottom .column_fb .env_hf_text_obrazok .editor {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
    ul.oznamy-new-colums-list-default li.without-image div.image-envelope, 
    ul.actions-new-colums-list-default li.without-image div.image-envelope {
        max-height: 130px;
    }
 
    footer .env_hf_module_container#mid_463952 {
        width: 100%;
        text-align: left;
        padding-top: 0;
        padding-bottom: 10px;
        border-bottom: 1px solid #6b80a0;
    }
    footer .env_hf_module_container#mid_461078 {
        width: 100%;
        text-align: left;
        background: #0258a3;
    }
    footer .column_f {
        bottom: 0px;
    }
}
@media only screen and (max-width:700px) {

    footer .column_f {
        position: relative;
    }
    #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-colums-list-default li.without-image div.image-envelope, 
    ul.actions-new-colums-list-default li.without-image div.image-envelope {
        max-height: 137px;
    }
    ul.oznamy-new-columns-list li, ul.actions-new-columns-list li {
        width: 45%;
        min-height: 335px;
        height: auto;
        background: #fff url(sep-oznamy.png) no-repeat center bottom;
        border: none;
        box-sizing: content-box;
        display: inline-block;
        max-height: 580px;
        margin: 0 15px 10px 15px;
        padding: 0 0 10px 0;
        overflow: hidden;
        position: relative;
        transition-duration: 0.3s;
        border-bottom: 3px solid #0258a3;
    }
    ul.oznamy-new-colums-list-default li div.image-envelope {
        max-height: 137px;
    }
    .module-in-container.env_hf_text_pure {
        left: -308px;
    }
}
@media only screen and (max-width:685px) {
    ul.oznamy-new-colums-list-default li div.image-envelope {
        max-height: 137px;
    }
    ul.oznamy-new-columns-list li, ul.actions-new-columns-list li {
        height: 325px;
    }
}
@media only screen and (max-width:670px) {
    h2#banner-slot-h2 {
        line-height: normal;
    }
}
@media only screen and (max-width:662px) {
    main#main {
        width: 100%;
        padding: 0px 15px 20px;
        text-align: left; 
    }
    aside#right-column,
    aside#left-column {
        width: 94%;
        padding: 0 15px;
        display: none;
        margin: 0 0 0px;
    }
}
/* -------------------------------- 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 {
        
        display: none !important;
    }
    [tabindex]:focus, a:focus {
        outline: 5px auto -webkit-focus-ring-color!important;
        outline: 0px dotted #ff8900!important;
        outline-offset: 3px;
        z-index: 9999;
        background-color: transparent;
    }
   
     /* ------------------------------------- HIDDEN ELEMENTS END ------------------------------------------ */
    /* ------------------------------------- HEADER  ----------------------------------------------- */
    header {
        width: 100%;
        height: auto;
        padding: 0px 0 0px;
        position: relative;
        z-index: 999;
        margin: 0 !important;
        border-bottom: 1px solid #ddd;
        box-shadow: 1px 1px 10px 0px #eee;
    }
    .env_hf_homepage_text #homepage-link-with-text-envelope {
        position: unset;
    }
    /*header .column_h {
        height: 186px;
        justify-content: center;
    }*/

    header .env_hf_module_container.header-aside .module-inner-envelope {
        width: 100%;
    }
    /*------------------------------------- HEADER LOGO------------------------------------- */
    header .module_envelope_h.env_hf_logo {
        top: 0;
        left: 0;
        right: 0;
        width: auto;
        max-width: 570px;
        margin: 0;
    }
    .header-logo-text {
        font-size: 3vw;
    }
    header .env_hf_menu {
        border-top: 0px solid;
    }
    /*------------------------------------- HEADER LOGO END------------------------------------- */

    header .module_envelope_h.env_hf_module_container .module-inner-envelope .module-in-container.env_hf_google_translate {
        padding-left: 0;
        position: relative;
        right: 0;
        width: 32%;
        justify-content: flex-end;
        top: 0;
    }
    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: 29px;
        padding: 0px;
        height: 23px;
        margin: 0 auto;
        text-align: center;
        text-decoration: none;
        color: #000;
        background: url(rwd-bg-home.png) no-repeat center center !important;
        border: none;
    }

    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;
        z-index: 999;
        width: 20%;
    }
   

    .env_hf_finder a#finder-trigger {
        position: absolute;
    }
    div#finder_stabil {
           /* top: 56px !important; */
        top: 173px !important;
        position: absolute !important;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100% !important;
        display: none;
        z-index: 0;
        color: #000;
        box-shadow: 1px 1px 10px 0px #ddd;
    }
    a#finder-trigger {
        right: auto;
        /* left: auto; */
        margin: 0 auto;
        width: 22px;
        position: relative !important;
        top: 9px;
        height: 23px;
        padding: 20px !important;
        background: url(rwd-bg-finder.png) no-repeat center center !important;
        color: #000;
        text-decoration: none;
        text-align: center;
        font-size: 0em;
        border: none;
    }
    .env_hf_menu_rwd .rwd-menu-trigger-a  {
        position: unset;
        /* width: 40%; */
        /* left: 58%; */
        /* top: 165px; */
    }
    .module_envelope_h.env_hf_menu_rwd {
        position: absolute;
        width: 99%;
        left: auto;
        top: -15px;
        bottom: auto;
        order: 3;
        margin: 0;
        height: 1px;
        right: -2%;
        z-index: 99999;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    .module_envelope_h.env_hf_menu_rwd .module-inner-envelope {       
        position: unset;

    }
 
/* ------------------------------------- RWD HLAVICKA ------------------------------------- */

    .editor .rwd-header {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .rwd-logo-main-text {
        font-size: 2em;
        color: #0258a3;
        font-weight: bold;
        text-align: left;
    }
    

    /* ------------------------------------- RWD HLAVICKA END ------------------------------------- */

    /* ----------------------------- MENU TRIGGER ---------------------------------------------*/
    li#rwd-menu-container-env::marker {
        color: #fff;
    } 
    #rwd-menu-trigger .rwd-menu-trigger-a {
        display: flex;
        flex-wrap: wrap;
        padding: 0 30px 0 0;
        text-align: right;
        align-items: center;
        justify-content: flex-end;
        text-decoration: none;
        box-sizing: content-box;
        font-weight: bold;
        margin: 0;
        right: 22px;
        top: 24px;
        color: #fff;
        height: 44px;
        width: auto;
        transition: .15s;
        position: relative;
        background: url(rwd-menu.png) no-repeat center right;
        background-size: 25%;
        font-size: 1.25em;
    } 
    #rwd-menu-trigger .rwd-menu-trigger-a.opened {
        background: url(RWD-zatvorene.png) no-repeat center right;
        background-size: 25%;
    }
    
    #rwd-menu-trigger .rwd-menu-trigger-a::after {
        content: 'Menu';
        clear: both;
        width: 64%;
        height: 20px;
        top: auto;
        bottom: -25px;
        left: 0;
        right: 0;
        font-size: 16px;
        z-index: 99999;
        margin: 0 auto;
        position: relative;
        display: none;
    }
    #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 {
        width: 100%;
        justify-content: space-between;
        padding: 0 0 0 0px !important;
        text-align: left;
        background: none;
        border-bottom: 1px dotted #0258a3;
        border-radius: 0;
        margin: 0;
        position: relative;
        display: flex;
        height: auto;
        line-height: 50px;
        flex-wrap: wrap;
        align-items: center;
    }
 
    ul.hf-hmenu>li.level-0.current {
        background: none !important;
    }

    #rwd-menu-trigger .hf-hmenu li.level-2 {
        padding: 0 0 0 0px !important;
    }
    #rwd-menu-trigger .hf-hmenu li .hf-menu-envelope {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: flex-end;
        width: auto;
        flex-grow: 1;
        box-sizing: border-box;
        justify-content: flex-start;
    }
    #rwd-menu-trigger .hf-hmenu li a {
        border: none !important;
        color: #0258a3 !important;
        background: none !important;
        font-size: 1.25em;
        padding: 0px 20px;
        text-align: left;
        height: auto;
    }
    #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;
    }
    ul.hf-hmenu>li.level-0.with-submenu a.mobile-under-menu-trigger::after {
        display: inline-flex;
        content: '';
        clear: both;
        background: url(arrow-right.png) no-repeat center right;
        width: 12px;
        height: 45px;
        top: auto;
        left: auto;
        bottom: auto;
        right: 7px;
        z-index: 99;
        position: absolute;
    }
    
    ul.hf-hmenu>li.level-0.with-submenu a.mobile-under-menu-trigger.active::after {
        display: inline-flex;
        content: '';
        clear: both;
        background: url(arrow-down.png) no-repeat center right !important;
        width: 12px;
        height: 45px;
        top: auto;
        left: auto;
        bottom: auto;
        right: 7px;
        z-index: 99;
        position: absolute;
    }
    #rwd-menu-trigger .hf-hmenu li.current>span>a {
        font-weight: bold;
    }
    /*#rwd-menu-trigger .hf-hmenu li a.mobile-under-menu-trigger {
        display: inline-block;
        float: right;
        width: 50px;
        height: 50px;
        font-size: 0;
        background: #0258a3 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: inline-block;
        float: right;
        width: 50px;
        height: 50px;
        font-size: 0;
        background: #0258a39e url(menu-arrow-up-w.png) no-repeat center center !important;
    }*/
    
    #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: #0258a3bd 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: #0258a3 url(menu-arrow-down-w.png) no-repeat center center;
        font-size: 0;
    }
    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: absolute;
        display: flex;
        left: auto;
        right: 0;
        width: 100%;
        top: 85px;
        margin: 0 auto;
        z-index: 40000;
        overflow-x: hidden;
        background: #fff;
        box-shadow: 0 15px 15px 0 #000000;
    }
    #m_120103 #rwd-menu-container.opened,
    #m_7912 #rwd-menu-container.opened {
        position: absolute;
        display: block;
        left: -242px;
        right: 0;
        width: 315px;
        top: 90px;
        margin: 0 auto;
        z-index: 40000;
        overflow-x: hidden;
        background: #fff;
        box-shadow: 0 15px 15px 0 #000000;
    }

    #rwd-menu-container ul li.menu_hlavicka {
        padding: 0;
    }
    #rwd-menu-container ul li.menu_hlavicka a.menu_hlavicka {
        display: block;
        text-decoration: none;
        padding: 15px 30px 15px 20px;
        border-bottom: 1px dotted #0258a3;
        font-size: 1.25em;
        font-weight: bold;
        background: #FFf;
        color: #0258a3;
        border-radius: 0;
        border-left: none;
    }
    #rwd-menu-container ul li.menu_hlavicka.with-submenu a.menu_hlavicka {
        display: block;
        box-sizing: border-box;
        flex-grow: 1;
        word-break: break-all;
        width: 75%;
        /* float: left; */
        text-decoration: none;
        padding: 13px 60px 14px 20px;
        border-bottom: 1px dotted #0258a3;
        font-size: 1.25em;
        font-weight: bold;
        background: #FFf;
        color: #0258a3;
    }
    .module_envelope ul li {
        display: block;
        margin-left: 0;
        text-align: left;
    }
    ul.hf-hmenu li ul.hf-hsubmenu {
        position: relative;
        left: 0;
        width: 100%;
        top: 0;
        background: #0258a314;
    }
    ul.hf-hmenu li.level-1 ul.hf-hsubmenu {
        left: 0 !important;
        width: 100%;
        border-left: 25px solid #0258a396;
        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: 25px solid #0258a396;
        background: #fff;
        box-sizing: content-box;
    }
    ul.fotogaleria-pure li {
        display: block;
        width: 100%;
        height: auto;
        text-align: center;
        margin: 0 5px 4px 0px !important;
        padding: 0;
        border: none;
        background: none;
    }
    ul.fotogaleria-pure li span.fotogaleria-picture-envelope a {
        width: 100%;
        height: 220px;
        display: block;
        overflow: hidden;
        border: none;
    }
    ul.hf-hmenu li:focus-within ul.hf-hsubmenu.hopened, ul.hf-hmenu li ul.hf-hsubmenu.hopened {
        display: flex;
        /* grid-template-rows: auto auto auto auto; */
        /* grid-auto-flow: column; */
        transition: ease-in-out .2s;
        flex-wrap: wrap;
        overflow-y: auto;
        /* grid-template-columns: 25% 25% 25% 25%; */
        max-height: calc(100vh - 80px - 126px);
    }
    ul.hf-hmenu li:hover ul.hf-hsubmenu {
        display: none;
    }
    /* ----------------------------- MENU TRIGGER END ------------------------------------------*/


    header .module_envelope_h.env_hf_module_container.header-search {
        padding-top: 0px;
        top: 55px;
    }

    header .module_envelope_h.env_hf_module_container>.module-inner-envelope>.module_body {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: 15px;
    }
    header .module_envelope_h.env_hf_module_container {
        position: relative;
        top: auto;
        bottom: 0px;
        width: 100%;
        left: 0;
        height: 49px;
        padding-top: 2px;
        right: 0;
        display: block;
        margin: 0 auto;
        z-index: 0;
        justify-content: unset;
    }
    header .module_envelope_h.env_hf_module_container.header-search {
        padding-top: 0px;
        top: -90px;
        display: block;
        width: 100%;
        flex: unset !important;
    }
    header .module_envelope_h.env_hf_module_container.header-aside {
        background: #0258a3;
        order: 2;
        bottom: 0;
        width: 100%;
        flex: unset;
    }
     header .module_envelope_h.env_hf_module_container .module-inner-envelope .module-in-container {
        padding: 0 0 0 0px;
    }
 
    header .module-in-container.env_hf_homepage_text {
        background: none;
        width: 20%;
        position: relative;
        text-align: center;
        margin: 0;
        justify-content: center;
        padding: 0px 0 !important;
        top: 0;
    }
    header .module_envelope.module-in-container.env_hf_homepage_text a {
        padding-left: 0;
        }
    header .module-in-container.env_hf_login_register {
        position: relative;
        top: -2px;
        padding: 0px 0 !important;
        width: 20%;
        margin: 0;
        justify-content: center;
    }
    span#login-login {
        display: block;
        position: relative;
        left: 0;
        width: 23px;
        top: 0;
        padding: 0;
        border: 0;
    }
    span#login-login a {
        display: block;
        width: 100%;
        position: relative;
        text-align: left;
        height: 23px;
        top: 0;
        background: url(rwd-bg-login.png) no-repeat center left !important;
        font-size: 0;
        text-decoration: none;
        color: #000;
        left: 0;
        padding: 0;
        border: none;
    }
 
    header .env_hf_contacts {
        display: none !important;
        position: relative;
        top: 0;
        width: 20%;
        padding: 12px 0 !important;
    }
    header .env_hf_contacts div.module_body a {
        background: url(flag.png) no-repeat center center;
        font-size: 20px;
        width: 30px;
        height: 23px;
        font-weight: 600;
        padding: 0;
        text-decoration: none;
        display: block;
        text-align: center;
        margin: 0 auto;
    }
    header .module_envelope.module-in-container.env_hf_finder {
        position: absolute;
        padding: 0px 0px !important;
        height: 5px;
        margin: 0 auto !important;
        width: auto;
        top: -3px;
        align-items: flex-start;
        justify-content: center;
        left: 0px;
        bottom: auto;
        right: 0;
    }

    header .env_hf_image {
        top: 0px;
        left: 0;
        padding: 6px 0 12px !important;
        right: 0;
        margin: 0 !important;
        width: 20%;
        height: auto;
    }
    header .env_hf_image .hf-image-envelope.with-link img {
        width: 100%;
        height: auto;
        left: 0 !important;
        transform: unset;
        top: 4px;
    }
    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: absolute;
        right: auto;
        left: 0;
        margin: 0 auto;
        top: -104px;
        z-index: 99;
        width: 100%;
        display: flex !important;
        height: auto;
        flex-direction: column;
        padding: 10px;
        display: inline-flex;
        background: #fff;
        box-shadow: 0 -4px 15px 0px #00000026;
    }
    #search-box-submit-real {
        width: 100% !important;
        margin-top: 10px;
    }
    #search-box-text {
        width: 100% !important;
    }
    #search-box-text, #search-box-submit-real {
        display: inline-flex;
        height: 55px;
    }
    input#search-submit-button {
        display: none;
    }
    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;
    }
    #search-extended-trigger li span, #search-extended-select li a, #search-extended-date li.search-date-trigger span {
        padding: 7px 15px;
        border: 1px solid #eee;
    }
    ul#search-extended-parts li input {
        width: auto !important;
    }
    #search-extended-date li.search-date-limit.inactive, #search-extended-date li.search-date-limit.inactive input {
        color: #999999;
        flex: 44%;
    }

    li.menu_item_0 a.menu_item_0 {
        width: 100%;
        display: block;
        box-sizing: border-box;
        margin: 0!important;
        padding: 9px 25px;
        line-height: 150%;
        overflow: visible;
        position: relative;
        font-size: 1.11111em;
        font-weight: normal;
        text-align: left;
        list-style: none;
        color: #0258a3;
    }
    ul.menu_cover li.menu_item_l {
        margin: 0;
        width: auto;
        padding: 0 0 0 20px;
    }
    li.menu_item_l.level-0-has-submenu a.menu_item_l {
        background: url(bg-head-menu-l.png) no-repeat center right 20px;
    }


    /* -------------- 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;
    }
    .column .module_envelope label {
        font-size: 1.11111em;
    } 
  
    /* -------------- LOGIN END ----------- */
    #main-container {
        width: 99.5%;
        margin: 0;
        padding: 0 10px;
        background: none;
    }
    /* ------------------------------------- HEADER End ----------------------------------------------- */
    div.tabbed-page-modules-envelope ul.tabbed-page-modules {
        margin: 0 auto !important;
    }
    div.tabbed-page-modules-envelope-default li.tabbed-page-modules-li-default {
        display: inline-block;
        vertical-align: baseline;
        margin: 0;
        width: 100%;
        padding: 0;
    }
    /*.module_body {
        padding: 0 0;
        font-size: 1.0em;
        border: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }*/
    footer .module-in-container.env_hf_tiraz .module_body {
        font-size: 1em;
        justify-content: unset;
        display: block;
    }
    .editor p img {
        margin-top: 0!important;
        margin-left: 0!important;
        width: auto !important;
        height: auto !important;
    }
  
    #extra-block-bottom .env_hf_text_obrazok .before_footer_links a {
        border-bottom: 2px solid #ffae00;
    }

    /* ------------------------------------- EXTRA BLOCK TOP  ----------------------------------------------- */
    #extra-block-top {
        position: relative;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        margin: 0 auto;
    }
   
    li.menu_block_head {
        font-size: 1.323em;
    }
    li.menu_block_head::after {
        display: none !important;
    }
    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%;
    }
    

    /* ------------------------------------- EXTRA BLOCK TOP END ----------------------------------------------- */

/* ------------------------------------- MAIN ----------------------------------------------- */
    #main-content {
        max-width: 1200px;
        width: 100%;
        margin: 0px auto !important;
        display: block;
    }
    .module_envelope.for-tabbing h2.oznamy-new-columns a {
        top: 0;
    }
    .module_envelope.for-tabbing h2.oznamy-new-columns {
        background: none;
        padding: 0 !important;
        margin: 0;
        min-height: 50px !important;
    }
    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;
    }
    ul.oznamy-new-colums-list-default li.without-image div.image-envelope, 
    ul.actions-new-colums-list-default li.without-image div.image-envelope {
        max-height: 286px;
    }
    ul.oznamy-new-columns-list li, ul.actions-new-columns-list li {
        width: 100% !important;
        max-width: 430px;
        height: auto;
        margin: 0 auto 50px !important;
    }
    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%;
        min-height: 220px !important;
    }


    /* ---------- ZASADNUTIA ---------------- */
    div.zasadania-form-envelope form .form-searchtext,
    div.zasadania-form-envelope form .form-submit {
        flex: 100%;
        height: 44px;
    }
    h3.year_array {
        width: 30% !important;
    }
    /* ---------- 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: 1.11111em;
        max-width: 100%;
        width: auto;
        padding-right: 0px;
    }
    div.file-download span.file-icon {
        width: 100%;
    }
    /* ---------- SÚBORY 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: auto !important;
        max-height: 286px !important;
        max-width: 430px;
        overflow: hidden;
        text-align: center;
    }
    ul.oznamy-new-colums-list-default li div.image-envelope {
        max-height: 286px;
    }
    ul.oznamy-new-colums-list-default li h3, 
    ul.actions-new-colums-list-default li h3 {
        padding: 10px 20px !important;
    }
    ul.oznamy-new-columns-list li div.short-text, 
    ul.actions-new-columns-list li div.short-text {
        padding: 5px 20px !important;
    }
    h2.oznamy-new-columns, 
    h2.actions-new-columns {
        padding: 16px 10px 15px !important;
        text-align: center;
        background: none;
        width: 100%;
        border-bottom: 2px solid #e0ded5;
        border-radius: 0;
    }
    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;
    }
    

    /* FOTOGALERIA */
    div.fotogaleria div.firstcol, 
    div.fotogaleria div.secondcol, 
    div.fotogaleria div.thirdcol, 
    div.fotogaleria div.fourthcol, 
    div.fotogaleria div.lastcol {
        width: 45% !important;
        height: auto;
        margin: 0 0.5% 1% 0;
        text-align: center;
        background: #eee;
        overflow: hidden;
    }
    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: block;
        width: 100%;
        height: 182px;
        overflow: hidden;
    }
    /* FOTOGALERIA */


    .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: relative;
        top: 0;
        right: 0;
        width: 20%;
    }
    .df-files-filter-inner .df-files-filter-part-envelope:nth-of-type(5) {
        width: 100%;
    }

    /* ------------------ 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: 0px !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;*/
    }

    
    /* ------------------ TABLE END ------------------ */
/* ------------------------------------- MAIN End ----------------------------------------------- */

/* ------------------------------------- EXTRA BLOCK BOTTOM ----------------------------------------------- */
#extra-block-bottom .column_fb .env_hf_text_obrazok {
    display: flex;
    width: 100%;
    justify-content: center;
    position: relative;
    top: 0px;
}
.env_hf_module_container .module-container-columns-envelope .module-container-column {
    width: 100%;
    margin-bottom: 15px;
}
#extra-block-bottom #mid_463134 table tr td {
    width: 50%;
}
#extra-block-bottom .column_fb .module_envelope_fb.env_hf_menu_block {
    width: 100%;
    background: none;
    height: auto;
}
#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: #0258a3;
    margin: 0;
    padding: 15px; 
    min-height: 60px;
    line-height: normal;
    display: flex; 
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid;
    transition-duration: .2s;
}
li.menu_block_head {
    background: #e9f5ff ;
    color: #004f94;
    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: .15s;
    border-bottom: 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;
}
.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: 0px;
    line-height: 150%;
    flex: 1;
    z-index: 9;
    margin-right: 0;
    border: none;
    width: 93%;
    background: url(menu-arrow-down.png) no-repeat center right;
}
.menu_block_head .menu-block-under-trigger.mb-mobile-opened {
    display: inline-flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    min-height: 53px;
    height: auto;
    position: absolute;
    top: 0px;
    line-height: 150%;
    flex: 1;
    z-index: 9;
    margin-right: 0;
    border: none;
    width: 93%;
    background: url(menu-arrow-up.png) no-repeat center right;
}
.menu_block_head .menu-block-under-receiver.mb-mobile-opened {
    height: auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: #fff;
    padding-top: 0;
    margin-top: 30px;
}
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;
}
ul.menu_block::after {
    display: none;
}

/* ------------------------------------- EXTRA BLOCK BOTTOM END ----------------------------------------------- */



/* ------------------------------------- FOOTER ----------------------------------------------- */


    footer .env_hf_module_container {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    footer .env_hf_module_container#mid_461078 {
        width: 100%;
        text-align: center;
        padding: 15px;
        background: #0258a3;
    }
    footer .env_hf_module_container#mid_463952 {
        border-bottom: 0px 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: 90%;
        flex-wrap: wrap;
        margin: 0 auto 25px !important;
        color: #fff;
        padding: 10px;
    }
    footer .module-container-columns-envelope .module-container-column {
        width: 100% !important;
        overflow-wrap: break-word;
        margin: 25px 0 0;
        border-bottom: 2px solid #fff;
    }
    .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: auto;
        /* margin: 50px auto; */
        height: auto;
        padding: 0;
        background: #0258a3 url(bg-body-bottom-small.jpg) no-repeat center top;
        text-align: center;
    }
    div.module-container-header {
        display: inline-flex;
        flex-wrap: wrap;
        width: 100%;
    }
    div.module-container-header .mobile-opened {
        display: inline-flex;
        flex-wrap: wrap;
        width: 100%;
        border-bottom: 2px solid #0258a3;
        margin: 0;
    }
    #main-footer .module-in-container .module_body a {
        color: #0258a3;
        text-align: center;
        font-weight: 300;
        padding: 0px 0 5px 0;
        font-size: 1.25em;
        margin: 0;
        justify-content: center;
        width: 100%;
    }
    #main-footer .module-in-container.env_hf_tiraz .module_body a {
        color: #fff !important;
    }
    footer p#data-header, 
    footer .module-container-columns-envelope .module-container-column .data-header {
        color: #0258a3;
        text-align: center !important;
        font-weight: bold !important;
        display: none;
        padding: 0px !important;
        font-size: 1.5625em !important;
        margin: 0 0 31px !important;
    }
    footer a.module-container-header-trigger {
        display: inline-flex;
        width: 100%;
        height: auto;
        margin: 0 0 10px ;
        padding: 0px 20px !important;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
    }
   
    footer a.module-container-header-trigger.mobile-opened span.trigger-graphic {
        background: #fff url(menu-arrow-up.png) no-repeat center right 15px;

    }
    footer .module-container-header span.trigger-text {
        display: flex;
        font-size: 1.5625em !important;
        color: #fff !important;
        text-align: center;
        width: 80%;
        flex-wrap: wrap;
        font-weight: bold !important;
        padding: 12px 27px 12px 20px !important;
        text-decoration: none;
    }
    footer .module-container-header span.trigger-graphic {
        display: inline-block;
        text-align: center;
        font-weight: bold !important;
        background: #fff url(menu-arrow-down.png) no-repeat center center;
        width: 40px;
        height: 40px;
    }
    footer .module-container-collapsable-envelope { 
        color: #fff;
        text-align: left;
        font-weight: 300;
        padding: 20px 20px 15px;
        font-size: 1.21528em;
        margin: 0;
        background: #fff;
    }
    #main-footer .module-in-container p {
        color: #0258a3;
        text-align: left;
        font-weight: 300;
        padding: 20px 0px 15px;
        font-size: 1.21528em;
        margin: 0;
        background: #fff;
    }
    footer .module-container-columns-envelope .column-3 div.module-in-container {
        margin: 0;
        text-align: left;
    }
    footer .env_hf_module_container.lower .module_body {
        height: auto;
    }
    /* ----------- 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;
    }
}


/* ------------------------------------- FOOTER END ----------------------------------------------- */

@media only screen and (max-width:615px) {
 
}
@media only screen and (max-width:580px) {
    div.fotogaleria div.firstcol, div.fotogaleria div.secondcol, div.fotogaleria div.thirdcol, div.fotogaleria div.fourthcol, div.fotogaleria div.lastcol {
        width: 100% !important;
        height: auto;
        margin: 0 0.5% 1% 0;
        text-align: center;
        background: #eee;
        overflow: hidden;
    }
    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: block;
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    
}
@media only screen and (max-width:540px) {
    #main-banner-buttons {
        width: 90%; 
    }
    .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) {
    #rwd-menu-trigger .rwd-menu-trigger-a {
        top: 25px;
        background-size: 65% !important;
        font-size: 0;
        width: 44px;
        padding: 0;
    }
}
@media only screen and (max-width:480px) {
    #main-banner-buttons {
        width: 85%;
    }
    .rwd-header {
        font-size: 80%;
    }
    .rwd-header img {
        width: 110px !important;
        height: auto !important;
    }
   
    body {
        background: none !important;
    }
    aside#left-column {
        order: 2;
        width: 100% !important;
    }
    main#main {
        order: 1;
        width: 100% !important;
        padding: 0px 10px;
    }
    aside#right-column {
        order: 3;
        width: 100% !important;
    }
}

@media only screen and (max-width:400px) {
    .module_envelope_h.env_hf_menu_rwd {
        /*bottom: -12px;*/
    }
    form.vzn-filter {
        padding: 15px 0 !important;
    }
    .env_vzn_new form.vzn-filter .fullwide tr td {
        width: 100%;
        padding-bottom: 0;
        height: 44px;
        line-height: normal;
    }  
}
@media only screen and (max-width:360px) {
    footer .module-container-header span.trigger-text {
        font-size: 1.3em;
    }
 
}
header .env_hf_login_register #logout-logout::before {
    color: #fff;
}

header .env_hf_login_register #logout-logout a {
    background: none;
}

@media only screen and (max-width: 900px) {
    header .env_hf_login_register #logout-logout a, header .env_hf_login_register #logout-data a {
        height: 24px;
        width: 24px;
    }
}

@media only screen and (max-width: 640px) {
    header .env_hf_login_register #logout-logout::before {
        color: #fff;
    }
}

@media only screen and (max-width: 1000px) {
    .search-extended-parts .filter-body-part-search-extended-areas {
        width: 50% !important;
    }
}

@media only screen and (max-width: 640px) {
    .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 {
        width: 100% !important;
    }
}