html,body {height: 100%; margin: 0; padding: 0;}
body {color: #1b0703; font-family: 'Comfortaa', cursive; font-size: 100%; font-size: 16px; text-align: left; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

.fleft {float: left;}
.fright {float: right;}
.clear {clear: both;}
.dblock {display: block;}
.dnone, #dnone, .nevkompu {display: none;}
.mbott {margin-bottom:33px;}
.mtop {margin-top:33px;}
.mleft {margin-left:33px;}
.mright {margin-right:33px;}
.mauto {margin: 0 auto;}
.dflex {display:flex;}
.tcenter {text-align:center;}
.tright {text-align:right;}
.tleft {text-align:left;}
.cpointer {cursor:pointer;}
.fbold {font-weight: bold;}
.f300 {font-weight: 300;}
.fnormal {font-weight: normal !important;}
img {border: 0;}
p {line-height: 1.5em; text-align: justify;}
a {color: #1b0703; font-weight: normal; text-decoration: none; -webkit-transition: all 0.33s; -moz-transition: all 0.33s; -o-transition: all 0.33s; -ms-transition: all 0.33s; transition: all 0.33s;}
a:hover {color: black; text-decoration: underline;}
.w100 {width:100%;}
.uplnetmava {color: #1b0703 !important;}

.bodyprvni {width: 100%; height: 100%; box-sizing: border-box; padding: 0 7%; background-position: center; background-color: #000000; background-repeat: no-repeat; background-size: cover;}
.nenihomepage {height: auto;}
.bodyprvni > ul {margin: 0; padding: 0; width: 100%; float: left;}
.bodyprvni > ul > li {list-style-type: none; float: right; font-size: 16px; height: 65px; line-height: 65px; margin-right: 20px; padding-left: 20px;}
.bodyprvni > ul > li:first-of-type {float: left;}
.bodyprvni ul > li > a {color: white; font-weight:700;}
.bodyprvni ul > li > a.vlajvi {background: url('/images/vi.png') no-repeat left;padding-left:24px;background-size: 20px 20px !important;}
.bodyprvni ul > li > a.vlajcs {background: url('/images/cs.png') no-repeat left;padding-left:24px;background-size: 20px 20px !important;}

.responsive-menu, .responsive-menu-polozky, .responsive-menu-podpolozky, .galerkkapozicevmobilu {display: none;}

.menu {width: 100%; height: 95.5px; background: transparent;}
.menu div {width: 100%; margin: 0 auto;}
.menu nav a {white-space: nowrap; box-sizing: border-box; background: rgba(255,255,255,0.92); line-height: 95.5px; color: #1b0703; float: left; font-size: 15px; font-weight: 700; text-transform: uppercase; padding: 0 auto; width: 9%; text-align: center;}
.menu nav a:nth-child(1) {width: 15%;}
.menu nav a:nth-child(3) {width: 11%;}
.menu nav a:nth-child(4) {width: 13%;}
.menu nav a:nth-child(5) {width: 6%;}
.menu nav a:nth-child(6) {width: 7%;}
.menu nav a:hover, .menu .a.active {color: #1b0703; text-decoration: none; background: rgba(255,255,255,1);}
.menu nav a:nth-child(11) {background: #86bb46; color: white; float: right; margin-left: 1%; width: 20%; font-size: 15px;}
.menu nav a:nth-child(11):hover {color: white !important; background: #1b0703 !important;}
            
.fixni-menu {position: fixed; top: 0; left: 0; width: 100%; background: white; z-index: 99; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; -webkit-box-shadow: 0px 1px 5px -1px rgba(80,80,80,1); -moz-box-shadow: 0px 1px 5px -1px rgba(80,80,80,1); box-shadow: 0px 1px 5px -1px rgba(80,80,80,1);}
.fixni-menu .fixni-logo, .menu .fixni-logo {background: rgba(255,255,255,0.92) url('/images/logo.png') no-repeat; background-position: center center; -webkit-background-size: auto 70%; -moz-background-size: auto 70%; -o-background-size: auto 70%; background-size: auto 70%; float: left; height: 95.5px; width: 27%; padding: 0 27% 0 0; box-sizing: border-box; margin: 0;}
.fixni-menu .fixni-logo {height: 67.5px; -webkit-background-size: auto 85%; -moz-background-size: auto 85%; -o-background-size: auto 85%; background-size: auto 85%;}
.fixni-menu .menu {width: 100%; height: 67.5px; box-sizing: border-box; padding: 0 7%;}
.fixni-menu .menu nav a {line-height: 67.5px;}
.fixni-menu .menu nav a:hover {line-height: 67.5px; background: rgba(0,0,0,0.05);}
.fixni-menu .menu nav a.active {background: rgba(0,0,0,0.05);}

.pozadi1 {background-image: url('/images/pozadi1.webp');background-position: center center !important;}
.pozadi2 {background-image: url('/images/pozadi2.webp');background-position: bottom left !important;}
.pozadi3 {background-image: url('/images/pozadi3.webp'); background-position: bottom center !important;}
.pozadikontakt {background-image: url('/images/pozadikontakt.webp'); background-position: bottom center;}
.pozaditravnikplus {background-image: url('/images/pozadizahlavitravnikplus.webp');}
.bodyprvni .hlaska {max-width: 80%; height: auto; margin-top: 207px; text-shadow: 1px 1px 2px rgba(0,0,0,0.9);}
.bodyprvni .hlaska .prvnislova {animation: prvnislova1 2.5s ease-out; font-size: 16px; text-transform: uppercase; color: #ffffff; display: inline-block; font-weight: 700; letter-spacing: 2px; text-shadow: 1px 1px 2px rgba(0,0,0,0.9);}
.pozadi3 .hlaska .prvnislova {color: #ffffff; text-shadow: 1px 1px 2px rgba(0,0,0,0.9);}
.bodyprvni .hlaska .cislo {animation: cislo1 2s ease-out; font-size: 18px; color: #ffffff; font-weight: 700; display: inline-block; text-shadow: 1px 1px 2px rgba(0,0,0,0.9);}
.pozadi2 .hlaska .cislo {color: #86bb46;}
.pozadi3 .hlaska .cislo {color: #ffffff;}
.bodyprvni .hlaska .cislo:before {content:""; width: 90px; height: 3px; display: inline-block; background: #ffffff; margin: 5px;}
.pozadi2 .hlaska .cislo:before {background: #86bb46;}
.pozadi3 .hlaska .cislo:before {background: #ffffff;}
.bodyprvni .hlaska .druhaslova {animation: cislo1 3s ease-out; width: 100%; font-size: 45px; color: #ffffff; font-weight: 700; letter-spacing: 0px; line-height: 70px; font-family: 'Amatic SC', cursive; margin-top: 25px; margin-bottom: 25px; text-shadow: 1px 1px 2px rgba(0,0,0,0.9);}
.pozadi2 .hlaska .druhaslova {color: #ffffff; text-shadow: 1px 1px 2px rgba(0,0,0,0.9);}
.pozadi3 .hlaska .druhaslova {color: #ffffff; text-shadow: 1px 1px 2px rgba(0,0,0,0.9);}
.bodyprvni .hlaska .odkaz {border: 2px solid #86bb46;animation: cislo1 3.5s ease-out;font-size: 14px; color: #ffffff; white-space: nowrap; font-weight: 700; letter-spacing: 1px; line-height: 30px; text-transform: uppercase; background: #86bb46; box-sizing: border-box; cursor: pointer; padding: 12px 45px; float: left; border-radius: 3px; -webkit-border-radius: 3px; moz-border-radius: 3px;  text-shadow: 0px 0px 0px rgba(0,0,0,0.9); margin-right:33px; margin-bottom:33px;}
.pozadi2 .hlaska .odkaz {border: 2px solid #86bb46;color: #ffffff; background: #86bb46;}
.bodyprvni .hlaska .odkaz:hover {text-shadow: 0px 0px 0px rgba(0,0,0,0.9);color: #86bb46; background: #ffffff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.pozadi2 .hlaska .odkaz:hover {text-shadow: 0px 0px 0px rgba(0,0,0,0.9);color: #86bb46; background: #ffffff;}

@keyframes prvnislova1 {0% {margin-left: -100%;} 25% {margin-left: 0%;} 50% {margin-left: 0%;} 75% {margin-left: 0%;} 100% {margin-left: 0%;}}
@keyframes cislo1 {0% {margin-left: -100%;} 25% {margin-left: -100%;} 50% {margin-left: 0%;} 75% {margin-left: 0%;} 100% {margin-left: 0%;}}
@keyframes druhaslova1 {0% {margin-left: -100%;} 25% {margin-left: -100%;} 50% {margin-left: -100%;} 75% {margin-left: 0%;} 100% {margin-left: 0%;}}
@keyframes odkaz1 {0% {margin-left: -100%;} 25% {margin-left: -100%;} 50% {margin-left: -100%;} 75% {margin-left: -100%;} 100% {margin-left: 0%;}}

.bodydruhy, .bodytreti, .bodyctvrty, .bodypaty, .bodyreference, .bodykonkretnireference, .povidani {width: 100%; height: 94%; box-sizing: border-box; padding: 4%;}
.bodydruhy .obrazky {float: left; width: 60%; height: 100%;}
.bodydruhy .obrazky .obraz1 {float: left; width: 85%; height: 99%; background-image: url('/images/obraz1.webp'); background-repeat: no-repeat; background-size: 100% auto;}
.bodydruhy .obrazky .obraz2 {float: left; width: 60%; height: 60%; background-image: url('/images/obraz2.webp'); background-repeat: no-repeat; background-size: auto 100%; margin: 25% 0 0 -50%;}
.bodydruhy .obraz2promobil {display:none; width: 90%; height: auto; margin: 33px 5%;}

.bodydruhy .about, .bodytreti .about, .bodyctvrty .about, .bodypaty .about {margin-top: 20px; font-family: 'Amatic SC', cursive; font-size: 20px; line-height: 30px; letter-spacing: 1px; color: #86bb46; text-transform: uppercase; font-weight: 700; font-style: normal;}
.bodydruhy .aboutvelky, .bodytreti .aboutvelky, .bodyctvrty .aboutvelky, .bodypaty .aboutvelky, .aktualitatextnadpis, .aboutvelkyvesluzbach {font-family: 'Amatic SC', cursive; margin: 20px 0 50px; font-size: 45px; line-height: 55px; letter-spacing: 0; color: #1b0703; text-transform: none; font-weight: 700; font-style: normal;}
.aboutvelkyvesluzbach {color: #86bb46; margin: 50px auto; text-align:center;}
.bodydruhy .abouttext, .aktualitatext, .abouthvelkynareferencich {font-size: 16px; line-height: 24px; letter-spacing: 1px; color: #888888; text-align: justify;}
.kolemaktuality {text-align: center; width: 80%; padding: 33px 10%; display: block; float: left;}
.sedivypozadihomepage {background-color: #f7f9fa /* #e0ffff zimní */;}

.bodyctvrty .about {font-size: 20px; color: #1b0703;}
.bodyctvrty .aboutvelky {font-size: 45px; color: #86bb46;}

.aktualitatext a, .abcd {float: none; clear:both; display: block; background-color: #86bb46 /* #93e7fb */; color: white; width: fit-content; font-weight: 700; line-height: 25px; font-size: 14px; padding: 12px 40px; margin:33px auto 0; font-family: 'Comfortaa', cursive; text-transform: uppercase; border: 2px solid #86bb46 /* #91c4d9 */; -webkit-border-radius: 3px; moz-border-radius: 3px; border-radius: 3px;}
.probalicky a {padding: 12px 10px;}
.aktualitatext a:hover, .abcd:hover {text-decoration: none; background-color: white; color: #86bb46 /* #93e7fb */; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}

.aktualitatext a.obracenyodkaz {background-color: white; color: #86bb46 /* #93e7fb */;}
.aktualitatext a.obracenyodkaz:hover {background-color: #86bb46 /* #93e7fb */; color: white;}

.kdejsem {color: #86bb46; display: block; height:auto; margin: 33px auto; float:none; clear:both; width: fit-content; width:90%; font-size: 20px; text-align: center;}

.conefotim {color: #888888; display: block; height:auto; margin: 0px auto; float:none; clear:both; width: fit-content; max-width:90%; font-size: 12px; text-align: justify; padding-top:33px;}

.bodytreti {text-align: center; background-color: #f7f9fa; height: auto;}
.bodytreti .aboutobrazek, .bodypaty .aboutobrazek {width: 31%; height: auto; padding: 0% 5% 5%; box-sizing: border-box; margin: 0; background-repeat: no-repeat; background-size: 100% auto; float: left; font-size: 16px; line-height: 24px; color:#888888; letter-spacing: 1px; font-family: 'Comfortaa', cursive; background-color: #ffffff; -webkit-border-radius: 3px; moz-border-radius: 3px; border-radius: 3px;}
.bodytreti .aboutobrazek1 {background-image: url('/images/obrazek1.webp');}
.bodytreti .aboutobrazek2 {background-image: url('/images/obrazek2.webp');}
.bodytreti .aboutobrazek3 {background-image: url('/images/obrazek3.webp');}
.bodytreti .aboutobrazek4 {background-image: url('/images/obrazek4.webp');}
.bodytreti .aboutobrazek5 {background-image: url('/images/obrazek5.webp');}
.bodytreti .aboutobrazek6 {background-image: url('/images/obrazek6.webp');}
.bodytreti .aboutobrazek7 {background-image: url('/images/obrazek7.webp');}
.bodytreti .aboutobrazek9 {background-image: url('/images/obrazek9.webp');}
.bodytreti .aboutobrazek8 {
background: 
    -webkit-linear-gradient(to top, white 0%, white 20%, rgba(134, 187, 70, 0.2) 60%, rgba(255, 255, 255, 0) 100%), 
    url('/images/obrazek8.webp') no-repeat;
background: 
    -o-linear-gradient(to top, white 0%, white 20%, rgba(134, 187, 70, 0.2) 60%, rgba(255, 255, 255, 0) 100%), 
    url('/images/obrazek8.webp') no-repeat;
background: 
    -moz-linear-gradient(to top, white 0%, white 20%, rgba(134, 187, 70, 0.2) 60%, rgba(255, 255, 255, 0) 100%), 
    url('/images/obrazek8.webp') no-repeat;
background: 
    linear-gradient(to top, white 0%, white 20%, rgba(134, 187, 70, 0.2) 60%, rgba(255, 255, 255, 0) 100%), 
    url('/images/obrazek8.webp') no-repeat;
background-size: 100% auto;
}

.bodytreti .aboutobrazek10 {
background: 
    -webkit-linear-gradient(to top, white 0%, white 20%, rgba(134, 187, 70, 0.2) 60%, rgba(255, 255, 255, 0) 100%), 
    url('/images/obrazek10.webp') no-repeat;
background: 
    -o-linear-gradient(to top, white 0%, white 20%, rgba(134, 187, 70, 0.2) 60%, rgba(255, 255, 255, 0) 100%), 
    url('/images/obrazek10.webp') no-repeat;
background: 
    -moz-linear-gradient(to top, white 0%, white 20%, rgba(134, 187, 70, 0.2) 60%, rgba(255, 255, 255, 0) 100%), 
    url('/images/obrazek10.webp') no-repeat;
background: 
    linear-gradient(to top, white 0%, white 20%, rgba(134, 187, 70, 0.2) 60%, rgba(255, 255, 255, 0) 100%), 
    url('/images/obrazek10.webp') no-repeat;
background-size: 100% auto;
}

.bodytreti .aboutobrazek11 {
background: 
    -webkit-linear-gradient(to top, white 0%, white 20%, rgba(134, 187, 70, 0.2) 60%, rgba(255, 255, 255, 0) 100%), 
    url('/images/obrazek11.webp') no-repeat;
background: 
    -o-linear-gradient(to top, white 0%, white 20%, rgba(134, 187, 70, 0.2) 60%, rgba(255, 255, 255, 0) 100%), 
    url('/images/obrazek11.webp') no-repeat;
background: 
    -moz-linear-gradient(to top, white 0%, white 20%, rgba(134, 187, 70, 0.2) 60%, rgba(255, 255, 255, 0) 100%), 
    url('/images/obrazek11.webp') no-repeat;
background: 
    linear-gradient(to top, white 0%, white 20%, rgba(134, 187, 70, 0.2) 60%, rgba(255, 255, 255, 0) 100%), 
    url('/images/obrazek11.webp') no-repeat;
background-size: 100% auto;
}

.bodytreti .aboutobrazek12 {
background: 
    -webkit-linear-gradient(to top, white 0%, white 20%, rgba(150, 136, 116, 0.2) 60%, rgba(255, 255, 255, 0) 100%), 
    url('/images/obrazek12.webp') no-repeat;
background: 
    -o-linear-gradient(to top, white 0%, white 20%, rgba(150, 136, 116, 0.2) 60%, rgba(255, 255, 255, 0) 100%), 
    url('/images/obrazek12.webp') no-repeat;
background: 
    -moz-linear-gradient(to top, white 0%, white 20%, rgba(150, 136, 116, 0.2) 60%, rgba(255, 255, 255, 0) 100%), 
    url('/images/obrazek12.webp') no-repeat;
background: 
    linear-gradient(to top, white 0%, white 20%, rgba(150, 136, 116, 0.2) 60%, rgba(255, 255, 255, 0) 100%), 
    url('/images/obrazek12.webp') no-repeat;
background-size: 100% auto;
}

.klikatelnyobrazek {padding-top: 98%; margin: 0 -22% 5%; cursor:pointer;}
.bodytreti .prostredni {margin: 0 3.5%;}
.bodytreti .aboutobrazek a:nth-child(1), .bodypaty .aboutobrazek a:nth-child(1), .editblog, .clanektemanahlavni {display: block; text-transform: uppercase; font-family: 'Comfortaa', cursive; font-size: 13px; color: #1b0703; font-weight: 700; line-height: 24px; letter-spacing: 1px;}
.bodytreti .aboutobrazek a:nth-child(2), .bodypaty .aboutobrazek a:nth-child(2), h2.vesluzbach, .claneknadpisnahlavni {display: block; font-family: 'Amatic SC', cursive; font-size: 25px; color: #1b0703; font-weight: 700; line-height: 32px; letter-spacing: 1px; margin-bottom: 25px;}
.bodytreti .aboutobrazek a:hover, .bodypaty .aboutobrazek a:hover {color: #1b0703; text-decoration: none; }
.bodytreti .aboutobrazek div, .bodypaty .aboutobrazek div, .podtrzeni {display: block; height: 25px; width: 40%; margin: 25px auto 0;
background: #eeeeee; 
background: -moz-linear-gradient(left, #86bb46 0%, #86bb46 0%, #eeeeee 1%, #eeeeee 100%);
background: -webkit-linear-gradient(left, #86bb46 0%,#86bb46 0%,#eeeeee 1%,#eeeeee 100%);
background: linear-gradient(to right, #86bb46 0%,#86bb46 0%,#eeeeee 1%,#eeeeee 100%);
}
.bodytreti .aboutobrazek div:hover, .bodypaty .aboutobrazek div:hover, .podtrzeni:hover {animation: podtrzeni 0.3s ease;
background: #86bb46; 
background: -moz-linear-gradient(left, #86bb46 0%, #86bb46 99%, #eeeeee 100%, #eeeeee 100%);
background: -webkit-linear-gradient(left, #86bb46 0%,#86bb46 99%,#eeeeee 100%,#eeeeee 100%);
background: linear-gradient(to right, #86bb46 0%,#86bb46 99%,#eeeeee 100%,#eeeeee 100%); 
}
@keyframes podtrzeni {0% {background: #eeeeee; 
background: -moz-linear-gradient(left, #86bb46 0%, #86bb46 0%, #eeeeee 1%, #eeeeee 100%);
background: -webkit-linear-gradient(left, #86bb46 0%,#86bb46 0%,#eeeeee 1%,#eeeeee 100%);
background: linear-gradient(to right, #86bb46 0%,#86bb46 0%,#eeeeee 1%,#eeeeee 100%);} 25% {background: #eeeeee; 
background: -moz-linear-gradient(left, #86bb46 0%, #86bb46 25%, #eeeeee 26%, #eeeeee 100%);
background: -webkit-linear-gradient(left, #86bb46 0%,#86bb46 25%,#eeeeee 26%,#eeeeee 100%);
background: linear-gradient(to right, #86bb46 0%,#86bb46 25%,#eeeeee 26%,#eeeeee 100%);} 50% {background: #eeeeee; 
background: -moz-linear-gradient(left, #86bb46 0%, #86bb46 50%, #eeeeee 51%, #eeeeee 100%);
background: -webkit-linear-gradient(left, #86bb46 0%,#86bb46 50%,#eeeeee 51%,#eeeeee 100%);
background: linear-gradient(to right, #86bb46 0%,#86bb46 50%,#eeeeee 51%,#eeeeee 100%);} 75% {background: #eeeeee; 
background: -moz-linear-gradient(left, #86bb46 0%, #86bb46 75%, #eeeeee 76%, #eeeeee 100%);
background: -webkit-linear-gradient(left, #86bb46 0%,#86bb46 75%,#eeeeee 76%,#eeeeee 100%);
background: linear-gradient(to right, #86bb46 0%,#86bb46 75%,#eeeeee 76%,#eeeeee 100%);} 100% {background: #eeeeee; 
background: -moz-linear-gradient(left, #86bb46 0%, #86bb46 99%, #eeeeee 100%, #eeeeee 100%);
background: -webkit-linear-gradient(left, #86bb46 0%,#86bb46 99%,#eeeeee 100%,#eeeeee 100%);
background: linear-gradient(to right, #86bb46 0%,#86bb46 99%,#eeeeee 100%,#eeeeee 100%);}
}
.bodytreti .aboutobrazek div a, .bodypaty .aboutobrazek div a{display: block; width: 100%;height: 23px; text-transform: uppercase; font-family: 'Comfortaa', cursive; font-size: 13px; color: #1b0703; font-weight: 700; letter-spacing: 1px; background: #ffffff}
.podtrzeni a {display: block; height: 23px; text-transform: uppercase; font-family: 'Comfortaa', cursive; font-size: 13px; color: #1b0703; font-weight: 700; letter-spacing: 1px; background: #ffffff}
.bodytreti .aboutobrazek div a:hover, .bodypaty .aboutobrazek div a:hover, .podtrzeni a:hover {color: black;}

.bodyctvrty {padding: 4% 0%; text-align: center;}
.bodyctvrty .petobrazku {float: left; width: 20%; height: 26vw; box-sizing: border-box; padding: 15px; margin: 0; background-position: center; background-repeat: no-repeat; background-size: auto 100%;}
.bodyctvrty .petobrazku:hover {background-size: auto 104%; background-position: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
.bodyctvrty .petobrazku .oobrazku {float: left; width: 100%; height: 100%; box-sizing: border-box; padding: 15px; margin: 0; background: transparent; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s;}
.bodyctvrty .petobrazku1:hover .oobrazku1, .bodyctvrty .petobrazku2:hover .oobrazku2, .bodyctvrty .petobrazku3:hover .oobrazku3, .bodyctvrty .petobrazku4:hover .oobrazku4, .bodyctvrty .petobrazku5:hover .oobrazku5, .bodyctvrty .petobrazku6:hover .oobrazku6, .bodyctvrty .petobrazku7:hover .oobrazku7, .bodyctvrty .petobrazku8:hover .oobrazku8, .bodyctvrty .petobrazku9:hover .oobrazku9, .bodyctvrty .petobrazku10:hover .oobrazku10, .bodyctvrty .petobrazku11:hover .oobrazku11, .bodyctvrty .petobrazku12:hover .oobrazku12, .bodyctvrty .petobrazku13:hover .oobrazku13, .bodyctvrty .petobrazku14:hover .oobrazku14, .bodyctvrty .petobrazku15:hover .oobrazku15, .bodyctvrty .petobrazku16:hover .oobrazku16, .bodyctvrty .petobrazku17:hover .oobrazku17, .bodyctvrty .petobrazku18:hover .oobrazku18, .bodyctvrty .petobrazku19:hover .oobrazku19, .bodyctvrty .petobrazku20:hover .oobrazku20, .bodyctvrty .petobrazku21:hover .oobrazku21, .bodyctvrty .petobrazku22:hover .oobrazku22, .bodyctvrty .petobrazku23:hover .oobrazku23, .bodyctvrty .petobrazku24:hover .oobrazku24, .bodyctvrty .petobrazku25:hover .oobrazku25, .bodyctvrty .petobrazku26:hover .oobrazku26, .bodyctvrty .petobrazku27:hover .oobrazku27, .bodyctvrty .petobrazku28:hover .oobrazku28, .bodyctvrty .petobrazku29:hover .oobrazku29, .bodyctvrty .petobrazku30:hover .oobrazku30 {background: white;}
.bodyctvrty .petobrazku .oobrazku a:nth-child(1) {float: right; width: 40px; height: 40px; margin: 0; margin-right: -20px; background: transparent; color: transparent; font-size: 16px; box-sizing: border-box; padding: 0 auto; padding-top: 2px; line-height: 40px; -webkit-border-radius: 50%; moz-border-radius: 50%; border-radius: 50%;}
.bodyctvrty .petobrazku .oobrazku a:hover, .bezunderline:hover {text-decoration: none;}
.bodyctvrty .petobrazku1:hover .oobrazku1 a:nth-child(1), .bodyctvrty .petobrazku2:hover .oobrazku2 a:nth-child(1), .bodyctvrty .petobrazku3:hover .oobrazku3 a:nth-child(1), .bodyctvrty .petobrazku4:hover .oobrazku4 a:nth-child(1), .bodyctvrty .petobrazku5:hover .oobrazku5 a:nth-child(1), .bodyctvrty .petobrazku6:hover .oobrazku6 a:nth-child(1), .bodyctvrty .petobrazku7:hover .oobrazku7 a:nth-child(1), .bodyctvrty .petobrazku8:hover .oobrazku8 a:nth-child(1), .bodyctvrty .petobrazku9:hover .oobrazku9 a:nth-child(1), .bodyctvrty .petobrazku10:hover .oobrazku10 a:nth-child(1), .bodyctvrty .petobrazku11:hover .oobrazku11 a:nth-child(1), .bodyctvrty .petobrazku12:hover .oobrazku12 a:nth-child(1), .bodyctvrty .petobrazku13:hover .oobrazku13 a:nth-child(1), .bodyctvrty .petobrazku14:hover .oobrazku14 a:nth-child(1), .bodyctvrty .petobrazku15:hover .oobrazku15 a:nth-child(1), .bodyctvrty .petobrazku16:hover .oobrazku16 a:nth-child(1), .bodyctvrty .petobrazku17:hover .oobrazku17 a:nth-child(1), .bodyctvrty .petobrazku18:hover .oobrazku18 a:nth-child(1), .bodyctvrty .petobrazku19:hover .oobrazku19 a:nth-child(1), .bodyctvrty .petobrazku20:hover .oobrazku20 a:nth-child(1), .bodyctvrty .petobrazku21:hover .oobrazku21 a:nth-child(1), .bodyctvrty .petobrazku22:hover .oobrazku22 a:nth-child(1), .bodyctvrty .petobrazku23:hover .oobrazku23 a:nth-child(1), .bodyctvrty .petobrazku24:hover .oobrazku24 a:nth-child(1), .bodyctvrty .petobrazku25:hover .oobrazku25 a:nth-child(1), .bodyctvrty .petobrazku26:hover .oobrazku26 a:nth-child(1), .bodyctvrty .petobrazku27:hover .oobrazku27 a:nth-child(1), .bodyctvrty .petobrazku28:hover .oobrazku28 a:nth-child(1), .bodyctvrty .petobrazku29:hover .oobrazku29 a:nth-child(1), .bodyctvrty .petobrazku30:hover .oobrazku30 a:nth-child(1) {background: #86bb46; color: #ffffff; margin-right: 0px; -webkit-transition: all 1.25s; -moz-transition: all 1.25s; -o-transition: all 1.25s; -ms-transition: all 1.25s; transition: all 1.25s;}
.bodyctvrty .petobrazku .oobrazku a:nth-child(2) {float: left; width: 100%; height: auto; text-align: left; margin-left: -20px; margin-top: 30%; color: transparent; font-size: 16px; line-height: 24px;}
.bodyctvrty .petobrazku1:hover .oobrazku1 a:nth-child(2), .bodyctvrty .petobrazku2:hover .oobrazku2 a:nth-child(2), .bodyctvrty .petobrazku3:hover .oobrazku3 a:nth-child(2), .bodyctvrty .petobrazku4:hover .oobrazku4 a:nth-child(2), .bodyctvrty .petobrazku5:hover .oobrazku5 a:nth-child(2), .bodyctvrty .petobrazku6:hover .oobrazku6 a:nth-child(2), .bodyctvrty .petobrazku7:hover .oobrazku7 a:nth-child(2), .bodyctvrty .petobrazku8:hover .oobrazku8 a:nth-child(2), .bodyctvrty .petobrazku9:hover .oobrazku9 a:nth-child(2), .bodyctvrty .petobrazku10:hover .oobrazku10 a:nth-child(2), .bodyctvrty .petobrazku11:hover .oobrazku11 a:nth-child(2), .bodyctvrty .petobrazku12:hover .oobrazku12 a:nth-child(2), .bodyctvrty .petobrazku13:hover .oobrazku13 a:nth-child(2), .bodyctvrty .petobrazku14:hover .oobrazku14 a:nth-child(2), .bodyctvrty .petobrazku15:hover .oobrazku15 a:nth-child(2), .bodyctvrty .petobrazku16:hover .oobrazku16 a:nth-child(2), .bodyctvrty .petobrazku17:hover .oobrazku17 a:nth-child(2), .bodyctvrty .petobrazku18:hover .oobrazku18 a:nth-child(2), .bodyctvrty .petobrazku19:hover .oobrazku19 a:nth-child(2), .bodyctvrty .petobrazku20:hover .oobrazku20 a:nth-child(2), .bodyctvrty .petobrazku21:hover .oobrazku21 a:nth-child(2), .bodyctvrty .petobrazku22:hover .oobrazku22 a:nth-child(2), .bodyctvrty .petobrazku23:hover .oobrazku23 a:nth-child(2), .bodyctvrty .petobrazku24:hover .oobrazku24 a:nth-child(2), .bodyctvrty .petobrazku25:hover .oobrazku25 a:nth-child(2), .bodyctvrty .petobrazku26:hover .oobrazku26 a:nth-child(2), .bodyctvrty .petobrazku27:hover .oobrazku27 a:nth-child(2), .bodyctvrty .petobrazku28:hover .oobrazku28 a:nth-child(2), .bodyctvrty .petobrazku29:hover .oobrazku29 a:nth-child(2), .bodyctvrty .petobrazku30:hover .oobrazku30 a:nth-child(2) {text-align: left; margin-left: 0px; color: #1b0703; -webkit-transition: all 1.25s; -moz-transition: all 1.25s; -o-transition: all 1.25s; -ms-transition: all 1.25s; transition: all 1.25s;}
.bodyctvrty .petobrazku .oobrazku a:nth-child(3) {float: left; width: 100%; height: auto; font-family: 'Amatic SC', cursive; text-align: left; margin-top: 20px; color: transparent; font-size: 20px; line-height: 30px;}
.bodyctvrty .petobrazku1:hover .oobrazku1 a:nth-child(3), .bodyctvrty .petobrazku2:hover .oobrazku2 a:nth-child(3), .bodyctvrty .petobrazku3:hover .oobrazku3 a:nth-child(3), .bodyctvrty .petobrazku4:hover .oobrazku4 a:nth-child(3), .bodyctvrty .petobrazku5:hover .oobrazku5 a:nth-child(3), .bodyctvrty .petobrazku6:hover .oobrazku6 a:nth-child(3), .bodyctvrty .petobrazku7:hover .oobrazku7 a:nth-child(3), .bodyctvrty .petobrazku8:hover .oobrazku8 a:nth-child(3), .bodyctvrty .petobrazku9:hover .oobrazku9 a:nth-child(3), .bodyctvrty .petobrazku10:hover .oobrazku10 a:nth-child(3), .bodyctvrty .petobrazku11:hover .oobrazku11 a:nth-child(3), .bodyctvrty .petobrazku12:hover .oobrazku12 a:nth-child(3), .bodyctvrty .petobrazku13:hover .oobrazku13 a:nth-child(3), .bodyctvrty .petobrazku14:hover .oobrazku14 a:nth-child(3), .bodyctvrty .petobrazku15:hover .oobrazku15 a:nth-child(3), .bodyctvrty .petobrazku16:hover .oobrazku16 a:nth-child(3), .bodyctvrty .petobrazku17:hover .oobrazku17 a:nth-child(3), .bodyctvrty .petobrazku18:hover .oobrazku18 a:nth-child(3), .bodyctvrty .petobrazku19:hover .oobrazku19 a:nth-child(3), .bodyctvrty .petobrazku20:hover .oobrazku20 a:nth-child(3), .bodyctvrty .petobrazku21:hover .oobrazku21 a:nth-child(3), .bodyctvrty .petobrazku22:hover .oobrazku22 a:nth-child(3), .bodyctvrty .petobrazku23:hover .oobrazku23 a:nth-child(3), .bodyctvrty .petobrazku24:hover .oobrazku24 a:nth-child(3), .bodyctvrty .petobrazku25:hover .oobrazku25 a:nth-child(3), .bodyctvrty .petobrazku26:hover .oobrazku26 a:nth-child(3), .bodyctvrty .petobrazku27:hover .oobrazku27 a:nth-child(3), .bodyctvrty .petobrazku28:hover .oobrazku28 a:nth-child(3), .bodyctvrty .petobrazku29:hover .oobrazku29 a:nth-child(3), .bodyctvrty .petobrazku30:hover .oobrazku30 a:nth-child(3) {text-align: left; margin-top: 0px; color: #1b0703; -webkit-transition: all 1.25s; -moz-transition: all 1.25s; -o-transition: all 1.25s; -ms-transition: all 1.25s; transition: all 1.25s;}
.zelenypodtim {width: 100%; min-height: 187px; background: #f7f9fa; float: left; box-sizing: border-box; padding: 4% 7%; color: #1b0703; text-align: left;}
.zelenypodtim div:nth-child(1) {float: none; font-size: 32px; line-height: 40px; font-family: 'Amatic SC', cursive; font-weight: 700; display:block;}
.zelenypodtim a {float: right; clear:both; display:block; color: white; font-weight: 700; line-height: 25px; font-size: 14px; padding: 12px 40px; margin:33px auto 0; font-family: 'Comfortaa', cursive; text-transform: uppercase; border: 2px solid #86bb46; -webkit-border-radius: 3px; moz-border-radius: 3px; border-radius: 3px;background:#86bb46;}
.zelenypodtim a:hover {text-decoration: none; background: #ffffff; color: #86bb46; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.zelenypodtim div:nth-child(2), .zelenypodtim div:nth-child(3), .zelenypodtim div:nth-child(4) {margin-top: 40px; float: left; font-size: 16px; line-height: 24px; font-family: 'Comfortaa', cursive; width: 25%; margin-left:4%;margin-right:4%;color: #888888;}
.zelenypodtim div b {font-size: 24px;}
.dalsizakaznici {margin: -25px 5px 5px;}
 
.bodypaty {text-align: center; padding-top: 4%;}
.bodypaty .hlavnifotka {float:right;width: 50%; padding: 30% 0 0; background-image: url('/images/blog1.webp'); text-align: left;}
.bodypaty .hlavnifotka a:nth-child(1), .editblog {color: #86bb46; font-weight: 400;}
.bodypaty .hlavnifotka a:nth-child(2), .bodypaty .vedlejsifotka a:nth-child(2) {font-size: 25px; margin-bottom: 33px;}
.bodypaty .vedlejsifotka a:nth-child(2) {font-size: 25px; margin-bottom: 0px;}
.bodypaty .hlavnifotka div {width: 17%; margin: 15px 0 0;}
.bodypaty .hlavnifotka div .a {color: #1b0703; font-size: 14px; font-weight: 700;}
.bodypaty .vedlejsifotka {clear:left;float:left;width: 48%; padding: 0 0 0 16%; text-transform:unset !important; background-size: 30% auto; margin-right: 2%; margin-bottom: 33px; min-height: 96px; max-height: min-content;}
.bodypaty .vedlejsifotka a.aa {font-size: 22px;}
.bodypaty a.aaa, .zpetdosvehoprofilu, .odkazvclanku, .aktualitatext .efgh {color:#86bb46;font-weight:700; text-decoration:underline;}
.efgh {color: #1b0703 !important; margin: 0px !important; display: inline-block !important; background-color: white !important; line-height: unset; font-size: 1em !important; padding: 0px !important; text-transform: none !important; border: 0px !important; -webkit-border-radius: 0px; moz-border-radius: 0px; border-radius: 0px !important;}
.efgh:hover {color: #86bb46 !important;}
.odkazvclanku:hover {color:#1b0703; text-decoration:none;}
.bodypaty .vedlejsifotka div {width: 26%;}
.bodypaty .vedlejsifotka:hover, .bodypaty .vedlejsifotka a:hover {cursor:pointer;}

.bodypaty .aboutobrazekkvulirozkliknuti {display:none;}
.bodypaty .viditelnejaktoroste .aboutobrazekkvulirozkliknuti {display:block;}

.bottom {font-size: 16px; color: rgba(255,255,255,0.9); background: #1b0703 url('/images/bottompozadi.png'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; box-sizing: border-box; height: auto; display: block; margin-top: 40px; padding: 4% 7% 0%;}
.bottom .bottom1, .bottom .bottom2, .bottom .bottom3 {float: left; height: auto; width: 30%;}
.bottom .bottom1 div:nth-child(3) {margin-top: 15px; font-size: 24px; font-weight: 400;}
.bottom .bottom1 div:nth-child(4), .bottom .bottom1 div:nth-child(5) {margin-top: 15px; font-size: 15px;}
.bottom .bottom2 {margin-left: 8%; margin-right: 3%; width: 25%;}
.bottom .bottom1 a {color: #86bb46;}
.bottom .bottom2 a, .bottom .bottom3 a {margin-bottom: 15px; color: rgba(255,255,255,0.9); float: left; clear: both;}
.bottom .bottom2 a {margin-bottom: 10px;line-height:1;}
.bottom .bottom2 a::before {content: "\25A0"; padding-right: 20px; color:#86bb46;vertical-align: text-top;}

.bottom .bottom2 a:hover::before {color:white;transition: all 0.3s;}

.bottom .bottom2 a:hover, .bottom .bottom3 a:hover, .bottom .bottom2 a.active, .bottom .bottom3 a.active {color: #86bb46; text-decoration: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
.bottom .bottom2 div:nth-child(1), .bottom .bottom3 > div:nth-child(1) {font-size: 25px; font-family: 'Amatic SC', cursive; line-height: 27px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 40px;}
.bottom .bottom2 div:nth-child(1)::after, .bottom .bottom3 > div:nth-child(1)::after {content: ""; display: block; height: 2px; width: 50px; background: #86bb46;}
.bottom .bottom3 a div {line-height: 20px;}
.bottom .bottom3 a > div {padding-left: 100px; box-sizing: border-box;}
.bottom .bottom3 a div div:nth-child(2) {color: #86bb46; font-size: 14px;}
.bottom .bottom3 a {height: 75px; box-sizing: border-box; margin-bottom:66px;}
.bottom .bottom1 div a:hover {text-decoration: none; color: white;}
.bottom .bottom3 a:hover > div div:nth-child(2) {color: rgba(255,255,255,0.9);}

.bottom .veta {font-size: 15px; color: rgba(255, 255, 255, 0.9); text-align: center; margin-top: 35px; padding: 25px 0; border-top: 1px solid rgba(255,255,255,0.07);}
.bottom .veta span, .bottom .veta span a {color: rgba(255, 255, 255, 0.5);}
.bottom .veta span {display:block; margin-top:10px;}
.bottom .veta a {color: rgba(255, 255, 255, 0.9);}
.bottom .veta a:hover {color: #ffffff; text-decoration: none;}

.zapati-fb {float:left;display: inline-block; width: 40px; height: 40px; margin: 33px 0 0; background: url('/images/zapati-fb.png') no-repeat; background-position: top;}
.zapati-inst {float:left;display: inline-block; width: 40px; height: 40px; margin: 33px 0 0 20px; background: url('/images/zapati-inst.png') no-repeat; background-position: top;}
.zapati-fb:hover, .zapati-inst:hover {background-position: bottom; transition: all 0.3s;}

.backToTop {z-index: 98; display: none; position: fixed; bottom: 40px; left: 40px; width: 50px; height: 50px; cursor: pointer; background: #86bb46 url('../images/sipka.png') no-repeat center center; -webkit-border-radius: 50%; moz-border-radius: 50%; border-radius: 50%; border: 3px solid #eeeeee;}
.backToTop:hover {background: #1b0703 url('../images/sipka.png') no-repeat center center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.backtotopopacne {left:unset; right: 40px;}

.breadcrumbs {font-family: 'Comfortaa', cursive; font-size: 17px; line-height: 24px; font-weight: 400; color: rgba(255, 255, 255, 0.9); margin: 0px; padding: 10px 0px 45px; text-shadow: 1px 1px 2px rgba(0,0,0,0.9);}
.breadcrumbs > li {display: inline-block;}
.breadcrumbs > li.crumb2::before {content: ">"; display: inline-block; margin: 0 15px;}

.breadcrumbs a {color: rgba(255, 255, 255, 0.9);}
.breadcrumbs a:hover {color: #86bb46; text-decoration: none !important;}

h1, div.h1, h2.nadpisclanku {font-size: 45px; line-height: 55px; font-family: 'Amatic SC', cursive; font-weight: 700; color: white; padding-top: 250px; margin: 0px; text-shadow: 1px 1px 2px rgba(0,0,0,0.9);}

.pozadikontakt h1, .pozadikontakt .h1, .pozadikontakt ul > li > a, .pozadikontakt .breadcrumbs, .skorocerna {color: #1b0703;}

.hlavninadpisnahlavni {text-shadow:unset;padding-top:unset;}

.bodyreference {padding: 4% auto; text-align: center;}
.bodyreference .sestobrazku {float: left; width: 31%; height: 40%; margin: 1%; box-sizing: border-box; padding: 15px; background-position: center; background-repeat: no-repeat; background-size: 100% auto;}
.bodyreference .sestobrazku:hover {background-size: 104% auto; background-position: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
.bodyreference .sestobrazku .osestiobrazku {float: left; width: 100%; height: 100%; box-sizing: border-box; padding: 15px; margin: 0; background: transparent; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s;}
.bodyreference .sestobrazku:nth-last-of-type(7):hover .osestiobrazku1, .bodyreference .sestobrazku:nth-last-of-type(6):hover .osestiobrazku2, .bodyreference .sestobrazku:nth-last-of-type(5):hover .osestiobrazku3, .bodyreference .sestobrazku:nth-last-of-type(4):hover .osestiobrazku4, .bodyreference .sestobrazku:nth-last-of-type(3):hover .osestiobrazku5, .bodyreference .sestobrazku:nth-last-of-type(2):hover .osestiobrazku6 {background: white;}
.bodyreference .sestobrazku .osestiobrazku a:nth-child(1) {float: right; width: 40px; height: 40px; margin: 0; margin-right: -20px; background: transparent; color: transparent; font-size: 16px; box-sizing: border-box; padding: 0 auto; padding-top: 2px; line-height: 40px; -webkit-border-radius: 50%; moz-border-radius: 50%; border-radius: 50%;}
.bodyreference .sestobrazku .osestiobrazku a:hover {text-decoration: none;}
.bodyreference .sestobrazku:nth-last-of-type(7):hover .osestiobrazku1 a:nth-child(1), .bodyreference .sestobrazku:nth-last-of-type(6):hover .osestiobrazku2 a:nth-child(1), .bodyreference .sestobrazku:nth-last-of-type(5):hover .osestiobrazku3 a:nth-child(1), .bodyreference .sestobrazku:nth-last-of-type(4):hover .osestiobrazku4 a:nth-child(1), .bodyreference .sestobrazku:nth-last-of-type(3):hover .osestiobrazku5 a:nth-child(1), .bodyreference .sestobrazku:nth-last-of-type(2):hover .osestiobrazku6 a:nth-child(1) {background: #86bb46; color: #ffffff; margin-right: 0px; -webkit-transition: all 1.25s; -moz-transition: all 1.25s; -o-transition: all 1.25s; -ms-transition: all 1.25s; transition: all 1.25s;}
.bodyreference .sestobrazku .osestiobrazku a:nth-child(2) {float: left; width: 100%; height: auto; text-align: left; margin-left: -20px; margin-top: 1%; color: transparent; font-size: 16px; line-height: 18px;}
.bodyreference .sestobrazku:nth-last-of-type(7):hover .osestiobrazku1 a:nth-child(2), .bodyreference .sestobrazku:nth-last-of-type(6):hover .osestiobrazku2 a:nth-child(2), .bodyreference .sestobrazku:nth-last-of-type(5):hover .osestiobrazku3 a:nth-child(2), .bodyreference .sestobrazku:nth-last-of-type(4):hover .osestiobrazku4 a:nth-child(2), .bodyreference .sestobrazku:nth-last-of-type(3):hover .osestiobrazku5 a:nth-child(2), .bodyreference .sestobrazku:nth-last-of-type(2):hover .osestiobrazku6 a:nth-child(2) {text-align: left; margin-left: 0px; color: #1b0703; -webkit-transition: all 1.25s; -moz-transition: all 1.25s; -o-transition: all 1.25s; -ms-transition: all 1.25s; transition: all 1.25s;}
.bodyreference .sestobrazku .osestiobrazku a:nth-child(3) {float: left; width: 100%; height: auto; font-weight: 700; font-family: 'Amatic SC', cursive; text-align: left; margin-top: 20px; color: transparent; font-size: 20px; line-height: 24px;}
.bodyreference .sestobrazku:nth-last-of-type(7):hover .osestiobrazku1 a:nth-child(3), .bodyreference .sestobrazku:nth-last-of-type(6):hover .osestiobrazku2 a:nth-child(3), .bodyreference .sestobrazku:nth-last-of-type(5):hover .osestiobrazku3 a:nth-child(3), .bodyreference .sestobrazku:nth-last-of-type(4):hover .osestiobrazku4 a:nth-child(3), .bodyreference .sestobrazku:nth-last-of-type(3):hover .osestiobrazku5 a:nth-child(3), .bodyreference .sestobrazku:nth-last-of-type(2):hover .osestiobrazku6 a:nth-child(3) {text-align: left; margin-top: 0px; color: #1b0703; font-weight: 700; -webkit-transition: all 1.25s; -moz-transition: all 1.25s; -o-transition: all 1.25s; -ms-transition: all 1.25s; transition: all 1.25s;}
.bodyreferencedalsichsest {margin-top: -12%; margin-bottom: -12%;}

.bodykonkretnireference, .povidani {width: 100%; float: left; height: auto;}
.bodykonkretnireference {background:#f7f9fa ;margin-bottom: 33px; width:42vw; padding-left:7%;}
.bodykonkretnireference h2.fleftova, .formular h2, h1.h2 {font-family: 'Amatic SC', cursive; font-size: 28px; line-height: 38px; color: #1b0703; font-weight: 700; margin-bottom: 20px; max-width: 80%;}
.bodykonkretnireference .koleminformaci, .povidani h3 {font-family: 'Comfortaa', cursive; font-size: 14px; line-height: 24px; text-transform: uppercase; color: #222; font-weight: 700; float: left; margin: 12px 12px 12px 0px; width: 86%;}
.bodykonkretnireference .informace, .povidani {font-family: 'Comfortaa', cursive; font-size: 16px; line-height: 36px; text-transform: none; color: #888; font-weight: 300;}
.povidani {line-height: 24px; float: right; padding: 4%; width:56vw;}
.povidaniobchodnipodminky {line-height: 22px; float: left; padding: 5%; width:98%;box-sizing:border-box;}
.povidani h3 {font-size: 16px; margin-bottom: 20px; line-height: 38px; float: none;}
.povidani .odstavecpovidani {float: none;}
.obrazekkonkretnireference {margin: 30px 7%; width: 86%; height: auto;}

h1.h2 {padding-top: 20px;text-shadow:unset;}

.slider {width: 84%; margin: 0px auto 30px;}
.slider > img {cursor: pointer; float: left; margin: 0 2%; width: 29%; height: auto;}
.slider > img.snidane {width: 100%;}

.referencnifotky {margin: 33px 0px 0px 30px; float:left;}

.povidani ul {list-style-type: square; margin: 0px; padding: 0px;list-style-position: inside;}
.povidani ul li::marker, .bloguju ul li::marker,.procodbornikovi ul li::marker, .zelenytext {color: #86bb46;}
.povidani ul :nth-child(1) {font-weight:700;}
.povidaniobchodnipodminky ul :nth-child(1) {font-weight:300;}
.povidaniobchodnipodminky ul li li {padding-left:2em;}
.vceniku ul :nth-child(1) {font-weight:300;}
.povidani ul .foceni {font-weight:normal; color: #86bb46;}
.bloguju ul, .procodbornikovi ul {list-style-type: square; list-style-position: outside;font-weight:300;}
.bloguju ul li, .balicky ul li, .procodbornikovi ul li {font-weight:700; margin-top:12px;margin-bottom:4px;}
.bloguju ul li li, .balicky ul li li, .travnikplus ul li {font-weight:300;}
.travnikplus ul li {line-height:1.5em;}
.travnikplus ul li.tlustejsi {font-weight:700;}
.bloguju img, .bloguju figure {width:100%;margin:0em;}
.bloguju figcaption {font-size:0.85em; color:#888888;line-height:1.7em;}
.balicky, .travnikplus {padding:0 10%; box-sizing:border-box; line-height:1.5em;}
.balicky ul {list-style-type: none;padding: 0;}
.balicky ul li, .obrazekvkosiku {min-height:125px; background-repeat: no-repeat; background-position: top 50%; padding-left: 125px; background-size: 96px 96px;font-weight:300;}
.obrazekvkosiku {background-size: 172px 96px;background-position: left center;font-weight:300;padding-left: 196px; padding-top:33px; border-bottom:1px solid #1b0703;border-top:1px solid #1b0703;box-sizing:border-box;}
           
.blogujuprodukt {padding:0px;border:1px solid #1b0703;font-size: 14px; text-align: justify; flex: 1 1 calc(50% - 20px); background-color:white;}
.blogujuprodukt img {margin:0px 0px 10px;width:100%;height:auto;}
.blogujuprodukt ul {text-align:left;margin:0px 10px;padding-left: 20px;}
.blogujuprodukt ul li {font-weight:300; margin-top:8px;}
.blogujuprodukt .produktnazev {font-size:2em;font-weight:700;font-family: 'Amatic SC', cursive; display:block; margin: 20px auto 0; float:none; text-decoration:none;text-align:center;}
.blogujuprodukt .produktkratkypopis {padding:0 20px; text-align:justify;display:block;}
.blogujuprodukt .produktcena {width:fit-content; font-size:1.5em; font-weight: 700; color:#86bb46; margin:20px auto;}
.dopravaaplatba {border:0px;}

#background1, #background2, #background3, #background4, #background5, #background6, #background7, #background8, #background9, #background10, #background11, #background12, #background13, #background14, #background15, #backgroundsluzby1, #backgroundsluzby2, #backgroundsluzby3, #backgroundsluzby4, #backgroundsluzby5, #backgroundsluzby6, #backgroundsluzby7, #backgroundsluzby8, #backgroundsluzby9, #backgroundsluzby10, #backgroundsluzby11, #backgroundsluzby12, #backgroundkomplex1, #backgroundkomplex2, #backgroundkomplex3, #backgroundkomplex4, #backgroundkomplex5, #backgroundkomplex6, #backgroundkomplex7, #backgroundkomplex8, #backgroundkomplex9, #backgroundkomplex10, #backgroundkomplex11, #backgroundkomplex12, #backgroundkomplex13, #backgroundkomplex14, #backgroundkomplex15, #backgroundkomplex16, #backgroundblog1, #backgroundblog2, #backgroundblog3, #backgroundblog4, #backgroundblog5, #backgroundblog100, #backgroundblog101, #backgroundblog102, #backgroundblog103, #backgroundblog104, #backgroundblog105, #backgroundblog106, #backgroundblog107, #backgroundblog108, #backgroundblog109, #backgroundblog110, #backgroundblog111, #backgroundblog112, #backgroundblog113, #backgroundblog114, #backgroundblog115, #backgroundblog116, #backgroundblog117, #backgroundblog118, #backgroundblog119, #backgroundblog120, #backgroundblog121, #backgroundblog122, #backgroundblog123, #backgroundblog124, #backgroundblog125, #backgroundblog126, #backgroundblog127, #backgroundblog128, #backgroundblog129, #backgroundblog130, #backgroundblog131 , #backgroundblog132, #backgroundblog133, #backgroundblog134, #backgroundblog135, #backgroundblog136, #backgroundblog137, #backgroundblog138, #backgroundblog139, #backgroundblog140, #backgroundblog141, #backgroundblog142, #backgroundblog143, #backgroundblog144, #backgroundblog145, #backgroundblog146, #backgroundblog147, #backgroundblog148, #backgroundblog149, #backgroundblog150, #backgroundblog151, #backgroundblog152, #backgroundblog153, #backgroundblog154, #backgroundblog155, #backgroundblog156, #backgroundblog157, #backgroundblog158, #backgroundblog159, #backgroundblog160, #backgroundblog161, #backgroundblog162, #backgroundblog163, #backgroundblog164, #backgroundblog165, #backgroundblog166, #backgroundblog167, #backgroundblog168, #backgroundblog169, #backgroundblog170, #backgroundblog171, #backgroundblog172, #backgroundblog173, #backgroundblog174, #backgroundblog175, #backgroundblog176, #backgroundblog177, #backgroundblog178, #backgroundblog179 {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); z-index: 9999;}
#expand1, #expand2, #expand3, #expand4, #expand5, #expand6, #expand7, #expand8, #expand9, #expand10, #expand11, #expand12, #expand13, #expand14, #expand15, #expand {width: 70%; margin: 3% 15%;}
#expand {max-height: 90%;}
#close1, #close2, #close3, #close4, #close5, #close6, #close7, #close8, #close9, #close10, #close11, #close12, #close13, #close14, #close15, #close {text-align: center; cursor: pointer; width: 30px; height: 30px; line-height: 30px; background: red; color: white; border: 3px solid white; position: fixed; top: 40px; right: 40px;}
#left1, #left2, #left3, #left4, #left5, #left6, #left7, #left8, #left9, #left10, #left11, #left12, #left13, #left14, #left15 {text-align: center; cursor: pointer; width: 50px; height: 50px; line-height: 50px; background: #1b0703; color: white; position: fixed; top: 45%; left: 13%;}
#right1, #right2, #right3, #right4, #right5, #right6, #right7, #right8, #right9, #right10, #right11, #right12, #right13, #right14, #right15 {text-align: center; cursor: pointer; width: 50px; height: 50px; line-height: 50px; background: #1b0703; color: white; position: fixed; top: 45%; right: 13%;}

.podzelenymbez {margin-bottom: 20px;}

.kontaktni {background: #1b0703; color: white; margin-bottom: -40px; padding-left:4%;}
.kontaktni h2.fleftova{color: white; font-size: 50px; line-height: 65px;}
.kontaktni h3, h3.fleftova {font-size: 20px; margin: 40px 0 16px;}
.kontaktni a {display: inline-block; margin: 0; color: white;}
.formular {float: right; margin-bottom: -8%;} 
.formular form input, .formular form textarea, .formularobjednatsluzbyhomepage input, .formularobjednatsluzbyhomepage textarea {display: block; width: 95%; height: 48px; line-height: 48px; font-size: 16px; color: #848484; padding: 0px 15px 0px 15px; box-sizing: border-box; border: 1px solid #e8e8e8; margin-bottom: 20px;} 
.formular form textarea, .formularobjednatsluzbyhomepage textarea {height: 160px; line-height: 20px;} 
.formular form input::placeholder, .formular form textarea::placeholder, .formularobjednatsluzbyhomepage input::placeholder, .formularobjednatsluzbyhomepage textarea::placeholder {color: #848484; font-weight: 500; font-size: 17px;}
.formular form input::-webkit-input-placeholder, .formular form textarea::-webkit-input-placeholder, .formularobjednatsluzbyhomepage input::-webkit-input-placeholder, .formularobjednatsluzbyhomepage textarea::-webkit-input-placeholder {color: #848484; font-weight: 500; font-size: 17px;}
.formular form input::-moz-placeholder, .formular form textarea::-moz-placeholder, .formularobjednatsluzbyhomepage input::-moz-placeholder, .formularobjednatsluzbyhomepage textarea::-moz-placeholder {color: #848484; font-weight: 500; font-size: 17px;}
.formular form input:-ms-input-placeholder, .formular form textarea:-ms-input-placeholder, .formularobjednatsluzbyhomepage input:-ms-input-placeholder, .formularobjednatsluzbyhomepage textarea:-ms-input-placeholder {color: #848484; font-weight: 500; font-size: 17px;}
.formular form input:-moz-placeholder, .formular form textarea:-moz-placeholder, .formularobjednatsluzbyhomepage input:-moz-placeholder, .formularobjednatsluzbyhomepage textarea:-moz-placeholder {color: #848484; font-weight: 500; font-size: 17px;}
.formular form input[type="submit"], .formularobjednatsluzbyhomepage input[type="submit"] {background: #1b0703; border-bottom: 0px; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; font-size: 14px; line-height: 30px; color: white; padding: 10px 40px; font-weight: 500; letter-spacing: 0.3px; width: auto; margin-bottom: 0px;} 
.formular form input[type="submit"]:hover, .formularobjednatsluzbyhomepage input[type="submit"]:hover {background: #86bb46;} 
.formular form #lastname, #lastname, .formularobjednatsluzbyhomepage #lastname { display:none;}
.formular *:focus, .formularobjednatsluzbyhomepage *:focus {outline: none;}

.zobrazitdalsi {clear: both; background: #86bb46; margin: 30px auto; float: none; display: block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; font-size: 14px; line-height: 30px; width: auto; color: white; box-sizing: border-box; padding: 10px 40px; font-weight: 500; letter-spacing: 0.3px;}
.zobrazitdalsi:hover {text-decoration: none; background: #1b0703; color: white;}
.zobrazitdalsi div {width: 20px; height: 14px; display: inline-block; background: url('/images/sipka.png') no-repeat 0px -6px;background-size: 20px; margin: 0 10px 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}

.podtrzeni {width: fit-content; text-align: center;}
.podtrzeni a:hover {text-decoration: none; color: black;}

#bannernahoru {width: auto; height: 100px; margin: 25px auto; display: block;}
#bannernahorua {width: auto; height: auto; margin: 66px auto 25px; display: block;}

.menu #jenomdole, .displaypolozky #jenomdole, .nenadesktopu #jenomdole {display: none;}

.zavreno {width: 60%; background: white; box-sizing: border-box; border: 6px solid #86bb46; line-height:1.4em; font-size:1.2em; text-align: justify;position: fixed; top: 20%; left: 20%; padding: 50px;}

.vceniku span {margin-left: 12px;}
.vceniku b {color: black;}
.vceniku b.nebo {font-weight: normal;}
.vceniku span.green, .zelenejsi {color: #86bb46; font-weight: 700;margin-left: 0px;}
.vceniku ul {padding:unset;}

#menuhamburger {background:url('/images/hamburger.png') no-repeat;}
#menuixko {display:none; background:url('/images/hamburgerx.png') no-repeat;}

.container {display: flex; flex-direction: column; min-height: 100vh;}
aside {flex: 1; padding: 3em 1em 1em; background-color: #f7f9fa; margin-bottom:-40px;}
aside.asideobchodu {padding: 3em 0em 1em;}
aside.asidetravnikplus {padding: 1em 0em;}
aside.asideobchodu h3, aside.asideobchodu p, aside.asideobchodu ul, aside.asideobchodu div {margin-left:1em; margin-right:1em;}
aside.asideobchodu div.bezpravyhomarginu {margin-right:0;}
aside.asideobchodu div.odtrhnout {border-bottom:4px solid white; margin:0em;}
aside.asideobchodu p {text-align:left;}
main {display: flex; flex-wrap: wrap; flex: 1; justify-content: center;}
article, section {flex: 2.5;padding: 1em 10%;}
.related-articles {margin-top: 2em; padding: 1em; background-color: #f7f9fa;}
.related-articles a:hover, aside a:hover {color: #86bb46;}
.nadpisclanku, h2.nadpisclanku {padding:1em;text-shadow: 0px 0px 0px rgba(0,0,0,0);color: #86bb46;}
.nadpisclankuvclanku {padding-bottom:0.5em;float:left;width:100%;}
article p {text-indent: 1em;}
article h2 {margin-top:2em;}
.bezhornihopaddingu {margin-top:0em;}
.bezdolnihopaddingu {margin-bottom:0em;}
.articleblog:hover h2.h2blog {text-decoration:underline !important;}
.articleblog {flex: 1 1 calc(50% - 20px);}
.articles-container {display: flex; flex-wrap: wrap; gap: 20px;}
.articleblog img {width: 100%; height: auto; margin-bottom: 4px;}
.articleblog {display: flex;flex-direction: column;margin-bottom: 20px;overflow: hidden;text-decoration: none;color: inherit;background-color: white;transition: background-color 0.3s;}
.articleblog:hover {background-color: #f7f9fa ;}
aside ul li {margin-bottom: 1em;}
aside.blogujusobrazkem ul, .vtravnikplus ul {list-style: none;padding-left: 0;}
aside.blogujusobrazkem li a, .vtravnikplus li a {display: flex;align-items: flex-start;}
aside.blogujusobrazkem ul li a:hover, .vtravnikplus ul li a:hover {text-decoration:underline !important;}
aside.blogujusobrazkem li img, .vtravnikplus li img {width: auto;height: 2em;margin-right: 10px;}

.nanenalezeno {background:white;}

.visually-hidden {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

.vyberzclanku ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 33px 0;
    list-style: none;
}

.vyberzclanku li {
    flex: 0 1 31.5%; /* Nastaví šířku každého sloupce na 24% s flexibilním chováním */
    box-sizing: border-box;
    margin-bottom: 20px;
    text-align: center;
}

.vyberzclanku li a {
    text-decoration: none;
    color: inherit;
    display: block;
}

.vyberzclanku img {
    width: 100%;
    height: auto;
}

@media (max-width: 940px) {
    .vyberzclanku li {
        flex: 0 1 48%; /* Změní šířku každého sloupce na 48% na menších obrazovkách */
    }
}

@media (max-width: 480px) {
    .vyberzclanku li {
        flex: 0 1 100%; /* Změní šířku každého sloupce na 100% na mobilních zařízeních */
}
}

.clanektemanahlavni {display: flex;align-items: center;color: #86bb46;}
.clanektemanahlavni::after {content: "";transform: translateY(-1px);margin:0 15px;width: 3.5px; height: 3.5px;background-color: #86bb46;}
.clanekzatemanahlavni, .clanekpredtemanahlavni {font-weight: 300;}
.clanekzatemanahlavni::after {content: none;}
.claneknadpisnahlavni {text-align:left; clear:left;}

.nadpisnareferencich {text-align: center;color: #86bb46 !important;}
.nenadesktopu {display: none;}

.content-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; /* Zajistí responzivitu */
    gap: 33px; /* Prostor mezi textem a galerií */
    margin: 33px;
    align-items: flex-start;
}
/* Blok pro text */
.text-block {
    flex: calc(50% - 16px); /* 50% šířky */
    max-width: calc(50% - 16px); /* Maximálně 50% */
    text-align:left;       
}
/* Galerie fotek */
.photo-gallery {
    flex: calc(50% - 17px); /* 50% šířky */
    max-width: calc(50% - 17px); /* Maximálně 50% */
    display: flex;
    gap: 20px;
}
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 3 sloupce vedle sebe */
    gap: 20px; /* Mezera mezi fotkami */
    heigfht: 20px;
}
.gallery-grid img {
    cursor:pointer;
    width: 100%;
    height: auto;
}
.articlevesluzbach h2 {margin-top:0px;}
.articlevesluzbach {padding:0% !important;}

/* Responzivní úprava pro mobilní zařízení */
@media (max-width: 940px) {
    .content-wrapper {
        flex-direction: column; /* Rozložení textu a galerie pod sebe */
        margin: 33px 0;
    }
    .text-block, .photo-gallery {
        max-width: 100%;
    }
    .gallery-grid {
        grid-template-columns: repeat(1, 1fr); /* Na mobilu 2 fotky vedle sebe */
    }
}

.spacerkotva {position: relative;top: -80px; visibility: hidden; height: 0;}

.recenzeodmajitele {width:75%; margin:0 auto 24px;padding-left: 24px; padding-top:4px; box-sizing: border-box; min-height: 4em; border-left: 10px solid #86bb46; font-size: 1.2em; line-height: 1.5em; font-weight: bold; color: #86bb46; font-style: italic;}
.recenzeodmajitelespan::before {content:"„";}
.recenzeodmajitelespan::after {content:"“";}
.majiteltravniku {width:fit-content;height:auto;text-align:center;font-size:2em; margin:0 auto;padding:4px; font-family: 'Amatic SC', cursive;color:black;font-weight:bold;}

.sharetlacitko, .downl {
-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; 
font-size: 14px; line-height: 26px; padding: 3px 10px 1px 40px; font-weight: 500; letter-spacing: 0.3px;
    display: flex;
    align-items: center;
    width: fit-content;
    background-color: white;
    color: #86bb46;
    cursor: pointer;
    background-image: url('/images/sdilet.png');
    background-repeat: no-repeat;
    background-position: 5px top;
    background-size: 30px;
    border: 1px solid #86bb46;
}
.downl {
    background-image: url('/images/downl.png');
}
.sharetlacitko:hover, .downl:hover {background-color: #86bb46;color: white;background-position: 5px bottom; text-decoration:none;}

.sharetlacitkodetail {background-color: #86bb46; color: white; background-position: 5px bottom; margin:10px auto 33px;display:flex; padding-bottom:3px;}
.sharetlacitkodetail:hover {background-color: black;border: 1px solid black;}
.sharetlacitkodetailbezmarginu {margin:10px auto;}

.odkazreference {background-image: url('/images/diskuse.png');margin-top:10px;}
.ikonarecenzegoogle {background-image: url('/images/ikonarecenzegoogle.png');margin-top:10px;}

.dejreferenci {color:#86bb46;}

.share {position: fixed; /* aby zůstal na místě, i když scrolluješ */
    text-align:left;
    top: 50%; /* vystředění nahoře/dole */
    left: 50%; /* vystředění vlevo/vpravo */
    transform: translate(-50%, -50%); /* přesun do přesného středu */
    width: 600px; /* základní rozměr */
    height: fit-content;
    max-width: 90vw; /* na mobilu zmenší na max 90 % */
    max-height: 90vh;
    background-color: white; /* bílý pozadí */
    border: 1px solid #1b0703; /* bordura */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* přidá trošku stínu */
    z-index: 9999; /* nahoře nad vším */
    }
.share #close, .share #objednatclose {background: #1b0703; top: 4px; right: 4px; border:3px solid #86bb46;}
.share .clanekkesdileni {margin:4% 4% -2% 4%;line-height:20px;max-width:100%;}
.share .sezelenympozadim {background: #86bb46; color:white;margin:0%; padding:1% 8% 1% 4%; box-sizing:border-box;font-family: 'Amatic SC', cursive;font-size:24px;}

.copy-message {color: #888888; line-height:28px;}
.success-message {color: #86bb46;}
.copy-btn {cursor: pointer; /* Změna kurzoru na ukazatel */}

#qrcode {width:128px; height:128px; float:right; margin:4%;overflow: hidden;}
#qrcode img {width:100%;}
#qrcode canvas {width: 100%;height: 100%;}
    
.share > .fb {background-image: url('/images/ico-fb.png');}
.share > .tw {background-image: url('/images/ico-tw.png');}
.share > .wh {background-image: url('/images/ico-wh.png');display:none;}
.share > .go {background-image: url('/images/ico-go.png');}
.share > .em {background-image: url('/images/mail.png');}
.share a {margin: 4% -2% -2% 4% !important; width: 40px; height: 40px; display: inline-block; background-position: top;}
.share a:hover {background-position: bottom;}

.sharereference {margin:5% 5% 0% 5%;}

.dinlineflex {display: inline-flex;}

.tmavsi {color: #888888 !important;}

.mensipismo {font-size:0.8em;}

.skladem {text-align: center;}
.sklademkosik {margin-bottom: 20px;}

.kosikcena {margin-bottom:0px!important;}

.radio-group {
    display: flex;
    gap: 20px;
}

.radio-group input[type="radio"] {
    opacity: 0; margin-right:-36px;
}

.radio-group label {
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    line-height:1.5em;
}

.radio-group label::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 5px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    transition: all 0.3s ease;
    outline: 3px solid #86bb46;
    margin-right:20px;
    margin-bottom: -4px;        
}

.radio-group label:hover::before {
    box-shadow: 0 0 10px #1b0703;
}

.radio-group input[type="radio"]:checked + label::before {
    background-color: #888888;
    box-shadow: 0 0 10px #1b0703;
}

.dnonetvl {display:none;}

fieldset {width:100%; margin-bottom:33px; padding:1em; box-sizing:border-box; color:#888888;}

#input, #textarea {display: block; width: 95%; height: 48px; line-height: 48px; font-size: 16px; color: #848484; padding: 0px 15px 0px 15px; box-sizing: border-box; border: 1px solid #e8e8e8; margin-bottom: 20px;} 
#textarea {height: 160px; line-height: 20px;} 
#input::placeholder, #textarea::placeholder {color: #848484; font-weight: 500; font-size: 17px;}
#input::-webkit-input-placeholder, #textarea::-webkit-input-placeholder {color: #848484; font-weight: 500; font-size: 17px;}
#input::-moz-placeholder, #textarea::-moz-placeholder {color: #848484; font-weight: 500; font-size: 17px;}
#input:-ms-input-placeholder, #textarea:-ms-input-placeholder {color: #848484; font-weight: 500; font-size: 17px;}
#input:-moz-placeholder, #textarea:-moz-placeholder {color: #848484; font-weight: 500; font-size: 17px;}
#input[type="submit"] {background: #1b0703; border-bottom: 0px; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; font-size: 14px; line-height: 30px; color: white; padding: 10px 40px; font-weight: 500; letter-spacing: 0.3px; width: auto; margin-bottom: 0px;} 
#input[type="submit"]:hover {background: #86bb46;} 

.travnikplus-tab-button {
background-color: #888888; 
border: none;
color: white;
padding: 12px 8px;
text-align: center;
font-size: 1em;
cursor: pointer;
margin-right: 3px;
margin-top: 3px;
        }
.travnikplus-tab-button:hover {
background-color: #86bb46 !important;
        }
.travnikplus-tab-button-opacnebarvy {
background-color: #86bb46 !important; 
        }
.travnikplus-tab-button-opacnebarvy:hover {
background-color: #1b0703 !important; 
        }
.travnikplus-tab-content {
display: none;
padding: 1em 20px 20px;
border: 1px solid #888888;
border-top: none;
margin-top: 0em;
        }
.active-travnikplus-tab {
display: block;
        }

ul.travnikplus-aside li {font-weight:300;}

.travnikplussipka {
    width: 30px;
    height: 30px;
    background: #86bb46;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    font-size: 1em;
    font-family: 'Amatic SC', cursive;
    line-height: normal;
    transition: background 0.3s ease;
    font-weight:700;
    transform: rotate(90deg);
    vertical-align: top;
}

.travnikplussipka:hover {
    background: #1b0703; text-decoration: none; color:white;
}

#travnikplus-closeBtn-historie, #travnikplus-closeBtn-plan, #travnikplus-closeBtn-sluzby, #travnikplus-closeBtn-produkty {
    line-height:1.5em;
    display: inline-block;
    margin-top: 10px;
    padding: 5px 10px;
    background: #888888;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease;
}

#travnikplus-closeBtn-historie:hover, #travnikplus-closeBtn-plan:hover, #travnikplus-closeBtn-sluzby:hover, #travnikplus-closeBtn-produkty:hover {
    background: #1b0703;
    color: #fff;
}

.content-historie, .content-plan, .content-sluzby, .content-produkty {
    margin-top: 10px;
    margin-left: -40px;
    padding: 10px;
    border: 1px solid #888888;
    background: #f7f9fa;
    display: none; 
}

#calendar-container {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 4px;}
.calendar-month {width: 30%; margin-bottom: 20px; border: 1px solid #888888; padding: 4px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); text-align: center; font-size: 12px; box-sizing: border-box;}
.calendar-month h3{margin-top:0px;margin-bottom:0px;}
table { width: 100%; text-align: center; border-collapse: collapse; table-layout: fixed;}
th, td {padding: 4px; box-sizing:border-box; width: 14.28%; height: 20px;}
th {background-color: white; font-weight: bold;}
td.selectable {background-color: #86bb46; color: white; cursor: pointer;border:1px solid white;}
td.selectable:hover, td.selected {background-color: #1b0703; color: white;}
td.unselectable {background-color: white; color: #888888;}
#selected-date-display {width: auto; padding: 8px; border: 0px; background:#f7f9fa; font-size:1em;}
@media only screen and  (max-width: 1200px) {.calendar-month {width:45%;}}

.mtopimportant {margin-top:55px !important;}
.mtopimportant33 {margin-top:33px !important;}
.zadnymtop li {margin-top:0px !important; line-height:1.1em;font-weight:300 !important;}

.travnikplus-tab-button-zrusitdatum {background: #d50c1f;border:0px; padding:6px;cursor:pointer;color:white; font-size:1em;}
.travnikplus-chat-button {background: #86bb46;border:0px; padding:6px;cursor:pointer;color:white;font-size:1em;line-height:2em;}
.travnikplus-tab-button-zrusitdatum:hover, .travnikplus-chat-button:hover {background-color: #1b0703;}
.travnikplus-tab-button-zrusitdatum-bezcervene {background: white;border:0px; color:#1b0703;padding:0;}
.travnikplus-tab-button-zrusitdatum-bezcervene:hover {background-color: #f7f9fa;}
 
.otocsipku {display: inline-block; margin-left:8px; line-height:1.5em;transform: rotate(90deg);transform-origin: center; font-weight:700; font-size:1:5em;font-family: 'Amatic SC', cursive;}

#chatForm textarea {width: 100%; height: 100px; font-family: inherit; font-size: 1em; margin-top: 10px; margin-bottom: 10px; padding:8px;box-sizing:border-box;}
#chat div {border-bottom: 1px solid #ccc !important; margin-bottom: 10px; padding-bottom: 20px !important;}
#chat div strong {font-family: 'Amatic SC', cursive; font-size:1.25em; color: #86bb46; line-height:50px; font-weight: 700;}
.chotesova-client span {color: #d50c1f !important;}
#chatForm .odpocetchatu {font-size: 0.85em; margin-top:0; text-align:right;}

.odhlasitvrespomenu {display: none; position:fixed; top:12px; right: 114px; z-index: 100;}
.prihlasitnahorevli {cursor:pointer;z-index:100;position:relative;float: right; margin: 11.5px -20px 0 0; font-size:16px; line-height:40px; background: white; border-top:2px solid white;padding:0 8px;box-sizing:border-box;}
.prihlasitnahorevli:hover, .prihlasitnahorevli:hover span {background:#86bb46 !important;border-top:2px solid #86bb46 !important;color:white!important;text-decoration:none;transition:all 0s;}
.prihlasitnahorevli div {display:none; background:transparent;margin-left:-30px;position:absolute;width:calc(100% + 22px);box-sizing:border-box;top:100%;}
.prihlasitnahorevli div a {text-decoration:none;padding:3px 8px;}
.prihlasitnahorevli:hover div {display:block;margin-top:-2px;}
.prihlasitnahorevli:hover div a:nth-child(1), .prihlasitnahorevli:hover div a:nth-child(2), .prihlasitnahorevli:hover div a:nth-child(3) {background:white;}
.prihlasitnahorevli div a:hover, .prihlasitnahorevli div button:hover {background:#f7f9fa!important;}
.prihlasitvrespomenunahorevmobilu {display: none;}
.odhlasitko, .dokosiku {padding-left:35px; padding-right:10px; background-image: url('/images/odhlasit.png'); background-repeat: no-repeat; background-position: 5px top; background-size: 30px;transition: all 0.3s}
.dokosiku {background-image: url('/images/dokosiku.png'); background-position: 1px top;}
.dokosiku:hover {background-position: 5px top;}
.podslevickou {background: #86bb46;font-size: 2em;color: white;font-family: 'Amatic SC', cursive;font-weight: 700;padding: 8px;box-sizing: border-box;}

.travnikplus-services-container {display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between;}
.travnikplus-service {background-color: #f7f9fa; padding: 10px;text-align: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); flex: 1 1 calc(33.33% - 16px); box-sizing: border-box;}
.travnikplus-service img {max-width: 100%; height: auto;}
.travnikplus-service h4 { margin: 8px 0; font-size: 1.2em;}
.travnikplus-service p {font-size: 0.9em; color: #1b0703; text-align:center;}
@media (max-width: 768px) {.travnikplus-service {flex: 1 1 calc(50% - 16px);}}
@media (max-width: 480px) {.travnikplus-service {flex: 1 1 100%;}}

.chovejsejakoporadna {background-color: white !important;border: 1px solid #86bb46 !important;color: #86bb46 !important;padding: 3px 10px 1px 40px !important;font-size: 14px !important;}
.chovejsejakoporadna:hover {color: white !important;}

.dnoneimportantfakt {display: none !important;}

.taknejakdoprostoru {display:block; float:left;text-align:center;width:90%; height:auto;margin:5%;}
.taknejakdoprostoru h1{padding-top: unset; margin-bottom:33px; color:#1b0703;text-shadow:unset;}
.form-wrapper-prihlaseni {display: flex; gap: 20px;align-items: center;justify-content: center;}
.login-form-prihlaseni {width: 100%;max-width: 300px;display: flex;flex-direction: column;gap: 10px;}
.login-form-prihlaseni label, .doleva {text-align:left;}
.login-form-prihlaseni input {padding: 10px;border: 1px solid #888888; margin-top:-8px;}
.login-form-prihlaseni button {padding: 10px;color: white; background: #1b0703;border: none;cursor: pointer;transition: background 0.3s;margin-bottom:8px;}
.login-form-prihlaseni button:hover {background: #86bb46;}
.image-prihlaseni {max-width: 300px;}
.image-prihlaseni img {width: 100%;border-radius: 8px;}

.potvrditzrusenidatumu {display:none;}

#poradna {scroll-margin-top: 110px;}
#blog {scroll-margin-top: 70px;}
#otevrimikalendarsluzby {scroll-margin-top: 120px;}

#menickosticky {position: sticky; top: 65px; z-index: 10;}
  
.kolemobjednatsluzbu {width:fit-content; text-align:left;margin:0 auto;font-size:0.9em;}
.objednatsluzbu {margin:16px auto 0;color:#888888;}
.objednatsluzbu h4, .skorocerna {color:#1b0703;}
.objednatsluzbu .vobjednatsluzbu {width:fit-content;margin-top:4px;padding:6px;color: #86bb46; background:rgba(134, 187, 70,0.1) !important; bordder:1px solid #86bb46;cursor: pointer;transition: background 0.3s;}
.objednatsluzbu .vobjednatsluzbu:hover {background: #86bb46 !important; text-decoration:none; color: white;}

    /* Styl pro input */
    [id^="custom-calendar"]:not([id^="custom-calendar-"]) {
        font-size:18px;
        border: 0px;
        background-color: transparent;
        color: #1b0703;
        padding:8px;
        background-color: green;
        background-color: transparent !important;
        color: #1b0703 !important;
        cursor:default !important;
        width:280px !important;
        text-align:center;
        position:absolute !important;
        left:0 !important;top:240px !important;
        box-sizing:border-box;
    }

    [id^="custom-calendar"]:not([id^="custom-calendar-"]):not(:placeholder-shown) {
    background-color: #dff0d8 !important; /* Zelená barva, když je hodnota */
}
    [id^="custom-calendar"]:not([id^="custom-calendar-"]):placeholder-shown {
    background-color: transparent !important; /* Červená barva, když je prázdný */
}
    [id^="custom-calendar"]:not([id^="custom-calendar-"]):focus {
        border: 0px solid transparent; /* Změní barvu borderu při kliknutí do inputu */
        background-color: transparent;outline:0px;
    }


    /* Styl pro samotný inline kalendář */
    .flatpickr-calendar {
        border: 1px solid #888888;
        background-color: transparent !important;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        font-size: 14px;
        padding: 4px;
        max-width:280px;
        position:absolute !important;bottom:100px !important;left:0px !important;
        height:280px !important;
    }

    .flatpickr-current-month select, .flatpickr-current-month input {font-weight:700 !important;}
    
    /* Styl pro dny v kalendáři */
    .flatpickr-day {
        padding: 2px !important;
        font-size: 14px !important;
        cursor: pointer !important;
        color: #1b0703 !important;
        border:0px !important;
        border-radius:0px !important;
        height: auto !important;
        line-height: unset !important;
        margin:0px !important;
    }

    .flatpickr-day.selected, .flatpickr-day:hover, .flatpickr-day.today:hover {
        background-color: #86bb46 !important;  /* Barva na hover a pro vybraný den */
        color: white !important;  /* Bíla barva textu pro vybraný den */
    }

div.dayContainer {-webkit-justify-content: unset !important; justify-content: unset !important;}
.flatpickr-weekday {max-width:39px;}
    
    .flatpickr-day.today {
        background-color: rgba(134, 187, 70,0.1) !important;  /* Žlutá pro dnešní den */
        font-weight: bold;
    }
.flatpickr-day.nextMonthDay, .flatpickr-day.prevMonthDay {
        background-color: #f7f9fa !important;
        color: #888888 !important;
    }

    .flatpickr-disabled, .flatpickr-disabled:hover {
        background-color: #f7f9fa !important;
        color: #888888 !important;
        cursor: default !important;;
    }

    /* Styl pro tlačítka přepnutí měsíce */
    .flatpickr-prev-month, .flatpickr-next-month {
        background-color: rgba(134, 187, 70,0.1) !important;
        border: 1px solid #888888 !important;
        padding: 4px !important;
        height:auto !important;
        font-size: 14px !important;
    }

    .flatpickr-prev-month:hover, .flatpickr-next-month:hover {
        background-color: #86bb46 !important;
        color: white !important;
    }
    .flatpickr-current-month {
        font-size: 14px !important;
    }

    .tvlkalendar {
        position:relative;
    }
ÿ  
.spanprosimvyberte {color:#d50c1f !important; font-size:16px;text-align:left;margin-top:-100px;margin-bottom:80px;display:none;}

.timeline, .timelinesborderem {display: flex;justify-content: space-around;align-items: center;padding: 20px 20px 33px;background-color: #f7f9fa;position: relative;}
.timelinesborderem {border-top: 2px solid #86bb46; font-weight:700; text-align:left;display:block;padding-bottom:0px;}
.timeline-item {text-align: center;position: relative;}
.pin {width: 20px;height: 20px;border-radius: 50%;margin: 0 auto 10px;display: inline-block;}
.pin.šedý {background-color: gray;}
.pin.červený {background-color: #d50c1f;}
.pin.zelený {background-color: #86bb46;}
.details {max-width: 150px;margin: auto;}
.details h4 {font-size: 14px;margin: 5px 0;}
.details p {font-size: 12px;color: #777; text-align:center;text-indent: 0em;}

@keyframes pulse {
  0% {box-shadow: 0 0 0px #86bb46, 0 0 10px #86bb46;}
  50% {box-shadow: 0 0 10px #86bb46, 0 0 20px #86bb46;}
  100% {box-shadow: 0 0 0px #86bb46, 0 0 10px #86bb46;}
}
@keyframes pulsered {
  0% {box-shadow: 0 0 0px #d50c1f, 0 0 10px #d50c1f;}
  50% {box-shadow: 0 0 10px #d50c1f, 0 0 20px #d50c1f;}
  100% {box-shadow: 0 0 0px #d50c1f, 0 0 10px #d50c1f;}
}
.pulsating-border {animation: pulse 1.5s infinite;}
.pulsating-border-red {animation: pulsered 1.5s infinite;}

.photo-gallery-travnikplus {display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;margin: 20px 0;}
.photo-gallery-travnikplus label {position: relative;display: block;flex: 1 1 calc(33.333% - 10px);}
.photo-gallery-travnikplus img {width: 100%;height: auto;object-fit: cover;cursor: pointer;}
.photo-gallery-travnikplus input[type="checkbox"] {display: none;}
.photo-gallery-travnikplus input[type="checkbox"]:checked + img {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);width: auto;height: auto;max-width: 80vw;max-height: 80vh;z-index: 1000;cursor: zoom-out;border:10000px solid rgba(27,7,3,0.7);}

.casovaosavybratdatum {background-color: #86bb46 !important; color:white;padding:8px; transition: all 0.3s; border:0px; font-size:16px;}
.casovaosavybratdatum:hover {background-color: #1b0703 !important; color:white; text-decoration:none;}

.timeline {
    display: flex;
    flex-wrap: wrap; /* Zalomení položek */
    gap: 1rem; /* Mezera mezi položkami */
    justify-content: center; /* Vycentrování obsahu */
}

.timeline-item {
    flex: 1 1 calc(33.333% - 1rem); /* Šířka třetiny řádku minus mezera */
    max-width: calc(33.333% - 1rem); /* Max šířka třetiny */
    box-sizing: border-box;
}

@media (max-width: 768px) { /* Úprava pro menší zařízení */
    .timeline-item {
        flex: 1 1 100%; /* Položky zabírají celou šířku */
        max-width: 100%;
    }
}

.obracenyzeleny .objednatsluzbu {font-size: 16px;}
.obracenyzeleny .vobjednatsluzbu {color:white; background-color:#86bb46 !important;}
.obracenyzeleny .vobjednatsluzbu:hover {color:white; background-color:#1b0703 !important;}

.procodbornikovi {width: 70%;text-align:left;margin:0 15% 88px;}
.abytobylosedivy {padding-top:33px;}
.abytobylosedivy, .abytobylosedivy div a {background:#f7f9fa;}

.chciporaditsesvymtravnikem, .chcipecinasezonu {position: fixed; bottom: 40px; right: 40px; z-index: 98; height:50px; width:fit-content;max-width:78%;background-color:#A67F5B; border:3px solid #eeeeee; border-radius: 50px; line-height:39px;font-weight:700;padding:4px 10px;box-sizing:border-box;}
.chcipecinasezonu {position: fixed; bottom: 100px; right: 40px; z-index: 98; height:50px; width:fit-content;max-width:78%;background-color:#A67F5B; border:3px solid #eeeeee; border-radius: 50px; line-height:39px;font-weight:700;padding:4px 10px;box-sizing:border-box;}
.chciporaditsesvymtravnikem:hover, .chcipecinasezonu:hover {background-color:#86bb46; transition: all 0.3s;}
.chciporaditsesvymtravnikem a, .chcipecinasezonu a {color:white;}
.chciporaditsesvymtravnikem a:hover, .chcipecinasezonu a:hover {text-decoration:none;}

.closeLink, .closeLink2 {border:0px; border-radius:50%; color:white;background:transparent;cursor:pointer;}
.closeLink::before, .closeLink2::before {content:"|"; padding:0px 10px 0px 5px; font-size:25px;line-height:25px;}

.bezdecoration:hover {text-decoration: none; color:white;}

.kvuliodhlaseni {background: none; border: 0px; padding-top: 3px; color: white; font-family: 'Amatic SC', cursive; font-size: inherit;}

.travnikplushmepageodrazky ul li::marker {color: #86bb46;}
.travnikplushmepageodrazky ul {list-style-type: square; list-style-position: outside;}
.travnikplushmepageodrazky ul li{margin-top:12px;margin-bottom:4px;text-align:left;}
    
.tlacitkakategorie {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.tlacitkakategorie a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 120px;
    height: 120px;
    background: white;
    border: 2px solid #1b0703;
    text-decoration: none;
    font-weight: 700;
    padding: 10px;
    position: relative;
}

.tlacitkakategorie a:hover {
    background: white;
    border-color: #86bb46;
}

.tlacitkakategorie a img {
    width: 100px;
    max-height: 90px;
    object-fit: contain;
    margin-bottom: 8px;
}

.aboutnareferencich {margin-bottom:0; color: #86bb46 !important;font-weight:700;}

.pluslista, .pluslistavkompu {
    position: fixed;
    bottom: 0;
    left:0;
    width: 100%;
    height: 3em; /* Trochu větší pro lepší ovládání prsty */
    background: #eeeeee;
    display: none !important;
    justify-content: space-around; /* Rovnoměrné rozmístění ikon */
    align-items: center;
    box-sizing: border-box;
    padding: 0.5em 0;
    z-index: 9999;
    border-top: 2px solid #86bb46;
}
.pluslistavkompu {
    bottom:unset;
    display: flex !important;
    border-bottom: 2px solid #86bb46;

}

.travnikplus-tab-button-pluslista {
    background: none !important;
    border: none;
    font-size: 2em; /* Větší ikony pro lepší čitelnost */
    cursor: pointer;
    color: #86bb46;
    padding: 0.5em 0 !important;
    transition: background 0.3s ease;
    width: 25%;
}

.travnikplus-tab-button-pluslista:hover, .travnikplus-tab-button-pluslista.initial:hover {
    background: #dddddd !important;
    color: #86bb46;
}
.travnikplus-tab-button-pluslista.active {
    background: #86bb46 !important;
    color: white !important;
}

.travnikplus-tab-button-pluslista.initial {background: #dddddd !important;}

.travnikplus-tab-button-pluslista .tooltip {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    bottom: 25%;  /* Tooltip se objeví nad tlačítkem */
    left: 50%;
    transform: translateX(-50%);
    background-color: #1b0703;
    color: white;
    padding: 8px;
    border-radius: 5px;
    transition: opacity 0.3s, visibility 0.3s;
}

.travnikplus-tab-button-pluslista:hover .tooltip {
    visibility: visible;
    opacity: 1;
    transition-delay: 2s;
}

/* Skrýt tooltip po 2 sekundách */
.travnikplus-tab-button-pluslista:hover .tooltip {
    animation: tooltipFade 2s forwards;
}

@keyframes tooltipFade {
    50% {
        visibility: visible;
        opacity: 1;
    }
    100% {
        visibility: hidden;
        opacity: 0;
    }
}

  .dvaobrazkyvuvodu {
    display: flex;
    justify-content: center; /* obrázek bude vycentrován */
    margin-top: 20px; /* mezera nahoře (můžeš upravit) */
    margin-bottom: 20px; /* mezera dole (můžeš upravit) */
  }

  .dvaobrazkyvuvodu img {
    width: 430px; /* pevná šířka obrázku */
    max-width: 80%; /* maximální šířka 80% šířky kontejneru */
    height: auto; /* zachová proporce obrázku */
  }

.zavolejtenam {padding-right:66px !important;padding-left:26px !important;background: #86bb46 url('/images/zavolejtenam.png') no-repeat right !important; background-size: 40px !important; background-position: right 16px center !important;border: 2px solid #86bb46 !important;}
.zavolejtenam:hover {color:white !important; border: 2px solid white !important;}
.whatsappnam {background: #86bb46 url('/images/whatsappnam.png') no-repeat right !important; background-size: 40px !important; background-position: right 16px center !important;border: 2px solid #86bb46 !important;}
.poradnanam {background: #86bb46 url('/images/poradnanam.png') no-repeat right !important; background-size: 40px !important; background-position: right 16px center !important;border: 2px solid #86bb46 !important;}

    .galleryplus {
      display: flex;
      flex-wrap: wrap;
      gap: 4px;
    }
    .galleryplus img {
      width: 60px;
      height: auto;
      object-fit: cover;
    }

.lehkymtop {margin-top: 4px;}

.job-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.job-card {
  flex: 1 1 300px;
  border: 1px solid gray;
  border-radius: 0px;
  padding: 1.5rem;
  background-color: #f7f9fa;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
  margin-bottom: 1.5rem;
}

.job-card h3 {
  margin-top: 0;
  color: #86bb46;
}

.btnjob {
  display: inline-block;
  margin-top: 1rem;
  margin-right: 10px;
  padding: 0.5rem 1rem;
  background-color: #86bb46;
  color: white;
  text-decoration: none;
}

.btnjob:hover {
  background-color: #1b0703; color:white;text-decoration:none;
}

.btnjob + .btnjob {
  margin-right: 10px;
}

.nadpodnadpisace {color:#86bb46;font-family:'Amatic SC',cursive;font-weight:700;font-size:2.5em;line-height:1.1em;margin:0 0 0.5em;}
.podnadpisace {padding-left: 8px; padding-top:4px; box-sizing: border-box; border-left: 3px solid #86bb46; font-size: 1.2em; line-height: 1.5em; font-weight: bold; color: #888888; font-style: italic; display: inline-block;}

.ctverecekcerveny, .ctverecekzeleny {display:inline-block;width:4px;height:4px;background-color:#d50c1f;margin-right:0.4em;vertical-align:middle;}
.ctverecekzeleny {background-color:#86bb46;}

.comfortaa {font-family: 'Comfortaa', cursive;}

#objednatpecinasezonu::before {content: "";display:block;height: 30px;margin-top: -30px;}

  .gridik {
    display: grid;
    grid-template-columns: 1fr; /* mobil = 1 sloupec */
    gap: 20px;
  }

  .sectionik {
    text-align: center;
    border: 1px solid #888888;
    background: linear-gradient(to top, rgba(136,136,136,0.05), transparent);
    padding: 12px;
  }
  .sectionik:hover {
    outline: 1px solid #86BB46;
    border: 1px solid #86BB46;
    background: linear-gradient(to top, rgba(134,187,70,0.1), transparent);
    text-decoration:none;
  }

  .sectionik img {
    width: 350px;
    max-width: 75%;
    height: auto;
  }
  .sectionik p{
    text-align: center;
    margin:0;
  }

  @media (min-width: 768px) {
    .gridik {
      grid-template-columns: repeat(3, 1fr); /* desktop = přesně 3 vedle sebe */
    }
  }

/* responsive */
@media only screen and  (max-width: 940px) {
.displaypolozky, .obrnenalezeno, #fixni-menu, .bodyprvni > ul, .bodydruhy .obrazky, #bannernahoru, .nevmobilu {display: none;}
.bodyprvni {padding: 0 0%; background-position: 75% center;}
.responsive-menu {display: block; width: 100%; height: 60px; background: white url('/images/logosub.png') no-repeat center; position: fixed; top: 0; z-index: 99; background-position: 5% center; -webkit-background-size: auto 90%; -moz-background-size: auto 90%; -o-background-size: auto 90%; background-size: auto 90%; box-sizing: border-box; -webkit-box-shadow: 0px 1px 5px -1px rgba(80,80,80,1); -moz-box-shadow: 0px 1px 5px -1px rgba(80,80,80,1); box-shadow: 0px 1px 5px -1px rgba(80,80,80,1);}
.responsive-menu-podpolozky {display: block; width: 44%; height: 50px; background: white; position: fixed; top: 0; right: 0; z-index: 99;}
.responsive-menu-polozky {display: block; width: 70px; height: 37px; background: url('/images/hamburger.png') no-repeat; cursor: pointer; position: fixed; top: 7px; right: 2px; z-index: 100;}
.displaypolozky a:nth-child(1) {display: block; position: absolute; right: 0; top: 0px; font-family: 'Amatic SC', cursive; color: white; background: #1b0703; width: 66vw; min-width: 200px; height: 50px; line-height: 50px; padding: 0 6px; font-size: 34px; margin-top: 60px;}
.displaypolozky a:nth-child(2) {display: block; position: absolute; right: 0; top: 51px; font-family: 'Amatic SC', cursive; color: white; background: #1b0703; width: 66vw; min-width: 200px; height: 50px; line-height: 50px; padding: 0 6px; font-size: 34px; margin-top: 60px;}
.displaypolozky a:nth-child(3) {display: block; position: absolute; right: 0; top: 102px; font-family: 'Amatic SC', cursive; color: white; background: #1b0703; width: 66vw; min-width: 200px; height: 50px; line-height: 50px; padding: 0 6px; font-size: 34px; margin-top: 60px;}
.displaypolozky a:nth-child(4) {display: block; position: absolute; right: 0; top: 153px; font-family: 'Amatic SC', cursive; color: white; background: #1b0703; width: 66vw; min-width: 200px; height: 50px; line-height: 50px; padding: 0 6px; font-size: 34px; margin-top: 60px;}
.displaypolozky a:nth-child(5) {display: block; position: absolute; right: 0; top: 204px; font-family: 'Amatic SC', cursive; color: white; background: #1b0703; width: 66vw; min-width: 200px; height: 50px; line-height: 50px; padding: 0 6px; font-size: 34px; margin-top: 60px;}
.displaypolozky a:nth-child(6) {display: block; position: absolute; right: 0; top: 255px; font-family: 'Amatic SC', cursive; color: white; background: #1b0703; width: 66vw; min-width: 200px; height: 50px; line-height: 50px; padding: 0 6px; font-size: 34px; margin-top: 60px;}
.displaypolozky a:nth-child(7) {display: block; position: absolute; right: 0; top: 306px; font-family: 'Amatic SC', cursive; color: white; background: #1b0703; width: 66vw; min-width: 200px; height: 50px; line-height: 50px; padding: 0 6px; font-size: 34px; margin-top: 60px;}
.displaypolozky a:nth-child(8) {display: block; position: absolute; right: 0; top: 357px; font-family: 'Amatic SC', cursive; color: white; background: #1b0703; width: 66vw; min-width: 200px; height: 50px; line-height: 50px; padding: 0 6px; font-size: 34px; margin-top: 60px;}
.displaypolozky a:nth-child(9) {display: block; position: absolute; right: 0; top: 408px; font-family: 'Amatic SC', cursive; color: white; background: #1b0703; width: 66vw; min-width: 200px; height: 50px; line-height: 50px; padding: 0 6px; font-size: 34px; margin-top: 60px;}
.displaypolozky a:nth-child(10) {display: block; position: absolute; right: 0; top: 459px; font-family: 'Amatic SC', cursive; color: white; background: #1b0703; width: 66vw; min-width: 200px; height: 50px; line-height: 50px; padding: 0 6px; font-size: 34px; margin-top: 60px;}
.displaypolozky a:nth-child(11) {display: block; position: absolute; right: 0; top: 510px; font-family: 'Amatic SC', cursive; color: white; background: #1b0703; width: 66vw; min-width: 200px; height: 50px; line-height: 50px; padding: 0 6px; font-size: 34px; margin-top: 60px;}

.bottom .bottom1, .bottom .bottom2, .bottom .bottom3 {clear: both; width: 100%; margin-bottom: 33px;}
.bottom3 {clear: both; width: 100%; margin-bottom: -33px!important;}
.bodyprvni .hlaska {max-width: 80%; margin: 20% 10% 0;}
.bodyprvni .hlaska .cislo:before {width: 50px;}
.bodyprvni .hlaska .druhaslova {font-size: 30px; line-height: 35px; margin-top: 20%; margin-bottom: 20%;}
.bodydruhy {height: auto;}
.bodytreti .aboutobrazek {width: 100%; height: auto; padding: 70% 5% 15%; text-align: justify; margin: 0px 0px 33px;}
.bodyctvrty .petobrazku, .bodyreference .sestobrazku {width: 100%; height: auto; box-sizing: border-box; padding: 15px; margin: 0; background-position: center; background-repeat: no-repeat; background-size: cover;}
.bodyctvrty .petobrazku:hover, .bodyreference .sestobrazku:hover {background-size: cover;}
.bodyctvrty .petobrazku .oobrazku, .bodyreference .sestobrazku .osestiobrazku {background: rgba(255,255,255,0.75);}
.bodyctvrty .petobrazku .oobrazku a:nth-child(1), .bodyreference .sestobrazku .osestiobrazku a:nth-child(1) {background: #1b0703; color: #ffffff; margin-right: 0px; -webkit-transition: all 1.25s; -moz-transition: all 1.25s; -o-transition: all 1.25s; -ms-transition: all 1.25s; transition: all 1.25s;}
.bodyctvrty .petobrazku .oobrazku a:nth-child(2), .bodyreference .sestobrazku .osestiobrazku a:nth-child(2) {color: #1b0703; margin-left: 0px;}
.bodyctvrty .petobrazku .oobrazku a:nth-child(3), .bodyreference .sestobrazku .osestiobrazku a:nth-child(3) {color: #1b0703;margin-left: 0px;}
.zelenypodtim {height: auto; text-align: center; padding: 0 auto;}
.zelenypodtim a, .aktualitatext a {margin: 25px 10%; width: 80%; box-sizing: border-box;}
.probalicky a {margin: 25px 3%; width: 94%; box-sizing: border-box;}
.zelenypodtim div:nth-child(2), .zelenypodtim div:nth-child(3), .zelenypodtim div:nth-child(4) {width: 80%;}
h1, .breadcrumbs, div.h1 {margin: 0px 25px;}
.bodyreference .sestobrazku, .slider > img, .referencnifotky > img {margin-bottom: 25px;}
.bodykonkretnireference, .povidani {width: 90%; float: left; margin-left: 5%; margin-right: 5%;padding-bottom: 30px;}
.bodykonkretnireference .koleminformaci, .povidani h3 {width: 90%;}
.slider > img, .referencnifotky > img {width: 95%;}
.referencnifotky {width:84%;margin: 0px auto 30px; float:none}
#expand1, #expand2, #expand3, #expand4, #expand5, #expand6, #expand7, #expand8, #expand9, #expand10, #expand11, #expand12, #expand13, #expand14, #expand15 {width: 80%; margin: 100px 10%;}
#left1, #left2, #left3, #left4, #left5, #left6, #left7, #left8, #left9, #left10, #left11, #left12, #left13, #left14, #left15 {top: 50px; left: 5%;}
#right1, #right2, #right3, #right4, #right5, #right6, #right7, #right8, #right9, #right10, #right11, #right12, #right13, #right14, #right15 {top: 50px; right: 5%;}
#close1, #close2, #close3, #close4, #close5, #close6, #close7, #close8, #close9, #close10, #close11, #close12, #close13, #close14, #close15 {top: 10px; right: 5%;}

.bodydruhy .obraz2promobil {display:block;}

.formular {margin-bottom: 0;}

.backToTop {visibility: hidden;}
.share, .rating, {width: 80%; margin-left: 10%; margin-right: 10%; text-align: center; float: none !important;}
.share p {text-align: center;}

br.dnone {display: block;}

.breadbody {width: 80%;}

.bodypaty .hlavnifotka {width: 100%; height: auto ;padding: 60% 0 0; margin-bottom: 30px;}
.bodypaty .vedlejsifotka {width: 100%; padding: 60% 0 0; background-size: 100% auto; margin-left: 0%; margin-bottom: 30px;}
.bodypaty .vedlejsifotka div, .bodypaty .hlavnifotka div {width: 26%;}
.podrazitvmobilu {clear: both;}
.kontaktni {width: 100%; margin-left: 0%; margin-right: 0%; padding-top:3em;}

.zavreno {width: 90%; box-sizing: border-box; bottom: 5%; left: 5%; top: unset; line-height:1.2em;}

.klikatelnyobrazek {margin: -50% 0% 5%; padding-top:50%;}

.nevkompu {display: inline-block;}
.nevkompuimportant {display: inline-block !important;}

.menu #jenomdole, .displaypolozky #jenomdole, .nenadesktopu, .containermenuvmobilu .atjevidet {display: block !important;}

aside, main, article, section {flex: 100vw;}
.slider {margin-top:33px;}
.nadpisclanku, h2.nadpisclanku {padding: 1em 0em;}
header h1 {margin: 0px 0px;}
article, section {padding: 0 5%;}  
.related-articles {margin-bottom:1em;}
.articleblog {flex: 1 1 100%;}

.containermenuvmobilu {display: flex;flex-wrap: wrap;gap: 10px;padding: 10px;}
nav.nenadesktopu div a {flex: 1 1 calc(50% - 10px);box-sizing: border-box;padding: 20px;background:#86bb46!important;color: white;text-align: center;text-decoration: none;border: 2px solid #86bb46 /* #91c4d9 */; -webkit-border-radius: 3px; moz-border-radius: 3px; border-radius: 3px;}
nav.nenadesktopu div a:hover {text-decoration: none; background: white !important; color: #86bb46 /* #93e7fb */; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}

.galerkkapozicevmobilu {display: block;}
.galerkkapozicevmobilu img {width:80%;margin:33px 10%;}

.balicky ul li {background-position: top center;background-size: 80px 80px;padding-left: 0;padding-top: 75px;text-align: center;margin-top:44px;}
.balicky .bezodsunu li {padding-top:0px;}
.balicky .bezodsunu li:first-of-type {padding-top:75px;}
.blogujuprodukt {flex: 1 1 calc(50% - 1px);}         
    
#calendar-container {display: block;}
.calendar-month {width: 100%;}
th, td {height: 40px;}

.odhlasitvrespomenu {display: flex;}

.prihlasitnahorevli, odhlasitnahorevli {display:none;}
.prihlasitvrespomenunahorevmobilu {display: flex; font-size:0.8em;position:fixed; top:12px; right: 70px; z-index: 100;line-height:37px;}
.prihlasitvrespomenunahorevmobilu:hover {text-decoration:none;}

.form-wrapper-prihlaseni {flex-direction: column; align-items: center;}
.login-form-prihlaseni {margin-top:55px;}
.image-prihlaseni {margin-top:55px;width: 90%;max-width: 90%;}

.photo-gallery-travnikplus label {flex: 1 1 100%; /* Jeden obrázek na řádek */}

.pozaditravnikplus {padding: 0 0%; background-position: center center;}

.obrazekvkosiku {background-position: 50% 10px; padding-top:120px; padding-left:0;}

.taknejakdoprostoru h1{margin-bottom:0px;}

.procodbornikovi {width: 90%;margin:0 5% 88px;}

.dnoneimportantfakt, .stickymenutravnikplus {display: none !important;}

.travnikplushmepageodrazky {width:100%; padding:1em 5%;box-sizing:border-box;}

.pluslista {display: flex !important;}
.pluslistavkompu {display: none !important;}

.zavolejtenam {border: 2px solid white !important;}
.whatsappnam {background: #86bb46 url('/images/whatsappnam.png') no-repeat right !important; background-size: 40px !important; background-position: right 16px center !important;border: 2px solid white !important;}
.poradnanam {background: #86bb46 url('/images/poradnanam.png') no-repeat right !important; background-size: 40px !important; background-position: right 16px center !important;border: 2px solid white !important;}
.zavolejtenam:hover, .whatsappnam:hover, .poradnanam:hover {border: 2px solid #86bb46 !important;}

.clanekzatemanahlavni::after {content: none;}
.clanekpredtemanahlavni::before {content: none;}
 
.mleft {margin-left:8px;}

.nadpodnadpisace {text-align:center;}