/* ------------------------------------ /sk/style-elements-screen.css ------------------------------------ */

/* ------------------------------- GLOBAL ----------------------------------- */

html {
    box-sizing: content-box !important;
}

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    text-align: center;
    color: #666666;
}


/* all elements */
* {
    font-family: 'Tahoma CE', Tahoma, 'Arial CE', 'Helvetica CE', Arial, lucida, sans-serif;
}

/* set fontsize for basic emements*/
td, p, div, tr, th, table, input, select, textarea {
    font-size: 100%;
}

/* body */
body {
    font-size: 75%;
}

/* form */
form {
    padding: 0px;
    margin: 0px;
}

/* img */
img {
    border: 0px;
}

/* small, big*/
small {
    font-size: 85%;
}

big {
    font-size: 115%;
}

input {
    color: #333333;
}

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


a {
    color: #4FA928;
    text-decoration: underline;
}

a:link {
    color: #4FA928;
    text-decoration: underline;
}

a:visited {
    color: #4FA928;
    text-decoration: underline;
}

a:active {
    color: #4FA928;
    text-decoration: underline;
}

a:hover {
    color: #65B342;
    text-decoration: underline;
}

/* ------------------------------- NADPISY ---------------------------------- */


h1 {
    color: #4FA928;
    font-size: 2em;
    margin-top: 0em;
    margin-bottom: 1em;
    line-height: 130%;
    font-weight: bold;
}

@media screen and (max-width: 1024px) {
    h1 {
        font-size: 1.5em;
    }
    
}

h1 small {

    font-weight: normal;
    font-size: 0.7em;
}

h2 {
    font-size: 1.2em;
    color: #4FA928;
    font-weight: bold;
}

h3 {
    font-size: 1.2em;
    font-weight: normal;
}

h4 {
    font-size: 1.05em;
    margin: 1em 0em;
}


h5 {
    font-size: 1.0em;
}


iframe {
    border: 0px;
}

/* ------------------------------- lists ------------------------------------ */

ul {
    list-style: url('/sk/img/list-bullet.png');
}

li {
    padding-top: 3px;
    padding-bottom: 3px;
}


/*
  ul
  {
    margin: 1em 0px;
    padding: 0px;
    list-style: none;
  }

  li
  {
    padding: 3px 0px 3px 2em;
    margin: 0px;
    background: url('/sk/img/list-bullet.png') no-repeat 0.75em 0.65em;
    ^background: url('/sk/img/list-bullet.png') no-repeat 0.75em 0.75em;
  }

  */
/* ------------------------------------ /sk/style-main-screen.css ------------------------------------ */

/* ------------------------------- STRANKA ---------------------------------- */

body {
    text-align: center;
    line-height: 145%;
    background: #B8B8B8;
    min-width: 375px;
}

td {
    line-height: 145%;
}

i {
    overflow: hidden;
}


/* ----------------------------------- header ------------------------------- */

#header {
    font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif;
}



/* ------------------------------- header logged user box ------------------------------- */

#header-user {
    display: flex;
    margin-right: 30px;
    align-items: center;
}

#header-user a {
    text-decoration: none;
}

#header-user .user-info {
    display: flex;
    align-items: center;
}

#header-user .user-info:not(:hover),
#header-user .user-info:link:not(:hover),
#header-user .user-info:visited:not(:hover)
{
    color: #333333;
}

#header-user .logged-user-name {
    margin-left: 5px;
}

#header-user > * {
    margin-left: 10px;
}

@media screen and (max-width: 1024px) {
    #header-user {
        margin-right: 10px;
    }
}

@media screen and (max-width: 576px) {
    
    #header-user {
        margin-right: 0px;
    }
    
}

/* ------------------------------- logged user info - left column  ------------------------------- */

    .authorized-user-info  {
        margin-top: 2em;
    }

    .authorized-user-info .user-info {
        display: flex;
        align-items: center;
    }

    .authorized-user-info .user-info i {
        font-size: 1.25em;
        line-height: 1.5em;
    }

    .authorized-user-info .user-info .user-name {
        font-weight: bold;
        margin-left: 10px;
    }
    
    .authorized-user-info .loggout {
        margin-right: 1em;
        margin-top: 1em;
        display: flex;
        justify-content: flex-end;
        align-items: center;
       
    }

    .authorized-user-info .loggout a {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        text-decoration: none;
    }

    .authorized-user-info .loggout i {
        margin-left: 10px;
        font-size: 1.25em;
    } 

