/* Globalni styly */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

* {
    vertical-align: baseline;
    font-weight: inherit;
    font-family: inherit;
    font-style: inherit;
    border: 0 none;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    cursor: default;
    max-width: 100%;
    transition: all 0.1s;
}

html {
    background-color: #ffffff;
    height: 100%;
}

head {
    display: none;
}

body {

    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.45rem;
    font-weight: 400;
    color: #292929;
    background-color:  #ffffff; 
    opacity: 0;
    min-width: 250px;
    max-width: 100%;`
    min-height: 100%;
    display: flex;
    flex-direction: column;

    -webkit-animation-name: usvit;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: usvit;
    -moz-animation-duration: 0.5s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: forwards;

    -ms-animation-name: usvit;
    -ms-animation-duration: 0.5s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-fill-mode: forwards;

    -o-animation-name: usvit;
    -o-animation-duration: 0.5s;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: forwards;

    animation-name: usvit;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;

}


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

@-webkit-keyframes usvit{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes usvit{
    0% {-moz-opacity: 0;}
    100% {-moz-opacity: 1;}
}
@-sm-keyframes usvit{
    0% {-moz-opacity: 0;}
    100% {-moz-opacity: 1;}
}
@-o-keyframes usvit{
    0% {-moz-opacity: 0;}
    100% {-moz-opacity: 1;}
}
@keyframes usvit{
    0% {opacity: 0;}
    100% {opacity: 1;}
}

input:not([type=file]),
textarea,
select{
    border: 1px solid rgba(39, 82, 46, 0.15);
    padding: 5px;
    margin: 0px 1px 1px 0px;
}


input[type=text],
input[type=password]{
    color: #666666;
}

input[type=text]:focus,
input[type=password]:focus{
    color: #111111;
}

*::-webkit-input-placeholder {
    color: silver;
}
*:-moz-placeholder {
    color: silver;
}
*::-moz-placeholder {
    color: silver;
}
*:-ms-input-placeholder {
    color: silver;
}

h1,h2,h3,h4{
    font-weight: bold;
    padding-bottom: 10px;
    color: #454545;
}

h1{
    font-size: 1.5rem;
    line-height: 2rem;
    margin: 20px auto 20px auto;
    padding: 10px 0px 10px 0px;
    color: #39A935;
}

h2 {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #388031;
}

h3 {
    font-size: 1rem;
    line-height: 1.5rem;
    color: rgba(82, 174, 50, 1);
}

p{
    padding-bottom: 10px;
    overflow: visible;
}

.panelObsah p, .panelObsah li {
    text-align: justify;
}

@media screen and (orientation: portrait) {
    .panelObsah p, .panelObsah li {
        text-align: left;
    }
}

td, th {
    vertical-align: top;
}
a, a *{
    cursor: pointer;
    color: rgba(82, 174, 50, 1);
    text-decoration: underline;
    text-decoration-color: rgba(82, 174, 50, 0.33);
}

a:hover, a:hover * {
    text-decoration-color: rgba(82, 174, 50, 1) !important;
}

label{
    cursor: pointer;
}

ul, ol{
    list-style-position: outside;
    padding-bottom: 10px;
    padding-left: 1.45rem;
}

.panelObsah .text:after {
    content: " ";
    display: block;
    clear: both;
    font-size: 0px;
    line-height: 0px;
}

.panelObsah .text ul{
    list-style-position: outside;
    list-style-type: disc;
    padding-bottom: 10px;
    padding-left: 1.5rem;
}
.panelObsah .text ol{
    list-style-position: outside;
    list-style-type: decimal;
    padding-bottom: 10px;
    padding-left: 1.5rem;
}
.panelObsah .text img{
    height: auto!important;
}
input[type=button],
input[type=submit],
.button{
    background-color: #39A935;
    color: #FFFFFF;
    line-height: 36px;
    padding: 0 20px;
    border: none;
    text-align: center;
    min-width: 100px;
    font-weight: bold;
    cursor: pointer;
    filter: brightness(100%);
}
.button *{
    background-color: #39A935;
    color: #FFFFFF;
    border: none;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
input[type=button]:hover,
input[type=submit]:hover,
input[type=button]:focus,
input[type=submit]:focus,
input[type=image]:hover,
.button:hover
{

}

.vnitrek:after,
ul:after,
.panelObsah:after,
.zbozi:after,
.zbozi:before,
.cistic,
.prepinacStranek:after,
.tlacitkoDalsiStrana:after,
.seznamStranek:after,
.formularRazeni:before,
.formularRazeni:after

{
    content: ' ';
    display: block;
    clear: both;
    font-size: 0px;
    line-height: 0px;
}


.msg{
    text-align: center;
    padding: 5px;
    background-color: rgba(0, 142, 227, 0.5);
    color: #ffffff;
    font-weight: bold;
    margin: 1% 0% 1% 0%;
    box-shadow: 0px 0px 3px 1px rgba(0, 142, 227, 0.5);
}
.err{
    text-align: center;
    padding: 5px;
    background-color: rgba(255, 0, 0, 0.5);
    color: #ffffff;
    font-weight: bold;
    margin: 1% 0% 1% 0%;
    box-shadow: 0px 0px 3px 1px rgba(255, 0, 0, 0.5);
}
strong, b{
    font-weight: bold;
}

script{
    display: none !important;
}

hr{
    border-bottom: 2px solid #52AE32;
    margin: 20px auto 30px auto;
}

.vnitrek{
    display: block;
    width: 1300px;
    max-width: 100%;
    padding: 0px 10px 0px 10px;
    margin: 0px auto;
}

.centrovanyPanel {
    margin: 0 auto 0 auto;
    max-width: 1000px;
    padding-left: 1rem;
    padding-right: 1rem;
}

table.sloupcovaSazba {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

@media screen and (orientation: landscape) {

    table.sloupcovaSazba td:nth-child(1):not(:nth-last-child(1)) {
        padding-right: 1rem;
    }

    table.sloupcovaSazba td:nth-last-child(1):not(:nth-child(1)) {
        padding-left: 1rem;
    }

    table.sloupcovaSazba td:not(:nth-child(1)):not(:nth-last-child(1)) {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

}

table.zakladniTabulka {
    border-collapse: collapse;
    margin-bottom: 10px;
}

table.zakladniTabulka td {
    border-bottom: 1px solid rgba(82, 174, 50, 0.15);
    padding-right: 1rem; 
}

table.zakladniTabulka tr:first-child td {
    border-top: 1px solid rgba(82, 174, 50, 0.15);
}

@media screen and (orientation: portrait) {
    table.sloupcovaSazba, table.sloupcovaSazba tbody, table.sloupcovaSazba tr, table.sloupcovaSazba td, table.sloupcovaSazba th {display: block;}
    table.sloupcovaSazba thead {display: none;}
    table.sloupcovaSazba td, table.sloupcovaSazba th {width: auto;}
    table.sloupcovaSazba td:not(:nth-child(1)) {padding-left: 0;}
    table.sloupcovaSazba td:not(:nth-last-child(1)) {padding-right: 0;}
}

.prilohaL, .prilohaP {
    padding-bottom: 1rem;
}

.prilohaL {
    padding-right: 1rem;
}

.prilohaP {
    padding-left: 1rem;
}

.prilohaL img, .prilohaP img {
    border-radius: 1rem;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    cursor: pointer;
}

td .prilohaL, td .prilohaP {
    padding-left: 0rem;
    padding-right: 0rem;
}

@media screen and (orientation: portrait) {
    .prilohaL, .prilohaP {
        width: auto !important;
        float: none !important;
        padding-left: 0rem;
        padding-right: 0rem;
    }
}

/* menu */

.menu .logo {
    text-decoration: none;
    background-size: auto 110%;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    font-size: 1.5rem;
    color: rgba(0,0,0,0);
    background-image: url(Pampe/Logo450x450.png);
}

.menu a:hover {
    transform: scale(1.05);
}

.menu .menuVnitrek {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu ul {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
    padding: 0;
    list-style-type: none;
}

.menu a {
    display: block;
    padding: 0.75rem 0.63rem 0.75rem 0.63rem;
    color: #4A4A49;
    text-decoration: none;
    text-transform: lowercase;
    font-weight: bold;
    font-size: 1rem;
}

.menu a.logo {
    padding-top: 2.5rem;
}

@media screen and (orientation: portrait) {

    .menu a {
        padding: 0.75rem 0.63rem 0.75rem 0.63rem;
    }

    .menu a.logo {
        padding-top: 3.5rem;
    }

}

.menu .komponentaHledat {
    white-space: nowrap;
}

.menu .komponentaHledat .text input {
    width: 180px;
    border-radius: 1rem;   
    margin: 2.5rem 0rem 0.75rem 0.63rem;
    padding: 10px;
    border-color: #000000;
}

.menu .komponentaHledat .odesli input {
    width: 2rem;
    min-width: 0;
    padding: 0;
    background-color: rgba(0,0,0,0);
    color: rgba(0,0,0,0);
    background-image: url(Pampe/Lupa.svg);
    background-repeat: no-repeat;    
    background-position: 50% 50%;
    background-size: auto 50%;
}

.menu .komponentaHledat .odesli {
    position: relative;
    left: -2.2rem;
}

#menuSwitch1, 
label[for=menuSwitch1],
#menuSwitch2, 
label[for=menuSwitch2] {
    display: none;
}

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

.menu .komponentaHledat {
    position: absolute;
    top: 3.5rem;
    right: 0px;
    background-color: #4A4A49;
}

.menu #menuSwitch2:not(:checked) ~ .komponentaHledat {
    display: none;
}

.menu label[for=menuSwitch2] {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    background-color: #4A4A49;
    color: #ffffff;
    font-size: 2rem;
    line-height: 2rem;
    width: 2rem;
    background-size: 50% auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(Pampe/Lupa2.svg);
    border-radius: 0.25rem;
}

.menu .menuVnitrek {
  display: block;
}

.menu .logo {
    display: block;
    background-position: 50% 50%;
    background-size: auto 75%;
    margin: 0 2rem 0 2rem;
}

.menu ul {
    justify-content: center;
}

.menu label[for=menuSwitch1] {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    background-color: #4A4A49;
    color: #ffffff;
    font-size: 2rem;
    line-height: 2rem;
    width: 2rem;
    background-size: 66% auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(Pampe/Menu.svg);
    border-radius: 0.25rem;
}

.menu #menuSwitch1:not(:checked) ~ .komponentaMenu1 {
    display: none;
}

.menu .centrovanyPanel {
    position: relative;
    left: 0;
}

.menu #menuSwitch1:checked ~ .komponentaMenu1 {
    position: absolute;
    left: 0;
    top: 3.5rem;
    width: 12rem;
    background-color: #4A4A49;
    flex-direction: column;
    align-items: stretch; 
}

.menu #menuSwitch1:checked ~ .komponentaMenu1 a {
    color: #FFFFFF;
}

.menu #menuSwitch1:checked ~ .komponentaMenu1 a:hover {
    transform: scale(1);
    background-color: #292929;
}

}

/* hlavicka2 (pod menu) */

.panelHlavicka2 {
    background-size: 180% auto;
    background-position: 79% 28%;
    background-image: url(Pampe/Hlavicka.jpg);
}

@media screen and (orientation: landscape) {
    .strankaSlozkaZbozi .panelHlavicka2 {
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }
}

.panelHlavicka2 .hlavicka2Vnitrek {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.strankaSlozkaZbozi .panelHlavicka2 .hlavicka2Vnitrek {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}


/* .panelNavigace */

.panelNavigace {
}

.panelNavigace ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-top: 1rem;
}

@media screen and (orientation: portrait) {
    .panelNavigace ul {flex-direction: column;} 
} 

.panelNavigace li {
    flex-basis: 33.33%;
    padding: 0.5rem 0.5rem 0rem 0rem;
}

.panelNavigace a {
    display: block;
    background-color: #FCC200;
    color: #292929;
    padding: 0.5rem;
    border-radius: 0.5rem;
    font-weight: bold;
    padding-left: 2.75rem;
    background-repeat: no-repeat;
    background-position: 0.75rem 50%;
    background-size: auto 1.2rem, auto 1.2rem;
    text-decoration: none;
}

.panelNavigace ul li a:hover,
.panelNavigace ul li.vybrana a {
    background-color: #39A935;
    color: #FFFFFF;
}

.panelNavigace ul li:nth-child(1) a {
    background-image: url(Pampe/IkonaAktuality.svg);
}

.panelNavigace ul li:nth-child(1) a:hover,
.panelNavigace ul li.vybrana:nth-child(1) a {
    background-image: url(Pampe/IkonaAktualityVybrana.svg);
}

.panelNavigace ul li:nth-child(2) a {
    background-image: url(Pampe/IkonaDomov1.svg), url(Pampe/IkonaDomov2.svg);
    background-position: 0.45rem 50%, 1.25rem 50%;
}

.panelNavigace ul li:nth-child(2) a:hover,
.panelNavigace ul li.vybrana:nth-child(2) a {
    background-image: url(Pampe/IkonaDomov1Vybrana.svg), url(Pampe/IkonaDomov2Vybrana.svg);
}

.panelNavigace ul li:nth-child(3) a {
    background-image: url(Pampe/IkonaZvlastniRezim.svg);
}

.panelNavigace ul li:nth-child(3) a:hover,
.panelNavigace ul li.vybrana:nth-child(3) a {
    background-image: url(Pampe/IkonaZvlastniRezimVybrana.svg);
}

.panelNavigace ul li:nth-child(4) a {
    background-image: url(Pampe/IkonaTuristicke.svg);
    background-size: auto 1.05rem;
}

.panelNavigace ul li:nth-child(4) a:hover,
.panelNavigace ul li.vybrana:nth-child(4) a {
    background-image: url(Pampe/IkonaTuristickeVybrana.svg);
}

.panelNavigace ul li:nth-child(5) {
    display: none; /* 2025-03-12 smazano */
}

/*.panelNavigace ul li:nth-child(5) a {
    background-image: url(Pampe/IkonaPecovatelska.svg);
    background-size: auto 1.3rem;
}

.panelNavigace ul li:nth-child(5) a:hover,
.panelNavigace ul li.vybrana:nth-child(5) a {
    background-image: url(Pampe/IkonaPecovatelskaVybrana.svg);
}*/

.panelNavigace ul li:nth-child(6) a {
    background-image: url(Pampe/IkonaVybaveni.svg);
}

.panelNavigace ul li:nth-child(6) a:hover,
.panelNavigace ul li.vybrana:nth-child(6) a {
    background-image: url(Pampe/IkonaVybaveniVybrana.svg);
}

.panelNavigace ul li:nth-child(6) a:after {
    content: "\00a0\00a0 (VR prohlídky)";
    font-weight: normal;
}

.panelNavigace ul li:nth-child(7) a {
    background-image: url(Pampe/IkonaDokumenty.svg);
}

.panelNavigace ul li:nth-child(7) a:hover,
.panelNavigace ul li.vybrana:nth-child(7) a {
    background-image: url(Pampe/IkonaDokumentyVybrana.svg);
}

.panelNavigace ul li:nth-child(8) a {
    background-image: url(Pampe/IkonaPersonal.svg);
}

.panelNavigace ul li:nth-child(8) a:hover,
.panelNavigace ul li.vybrana:nth-child(8) a {
    background-image: url(Pampe/IkonaPersonalVybrana.svg);
}

.panelNavigace ul li:nth-child(9) a {
    background-image: url(Pampe/IkonaKontakty.svg);
}

.panelNavigace ul li:nth-child(9) a:hover,
.panelNavigace ul li.vybrana:nth-child(9) a {
    background-image: url(Pampe/IkonaKontaktyVybrana.svg);
}

/* .hlavickaInfo */

.hlavickaInfo {
    display: none;
}

.strankaSlozkaZbozi .hlavickaInfo {
    display: flex;
    align-items: start;
/*
    justify-content: space-between;
    gap: 2rem;
*/
} 

.strankaSlozkaZbozi .hlavickaInfo .komponentaSlozka {
    border-radius: 0.5rem;
    padding: 2rem;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}

.strankaSlozkaZbozi .hlavickaInfo .komponentaSlozka:first-child {
    width: 43%;
    flex-shrink: 0;
    background-color: rgba(57, 169, 53, 0.9);
    color: #ffffff;
} 

.strankaSlozkaZbozi .hlavickaInfo .komponentaSlozka:first-child ~ * {
    background-color: #ffffff;
    color: #000000;
} 

@media screen and (orientation: portrait) {
    .strankaSlozkaZbozi .hlavickaInfo {
        display: none;
        width: auto; 
    } 
} 

.strankaSlozkaZbozi .hlavickaInfo h1,
.strankaSlozkaZbozi .hlavickaInfo h2,
.strankaSlozkaZbozi .hlavickaInfo h3{
    color: #ffffff;
    text-transform: uppercase;
    font-size: 2rem;    
    line-height: 2.5rem;
    margin-bottom: 0.5rem;    
} 

.strankaSlozkaZbozi .hlavickaInfo .komponentaSlozka:first-child ~ * h1,
.strankaSlozkaZbozi .hlavickaInfo .komponentaSlozka:first-child ~ * h2,
.strankaSlozkaZbozi .hlavickaInfo .komponentaSlozka:first-child ~ * h3{
    color: #39A935 !important;
}


/* .panelVelkeLogo */ 

.strankaSlozkaZbozi .hlavickaInfo .panelVelkeLogo {
    position: relative;
    left: 0;
    top: 0;
    width: 450px;
    height: 450px;
    margin-top: 50px;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    /*background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(128,128,128,0.5) 0%, rgba(255,255,255,0.5) 3%);*/
    background-color: rgba(255,255,255,0.66) !important;
    background-image: url(Pampe/Logo450x450.png);
}

.strankaSlozkaZbozi .hlavickaInfo .panelVelkeLogo:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    /*background: rgba(0,0,0,0.5);*/    
}


/* .panelObsah */

.panelTelo {
    overflow: hidden;
}

.panelObsah {
}

.panelObsah .zbozi,
.panelObsah .prepinacStranek,
.panelObsah .komponentaZobrazeni,
.panelObsah .formularFiltry {
    display: none;
}

.pomocnaNavigace .podslozky {
    margin-bottom: 1rem;
}

.pomocnaNavigace .podslozky ul {
    display: flex;
    gap: 1rem;
}


/* homepage */

.homepageBanner {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #52AE32;
}

@media screen and (orientation: portrait) {
    .homepageBanner {
        display: none;
    }
}

.homepageBanner .priloha {
    width: auto !important;
    float: none;
    display: block;
}

.homepageBanner p {
    margin: 0;
    padding: 0;
}

.homepageBanner img {
    width: 100% !important;
    height: auto !important;
    margin: 0;
}

.homepageNadpis {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 2rem;
    margin: 0px auto 0px auto;
    padding: 0px 0px 20px 0px;
    color: #39A935;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.homepageNadpis span {
    display: block;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
}

.homepageNadpis a {
    display: block;
    color: rgba(82, 174, 50, 1);
    border-radius: 0.25rem;
    line-height: 2rem;
    padding: 0rem 0rem 0rem 1rem;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: normal;
}

.homepageNadpis a:hover {
    transform: scale(1.012);
}

.homepagePanel1 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.homepagePanel2 {
}

.homepagePanel2 * {
    color: #ffffff;
}

.homepagePanel2 .centrovanyPanel {
    position: relative;
    top: 0;
    left: 0;
}

.homepagePanel2 .katalog {
    border-top: 1px solid #52AE32;
    border-bottom: 1px solid #52AE32;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

.homepagePanel2 .katalog:before {
    content: " ";
    display: block;
    position: absolute;
    left: 1rem;
    top: 2.5rem; 
    bottom: 2.5rem;
    width: 75%;
    background-color: #fee90c; 
    border-radius: 0.5rem;
    background-image: url(Pampe/Home.jpg);
    background-size: cover;
}

.homepagePanel2 h1 {
    display: none;
}

.homepagePanel2 .centrovanyPanel .editor {
    position: relative;
    top: 0;
    left: 0;
    padding: 2.5rem;
    background: #39A935;
    color: #ffffff;
    border-radius: 0.5rem;
    width: 50%;
    margin-right: 0;
    margin-left: auto;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}

@media screen and (orientation: portrait) {
    .homepagePanel2 .katalog {
        padding-top: 30rem;
        padding-bottom: 1rem;
    }
    .homepagePanel2 .centrovanyPanel .editor {
        width: auto;
    }
    .homepagePanel2 .katalog:before {
        width: auto;
        left: 2rem;
        right: 2rem;
        top: 2rem;
        height: 30rem; 
        background-repeat: no-repeat;
        background-position: 0% 0%;
        background-size: cover;
    }
}

.homepagePanel2 .centrovanyPanel .editor h2,
.homepagePanel2 .centrovanyPanel .editor h3 {
    font-size: 2rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.homepagePanel2 p {
    text-align: left;
}

.homepagePanel3 {
    padding-top: 2.5rem;
}

.homepagePanel3 p {
}

@media screen and (orientation: portrait) {
    .homepagePanel3 p {
        text-align: left;
    }
}



/* footer */

footer .logo {
    font-size: 2.5rem;
    background-image: url(Pampe/Logo450x450.png);
    display: block;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    color: rgba(0,0,0,0);
    user-select: none;
    margin: 4rem 0 2rem 0;
    padding: 3.5rem;
    text-decoration: none;
}

footer a.logo:hover {
    transform: scale(1.012);
}

footer .patickaLista {
    background-color: #292929;
    font-size: 0.85rem;
}

footer .patickaLista a:hover {
    transform: scale(1.05);
}

footer .patickaLista ul {
    padding: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .menuVnitrek {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer ul {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
}

footer .patickaLista a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px;
}

footer a {
    color: #ffffff;
    text-decoration: underline;
    text-decoration-color: rgba(255,255,255,0.33);
}

footer a:hover {
    text-decoration-color: rgba(255,255,255,1) !important;
}

footer .mapa {
    display: block;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(Pampe/Mapa2.png);
    min-height: 25rem;
}

footer .patickaKontakty {
    background-color: #452B1A;
    color: #ffffff;
    padding: 20px 0 20px 0;
    overflow: hidden;
}

footer .patickaKontakty * {
}

/*footer .patickaKontakty a {
    position: relative;
    left: 0px;
    top: 0px;
    background-color: #452B1A !important;
    color: #ffffff !important;
}

footer .patickaKontakty a:hover {
}*/

footer .patickaKontakty td {
    padding-right: 1rem;
}

/* patickaOdkazy */

footer .patickaOdkazy {
    text-align: center;
    padding: 1rem;
    background-color: #39A935;
    border-bottom: 10px solid #292929;
    color: #ffffff;
}

footer .patickaOdkazy * {
}

footer .patickaOdkazy ul {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
}

footer .patickaOdkazy li {
    display: block;
}

/* patickaKontakty */

footer .patickaPartneri {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-bottom: 5px solid #4A4A49;
}

footer .patickaPartneri > * {
    display: block;
    width: 8rem;
    height: 5rem;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

footer .patickaPartneri .partner-liberecky {
    background-image: url(Pampe/partnerLiberecky.svg);
    background-size: auto 50%;
}

footer .patickaPartneri .partner-ceskalipa {
    background-image: url(Pampe/partnerCeskaLipa.svg);
    background-size: auto 65%;
}

/*footer .patickaPartneri .partner-novybor {
    background-image: url(Pampe/partnerNovyBor.svg);
    background-size: auto 65%;
}*/

footer .patickaPartneri .partner-novoborsko {
    background-image: url(Pampe/partnerNovoborsko.png);
    background-size: auto 75%;
}

footer .patickaPartneri .partner-mezinami {
    background-image: url(Pampe/partnerMeziNami.png);
    background-size: auto 85%;
}

footer .patickaPartneri .partner-mpsv {
    background-image: url(Pampe/partnerMPSV.svg);
    background-size: auto 60%;
}

footer .patickaPartneri .partner-jenprace {
    background-image: url(Pampe/partnerJenPrace.svg);
    background-size: auto 22%;
}

footer .patickaPartneri .partner-jmpost {
    background-image: url(Pampe/partnerJMPost.svg);
    background-size: auto 15%;
}

/* komponentaSlozkyStrankovani */

.komponentaSlozkyStrankovani .slozky {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.komponentaSlozkyStrankovani .slozka {
    display: block;
    flex-basis: 15rem;
    flex-grow: 1;
    margin-bottom: 1rem;
}

.komponentaSlozkyStrankovani .slozka .nahled {
    display: block;
    height: 10rem;
    background-size: cover;
    background-position: 50% 25%;
}

.komponentaSlozkyStrankovani .slozka .text,
.komponentaSlozkyStrankovani .slozka .text * {
    line-height: 24px;
}

.komponentaSlozkyStrankovani .slozka .text {
    max-height: 192px;
    overflow: hidden;
    padding: 0rem;
    position: relative;    
}

.komponentaSlozkyStrankovani .slozka .text .vice {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    padding: 0 3rem 0 0.25rem;
    color: rgba(82, 174, 50, 1);
}

.komponentaSlozkyStrankovani .slozka .text .vice:before {
    content: " ... ";
    color: #333333;
}

.komponentaSlozkyStrankovani .slozka .text .vice:hover {
    transform: scale(1.012);
}

.komponentaSlozkyStrankovani .slozka .text * {
    font-size: 1.2rem;
    padding: 0;
    margin: 0;
    text-align: left;
    text-decoration: none !important;
    color: #333333;
}

.komponentaSlozkyStrankovani .slozka .text h2 {
    padding: 0.5rem 0 0.5rem 0;
    color: #39A935;
}

.komponentaSlozkyStrankovani .slozka .datum {
    font-size: 0.85rem;
    color: rgba(82, 174, 50, 1);
    padding-bottom: 0.5rem;
}

.komponentaSlozkyStrankovani .slozka .datum:hover {
    transform: scale(1.012);
}