/*------------------------RESET---------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ul,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
    margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; text-decoration:none; list-style-type: none;}
article, aside, details, figcaption, figure, hgroup, menu, nav, section { display: block; }
/*------------------------------------------------------*/

.clear { clear: both;height: 1px; line-height: 1px; overflow: hidden; margin-bottom: -1px; }
.chyba { background-color:#c81816; color:#ffffff; text-align:center; font-size:14px; padding:5px 0px 5px 0px; margin:2px auto 0px auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.embedBlok {display: block; width: 100%;}

#in_message,
#in_newsletter_emailH {
    position: absolute;
    left: -9999em;
    top: 0;
}

.goog-te-gadget-simple          { border-radius:20px; padding:10px; }


        .filtr { width:94%; }
        .filtr .filter-box { background: #fff; border-radius: 50px; padding: 30px 50px; max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 20px; }
        .filtr .filter-group { flex: 1; }
        .filtr .filter-label {  font-weight: 400; color: var(--cerna); margin-bottom: 8px; }
        .filtr .filter-select { display:block; width: 100%; padding: 15px 20px; font-size: 16px; border: 2px solid #E8E8E8; border-radius: 12px; background: #F5F5F5; color: #999; appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%2370B857' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 20px center; cursor: pointer; }
        .filtr .filter-select:focus { outline: none; border-color: #6BC14C; }
        /*.filtr .filter-btn { padding: 18px 45px; background: linear-gradient(135deg, #FFA726 0%, #FF9800 100%); color: #fff; border: none; border-radius: 30px; font-size: 16px; font-weight: 600; cursor: pointer; white-space: nowrap; display: flex; align-items: center; gap: 10px; transition: transform 0.2s; }
        .filtr .filter-btn:hover { transform: translateY(-2px); }
        .filtr .filter-btn::after { content: '→'; font-size: 20px; }*/
        .filtr .filter-btn { display: inline-flex; margin-top:2rem; text-transform:uppercase; align-items: center; margin-bottom:0rem; padding: 10px 30px; background-color: #e99825; color: #fff; font-size: 1rem; border: none; border-radius: 20px; cursor: pointer; transition: background-color 0.3s ease; }
        .filtr .filter-btn:hover { background-color: #f8c068; }
        .filtr .filter-btn::after { content: '→'; margin-left: 10px; font-size: 18px; }
        @media (max-width: 768px) { 
            .filtr { width:94%; }
            .filtr .filter-group { width:100%; }
            .filtr .filter-box { flex-direction: column; padding: 25px 30px; } .filtr .filter-btn { width: 100%; justify-content: center; } 
            .filtr .filter-btn { margin-top:1rem; }
        }
    




body                                            { display: block !important; }

/*header { width: 100%; font-family: Arial, sans-serif; }
.horniCast { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #f0f0f0; }
.loga { display: flex; align-items: center; }
.loga img { height: 30px; margin-right: 10px; }
.socialniSite a { display: inline-block; width: 24px; height: 24px; margin-left: 10px; background-size: contain; }
.facebook { background-image: url('facebook-icon.png'); }
.instagram { background-image: url('instagram-icon.png'); }
.spodniCast { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; }
.logo img { height: 50px; }
.menu { display: flex; list-style-type: none; }
.menu li { margin: 0 15px; }
.menu a { text-decoration: none; color: #333; }
.ikony a { display: inline-block; width: 24px; height: 24px; margin-left: 15px; background-size: contain; }
.srdce { background-image: url('heart-icon.png'); }
.lupa { background-image: url('search-icon.png'); }
.hamburger { display: none; }

@media (max-width: 768px) {
  .menu { display: none; flex-direction: column; position: absolute; top: 100px; left: 0; width: 100%; background-color: #fff; }
  .menu.active { display: flex; }
  .menu li { margin: 10px 0; text-align: center; }
  .hamburger { display: block; background: none; border: none; font-size: 24px; cursor: pointer; }
}*/


* { box-sizing: border-box; }

#google_translate_element { min-height:25px; }


:root { /*--zelena: #3F9F1A;*/--zelena: #60bb46; --zelenaTmave: #45a049; --zelenaTmaveFont:#1f5a22; --cerna: #333; --seda: #f1f1f1; --sedaTmave:#9c9b9b; --bila: #fff; --zelenaSvetle: #c0e0b7; }
.maxSirkaObsah { max-width:1200px; margin:0px auto; width:calc(100% - 2rem); }

.bt_oblibene { height:1.7rem; width: 1.7rem; display:block; text-align:center; text-decoration:none; cursor:pointer; margin-right:5px; background-size:contain; background-image:url('/themes/default/images/bt_oblibene.png'); background-repeat:no-repeat; background-position:center center; padding-top:3px; font-size:0.85em; } 
.bt_oblibene.sel    { background-image:url('/themes/default/images/bt_oblibeneSel2.png'); }


html { font-size:18px; }
body { font-family: "Poppins", serif; padding:0; margin:0; }
#menuHorni { background-color: var(--seda); padding: 1rem; display: flex; justify-content: space-between; align-items: center; }
#menuHorni > div { max-width:1200px; width:100%; margin:0 auto; display: flex; justify-content: space-between; align-items: center; }
#menuHorni > div .loga { display:flex; vertical-align:central; justify-content:center; }
#menuHorni > div .loga > a { margin:0px 1em 0px 1em; display:flex; justify-content:center; align-items: center; }
#menuHorni > div .loga > a img { height:1.3rem; }
#menuHorni > div .loga > a:first-child img { height:1.6rem; }
#menuHorni > div .socialniSite { text-align:right; display:flex; align-content:center; justify-content:center; }
#menuHorni > div .socialniSite > a     { display:flex; justify-content:center; align-items: center; }
#menuHorni > div .socialniSite > a img { width:1.7rem; height:1.7em; }
#menuHorni > div .socialniSite > div { display:inline-block; padding-right:1rem; position:relative; top:-0.1rem; }
#menuHorni > div .socialniSite > a {  padding-left:0.5rem; }


#menuHlavni { max-width:1800px; height:140px; width:100%; margin:0px auto; color: var(--cerna); background-color: var(--bila); padding: 1rem; display: flex; justify-content: space-between; align-items: center; }
#menuHlavni a img { height:4rem; }


#menuHlavni nav ul { list-style-type: none; display: flex; justify-content:center; margin:0 5rem; }
#menuHlavni nav ul li { margin: 0 2rem; }
#menuHlavni nav ul li a { text-decoration: none; font-weight: 400; color: var(--cerna); }
#menuHlavni nav ul li a:hover { border-bottom:2px solid var(--zelena); }
#menuHlavni nav ul li a.sel { border-bottom:2px solid var(--zelena); }
#menuHlavni .hledat { display:flex; } 
#menuHlavni .hledat .bt_hledat { margin-left:1rem; height:1.7rem; width: 1.7rem; display:block; text-align:center; text-decoration:none; margin-right:5px; background-size:contain; cursor:pointer; background-image:url('/themes/default/images/bt_hledat.png'); background-repeat:no-repeat; background-position:center center; padding-top:9px; font-size:0.85em; }
@media (max-width: 1700px) {
    #menuHlavni nav ul { margin:0; }
}
@media (max-width: 1550px) {
    #menuHlavni nav ul li { margin:0 1rem; }
}
@media (max-width: 1350px) {
    #menuHlavni nav ul li { margin:0 0.5rem; }
    #menuHlavni nav ul li a {font-size:1rem; }
}
@media (max-width: 600px) {
    #menuHlavni a img { height:3.4rem; }
}

#bt_menuHlavni                              { display:none; width:2rem; height:2rem; position:relative; top:-0.8rem; color: var(--zelena); cursor:pointer; font-size:2rem; margin-right:10px; }
#menuHlavni nav                             { width:100%; position:relative; }
#menuHlavni nav.otevrit ul                  { display:block !important; width:100%; min-width:100%; margin:0; background-color:rgba(31, 90, 34, 0.97); z-index:9998; position:fixed; right:0; top:0; bottom:0; }
#menuHlavni nav.otevrit ul li:first-child   { margin-top:7rem; }
#menuHlavni nav.otevrit ul li               { text-align:right; height:3rem; font-size:2rem; color:#fff; margin-top:1rem; font-weight:300; }
#menuHlavni nav.otevrit ul li a             { color:#fff; }

#menuHlavni nav #bt_menuZavrit              { display: none; width: 30px; height: 30px; position:fixed; top:1rem; right:1rem; z-index:9999; }
#menuHlavni nav #bt_menuZavrit span         { display: block; width: 30px; height: 3px; background-color: #fff; position: absolute; top: 50%; left: 50%; transform-origin: center; transition: transform 0.3s ease; }
#menuHlavni nav #bt_menuZavrit span:first-child  { transform: translate(-50%, -50%) rotate(45deg); } 
#menuHlavni nav #bt_menuZavrit span:last-child   { transform: translate(-50%, -50%) rotate(-45deg); }
#menuHlavni nav.otevrit #bt_menuZavrit      { display: block; }


        #sliderHP { max-width:1900px; width: 98%; height: 800px; position: relative; border-radius:2rem; }        
        #sliderHP .swiper-wrapper { width:100%; }
        #sliderHP .swiper-slide { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; }
        #sliderHP .slide-content { color: #fff; font-size: 24px; z-index: 2; padding: 1rem 0; opacity: 0; transform: translateX(-100%); transition: all 0.8s ease; }        
        #sliderHP .swiper-slide-active,
        #sliderHP .slide-content { opacity: 1; transform: translateX(0); }
        #sliderHP .slide-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: opacity 0.8s ease; }
        #sliderHP .swiper-slide-active .slide-bg { opacity: 1; }
        
        #sliderHP .controls { display:block; position:relative; top:-8rem; }
        #sliderHP .mapa     { display:block; position:relative; top:-15rem; left:calc(100% - 36rem); z-index:999; }
        @media (max-width: 1140px) {
            #sliderHP .mapa     { top:-20rem; }
            #sliderHP { height: 450px; } 
        }
        @media (max-width: 900px) {
            #sliderHP .mapa     { display:none; }
        }

        #sliderHP .swiper-button-next,
        #sliderHP .swiper-button-prev,
        #partneriHP .swiper-button-next,
        #partneriHP .swiper-button-prev { display: block; width: 55px; height: 55px; border-radius: 50%; color: var(--seda); border: 5px solid var(--seda); cursor: pointer; opacity:0.42; transition: opacoty 0.3s ease; }
        #sliderHP .swiper-button-next::after,
        #sliderHP .swiper-button-prev::after,
        #partneriHP .swiper-button-next::after,
        #partneriHP .swiper-button-prev::after { display:block; font-size: 20px; font-weight:800; line-height:45px; text-align:center; margin:0px auto; width:20px; }
        #sliderHP .swiper-button-next:hover,
        #sliderHP .swiper-button-prev:hover,
        #partneriHP .swiper-button-next:hover,
        #partneriHP .swiper-button-prev:hover { opacity:1; }
        #sliderHP .swiper-button-prev { left:0px; }
        #sliderHP .swiper-button-next { left:100px; }
        #sliderHP .swiper-button-next::after { width:30px; }

        .bt_vice { display: inline-flex; align-items: center; margin-bottom:2rem; padding: 1rem 2rem; background-color: #e99825; color: #fff; text-transform:uppercase; letter-spacing:3px; font-size: 1rem; border: none; border-radius: 30px; cursor: pointer; transition: background-color 0.3s ease; }
        .bt_vice:hover { background-color: #f8c068; }
        .bt_vice::after { /*content: '→';*/ content: ''; display:inline-block; width:18px; height:16px; background-image:url('images/sipka-bila.png'); margin-left: 10px; font-size: 18px; }

        #sliderHP .slide-content h2  { font-weight:600; font-size:3.5rem; line-height:3rem; margin-bottom:2.5rem; max-width:50%; }
        #sliderHP .slide-content p   {font-size:0.9rem; line-height:1.8rem; max-width:50%; margin:1rem 0 2rem 0; }
        @media (max-width: 900px) {
            #sliderHP                    {  }
            #sliderHP .slide-content h2  { max-width:100%; text-align:center; }
            #sliderHP .slide-content p   { max-width:100%; text-align:center; }
            .bt_vice           { margin:0 auto; width:155px; display:block; text-align:center; }
            #sliderHP .controls          { display:flex; justify-content:center; }
            #sliderHP .controls > div    { position:static; margin-left:0.5rem; margin-right:0.5rem; }
        }


        #menuHP             { display: flex; position:relative; top:-2rem; z-index:999; justify-content: space-between; align-items: center; background-color:var(--zelena); margin-bottom:2rem; padding: 2rem 3rem 0 3rem;  -webkit-border-bottom-left-radius: 20px;-webkit-border-bottom-right-radius: 20px;-moz-border-radius-bottomleft: 20px;-moz-border-radius-bottomright: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px;-webkit-border-bottom-right-radius: 20px;-moz-border-radius-bottomleft: 20px;-moz-border-radius-bottomright: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px; }
        #menuHP a           { border-left:1px solid #388c3c; position:relative; padding:0 0 2rem 1.5rem; color:#fff; transition: color 0.3s ease; }
        #menuHP a strong    { font-weight:600; display:block; }
        #menuHP a:hover     { color:#aadda5; }
        #menuHP a:hover::after {  }
        #menuHP a::before   { display:block; content:""; position:absolute; top:0px; left:-10px; border:3px solid #489f40; width:12px; height:12px; border-radius:50%; background-color:#1f5a22; }
        #menuHP a::after    { content:"VÍCE"; display:block; text-decoration:underline; color:#1f5a22; font-weight:400; margin-top:0.4em; transition: color 0.6s ease; }
        @media (max-width: 900px) {
            #menuHP { display: block; top:0; width:calc(100% - 4rem); padding-top:0; }
            #menuHP a { display:block; border-left:0px; border-bottom:1px solid #1f5a22; padding:0.5rem 1rem; text-align:center; }
            #menuHP a::before   { bottom:-10px; top:unset; }
            #menuHP a::after    { text-align:center; }
            #menuHP a:last-child { border-bottom:0px solid #1f5a22; }
            #menuHP a:last-child::before   { display:none; }
        }

        .obsahHP                      {  }
        .obsahHP .dveKarty            { display: flex; justify-content: space-between; margin-bottom:2rem; }
        .obsahHP .dveKarty a          { padding: 2.5rem; margin:0 1rem; border-radius: 20px; background-color: #f8f8f8; font-size: 0.9rem; line-height: 1.2rem; color:#929292; text-decoration: none; position:relative; }
        .obsahHP .dveKarty a:hover    { background-color: #e8e8e8; }
        .obsahHP .dveKarty a strong   { display: block; font-size: 2.2rem; line-height:2.4rem; margin-bottom: 1.8rem; padding-right:4rem; font-weight:600; color:#525252; width:100%; position:relative; }
        /*.obsahHP .dveKarty a strong::after   { content: 'next'; font-weight:500; font-family:'swiper-icons'; text-align:center; color:#fff; margin-left: 10px; display:block;  position:absolute; top:calc(50% - 25px); right:0; font-size:1.4rem; text-indent:5px; line-height:60px; z-index:999; border:5px solid #c0e0b7; width:60px; height:60px; border-radius:50%; background-color:var(--zelena); }*/
        .obsahHP .dveKarty a strong::after   { content: ''; background-repeat:no-repeat; width:100%; height:16px; background-image:url('images/sipka-bila.png'); background-position:center center; text-align:center; color:#fff; margin-left: 10px; display:block;  position:absolute; top:calc(50% - 25px); right:0; font-size:1.4rem; text-indent:5px; line-height:60px; z-index:999; border:5px solid #c0e0b7; width:60px; height:60px; border-radius:50%; background-color:var(--zelena); }
        .obsahHP .dveKarty a p        { padding-right:70px; text-align:left; }        
@media (max-width: 900px)   {
            .obsahHP .dveKarty            { display: block; }
            .obsahHP .dveKarty a          { display:block; margin-bottom:1rem; }
            .obsahHP .dveKarty a::after   { top:60px; right:8px; }
            .obsahHP .dveKarty a strong   { font-size:2.2rem; }
        }
        .obsahHP h2 { font-size: 3rem; line-height:3rem; margin-top:5rem; margin-bottom: 3rem; font-weight:600; color:#525252; text-align:center; }   
        .obsahHP p { font-size: 0.9rem; line-height:1.2rem; color:#929292; text-align:center; }
        .obsahHP h3 { position: relative; font-size: 1.5rem; line-height: 1.5rem; margin-top: 4rem; overflow:hidden; margin-bottom: 2.5rem; font-weight: 600; color: #58b83d; width: 100%; text-align: left; }
        .obsahHP h3::after { content: ''; position: absolute; top: 50%; margin-left:2rem; width: calc(100% - 1rem); height: 1px; background-color: #e5e5e5; transform: translateY(-50%); }
    
        .obsahHP .ctyriKarty { display: grid; grid-template-columns: 1fr 1fr; }
        .obsahHP .ctyriKarty div { display: grid; grid-template-columns: repeat(auto-fit, minmax(calc(50% - 10px), 1fr));}
        .obsahHP .ctyriKarty div img { height:100%; width:100%; border-radius: 20px; }
        .obsahHP .ctyriKarty div:has(a:only-child) { grid-template-columns: 1fr; }
        .obsahHP .ctyriKarty a { display: block; position:relative; margin: 0.5rem; text-decoration: none; position: relative; }
        .obsahHP .ctyriKarty a strong { display: flex; align-items:center; justify-content:left; position:absolute; color:#fff; padding:1rem 4rem 1rem 1rem; bottom:0px; min-height:100px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; font-size: 1.2rem; line-height: 1.5rem; margin-bottom: 0rem; font-weight: 600; width: 100%; background-color: rgba(0, 0, 0, 0.5); }   
        /*.obsahHP .ctyriKarty a strong::after   { content: 'next'; font-family:'swiper-icons'; text-align:center; color:#fff; margin-left: 10px; display:block;  position:absolute; top:calc(50% - 20px); right:20px; font-size:0.8em; text-indent:5px; line-height:40px; z-index:999; border:0px solid #c2e3b9; width:40px; height:40px; border-radius:50%; background-color:var(--zelena); }*/
        .obsahHP .ctyriKarty a strong::after   { content: ''; background-repeat:no-repeat; width:100%; height:16px; background-image:url('images/sipka-bila.png'); background-position:center center; text-align:center; color:#fff; margin-left: 10px; display:block;  position:absolute; top:calc(50% - 20px); right:20px; font-size:0.8em; text-indent:5px; line-height:40px; z-index:999; border:0px solid #c2e3b9; width:40px; height:40px; border-radius:50%; background-color:var(--zelena); }
        .obsahHP .ctyriKarty a:hover strong { color:#58b83d; } 
        @media (max-width: 900px) {
            .obsahHP .ctyriKarty { display: block; }
            .obsahHP .ctyriKarty a strong { border-radius:20px; padding-right:5rem; }           
            .obsahHP .ctyriKarty div:has(a:only-child) a strong { border-top-left-radius: 0px; border-top-right-radius: 0px; }
        }


        .obsahHP .mapaBox { margin:7rem 0 0 0; position:relative; width:100%; border-radius:20px; background-color:#f4f4f4; padding:2rem 50% 4rem 4rem; }
        .obsahHP .mapaBox img { position:absolute; top:-2rem; right:-6rem; width:50%; }
        .obsahHP .mapaBox h2 { text-align:left; margin-top:1rem; }
        .obsahHP .mapaBox p { text-align:left; }
        @media (max-width: 1250px) {
            .obsahHP .mapaBox img { top:-2rem; right:-2rem; }
        }
        @media (max-width: 500px) {
            .obsahHP .mapaBox     { padding-right:2rem; margin-top:6rem; }
            .obsahHP .mapaBox h2  { margin-top:-2.8rem; }
            .obsahHP .mapaBox img { position:static; display:block; width:100%; position:relative; top:-5rem; margin:0 auto;}
        }

        .novinky { max-width:1900px; width: 97%; margin:4rem auto 0 auto; padding-bottom:2rem; border-top-left-radius:20px; border-top-right-radius:20px; background-color:var(--zelena); }
        .novinky > h2 { font-size: 3rem; line-height: 3rem; padding-top: 4rem; display:block; margin-bottom: 1rem; font-weight: 600; color: #fff; text-align: left; }
        .novinky > h2 strong { display:block; font-size: 1.3rem; line-height: 1.3rem; font-weight:300; margin-bottom: 0.5rem; color:#1f5a22; width: 100%; text-align: left; }
        .novinky div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; padding:1rem 0; }
        .novinky div a { display: block; position: relative; text-decoration: none; position: relative; border-radius:20px; font-size:0.9rem; background-color:#fff; color:#929292; padding:2rem; }
        .novinky div a::after { content: 'VÍCE'; color:#1f5a22; position:absolute; bottom:1.5rem; right:2rem; display:block; text-align:right; text-decoration:underline; }
        .novinky div a strong { font-size:1.4rem; line-height:1.8rem; color:#525252; font-weight:600; }
        .novinky div a span { display:block; font-size: 0.9rem; line-height: 0.9rem; margin:1rem 0; color:#1f5a22; text-align: left; }     
        /*.novinky .bt_vice { display: block; align-items: center; margin:3rem auto 2rem auto; padding: 10px 30px; width:203px; background-color: #e99825; color: #fff; font-size: 1rem; border: none; border-radius: 20px; cursor: pointer; transition: background-color 0.3s ease; }
        .novinky .bt_vice:hover { background-color: #f8c068; }
        .novinky .bt_vice::after { content: '→'; margin-left: 10px; font-size: 18px; }*/
        .novinky .bt_vice { display: block; width:260px; margin:3rem auto 2rem auto; }
        @media (max-width: 900px) {
            .novinky div { display: block; }
            .novinky div a { margin:1rem 0 0 0; }
        }

        .informacniCentra {  max-width:1900px; width: 97%; margin:0 auto 3rem auto; padding-bottom:2rem; border-bottom-left-radius:20px; border-bottom-right-radius:20px; background-color:#f4f4f4; }
        .informacniCentra > h2 { font-size: 3rem; line-height: 3rem; padding-top: 4rem; display:block; margin-bottom: 1rem; font-weight: 600; color: #525252; text-align: left; }
        .informacniCentra > h2 strong { display:block; font-size: 1.3rem; line-height: 1.3rem; font-weight:300; margin-bottom: 0.5rem; color:#1f5a22; width: 100%; text-align: left; }
        .informacniCentra div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; padding:1rem 0; }
        .informacniCentra div a { display: block; position: relative; font-weight:600; text-decoration: none; position: relative; border-radius:20px; background-color:#fff; color:#525252; padding:2rem; }
        .informacniCentra div a::after { content: 'VÍCE'; font-weight:400; color:#1f5a22; display:block; text-align:right; text-decoration:underline; }
        @media (max-width: 900px) {
            .informacniCentra div { display: block; }
            .informacniCentra div a { margin:1rem 0 0 0; }
        }

        .vypis          { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; padding:1rem; }
        .vypis a        { display: block; position: relative; font-weight:600; text-decoration: none; position: relative; border-radius:20px; border:1px solid var(--seda); background-color:#fff; color:#525252; padding:2rem 2rem 5rem 2rem; }
        .vypis a span   { display: block; color:#1f5a22; font-size:0.8rem; margin-top:0.5rem; }
        .vypis a::after { content: 'VÍCE'; font-weight:400; color:#e89923; display:block; position:absolute; bottom:2rem; left:2rem; text-align:left; text-decoration:underline; }
        @media (max-width: 900px) {
            .vypis      { display: block; }
            .vypis a    { margin:1rem 0 0 0; }
        }


#hlavniNadpisMenu                               { max-width:1900px; width:97%; padding:5rem 0px 10rem 0px; /*min-height:515px;*/ margin:0px auto; background-color: var(--zelena); -webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px; }
#hlavniNadpisMenu h1                            { font-size:3rem; color: var(--bila); margin:0px auto; text-align:center; font-weight:600; max-width:1200px; }
#hlavniNadpisMenu strong                        { font-size:1.3rem; font-weight:600; color: var(--zelenaTmaveFont); margin:0px auto; text-align:center; display:block; width:100%; }
#hlavniNadpisMenu strong.datum                  { font-size:1.3rem; font-weight:600; color: var(--zelenaTmaveFont); margin:0px auto; text-align:center; display:block; width:100%; }
#hlavniNadpisMenu .kategorie                    { display: flex; max-width:1200px; justify-content: center; flex-wrap: wrap; margin:2rem auto 2rem auto; }
#hlavniNadpisMenu .kategorie a                  { background-color: var(--zelenaSvetle); border: none; padding: 10px 20px; margin: 0.5rem; border-radius: 20px; text-decoration:none; font-weight:600; color:var(--zelenaTmaveFont); transition: 0.5s ease; }
#hlavniNadpisMenu .kategorie a:hover            { background-color: var(--bila); color: var(--cerna); }
#hlavniNadpisMenu .kategorie a.sel              { background-color: var(--bila); color: var(--cerna); }
#hlavniNadpisMenu .navigace                     { text-align:center; width:100%; margin-top:1rem; }
#hlavniNadpisMenu .navigace a                   { color:#fff; }
#hlavniNadpisMenu .navigace a:hover             { text-decoration:underline; }
#hlavniNadpisMenu .navigace a::after            { content: '>'; text-decoration:none !important; margin:0 0.5rem; font-size: 0.8rem; color:#fff; }
#hlavniNadpisMenu .navigace a:hover::after      { text-decoration:none!important; }
#hlavniNadpisMenu .navigace a:last-child        { font-weight:600; text-decoration:underline; }
#hlavniNadpisMenu .navigace a:last-child::after { content: ''; }

.clanek                   { max-width:1200px; position:relative; top:-7rem; width:calc(100% - 4rem); border:1px solid var(--seda); padding:0 0 2rem 0; margin:0px auto; background-color: var(--bila); -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; }
.clanek.podmenu           { display:flex; }

#hlavniNadpisMenu.dokumenty { min-height:auto; }
.clanek.dokumenty          { top:0!important; border:0px solid black!important; margin-top:2rem; }

.clanek .obsah                  { color:var(--sedaTmave); padding:1rem 0 0 0; }
.clanek .obsah h2               { color:#525252; font-weight:600; }
.clanek .obsah strong           { font-weight:600; color:#525252; }
.clanek .obsah ul               { display:block; margin:2rem 0 2rem 0; }
.clanek .obsah ul li            { list-style:circle; padding-left:0.2rem; margin-left:4rem; }
.clanek .obsah h2               { font-size:1.6rem; width:100%; padding:2rem 2rem 0 2rem; }
.clanek .obsah > p                { padding:2rem 2rem 0 2rem; }

.clanekobsah .adresa  { display:block; width:100%; padding:1rem; margin-top:2rem; }
.clanekobsah .bt_rezervace { display: inline-flex; position:absolute; margin-top:-2rem; margin-right:2rem; right:0%; align-items: center; margin-bottom:2rem; padding: 10px 30px; background-color: #e99825; color: #fff; font-size: 1rem; border: none; border-radius: 20px; cursor: pointer; transition: background-color 0.3s ease; }
.clanekobsah .bt_rezervace:hover { background-color: #f8c068; text-decoration:none; }
.clanekobsah .bt_rezervace::after { content: '→'; margin-left: 10px; font-size: 18px; }

.clanekobsah .imgHlavni { display: flex !important;border-top-left-radius: 20px;  border-top-right-radius: 20px; justify-content: center; align-items: center; width: calc(100% + 2px); position:relative; top:-1px; left:-1px; max-height: 40rem; overflow: hidden; margin-bottom: 4rem !important; }
.clanekobsah .imgHlavni img {  margin-top: 0 !important; max-height: 100%; max-width: 100%; object-fit: contain; }
  
.clanekobsah .img img          { max-width:100%;  }   
.clanek.dokumenty .obsah       { padding-top:0.5rem; }

.clanek.podmenu .obsah              { flex:1; }
.clanek.podmenu .menu               { white-space: nowrap; margin:1rem; min-width:150px; }
.clanek.podmenu .menu li            { display:block; position:relative; padding:0.2rem 1rem 0.2rem 0rem; }
.clanek.podmenu .menu li:has(ul)::before { /*content: '>'; position:absolute; right:0; top:2px; margin-right:0.5rem; font-size: 0.8rem; color:var(--zelenaTmave);*/ }
.clanek.podmenu .menu li ul         { margin-top:0rem; margin-bottom:0.5rem; }
.clanek.podmenu .menu li ul li a    { color:var(--sedaTmave); font-weight:300; text-decoration:none; padding-left:0rem; }
.clanek.podmenu .menu li a          { display:inline-block; text-decoration:none; color:var(--zelenaTmave); font-weight:600; transition:0.3s ease; }
.clanek.podmenu .menu > li > a      { background-image:url('images/sipka-dokumenty.png'); padding-right:1.6rem; background-position:right center; background-repeat:no-repeat; }
.clanek.podmenu .menu li a:hover    { text-decoration:underline; }
.clanek.podmenu .menu li a.sel      { text-decoration:underline; }
@media (max-width: 900px) {
    .clanek.podmenu           { display:block; }
    .clanek.podmenu .menu     { background-color:var(--seda); border-radius:20px; padding:1rem; }
}

.clanekobsah                      { padding:0rem 0 0.5rem 0; }
.clanekobsah .bt_oblibene         { width: auto; margin-left:2rem; padding-top:0; text-align:left; font-weight:600; color:var(--cerna); vertical-align:middle; height:1.3rem; line-height:1.3rem; padding-left:1.8rem; background-position:left center; } 
.clanekobsah .bt_oblibene.sel     {  }  
.clanekobsah h2,
.clanekobsah h3,
.clanekobsah p,
.clanekobsah ul    { padding:0 2rem; }
.clanekobsah p     { text-align:justify; }

.clanekobsah strong     { color:var(--cerna); font-weight:600; }
.clanekobsah h2         { font-size:2rem; font-weight:600; color:var(--cerna); margin:1rem 0 1rem 0; }
.clanekobsah h3         { font-size:1.5rem; font-weight:600; color:var(--cerna); margin:1rem 0 1rem 0; }
.clanekobsah p          { color:var(--sedaTmave); margin:1rem 0 1rem 0; }
.clanekobsah a          { color:var(--zelenaTmave); text-decoration:none; }
.clanekobsah a:hover    { text-decoration:underline; }
.clanekobsah a.ldf      { display:block; margin:0 auto; }
.clanekobsah a.ldf img  { text-align:center; }
.clanekobsah img        { max-width:100%; margin:1rem auto 1rem auto; border-radius:10px; }
.clanekobsah ul         { margin:1rem 0 1rem 0; }
.clanekobsah ul li      { margin:0.5rem 0 0.5rem 0; color:var(--zelenaTmave); }
.clanekobsah ul li:before { content: "o"; color: var(--zelenaTmave); margin-right: 0.5rem; }
.clanekobsah iframe	  { width:calc(100% - 4rem); display:block; margin:1rem auto; height:20rem; border-radius:10px; }
.clanekobsah .zvyrazneny	      { background-color: var(--seda); padding:1rem 2rem 2.5rem 2rem; margin:1rem 0 1rem 0; }
.clanekobsah .zvyrazneny h2,
.clanekobsah .zvyrazneny h3,
.clanekobsah .zvyrazneny p,
.clanekobsah .zvyrazneny ul    { padding:0; }
.clanekobsah .zvyrazneny h2    {  }
.galerie { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; padding:1rem 2rem; }
.galerie a { display: block; overflow: hidden; border-radius: 10px; aspect-ratio: 1 / 1; }
.galerie a img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }

#partneriHP { max-width:1900px; width: 97%; display: flex; justify-content: center; align-items: center;  text-align:center; margin:2rem auto 2rem auto; padding:3rem 2rem; border-radius:20px; background-color:var(--zelena); }
.partneri     { max-width:90%; }
.partneri a   { display:inline-block; max-width:200px;  display: flex; justify-content: center; align-items: center; height:4rem; }
.partneri img { max-width:200px; max-height:4rem; padding:0 1rem; }
#partneriHP .lpanel { position:absolute; z-index:2; left:0px; height:5rem; background-color:var(--zelena); width:8rem; }
#partneriHP .ppanel { position:absolute; z-index:2; right:0px; height:5rem; background-color:var(--zelena); width:8rem; }

#partneriHP .swiper-button-prev { margin-left:2rem; }
#partneriHP .swiper-button-next { margin-right:2rem; }

.obsah.tic   { padding-top:2rem; }
.obsah.tic p { padding:1rem 2rem 0 2rem; color:var(--sedaTmave); }
.obsah.tic p strong { color:#525252; }
.obsah.tic ul li { color:var(--sedaTmave); }
.obsah.tic a { color:var(--zelena); }
.obsah.tic h3 { color:#525252; }
.obsah.tic a:hover { text-decoration:underline; }
.info { display: flex; justify-content:center; gap: 1rem; padding:2rem; border-top:1px solid var(--seda); border-bottom:1px solid var(--seda); }
.info > div { flex: 1; /*max-width: 300px;*/ }
.info iframe { border: none; }
.info h3 { font-size: 1.4rem; font-weight:600; margin-bottom: 1rem; }
.info p { margin: 4px 0;line-height: 1.5; padding:0!important; }
.info p strong { font-weight:600; }

@media (max-width: 768px) {
    .info { flex-direction: column; gap: 24px; }
}

.polozky    { max-width:1200px; width:calc(100% - 2rem); padding:0px 1rem 0px 1rem; margin:0px auto; position:relative; top:-100px; display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; }
.clanek .obsah .polozky    { position:static!important; margin-top:1.5rem; }
.polozky .prazdne   { text-align:center; display:block; width:100%; color:white; }
.polozky > div  { transition: transform 0.3s ease, box-shadow 0.3s ease; background-color: var(--bila); overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.1); padding-bottom:1rem; -webkit-border-bottom-right-radius: 20px;-webkit-border-bottom-left-radius: 20px;-moz-border-radius-bottomright: 20px;-moz-border-radius-bottomleft: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;  -webkit-border-top-right-radius: 20px;-webkit-border-top-left-radius: 20px;-moz-border-radius-topright: 20px;-moz-border-radius-topleft: 20px; border-top-left-radius:20px; border-top-right-radius:20px;}
.polozky > div:hover { transform: scale(1.02); box-shadow: 0 6px 8px rgba(0,0,0,0.15); }
.polozky > div > a > img { width: 100%; height: 150px; object-fit: cover;   -webkit-border-top-right-radius: 20px;-webkit-border-top-left-radius: 20px;-moz-border-radius-topright: 20px;-moz-border-radius-topleft: 20px; border-top-left-radius:20px; border-top-right-radius:20px; }

.polozky > div > a.akce { width:100%; display:block; text-align:center; }
.polozky > div > a.akce > img { width: auto!important; height: 150px; /*object-fit: cover;*/ -webkit-border-top-right-radius: 0px;-webkit-border-top-left-radius: 0px;-moz-border-radius-topright: 0px;-moz-border-radius-topleft: 0px; border-top-left-radius:0px; border-top-right-radius:0px; }


.polozky > div > div { padding: 0.8rem 1.4rem 1.4rem 1.4rem; }
.polozky > div > div strong { display:flex; color:var(--zelenaTmaveFont); font-weight:500; text-transform:uppercase; justify-content: space-between; }
.polozky > div > div h2   { margin-top: 10px; }
.polozky > div > div h2 a { margin-bottom: 10px; color:var(--cerna); text-decoration:none; font-size:1.6rem; line-height:1.8rem; font-weight:600; min-height:3rem; display:block; }
.polozky > div > div p { margin-top:10px; color:var(--sedaTmave); }
.strankovani { display: flex; justify-content: center; margin: 1rem 0 1rem 0; position:relative; top:-40px; }
.strankovani a { margin: 0 0.2rem; text-decoration: none; background-color: var(--zelena); color: var(--bila); text-align:center; width:2.5rem; padding:0.5rem; font-weight: 600; border-radius:50%; transition: background-color 0.3s ease; }
.strankovani a:hover { background-color: var(--zelenaTmave); }
.strankovani a.sel { text-decoration:underline; }

footer { max-width:1900px; width:97%; padding:3rem 2rem 3rem 2rem; margin:0px auto; background-color: var(--zelena); -webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px; }
footer .mmr { display:flex; text-align:center; margin-top:2rem; color:var(--bila); font-size:0.8rem; }
footer .mmr p { text-align:left; padding-left:1rem; }
footer > div       { max-width:1100px;  width:calc(100% - 2rem); margin:0px auto; display: flex; justify-content: space-between; align-items: flex-start; }
footer > div .logo { display:block; }
/*footer > div .logo.mmr { padding:1rem; background-color:#fff; }*/
footer .logo.mmr { padding:0.3rem; background-color:#fff; display:inline; text-align:right; margin-top:0; }
footer .logo.mmr img { max-width:140px !important; }
footer > div .logo img { max-width:100%; }
footer > div a        { font-weight:400; line-height:1.5rem; font-size:1rem; color:var(--bila); text-decoration:underline; }
footer > div a:hover  { text-decoration:none; }
footer > div h3       { font-weight:600; line-height:1.5rem; font-size:1.5rem; color:var(--zelenaTmaveFont); margin-bottom:1rem; }
footer > div h3.mtop  { margin-top:1.5rem; }
footer > div .tucne a { font-weight:600; line-height:2.2rem; font-size:1.3rem; }
footer > div > div:first-child { align-self: center; }
footer ul li { padding-bottom:0.4rem; }

@media (max-width: 1140px) {
    html { font-size:13px; }
    #bt_menuHlavni { display:block; }
    /*#menuHlavni .hledat .bt_oblibene { font-size:3rem; }*/
    #menuHlavni nav ul { display:none; }
    footer > div       { flex-direction: column; }
    footer > div > div { width:100%; text-align:center; margin-bottom:2rem; }
    footer .logo.mmr   { margin:0 auto 2rem auto; }
    footer > .mmr p    { text-align:center; }
    footer .news button { margin-top:1rem; }
    #sliderHP .controls { top:-5rem; }
    #menuHorni > div .socialniSite { display:block; }
    #menuHorni > div .socialniSite > a { /*position:relative; left:0rem; top:0rem;*/margin:1px 0; }
    #google_translate_element .goog-te-gadget-simple  { font-size:8pt; }
#menuHorni > div .loga > a { margin:0 0.5em; }
}

.bt_oblibene.odkaz      { color:var(--cerna); font-size:0.7rem; font-weight:600; line-height:1.3rem; }

div {
    /*border: 1px solid black;*/
}


.wndw                                           {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; background-color: transparent; position: fixed; left: -9999px; top: 0; z-index: 50000; overflow-y: auto; padding: 0 2em; box-sizing: border-box; transition: background-color .2s ease-in-out;}
.wndw > div                                     {display: flex; width: 100%; max-width: 40rem; height: calc(100% - 1rem - 10vh - 5vw); justify-content: center; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; margin: -4em 0 4em; box-sizing: border-box; opacity: 0; position: relative; transition: .2s ease-in-out;;}
.wndw > div > div                               {display: block; width: 100%; max-height: 100%; background: #f2f2f2; padding: 2em; box-sizing: border-box; border-radius: var(--border-radius); position: relative; overflow-y: auto;}
.wndw > div > div p                             {display: block; width: 100%; text-align: center; font-size: 1em; color: var(--color3); font-weight: 400;}
.wndw > div > div p.title                       {font-size: 2em; font-weight: 800; margin: 0 0 0.2em;}
.wndw > div .close                              {display: block; width: 1.5em; height: 1.5em; background: var(--color1); border-radius: 100%; position: absolute; right: 1em; top: 1em; z-index: 1; cursor: pointer; transition: .2s ease-in-out;}
.wndw > div .close span                         {display: block; width: 60%; height: 2px; background: black; position: absolute; left: 20%; top: calc(50% - 1px); transition: .2s ease-in-out;}
.wndw > div .close span:nth-child(1)            {transform: rotate(45deg);}
.wndw > div .close span:nth-child(2)            {transform: rotate(-45deg);}
.wndw > div .close:hover                        {background: var(--color3);}
.wndw.show                                      {left: 0; background-color: rgba(0,0,0,0.7);}
.wndw.show > div                                {margin: 0; opacity: 1;}
.wndw.search .search-bar                        {font-size: 1.1em;}
.wndw.search .search-bar input                  {background: white;}
.wndw.search .whisperer                         {display: block; width: 100%; height: 400px; background: white; padding: 1em; border-radius: 0.35em; margin-top: 3px; box-sizing: border-box; overflow-y: auto;}
.wndw.search .whisperer .result                 { margin-top:0.5em; }
.wndw.search .whisperer .result p.title         {display: block; width: 100%; font-size: 1.2em; color: #666666; text-align:left; }
.wndw.search .whisperer .result p.title:hover   { text-decoration:underline; }
.wndw.search .whisperer .result p.text          { display: block; width: 100%; font-size: 0.8em; color: #666666; text-align:left; border-bottom:1px solid var(--color1); padding-bottom:1em; margin-bottom:0.5em; }
.wndw.search .whisperer .result .highlight      { background-color:Yellow; }
.wndw.search .whisperer .result a               {font-size: 1.15em; color:var(--color3);}


.search-result-title                            {display: block; width: 100%; text-align: center; font-size: 0.4em; color: var(--color1); font-weight: 500; line-height: 1.3em;}
.search-result-phrase:before,
.search-result-phrase:after                     {content: '"';}

.search-results                                 {display: block; width: 100%; margin-top: var(--margin-top-l);}
.search-results article                         {display: flex; width: 100%; justify-content: flex-end; flex-wrap: wrap; background: var(--color4a); padding: 1.5rem; border-radius: 0.35em; box-sizing: border-box; margin-top: 0.5rem;}
.search-results article:first-child             {margin-top: 0;}
.search-results article h2                      {font-size: 1.6rem; text-align: left; margin-top: 0;}
.search-results article p                       {}
.search-results article .phrase                 {background: var(--color1); color: white; padding: 0 0.3em; border-radius: 0.2rem;}
.search-results article .button                 {font-size: 0.9em; margin-top: 0.5rem;}

.search-bar                                     {display: block; width: 100%; position: relative;}
.search-bar input                               {display: block; width: 100%; height: 3em; font-size: 0.9em; font-weight: 600; color: #252525; background: rgba(255,255,255,0.9); padding: 0 7.2em 0 0.7em; border: solid 2px transparent; border-radius: var(--border-radius); outline: none; box-sizing: border-box; font-family: 'Hind Siliguri', sans-serif; transition: .2s ease-in-out;}
.search-bar input:focus                         {border-color: var(--color1);}
.search-bar input::placeholder                  {color: #666666; font-weight: 400;}
.search-bar input:-ms-input-placeholder         {color: #666666; font-weight: 400;}     
.search-bar input::-ms-input-placeholder        {color: #666666; font-weight: 400;}

.search-bar button                  { display: flex; align-items: center; width: 6.5em; height: calc(100% - 0.4em); font-weight: 500; position: absolute; right: 0.2em; top: 0.2em; background-color: #e99825; color: #fff; font-size: 1rem; border: none; border-radius: 20px; cursor: pointer; transition: background-color 0.3s ease; }
.search-bar button svg              { display: block; width: 0.9em; height: 0.9em; fill: white; margin-right: 0.4em; margin-left:0.6em;}
.search-bar button:hover            { background-color: #f8c068; }
        


@media screen and (max-width: 540px)          {
  .search-bar input                             {padding: 0 3.5em 0 0.7em;}
  .search-bar button                            {width: 2.5em; }
  .search-bar button svg                        {margin: 0;}
  .search-bar button span                       {display: none;}
  .clanekobsah .bt_oblibene   { display:block; width:100%; position:relative; top:-2rem; }
  .clanekobsah .bt_rezervace { display:block; margin-top:-1rem; } 
}


.news { display:block; text-align:center; width:100%; border-top:1px dotted var(--zelenaTmaveFont); border-bottom:1px dotted var(--zelenaTmaveFont); padding:2rem 0 2rem 0; margin:2rem auto 0rem auto; color:#fff; }
.news > div { display:inline; width:auto; }
.news > div p { margin-bottom:1rem; }
.news input[type="text"] { border:1px solid #b7afaf; min-width:22rem; margin-bottom:0rem; padding:0.7rem 1rem; border-radius:20px; }
.news button { display: inline-flex; text-transform:uppercase; align-items: center; margin-bottom:0rem; padding: 10px 30px; background-color: #e99825; color: #fff; font-size: 1rem; border: none; border-radius: 20px; cursor: pointer; transition: background-color 0.3s ease; }
.news button:hover { background-color: #f8c068; }
.news button::after { content: '→'; margin-left: 10px; font-size: 18px; }