/* ------------------------------- navig row -------------------------------- */

#navig-path * {
    /*font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;*/
}

#navig-path {
    margin: 0px 20px 0px 20px;
    padding: 25px 0px 15px 0px;
    font-size: 95%;
    color: #999999;
    border-bottom: 1px solid #999999;
}

#navig-path a {
    padding: 0px 3px;
}

#navig-path a.first {
    padding: 0px 3px 0px 0px;
}


#navig-path span.last {
    padding: 0px 3px;
    color: #333333;
}

#navig-path a {
    color: #999999;
    text-decoration: none;
}

#navig-path a:link {
    color: #999999;
    text-decoration: none;
}

#navig-path a:visited {
    color: #999999;
    text-decoration: none;
}

#navig-path a:active {
    color: #999999;
    text-decoration: none;
}

#navig-path a:hover {
    color: #999999;
    text-decoration: underline;
}


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

#footer {
    color: #000000;
    text-align: left;
}

#footer a {
    color: #000000;
    text-decoration: underline;
}

#footer a:link {
    color: #000000;
    text-decoration: underline;
}

#footer a:visited {
    color: #000000;
    text-decoration: underline;
}

#footer a:active {
    color: #000000;
    text-decoration: underline;
}

#footer a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

#footer a.opened, #footer a.selected {
    color: #FFFFFF;
    text-decoration: underline;
}

#footer a.opened:link, #footer a.selected:link {
    color: #FFFFFF;
    text-decoration: underline;
}

#footer a.opened:visited, #footer a.selected:visited {
    color: #FFFFFF;
    text-decoration: underline;
}

#footer a.opened:active, #footer a.selected:active {
    color: #FFFFFF;
    text-decoration: underline;
}

#footer a.opened:hover, #footer a.selected:hover {
    color: #FFFFFF;
    text-decoration: underline;
}


#footer a.underline {
    text-decoration: underline;
}

#footer a.underline:link {
    text-decoration: underline;
}

#footer a.underline:visited {
    text-decoration: underline;
}

#footer a.underline:active {
    text-decoration: underline;
}

#footer a.underline:hover {
    text-decoration: underline;
}

#footer-box-1-padding p:first-child {
    margin-top: 0;
}

#footer-box-1-padding p:last-child {
    margin-bottom: 0;
}

/* menu */
.footermenu {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.footermenu li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    list-style-image: none;
}


/* ------------------------------------ popup ------------------------------- */

body#body-popup {
    background: #FFFFFF;
}


#main-popup {
    padding: 40px;
    text-align: left;
}

#header-popup {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

#logo-box-popup {
    width: 200px;
}

#subcapion-box-popup {

}

#subcapion-box-popup h2 {
    color: #B8B8B8;
    font-size: 2.1em;
    margin-bottom: 0px;
    font-weight: bold;
    text-align: right;
}

#subcapion-box-popup h3 {
    margin-top: 1.1em;
    color: #B8B8B8;
    font-size: 1.2em;
    font-weight: bold;
    text-align: right;
}

@media screen and (max-width: 1024px) {
    
    #main-popup {
        padding: 20px;
    }


}

@media screen and (max-width: 576px) {

    #main-popup {
        padding: 15px;
    }

    #header-popup { 
        flex-direction: column;
    }

    #subcapion-box-popup h2 {
        font-size: 1.5em;
        text-align: left;
    }

    #subcapion-box-popup h3 {
        font-size: 1em;
        text-align: left;
    }
    
}

/* -------------------------------- CLASSES --------------------------------- */

.hr {
    clear: both;
    height: 0px;
    font-size: 0px;
    border-top: 2px solid #FFFFFF;
}

.clear {
    clear: both;
    font-size: 0px;
    height: 0px;
    line-height: 0px;
}

.clear-left {
    clear: left;
    font-size: 0px;
    height: 0px;
    line-height: 0px;
}

.clear-right {
    clear: right;
    font-size: 0px;
    height: 0px;
    line-height: 0px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.invisible {
    display: none;
}

.forprint, .forprint-block {
    display: none; /* pro tiskové styly */
}

.text-nowrap {
    white-space: nowrap;
}
 
/* --------------------------------- inputs --------------------------------- */

.input-1 {
    border: 1px solid #B19A78;
    color: #763A14;
    background: #FCFAF1;

    border: 0px;
    padding: 0px 5px;
    width: 164px;
    height: 22px;
}

.input-2 {
    border: 1px solid #B19A78;
    color: #763A14;
    background: #FCFAF1;

    border: 0px;
    padding: 0px 5px;
    width: 164px;
    height: 22px;
}


.input-214 {
    border: 1px solid #E6E1BB;
    color: #763A14;
    background: #FCFAF1;

    border: 0px;
    padding: 0px 5px;
    width: 214px;
    height: 22px;
}


.input-ta {
    width: 400px;
    height: 80px;
    padding: 5px;

    border: 1px solid #E6E1BB;
    color: #763A14;
    background: #FCFAF1;

}


.input-ta-120 {
    width: 400px;
    height: 120px;
    padding: 5px;

    border: 1px solid #E6E1BB;
    color: #763A14;
    background: #FCFAF1;

}

.button-150 {
    width: 150px;
    height: 24px;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    border: 0px;
    padding: 0px;
    font-size: 75%;
    cursor: pointer;

    background: url('/sk/img/btn-150-off.gif') no-repeat left top;
    font-weight: bold;
}

.button-150:hover, .button-150-hover {
    background: url('/sk/img/btn-150-on.gif') no-repeat left top;
}


/* ------------------------------ paginator --------------------------------- */

.paginator {

    color: #AAAAAA;
    text-align: right;
}

.paginator-top {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #4DAA46;
}

.paginator-bottom {
    padding-top: 15px;
    margin-top: 10px;
    border-top: 1px solid #4DAA46;
}

@media screen and (max-width: 576px ) {
    
    .paginator-no-border-on-mobile {
        border: none !important;
    }

}


.paginator .num {
    font-weight: bold;
}


.paginator .selected {
    color: #4FA928;
}

.paginator a {
    color: #BBBBBB;
    text-decoration: none;
}

.paginator a:link {
    color: #BBBBBB;
    text-decoration: none;
}

.paginator a:visited {
    color: #BBBBBB;
    text-decoration: none;
}

.paginator a:active {
    color: #BBBBBB;
    text-decoration: none;
}

.paginator a:hover {
    color: #4FA928;
    text-decoration: none;
}

.paginator a .underline {
    text-decoration: underline;
}

.paginator a:link .underline {
    text-decoration: underline;
}

.paginator a:visited .underline {
    text-decoration: underline;
}

.paginator a:active .underline {
    text-decoration: underline;
}

.paginator a:hover .underline {
    text-decoration: underline;
}


.paginator a.num {
    color: #BBBBBB;
    text-decoration: none;
}

.paginator a.num:link {
    color: #BBBBBB;
    text-decoration: none;
}

.paginator a.num:visited {
    color: #BBBBBB;
    text-decoration: none;
}

.paginator a.num:active {
    color: #BBBBBB;
    text-decoration: none;
}

.paginator a.num:hover {
    color: #4FA928;
    text-decoration: underline;
}

.paginator .previous {
    padding-right: 14px;
    padding-left: 2px;
}

.paginator .next {
    padding-left: 14px;
    padding-right: 2px;
}

.paginator .previous .underline {
    padding-left: 2px;
}

.paginator .next .underline {
    padding-right: 2px;
}


/* --------------------------------- obrazky -------------------------------- */

.text-image-right {
    float: right;
    margin: 10px 0px 10px 15px;
}


.text-image-left {
    float: left;
    margin: 10px 15px 10px 0px;
}

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

.padding-10 {
    padding: 10px;
}

.padding-20 {
    padding: 20px;
}



/*  ---------------------- TABLE - schema 1 --------------------------------- */


.table-full-1600 {
    width: 100%;
}

.table-main-1600 {
    width: 100%;
}


.box-full-1600 {
    width: 100%;
}


.box-main-1600 {
    width: 100%;
}

#columns-jz .table-full-1600 {
    width: 100%;
}

#columns-jz .box-full-1600 {
    width: 100%;
}



#columns-jz .table-main-1600 {
    width: 100%;
}


.table-schema-1 {
    margin-top: 1em;
    border-collapse: collapse;
    /* border-bottom: 1px solid #4FA928; */
}

.table-schema-1 tr {
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}

.table-schema-1 .tr-underlined, .table-schema-1 .tr-underlined td {
    border-bottom: 1px solid #CAE5BE;
}

.table-schema-1 .tr-1 td {
    background: #EDF6E9;
}

.table-schema-1 th.first, .table-schema-1 th:first-child {
    padding-left: 0px;
}

.table-schema-1 th {
    border-collapse: collapse;
    text-align: left;
    vertical-align: bottom;
    color: #4FA928;
    font-weight: normal;
    border-bottom: 1px solid #4FA928;
    padding: 8px 8px;
    margin: 0px;
}

.table-schema-1 td {
    border-collapse: collapse;
    padding: 8px 8px;
    margin: 0px;
    vertical-align: top;
}

.table-schema-1 td.first, .table-schema-1 td:first-child {
    padding-left: 0px;
}

.table-schema-1 a {
    text-decoration: none;
    font-weight: bold;
}

.table-schema-1 a:link {
    text-decoration: none;
}

.table-schema-1 a:visited {
    text-decoration: none;
}

.table-schema-1 a:active {
    text-decoration: none;
}

.table-schema-1 a:hover {
    text-decoration: underline;
}


/*  ---------------------- TABLE - table-ilu-image --------------------------------- */

@media screen and (max-width: 1024px) {

    .table-ilu-image  td:first-child img {
        width: 170px;
        height: auto;
    }

}

@media screen and (max-width: 768px) {

    .table-ilu-image  td:first-child img {
        width: 100%;
        height: auto;
    }

    .table-ilu-image tr {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    .table-ilu-image td {
        width: 100%;
        box-sizing: border-box;
    }

    
}


@media screen and (max-width: 1024px) {
    
    /* noborder */
    .table-tablet-wide-noborder {
        width: 100% !important;
        max-width: 100%;
        height: auto !important;
        border-style: solid;
        border-collapse: collapse;
    }

    .table-tablet-wide-noborder tr {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .table-tablet-wide-noborder th {
        padding: 5px 10px;
        width: 100% !important;
        box-sizing: border-box;
    }

    .table-tablet-wide-noborder td {
        padding: 5px 10px;
        width: 100% !important;
        box-sizing: border-box;
    }

     .table-schema-1.table-tablet-wide-noborder td.first, .table-schema-1.table-tablet-wide-noborder td:first-child  {
        padding-left: 10px;
     }

     table.table-tablet-wide-no-cell-x-padding td {
        padding-left: 0px !important;
        padding-right: 0px !important;
     }  

}
@media screen and (max-width: 768px) {
    
    /* noborder */
    .table-tablet-noborder {
        width: 100% !important;
        max-width: 100%;
        height: auto !important;
        border-style: solid;
        border-collapse: collapse;
    }

    .table-tablet-noborder tr {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .table-tablet-noborder th {
        padding: 5px 10px;
        width: 100% !important;
        box-sizing: border-box;
    }

    .table-tablet-noborder td {
        padding: 5px 10px;
        width: 100% !important;
        box-sizing: border-box;
    }

     .table-schema-1.table-tablet-noborder td.first, .table-schema-1.table-tablet-noborder td:first-child  {
        padding-left: 10px;
     }

     table.table-tablet-no-cell-x-padding td {
        padding-left: 0px !important;
        padding-right: 0px !important;
     }  

}

.table-no-first-and-last-padding th:first-child, .table-no-first-and-last-padding td:first-child {
    padding-left: 0px;
}

.table-no-first-and-last-padding th:last-child, .table-no-first-and-last-padding td:last-child {
    padding-right: 0px;
}

/*  ---------------------- TABLE - mobile --------------------------------- */

@media screen and (max-width: 576px) {
    
    /* noborder */
    .table-mobile-noborder {
        width: 100% !important;
        max-width: 100%;
        height: auto !important;
        border-style: solid;
        border-collapse: collapse;
    }

    .table-mobile-noborder tr {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .table-mobile-noborder th {
        padding: 5px 10px;
        width: 100% !important;
        box-sizing: border-box;
    }

    .table-mobile-noborder td {
        padding: 5px 10px;
        width: 100% !important;
        box-sizing: border-box;
    }

    /* */    
    .table-mobile {
        max-width: 100%;
        width: 100% !important;
        border-style: solid;
        border-top-width: 1px;
        border-collapse: collapse;
    }

    .table-mobile tr {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .table-mobile th:not(:last-child), .table-mobile td:not(:last-child) {
        border-bottom-width: 0px !important;
    }

        
    .table-mobile th:last-child, .table-mobile td:last-child {
        border-bottom-width: 1px !important;
    } 

    .table-mobile th {
        padding-left: 10px !important;
        padding-right: 10px !important;
        width: 100% !important;
        box-sizing: border-box;
        font-weight: bold;
        border-top-width: 0;
        border-left-width: 0 !important;
        border-right-width: 0 !important;
        border-style: solid;
    }

    .table-mobile td {
        padding-left: 10px !important;
        padding-right: 10px !important;
        width: 100% !important;
        box-sizing: border-box;
        border-top-width: 0px ;
        border-left-width: 0px !important;
        border-right-width: 0px !important;
        border-style: solid;
    }

    .table-schema-1.table-mobile-noborder td.first, .table-schema-1.table-mobile-noborder td:first-child,
    .table-schema-1.table-mobile td.first, .table-schema-1.table-mobile td:first-child {
        padding-left: 10px;
     }

    /* colors*/

    .table-mobile, .table-mobile td, .table-mobile th {
        border-color: #4FA928;
    }

    .table-schema-1.table-mobile th {
        background-color: #4FA928;
        color: #FFF !important;
    }
    
    table.table-mobile-no-cell-x-padding td {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }  

}


/* ----------------------------- bottom ilus -------------------------------- */


#bottom-links {
    margin-top: 20px;

}

#bottom-links h2 {
    margin-bottom: 2px;
    font-size: 1.1em;
    font-weight: normal;
    color: #999999;
}

.bottom-link-item {
    border-top: 1px solid #CCCCCC;
    float: left;
    width: 160px;
    margin-right: 18px;
    padding-top: 10px;
    margin-bottom: 7px;
}

.bottom-link-item img {
    border: 1px solid #F2F2F2;
}

.bottom-link-item a {
    text-decoration: none;
}

.bottom-link-item a:link {
    text-decoration: none;
}

.bottom-link-item a:visited {
    text-decoration: none;
}

.bottom-link-item a:active {
    text-decoration: none;
}

.bottom-link-item a:hover {
    text-decoration: underline;
}

.bottom-link-item .caption {
    padding-top: 5px;
}

.bottom-link-item .description {
    color: #999999;
    padding-top: 2px;
    padding-bottom: 5px;
}

/* ------------------------------ text colors ------------------------------- */

.text-color-green {
    color: #4FA928;
}

.text-color-cinnamon {
    color: #E66C39;
}

.text-color-orange {
    color: #E68F17;
}

.text-color-purple {
    color: #8858A9;
}

.text-color-skyblue {
    color: #6DAECF;
}

.text-color-yellowgreen {
    color: #B2B23D;
}

/* ------------------------------ embeds ------------------------------- */
.responsive-container {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
}

.responsive-item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.toggle-fullscreen-btn {
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    background-image: url('/sk/img/set-fs-white.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    cursor: pointer;
    border: none;
    box-sizing: border-box;
}

.iframe-container:fullscreen {
    padding: 0;
}

.iframe-container:fullscreen .toggle-fullscreen-btn {
    background-image: url('/sk/img/unset-fs.png');
}

/* ---------------------------------------------------------------------------- */
/* Cookie Consent
/* ---------------------------------------------------------------------------- */
.termsfeed-com---nb-headline {
    position: fixed !important;
}

.termsfeed-com---nb .cc-nb-main-container {
    padding: 1rem 2rem !important;
}

.cc-nb-okagree,
.cc-nb-reject,
.cc-cp-foot-save {
    background-color: #00A551 !important;
}

.cc-nb-title {
    font-size: 20px !important;
}

.cc-nb-text {
    font-size: 15px !important;
}