/*========= obecně písma a prvotní vzhled ==============================================*/

@font-face {
   font-family: 'Source Sans Pro';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: local('Source Sans Pro'), local('SourceSansPro'), url(/img/Source400basic.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
   font-family: 'Source Sans Pro';
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(/img/Source700basic.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
   font-family: 'Source Sans Pro';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: local('Source Sans Pro'), local('SourceSansPro'), url(/img/Source400ext.woff2) format('woff2');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
   font-family: 'Source Sans Pro';
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(/img/Source700ext.woff2) format('woff2');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
   font-family: 'Source Sans Pro';
   font-style: italic;
   font-weight: 400;
   font-display: swap;
   src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(/img/Source400basic-italic.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
   font-family: 'Source Sans Pro';
   font-style: italic;
   font-weight: 700;
   font-display: swap;
   src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-Bold-Italic'), url(/img/Source700basic-italic.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
   font-family: 'Source Sans Pro';
   font-style: italic;
   font-weight: 400;
   font-display: swap;
   src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(/img/Source400ext-italic.woff2) format('woff2');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
   font-family: 'Source Sans Pro';
   font-style: italic;
   font-weight: 700;
   font-display: swap;
   src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url(/img/Source700ext-italic.woff2) format('woff2');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

html {font-size: 17px; background: #fff; }
body {font-family: 'Source Sans Pro','Arial', sans-serif; color:#333;}
input,select,textarea,button {font-family: 'Source Sans Pro','Arial',sans-serif;font-size: 1rem;box-sizing:border-box;}

/*========= obecné =====================================================================*/
body { margin:0; }
#container { min-height: 100%; }
img {max-width: 100%;}
a img {border:0;text-decoration: none;}
a {text-decoration: underline;}
a[href^="mailto:"] {hyphens: auto; }

h1 { font-size: 44px; margin: 0 0 .33em;}
.uvodni h1 {display: none;}
h2 { font-size: 39px; line-height: 100%; margin: .8em 0 1.75em; position: relative;}
h2::after {display: block; height: 3px; width:100px; position: absolute; bottom:-.75em; left:0; border-radius: 2px; content: ' '; background: var(--mainbarva); }
h2.nomarginb {margin-bottom: 0;}
h3 {}
h2 a { text-decoration: none; }
h3 a { text-decoration: none; }
h4 a { text-decoration: none; }

ul{ padding:0 0 0 20px; margin: 0; overflow: hidden; }
ul li{ padding:0; margin:0;}
blockquote { background: #eee; border: 1px solid #ddd; margin: 0 0 1.5em; padding: .25em 1em; font-size: 1.2em; }
blockquote p { margin: .5em;}
hr { width: 100%; height: 1px; margin:.75em 0;  }

table {max-width:100%; border-collapse: collapse; }
table td,table th { padding-right: 1em; }
table.ramovana { border: 1px solid;}
table.ramovana td,table.ramovana th { border: 1px solid; padding-left: .5em; padding-right: .5em; }

template {display:none;}

/*========= globální třídy a modifikátory ==============================================*/
/* Případně doplněny s konkrétními identifikátory podstránek a sekcí */
.hid {display: none!important;}

.chyba,.msgOk {padding: .5em 1em .5em; border: 2px solid;margin-bottom: 2em;}
.chyba {font-size: 1.2em; background: #fdd; color:#d00; font-weight: bold; border-color: #eaa; }
.msgOk {background: #dfd; color:#242; border-color: #aea; }
.chyba p,.msgOk p {margin-bottom: .5em!important; margin-top: .5em!important; }

.left {float:left!important;}
.right {float:right!important;}
.cleaner {display: block; width: 100%; clear: both!important;}

.nalevo {text-align: left!important;}
.nastred {text-align: center!important;}
.napravo {text-align: right!important;}
.navse {text-align: justify!important;}

.tucny  { font-weight: bold;}
.italika { font-style: italic }
.podtrzeny { text-decoration: underline!important; }
.preskrtnute {text-decoration: line-through!important; }

.mensi-pismo { font-size: .8em; }
.vetsi-pismo { font-size: 1.25em;  }
.velke-pismo { font-size: 1.5em;  }
.pismo2x { font-size: 2em; }

.kurzor-sipka { cursor: default; }
.kurzor-otaznik { cursor: help; }
.kurzor-ruka { cursor: pointer; }

.transparent { -moz-opacity:.5; opacity:.5; }
.full {width: 100%;}

.topMsg {background: #ecc; color:#f33; font-weight: bold; font-size: 1.1em; padding: .25em 10%; text-align: center;}
form .post {display: none!important;}
form .bblcntnr {}
form .bblcntnr .bubble { display: block; text-align: left; }
form .bblcntnr .bubble span { border:1px solid #eaa; background: #fdd; color:#d00; font-weight: bold; display: inline-block; padding: .1em .5em;margin: .1em; }
form .js_error_list { opacity:1; display: block; text-align: left; border:1px solid #eaa; background: #fdd; color:#d00; font-weight: bold; padding: .1em .5em;margin: .1em;}
form .js_error_list:empty { display: none;}
@keyframes fadeOut {  from { opacity: 1; }  to { opacity: .25; } } form .js_error_list.diss {opacity: .25; animation: fadeOut 10s}

.max-sirka {width: 100%; max-width: 1170px; margin:auto;position: relative;}

.slflex {--mezery:calc( var(--sloupce) - 1 ); column-gap: var(--rozestup); row-gap: var(--rozestup); display: flex; flex-wrap: wrap; }
.slflex > * { display: block; flex: 0 0 calc( calc( 100% - var(--mezery) * var(--rozestup) ) / var(--sloupce) ); }

.tlacitko {color:#fff; background:var(--mainbarva)/*#dc1429*/; border:0; border-radius: 3px; padding: .85em 1.5em; line-height: 1em; text-decoration: none; cursor: pointer; display: inline-block; text-transform: uppercase; font-weight: bold; box-shadow: 0 10px 10px 0 #ccc;}
button.tlacitko,input[type=submit].tlacitko {}
.tlacitko:hover {}
button.tlacitko:hover,input[type=submit].tlacitko:hover {}

:root {--wastemenu-color: #dc1429; --wastemenu-xcolor: #000; --wastemenu-lwidth: 9%; --wastemenu-border: 9%; }
span.wasteofspace{  height: 2rem; min-width: 2rem; font-size: 0; display: inline-block; vertical-align: middle; overflow: hidden; padding: 0;
   background: linear-gradient(to bottom, 
         transparent 0% var(--wastemenu-border), 
         var(--wastemenu-color) var(--wastemenu-border) calc( var(--wastemenu-border) + var(--wastemenu-lwidth) ), 
         transparent calc( var(--wastemenu-border) + var(--wastemenu-lwidth) ) calc( 50% - var(--wastemenu-lwidth) / 2 ), 
         var(--wastemenu-color) calc( 50% - var(--wastemenu-lwidth) / 2 ) calc( 50% + var(--wastemenu-lwidth) / 2 ), 
         transparent calc( 50% + var(--wastemenu-lwidth) / 2 ) calc( 100% - var(--wastemenu-border) - var(--wastemenu-lwidth) ), 
         var(--wastemenu-color) calc( 100% - var(--wastemenu-border) - var(--wastemenu-lwidth) ) calc( 100% - var(--wastemenu-border) ), 
         transparent calc( 100% - var(--wastemenu-border) ) 100% 
      );
}
span.wasteofspace.waste-x {
   background: linear-gradient(45deg, 
         transparent 0% calc( 50% - var(--wastemenu-lwidth) / 2 ), 
         var(--wastemenu-xcolor) calc( 50% - var(--wastemenu-lwidth) / 2 ) calc( 50% + var(--wastemenu-lwidth) / 2 ), 
         transparent calc( 50% + var(--wastemenu-lwidth) / 2 ) 100%
      ), linear-gradient(-45deg, 
         transparent 0% calc( 50% - var(--wastemenu-lwidth) / 2 ), 
         var(--wastemenu-xcolor) calc( 50% - var(--wastemenu-lwidth) / 2 ) calc( 50% + var(--wastemenu-lwidth) / 2 ), 
         transparent calc( 50% + var(--wastemenu-lwidth) / 2 ) 100%
      );
}

/*========= společné definice (barvy, chování apod.) ===================================*/
:root {--mainbarva:#0092d9; }
h1:first-letter,h2:first-letter,h3:first-letter,p.h2:first-letter,p.h3:first-letter {text-transform: uppercase}
a { color:var(--mainbarva) }
#naseptavac .naseppolozka:focus { background: #dc1328;}
.secbarva {}
.gbg, .mainbg {background: #f3f3f3;}
.secbg {}

.hoverline,.nohoverline,.hoverparent {text-decoration: none;}
.hoverline:hover,.hoverbase:hover .hoverparent {text-decoration: underline;}

/*========= prvky hlavičky =============================================================*/
#hlavicka { background: #fbf7f8; }
.uvodni #hlavicka { background: url(/img/bg_hlavicka.webp) center top no-repeat #fbf7f8; background-size: cover;}
#hlogo { grid-area:logo;  }
#hpruh {padding: 35px 0; }
#hpruh .hflexer {width: 100%; display: grid; align-items: center; column-gap: 2em; grid-template: auto / minmax(175px,260px) 1fr auto;
   grid-template-areas: 'logo menu btn';
}
#hlavicka .tlacitko { grid-area: btn; white-space: nowrap;}

#hslogan { font-size: 30px; line-height: 40px; padding-bottom: 360px; position: relative; }
#hslogan p {}
#hslogan p.big {font-weight: bold; font-size: 70px; line-height: 70px; margin-bottom: 0; }

/*========= menu =======================================================================*/
.hmenu { text-transform: uppercase; text-align: right; }
.hmenu a { display: block; text-decoration: none; color:#333 }
.hmenu .radic { position: relative; }
.hmenu .msp { display: grid; align-content: center; line-height: 1.25em; }
.hmenu .radic a:hover,.hmenu .radic.active > a { text-decoration: underline; }
.hmenu .radic.active > a { font-weight: bold; }
.hmenu .oddelovac { height: 1.35em; width: 1px; background: #ccc; }

#nhmenu { display: flex; justify-self: center; grid-area: menu; }
#nhmenu a {}
#nhmenu .msp { line-height: 1.3; padding: 0 1em; }
#nhmenu .oddelovac {width: 1px;}
#nhmenu .radic a:hover .msp,#nhmenu .radic.active > a > .msp{ }

#xhmenu {z-index: 1000; justify-self: right; grid-area: menu; }
#xhmenu .extrawrap {background: #FBF7F8; display: block; background: rgba(255,255,255,.95); position: fixed; top:0; padding: 1em 12% 8em; left:0; width: 100vw; bottom: 0; overflow: auto; z-index: 999; box-sizing: border-box;}

#xhmenu .radic a:hover .msp,#xhmenu .radic.active > a > .msp{ }
#xhmenu .overline { border-top: 1px solid #ddd; padding: .5em 0; }

/*========= prvky stránky ==============================================================*/
#stranka { padding: 2em 0 1.5em; margin:0;}

.kat { display: flex; }
.kat.blue { box-shadow: 0 10px 10px 0 #ccc; font-weight: bold; text-transform: uppercase; margin-bottom: -3px; justify-content: center; align-content: stretch; background: var(--mainbarva); }
.kat.blue .katmenu {width: 20%;color: #fff; text-decoration: none;  position: relative; }
.kat.blue .katlink {display: table; width: 100%; height: 100%; box-shadow: inset 10px -10px 15px -8px #048acb;border-bottom: 3px solid transparent; }
.kat.blue .katlink .text {display: table-cell; vertical-align: middle; text-align: center; }
.kat.blue .katlink .text > span {padding: 15px 30px; display: block; }
.kat.blue .katlink:hover { box-shadow: none; border-bottom-color: #dc1429; background: #0a7fb8; }

.kat.full { margin-bottom:-40px; justify-content: space-between; font-size: 26px; }
.kat.full .katmenu { width: 19.5%; color:#000; text-decoration: none;background:#f3f5f7; }
.kat.full .katlink { display: block; position: relative; }
.kat.full .text { display: block; position: absolute; bottom:17%; padding: 0 9%; }
.kat.full .text > span { position: relative; display: block; }
.kat.full .text > span::after { position: absolute; bottom:-15px; left:0; width: 40px; height: 3px; background: var(--mainbarva); content: ' '; }
.kat.full .obr { position: relative; display: block; padding-top: 148%; }
.kat.full .obr img { position: absolute; left:50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
.kat.full .katmenu:hover { color:#fff; background: url(/img/bilasipka.png) 22% 18% no-repeat var(--mainbarva); z-index: 1; }
.kat.full .katmenu:hover .text span::after { background: #fff; }
.kat.full .katmenu:hover .obr img { display: none; }

#argh { padding: 120px 0 40px; background: linear-gradient(#e0e4e8 0,#fff 50%); }
#argh .slflex { --sloupce:4; --rozestup:3%; row-gap: 2em; }
#argh .item .pic { display: inline-block; vertical-align: middle; width: 110px; margin-top: 5px; }
#argh .item .tex { display: inline-block; vertical-align: middle; width: calc(100% - 110px); }

#t1013 {background: url(/img/bg-uvodproc.jpg) right bottom no-repeat; min-height: 695px; padding-top: 10px;}
#t1013 .omezovac{max-width: 45%; }
#t1013 .omezovac h2{width: 125%; }
#t1013 ul {list-style-type: none; margin: 0 0 1em; padding: 0; }
#t1013 ul li { padding-left: 35px; position: relative; min-height: 35px; line-height: 30px; margin-bottom: 10px;}
#t1013 ul li:before {background: url(/img/ul-fajfka.png) left center no-repeat; width: 35px; height: 35px; content: ' '; display: inline-block; vertical-align: middle; position: absolute; left:0;}

#zasetxt {text-align: center; font-size: 28px; padding: 50px 0 180px; background: #f3f5f7;}

#zatracenypresah {margin-top: -130px;}
#zatracenypresah .napul{display: inline-block; vertical-align: top; width:48%; }

#zatracenypresah .namodro{ margin: 10px 2% 0 0; background: var(--mainbarva); color:#fff; box-shadow: 0 10px 10px 0 #ccc; }
#zatracenypresah .namodro .opaduj { padding: 30px 60px; }
#zatracenypresah .namodro a { color:#fff; }
#zatracenypresah .namodro h2 { font-size: 30px; }
#zatracenypresah .namodro h2::after { background:#fff; }

#zatracenypresah .namodro .znacfoto { display: flex; flex-wrap: wrap; align-content: stretch; justify-content: center; }
#zatracenypresah .namodro .znacfoto span { width: 50%; border-top: 1px solid #4db3e4; text-align: center; line-height: 90px; box-sizing: border-box; }
#zatracenypresah .namodro .znacfoto span img { vertical-align: middle; }
#zatracenypresah .namodro .znacfoto span:nth-of-type(odd) { border-right: 1px solid #4db3e4; }

#zatracenypresah .natransparentno {margin: 0 0 0 2%; background: url(/img/bg-vedle.png) right top no-repeat; padding-top: 340px;  }
#zatracenypresah .natransparentno ul {list-style-type: none; margin: 0 0 1em; padding: 0; }
#zatracenypresah .natransparentno ul li { padding-left: 35px; position: relative; min-height: 35px; line-height: 35px; margin-bottom: 15px;}
#zatracenypresah .natransparentno ul li:before {background: url(/img/ul-sipka.png) left center no-repeat; width: 35px; height: 35px; content: ' '; display: inline-block; vertical-align: middle; position: absolute; left:0;}

/*========= obsah ======================================================================*/
#telo {margin:0; }

.obsah { position: relative; }
.obsah p { margin: 11px 0 20px;}
.obsah img.left,.obsah iframe.left,.obsah div.left {margin: .75em 1em; margin-left: 0;}
.obsah img.right,.obsah iframe.right,.obsah div.right {margin: .75em 1em; margin-right: 0;}
.obsah iframe {max-width: 100%;}

.obsah div.left,.obsah div.right, .obsah div.full {text-align: center; padding:1em;}
.obsah div.full{ margin: .75em 0;}
.obsah div.left > :last-child,.obsah div.right > :last-child,.obsah div.full > :last-child {margin-bottom:0; }

/*========= drobečková =================================================================*/
.drobnav {line-height: 1.75em; color:#888; margin: 0 0 1.5em; font-size: 13px;}
.drobnav span { padding:0; margin:0; display: inline-block;}
.drobnav span.odd {margin: 0 .75em;}

/*========= podstránky =================================================================*/
.podkat { margin: 2em 0; align-items: stretch; --sloupce:3; --rozestup:1em; }
.podkat a {font-size: 1.1em; border: 1px solid #ccc; padding: .33em 1%; position: relative; box-sizing: border-box; }
.podkat a:not(:hover) {border-color: #eee; }
.podkat a.wpix { display:grid; grid-template: 1fr auto / 1fr; grid-template-areas: 'text' 'pic'; }
.podkat .text { grid-area: text; }
.podkat .pic { grid-area: pic; margin-top: .5em; text-align: right; max-height: 100px; }
.podkat .pic img { max-height: 100%; object-fit: contain; }
.podkat.refcentr a {text-align: center;}
.podkat.refcentr .pic {text-align: center; height: 150px; line-height: 150px; }

/*========= fotky ======================================================================*/
.gallery { margin: 2em 0; align-items: stretch; --sloupce:4; --rozestup: 1em; }
.gallery .box { vertical-align: top; }
.gallery .box a {display: grid; min-height: 150px; align-items: center; justify-content: center; }
.gallery img { padding:2%; border: 1px solid #fafafa; box-sizing: border-box; }
.gallery .text { display: block; padding: 0 2%; margin-top: .1em; }

/*========= soubory ====================================================================*/
.files {display:table; max-width: 700px; width: 100%; margin-top: 1em;}
.files a {display: table-row; text-decoration: none}
.files span {display:table-cell; vertical-align: middle; text-align: left; padding: .5em 0; border-bottom: 1px solid #eee;}
.files img {float:left; margin: 0 .5em;}
.files .tail {text-align: right;}

/*========= články =====================================================================*/
.clanky {}
.clanky .clanek { margin-bottom: 2em; }
.clanky .h3 { font-weight: bold; font-size: 1.1em; margin-bottom: 0;}
.clanky .datum {font-size: .9em; color:#777; margin: 0 0 .5em;}

/*========= novinky ====================================================================*/
.novinky {}
.novinky .novinka {margin-bottom: 2em;}
.novinky .h3 {font-weight: bold; font-size: 1.1em; margin-bottom: 0;}
.novinky .datum {font-size: .9em; color:#777; margin: .5em 0 .75em;}

#unovinky {float:right; box-shadow: 0 4px 10px 0 #aaa; text-align: left; width: 50%; margin-left: 5%; margin-bottom: 5%; }
#unovinky h2 {padding: 30px 30px 15px; margin: 0; border-bottom: 1px solid #ececec; font-size: 30px; }
#unovinky h2::after{left: 30px; bottom: 0; width: 40px;}
#unovinky .polozka {padding: 15px 30px; border-bottom: 1px solid #ececec; }
#unovinky .polozka .h3 {font-weight: bold;}
#unovinky .polozka .h3 a{color:var(--mainbarva);}
#unovinky .polozka .h3:hover a {color:var(--mainbarva)}
#unovinky .allnews {text-transform: uppercase;color:#333;font-weight: bold; display: inline-block; padding: 0 0 15px; text-decoration: none; }
#unovinky .allnews span {display: block; padding-right: 1.25em; background: url(/img/sipkanovinky.png) right center no-repeat;}
#unovinky .allnews:hover {color:var(--mainbarva)}

/*========= šablony ====================================================================*/
.respgbg,.respgbg tbody {width: 100%; border-collapse: collapse;}
.respgbg tr td:first-of-type {background:#f3f3f3;}
.respgbg tr td {border-bottom: 1px solid #eee;border-top: 1px solid #eee; padding: 0 .5em;}

.flexcols {display: flex; width:100%; flex-wrap: wrap; justify-content: space-around; align-items: flex-start; }
.flexcols.verticentr {align-items: center;}
.flexcols > div {padding: .5em; box-sizing: border-box; margin-bottom: 1em; }
.flexcols > div > p:last-child {margin-bottom: 0;}
.flexcols > div:empty {height:0;margin:0; padding:0;}
.column2 > div {width: 50%; }
.column3 > div {width: 33.3%; }
.column4 > div {width: 25%; }
.column5 > div {width: 20%; }

/*========= slider =====================================================================*/
#slider1, .slider1, .slider1 .vnitrek .content {height: 245px; overflow: hidden;}

.slider1 { position: relative; margin: 0 auto 1.5em; max-width: 1440px; width: 100%; }
#slider1 { overflow: hidden; min-width: 12960px; }

.slider1 .bx-prev,.slider1 .bx-next {position: absolute; bottom: 0; height: 245px; z-index: 10; width: 50px; background: rgba(255,255,255,.8) url(/img/sliderarrow.png) center center no-repeat; font-size: 0; }
.slider1 .bx-prev {left: 0; transform: scaleX(-1); }
.slider1 .bx-next {right: 0; }

.slider1 .vnitrek {position: relative;width: 360px; height: 100%; padding: 0 3px; box-sizing: border-box; }
.slider1 .vnitrek .content {display: block; text-align: center;width: 100%; text-decoration: none; color: #fff;position: relative; z-index: 1; }
.slider1 .vnitrek .img {width: 100%; text-align: center; position: absolute; left:50%; top:50%; /*bottom:0; top:0;*/ }
.slider1 .vnitrek .img img {position: relative; transform: translateY(-50%) translateX(-50%); }
.slider1 .vnitrek .txt {position: absolute; bottom: 40px;width: 80%; left: 10%; display: none; text-align: left; font-size: 20px; }
.slider1 .vnitrek .txt .big { font-weight: bold; font-size: 30px; display: block; }
.slider1 .vnitrek .txt::after {position: absolute; bottom: -10px; left:0; width: 40px; height: 3px; background: #fff; content: ' '; }
.slider1 .vnitrek .img::after {display: none; width: 100%; height: 100%; position: absolute; top:-50%; left:-50%; background: var(--mainbarva); opacity: .85; content: ' '; }
.slider1 .vnitrek .content:hover .txt {display: block; }
.slider1 .vnitrek .content:hover .img::after { display: block; }
.slider1 .vnitrek .content:hover::after {display: block; width: 100%; height: 100%; position: absolute; top:0; left:0; background: url(/img/bilasipka.png) 10% 15% no-repeat; content: ' '; }

.underslider {text-transform: uppercase; font-weight: bold; text-decoration: none; display: inline-block; padding-right: 1em; background: url(/img/sipkanovinky.png) right center no-repeat;}

/*========= kontaktní formulář =========================================================*/
.kform { text-align: left; width: 61%; display: inline-block; vertical-align: top; margin-right: 4%; margin-top: 2em; }
.kform h2 { font-size: 30px; }
.kform h2::after{ width: 40px;}
.kform form { padding: 0 0 .5em; }
.kform p {margin: 0 0 1em; }
.kform .sloup {display: inline-block; vertical-align: top; }
.kform .l { padding-right: 2%; width: 33%; }
.kform .r { padding-left: 2%; width: 63%; }
.kform label {display: block; line-height: 1.5em; padding: 0;}
.kform label.readerhelp {width: 0; height: 0; overflow: hidden; display: block; }
.kform .stretch {width: 100%; padding: .5em; border:0; border-bottom: 1px solid #cdced0; background: #fff;}
.kform textarea.stretch { height: 8.75em;}
.kform .tlacitko { font-size: 14px;}
.kform .vedletext {display: inline-block; vertical-align: middle; margin-left: 2em;}
.kform ::placeholder { font-style: italic; color:#777; opacity: 1;}
#telo .kform {padding-top: .5em;}

/*========= normální formuláře =========================================================*/
.simpleform {width: 100%;}
.simpleform p {margin: .5em 0;}
.simpleform p label {display: inline-block; vertical-align: middle; width: 22%; }
.simpleform p input,.simpleform p select {display: inline-block; vertical-align: middle; width: 45%; margin:0; padding: 0 .5em; }
.simpleform p input[type=checkbox],.simpleform p input[type=radio] {width: auto; margin: initial; }
.simpleform p .tlacitko {vertical-align: middle; }

/*========= eshop - spolecne ===========================================================*/
/* Globální, konkrétními identifikátory podstránek doplněny */
.stitky { position: absolute; right: -6px; top: 0;}
.stitky span{ margin: 0; display: block;}
.stitky span.akce{ }
.stitky span.novinka{ }
.stitky span.darek{ }
.stitky span.procenta{ }

/*========= eshop - výpis produktů =====================================================*/
.produkty { clear:both; --sloupce:4; --rozestup: 1em; margin-top: 1.5em; align-items: stretch; }
.produkt {position: relative; text-align: center; display: grid; row-gap: .5em; column-gap: .75em; padding: .5em .75em; box-sizing: border-box;
   grid-template: minmax(2.2em,auto) 200px 1fr auto / 1fr auto; 
   grid-template-areas: 'nazev nazev' 'foto foto' 'popis popis' 'leva prava';}
.produkt .nazev {grid-area: nazev; line-height: 1.1em; font-weight: bold; display: block; color: #494949; }
.produkt .foto { grid-area: foto; }
.produkt .foto img { height: 100%; object-fit: contain; }
.produkt .topmid {grid-area:popis; line-height: 1.1em; margin-bottom: .55em; }
.produkt .pleft { grid-area: leva; text-align: left; }
.produkt .pright { grid-area: prava; text-align: right; }
.produkt .botmid { grid-area: spodni; }
.produkt .stitky { top: 60px;}

.produkt.v2 { flex: 0 0 100%; align-items: center;
   grid-template: auto / 75px 0 1fr auto minmax(6em,auto) auto; 
   grid-template-areas: 'foto . nazev cena sklad pright'; }
.produkt.v2 .foto { aspect-ratio:1; }
.produkt.v2 .nazev { text-align: left; }
.produkt.v2 .cena { grid-area: cena; font-size: 1em; }
.produkt.v2 .sklad { grid-area: sklad; }
.produkt.v2 .pright { grid-area: pright; }

.more.tlacitko {margin: .5em 0;}
.more.tlacitko img {vertical-align: bottom; }

/*========= eshop - detail produktu ====================================================*/
.produkt-det {}
.produkt-det .fotosloupec {width: 59%; margin-right: 1%; display: inline-block; vertical-align: top; position: relative;}
.produkt-det .fotosloupec img { vertical-align: middle;}
.produkt-det .fotka-hlavni { text-align: center; white-space: nowrap; line-height: 300px; height: 300px; }
.produkt-det .fotocontainer { position: relative; padding: 2px 5%; }
.produkt-det .fotocontainer a { width: 23%; margin:0 1%; white-space: nowrap; display: inline-block; text-align: center; }
.produkt-det .fotocontainer .borderer { border: 1px solid #eee; height: 75px; display: block; line-height: 75px;}
.produkt-det .fragment { text-align: center; }
.produkt-det .vpravo { display: inline-block; width: 40%; }
.produkt-det .vpravo .radek { border-bottom: 1px solid #eee; padding: .33em 2%; }
.produkt-det .vpravo fieldset .radek { padding: .33em 0; }
.produkt-det .vpravo .radek label { width: 40%; display: inline-block; vertical-align: middle; color:#777; }
.produkt-det .vpravo .radek span { width: 60%; display: inline-block; vertical-align: middle; }
.produkt-det .vpravo .cradek {width: 100%; text-align: right;}
.produkt-det .vpravo #procentaDiv {float:left; padding: .5em 1em; width: auto; text-align: left; font-weight: bold; color:#fff}
.produkt-det .vpravo #staracenaDiv,.produkt-det .vpravo #malacenaDiv {color:#777; margin-top:1.5em}
.produkt-det .vpravo #staracenaDiv {text-decoration: line-through;}
.produkt-det .vpravo #cenaDiv {margin-top: 1.25em}
.produkt-det .vpravo #cenaDiv .mensi { font-size: .8em; color:#aaa; }
.produkt-det .vpravo .bigspan,.produkt-det fieldset #summall {font-size: 2em; font-weight: bold; white-space: nowrap; vertical-align: middle; margin-left: .5%;}
.produkt-det fieldset { border:0; padding: 1em 1%; margin: 1.5em 0 0; text-align: right}
.produkt-det fieldset.uzsi { padding: 1em 5%;}
.produkt-det fieldset .omezovac { width: 45%; display: inline-block; vertical-align: top; margin: 0 2.5%;}
.produkt-det fieldset .radek { margin-bottom: 15px; text-align: left }
.produkt-det fieldset .cradek { margin-bottom: 20px;}
.produkt-det fieldset label { width: 40%; display: inline-block; vertical-align: middle; color:#777; }
.produkt-det #bvarianta {vertical-align: middle; display: inline-block;}
.produkt-det fieldset .cradek span{ text-align: right; }
.produkt-det fieldset .cradek.mensi { color:#aaa; margin-top: -10px; }
.produkt-det fieldset select { width: 60%; display: inline-block; vertical-align: middle; padding: .5em 0; }
.produkt-det fieldset .input { width: 40%; display: inline-block; vertical-align: middle; text-align: left; white-space: nowrap; }
.produkt-det fieldset .input input { height: 2em; max-width: 55%; text-align: center; }
.produkt-det fieldset button { width: 55%; margin-left: 5%; display: inline-block; vertical-align: middle; padding:0; padding-top: .5em; padding-bottom: .5em;}
.produkt-det fieldset a.tlacitko { width: 100%; padding:0; padding-top: .5em; padding-bottom: .5em; text-align: center;}
.produkt-det .moznosti {margin: 10px 0; border: 1px solid #eee; border-bottom: 0; }
.produkt-det .moznost {  border-bottom: 1px solid #eee; display: table; width: 100%; height: 60px; cursor: pointer}
.produkt-det .moznost span, .produkt-det .moznost a { display:table-cell; vertical-align: middle }
.produkt-det .moznost .cena { width: 20%; text-align: center;}
.produkt-det .moznost a { width: 15%; text-align: center; }
.produkt-det .moznost .forimg { width: 14.5%; text-align: center; }
.produkt-det .moznost .forimg.b { width: 12%;  }
.produkt-det .moznost .forimg img { max-width: 80%; max-height: 60px; text-align: center; }
.produkt-det .moznost .pcast { display: table-cell; width: 9%; vertical-align: middle;text-align: center; border-left: 1px solid #eee; }
.produkt-det .zalozky {margin: 1.5em 0;}
.produkt-det .zalObsah {margin: .5em 0;}
.produkt-det .paramtab {padding: 1em 5%;}
.produkt-det .paramtab label {display: inline-block; vertical-align: top; width: 30%;}
.produkt-det .paramtab span {display: inline-block; vertical-align: top; width: 70%;}

.produkt-det .fotocontainer .bx-prev,.produkt-det .fotocontainer .bx-next{ text-decoration: none; position: absolute; top:0; display: block; text-align: center; line-height: 79px; height: 79px; width: 5%; white-space: nowrap; margin:0; }
.produkt-det .fotocontainer .bx-prev{ left:0; }
.produkt-det .fotocontainer .bx-next{ right:0; }

/*========= eshop - filtrace  kategorie ================================================*/
.prodFiltr {width: 96%; padding: .75em 2%;}
.prodFiltr > div,.prodFiltr .settings > * {display: inline-block; vertical-align: middle; margin: .5em 0 0; }
.prodFiltr .settings { width: 83%;}
.prodFiltr .sender { width: 17%; text-align: center }
.prodFiltr .sender .tlacitko{  padding-left: 0; padding-right: 0; width: 100%; }
.prodFiltr .settings > * { margin: 1em 0 0; }
.prodFiltr .h { width: 17%; vertical-align: top; font-weight: bold; margin-right: 1%; }
.prodFiltr .prvky {  width: 82%; }
.prodFiltr .vyrbox {  display: inline-block; vertical-align: top; width: 24%; margin-bottom: .25em; margin-right: 1%;}
.prodFiltr .vyrbox label { display: inline-block;vertical-align: top; max-width: 78%;  }
.prodFiltr .vyrbox label a { display: block;}
.prodFiltr .vyrbox input { vertical-align: top; max-width: 22%; margin-left: 0; margin-right: 0; }

.filt4 { position: relative;}
.filt4inner {overflow: hidden; }
.filt4link {position: absolute; bottom: -1.75em; right: 0;}

#nouicenaplace.noUi-horizontal { height: 8px; margin-top: 10px; width: 70%;  }
#nouicenaplace .noUi-handle { height: 18px;width: 20px;  }
#nouicenaplace .noUi-handle::after,#nouicenaplace .noUi-handle::before{ display: none; }
#nouicenaplace .noUi-tooltip { font-size: .8rem; line-height: 1; }

/*========= eshop - přepínací záložky ==================================================*/
.radzalozky { width: 100%; border-bottom: 1px solid #eee; margin-top: .5em; position: relative; }
.radzalozky .zalozka { display: inline-block; vertical-align: bottom; border: 1px solid #eee; border-radius: 2px 2px 0 0; line-height: 2em; margin-bottom: -1px; }
.radzalozky .zalozka > * { display: block; padding: 0 .5em; }

.predprodzal { padding-right: 4.5em; box-sizing: border-box; }
.radzalozky.prod { text-align: right; }
.radzalozky.prod.posunute {margin: -2em 0; float: right; width: auto;}
.radzalozky.prod .zalozka  { border: 0; text-align: center;  }
.radzalozky.prod .zalozka > * { padding: 0; width: 26px; margin-left: .5em; }
.radzalozky.prod .zalozka img { vertical-align: middle; }

.produkt-det .radzalozky .zalozka > * { padding: 0 .75em; }

.text4 { position: relative;}
.text4inner {overflow: hidden; }
.text4link {position: absolute; bottom: -1.7em; right: 10%;}

/*========= eshop - stránkování ========================================================*/
.paging {margin: 1em; text-align: right; font-size: 1.1em;}
.paging a,.paging .a{ margin: 0 .25em; }
.paging .curpage{ font-weight: bold; }

/*========= eshop - registrace =========================================================*/
.regform .cb label {width: auto;}

/*========= eshop - porovnávání ========================================================*/
.porovrel {position: relative}
.porovnatpopup {position: absolute; left:0; width:100%; bottom:100%; background: #fff; border: 1px solid #ccc; z-index: 9000; padding: .5em; text-align: left; }
.porovnatpopup p {margin:0; clear:both;}
.porovnatpopup img {float:right; margin: 0 0 .5em .5em;}
.porovnatpopup img:hover {cursor:pointer;}

.seznamporovnej { border: 1px solid #ccc; padding: .5em 0 .5em 1em; }
.seznamporovnej .porovnejbox {display: inline-block; vertical-align: middle; margin-right: 1em;}
.seznamporovnej .porovnejbox span,
.seznamporovnej .porovnejbox img { vertical-align: middle; display: inline-block;}
.seznamporovnej a.porovnejbox span {text-decoration: underline;}

.tableporovnej {text-align: center; border-collapse: collapse; width: 100%; margin: 1em 0;}
.tableporovnej td {border: 1px solid #eee;}
.tableporovnej th {background: #eee;}
.tableporovnej th,.tableporovnej td {padding:0 .5em;}
.tableporovnej tr th:first-of-type {text-align: left}

/*========= eshop - hlídací pes ========================================================*/
.dgform {padding: 2em 0 1em;}
.dgform p label {width: 40%; }
.dgform p label:first-child {width: 38%; padding-right: 2%; text-align: right; }
.dgform p input {width: 40%;}

/*========= prvky patičky ==============================================================*/
#paticka {padding: 30px 0 50px; }
#patabox {display: inline-block; vertical-align: top; width: 35%; background: #fff; margin-top: 2em;}
#patabox .sek {padding: 20px 50px 40px; border-bottom: 1px solid #eee;}
#patabox .sek.s1 { }
#patabox .sek.s2 {padding-right: 120px; background: url(/img/telefon.png) calc(100% - 50px) center no-repeat; }
#patabox .sek.s3 {padding: 40px 120px 40px 50px; background: url(/img/email.png) calc(100% - 50px) center no-repeat; border-bottom:0; font-weight: bold; }

#patabox .sek.s1 h2 {padding: 30px 0 15px; margin: 0; font-size: 30px; }
#patabox .sek.s1 h2::after{left: 0; bottom: 0; width: 40px;}
#patabox .sek.s2 table { margin-bottom: 1em; }
#patabox .sek.s2 td { white-space: nowrap; }

#zakonceni { padding: 30px 0 6.5em; background: #f3f5f7; }

/*========= pro výměnu odkazů ==========================================================*/
.xch p {border-bottom: 1px solid #ddd; margin: 0; padding: .5em; width: auto;}
#xchlink { padding: 30px 0; font-size: .85em;}

/*========= ostatní zbytečnosti ========================================================*/
@media (min-width: 689px){
   #cm.cloud {max-width: 800px; padding: 2em; }
   .cc_div .cloud #c-inr {display: flex;}
   .cc_div .cloud #c-inr-i {width: auto; flex-shrink: 1;}
   .cc_div .cloud #c-bns {max-width: 225px; width: 40%; font-size: 1.25em; text-align: center; }
   #cm.cloud #c-bns button + button.c-bn {display: inline-block; font-size: .82em; margin: 1.5em auto; float:none; padding: 0; background: #fff; width: auto; }
   #cm.cloud #c-bns button + button:hover {text-decoration: underline; cursor:pointer; }
}
@media (max-width: 689px){
   .cc_div .cloud #c-bns {display: flex; flex-direction:row; justify-content: space-between;}
   #cm.cloud .c-bn {width:auto; box-sizing: border-box;margin: 0; display: block; flex-basis: 45%; }
   #cm.cloud .c-bn:first-child {margin: 0; order:2}
   #cm.cloud #c-bns button + button.c-bn { background: #fff; order: 1; }
   #cm.cloud #c-bns button + button:hover {text-decoration: underline; cursor:pointer; }
}
:root {--cc-btn-primary-bg:var(--mainbarva); --cc-btn-secondary-hover-bg:#fff; }

.babish { text-align: left;}

#modalbase {position: fixed; top:0; left:0; width: 100vw; bottom: 0; background: rgba(0,0,0,.6); z-index: 10000; }
#modaldialog {background: #fff; padding: 1.5em; box-sizing: border-box; position: absolute; width: 80vw; left: 0; right: 0; text-align: center; max-width: 500px;margin-left: auto; margin-right: auto; overflow:auto; }
#modaldialog .dialogclose {position: absolute; display: block; color:transparent; background: url(/img/ikona-smaz.png) center center no-repeat; right:0; top:0; width: 1.5em; height: 1.5em; }
#modaldialog .tlacitko { margin: 0 1.5em 1em;pointer-events: auto; }

#modaldialog.dialogkosik { top:20vh; }

#modaldialog.dialogparcelshop { top:5vh;bottom:5vh; max-width: none; width: 90vw; }
#modaldialog.dialogparcelshop .pplmapcontain{ height: 100%; box-sizing: border-box; position: relative; }
#modaldialog.dialogparcelshop #ppl-parcel-shop-map { height:100%; }
#modaldialog.dialogparcelshop #ppl-parcelshop-map .ppl-parcelshop-map {height:100%;}
#modaldialog.dialogparcelshop #ppl-parcelshop-map .control-panel {padding-top: 0;}
#modaldialog.dialogparcelshop #ppl-parcelshop-map .control-panel__logo-holder {padding: 20px 0; margin:0;}

#modaldialog.dialogdpdpickup { top:5vh;bottom:5vh; max-width: none; width: 90vw; }
#modaldialog.dialogdpdpickup .iframecontain {position: relative; width: 100%; height: 100%;}
#modaldialog.dialogdpdpickup iframe { width: 100%; height: 100%; border:0; }

#modaldialog.dialogbalikovnapickup { top:5vh;bottom:5vh; max-width: none; width: 90vw; }
#modaldialog.dialogbalikovnapickup .iframecontain {position: relative; width: 100%; height: 100%;}
#modaldialog.dialogbalikovnapickup iframe { width: 100%; height: 100%; border:0; }

#modaldialog.dialogpaymentgateway { top:5vh;bottom:5vh; max-width: none; width: 90vw; }
#modaldialog.dialogpaymentgateway .iframecontain {position: relative; width: 100%; height: 100%;}
#modaldialog.dialogpaymentgateway iframe { width: 100%; height: 100%; border:0; }

/*========= responzivity ===============================================================*/

/* per-web header transformations */
@media (max-width:1599px) {
   #t1013 { background-size: 1200px auto; background-position: calc(100% + 50px) top; background-image: url(/img/bg-uvodproc2.jpg); min-height: 0; padding-bottom: 1em;}
}

@media (max-width:1439px) {
   .slider1 .vnitrek .content {left:calc( 50vw - 900px ); }
}

@media (min-width:1440px) {
   .slider1 .vnitrek .content {left:180px; }
}

@media (max-width:1169px) {
   #hpruh .hflexer { grid-template: auto / minmax(175px,260px) 1fr; grid-template-areas: 'logo menu'; }
   #nhmenu { justify-self: right; justify-content: right;}
   #hpruh .renormal {display: none;}
   .prodFiltr .vyrbox { width: 32.3%; }
   #zatracenypresah .natransparentno {background-size: contain; padding-top: 34%}
   #patabox {width: 100%; margin-top: 1em;}
   .kform { width: 100%; margin-right: 0%; margin-top: 1em; }
   .kform h2 {margin-top: 0;}
   h1 { font-size: 35px; margin: 0 0 .33em;}
   h2 { font-size: 26px; line-height: 100%; margin: .8em 0 1.75em; position: relative;}
}

@media (max-width:1079px) {
   .slider1 .vnitrek .content {left:calc( 50vw - 540px );  }
}

@media (max-width:999px) {
   #nhmenu {display:none;}
}

@media (min-width:1000px) {
   #xhmenu {display:none;}
   .hmenu .shower {display:none!important;}
   .kat.xkat {display: none; }
}

/* general CMS rules */
@media (max-width:1219px) { /* max-sirka + 50px */
   .max-sirka {width: 91%; }
}

@media (max-width:1099px) {
   #argh .slflex {--sloupce:3;row-gap: 1.25em;}
}

@media (max-width:999px) {
   .gallery { --sloupce:3; }
   .produkty { --sloupce:2; }
   #hpruh {background: #fff; padding: 1px 0;}
   #hslogan { font-size: 35px;line-height: 1.1em; }
   #hslogan p.big {font-size: 50px; line-height: 1.1em; }
   #hlogo {padding: 15px 0; }
   .kat.full {margin-bottom: 1em;}
   #argh {padding: 20px 0;}
   #argh .item {margin-bottom: .5em; }
   #argh .item:nth-of-type(4n+1) { width: 46%; } /* Počítá od 1 */
   #argh .item:nth-of-type(4n+2) { width: 46%; margin-right: 0; }
   #argh .item:nth-of-type(4n+3) { width: 46%; }
   #argh .item:nth-of-type(4n)   { width: 46%; margin-right: 0; }
   #zasetxt {padding-bottom: 50px;}
   #zatracenypresah {margin-top: 0;}
   #zatracenypresah .napul {width: 100%; margin: 0;}
   #zatracenypresah .natransparentno { background-size: auto; padding-top: 340px; background-position: center top; margin: 20px 0; }
   #zatracenypresah .namodro { box-shadow: none; }
   #t1013 { background-position: calc(100% + 50px) -60px; padding-top: 300px; background-size: 900px;  }
   #t1013 .omezovac{max-width: none; }
   #t1013 .omezovac h2{width: auto; }
   .hmenu .radic{ display: block; text-align: left; text-transform: none;}
   .hmenu .msp { padding:1em 2em;}
   .hmenu .shower {z-index: 1000; position: relative;}
   .hmenu .extrawrap {display: block; background: #FBF7F8; position: fixed; top:0; padding: 1em calc( 4vw + 45px ) 0; right:0; width: 100vw; height: 100vh; overflow: auto; z-index: 999; box-sizing: border-box;}
   .kat.blue {display: none;}
   .kat.xkat {display: block; text-align: left; text-transform: none; }
   .kat.xkat .katmenu { display: block; }
   .kat.xkat .katlink {display: block; font-weight: bold; }
   .kat.xkat .katlink .text {display: inline-block;vertical-align: middle;padding: 15px 2em 15px 0; width: calc( 100% - 4em ); box-sizing: border-box; }
   .kat.xkat .katlink.single .text {display: block;padding: 15px 2em; width: auto; }
   .kat.xkat .katlink .rozkat {display: inline-block; vertical-align: middle; width: 2em; height: 1.2em; padding: 20px 0; background: url(/img/ic_zobak.svg) left center no-repeat;  }
   .kat.xkat .katlink.single .rozkat {display: none; }
   .kat.xkat .katlink.open .rozkat { background-image: url(/img/ic_zobak_open.svg); }
   .kat.xkat .katlink .subgroup { display: none; }
   .kat.xkat .katlink.open .subgroup { display: block; padding-left: 3em; font-weight: normal; }
   .kat.xkat .katlink .msp.l2 { padding: .66em 0; }
   .prodFiltr .jslider { width: 85%; }
   .hider { display:none!important; }
   .hmenu .oddelovac{ display: none;}
}

@media (max-width:949px) {
}

@media (max-width:849px) {
   .produkt {width: 47%; }
}

@media (max-width:899px) {
   .kat.full {flex-wrap: wrap; margin-left: auto; margin-right: auto;  font-size: 22px;}
   .kat.full .katmenu {width: 32%; margin-bottom: .5em; }
   .kat.full .katmenu:first-of-type {width: 66%; }
   .kat.full .katmenu:first-of-type .obr { width: 48.5%; margin-left: 51.5%; padding-top: 71.78%; }
   .kat.full .katmenu:first-of-type .text { padding: 0 8.5%; }
}

@media (max-width:849px) {
}

@media (max-width:799px) {
   .podkat { --sloupce:2; }
   .gallery { --sloupce:2; }
   #argh .slflex {--sloupce:2; row-gap: .66em;}
}

@media (max-width:749px) {
   .uvodni .obsah {display: flex; flex-wrap: wrap; }
   .izolacenovinek {order: 1; width: 100%;}
   #unovinky {float:none; order: 2; width: 100%; box-shadow: none;margin:0 0 2em;;}
   #unovinky .polozka,#unovinky h2 {padding-left: 0; padding-right: 0;}
   #unovinky h2::after {left:0;}
   #paticka h2 {margin-top: 0;}
   #slider1, .slider1, .slider1 .vnitrek .content,.slider1 .bx-prev, .slider1 .bx-next {height: 280px; }
   .slider1 .vnitrek .img {top:calc( 50% - 35px ); height: 245px; }
   .slider1 .vnitrek .txt {bottom: 0;width: 80%; padding: 5px 10%; left: 0; display: block; background: var(--mainbarva); }
   .slider1 .vnitrek .txt::after {display: none; content: ''; }
   .slider1 .vnitrek .content:hover .img::after { display: none; content: ''; }
}

@media (max-width:719px) {
   .slider1 .vnitrek .content {left:calc( 50vw - 180px ); }
   .kat.full {flex-wrap: wrap; margin-left: auto; margin-right: auto;  font-size: 22px;}
   .kat.full .katmenu {width: 32%; margin-bottom: .5em; }
   .kat.full .katmenu:first-of-type {width: 66%; }
   .kat.full .katmenu:first-of-type .obr { width: 48.5%; margin-left: 51.5%; padding-top: 71.78%; }
   .kat.full .katmenu:first-of-type .text { padding: 0 8.5%; }
}

@media (max-width:699px) {
}

@media (max-width:649px) {
   .produkt.v2 { 
      grid-template: 1fr auto / 75px 1fr minmax(4em,auto) auto; 
      grid-template-areas: 'foto nazev nazev nazev' 'sklad sklad cena pright'; }
   .produkt.v2 .sklad {text-align: left;}
}

@media (max-width:599px) {
   #hslogan { font-size: 24px;line-height: 1.1em; }
   #hslogan p.big {font-size: 30px; line-height: 1.1em; }
}

@media (max-width:549px) {
   .obsah .left,.obsah .right { margin:.5em 0!important; float:none!important; display: block;}
   .simpleform p label {width: 42%;}
   .simpleform p.cb label { width: 75%; }
   .prodFiltr .vyrbox { width: 49%; }
   .produkt-det .fotosloupec { width: 100%;}
   .produkt-det .vpravo { float:none;width: 100%;}
   .produkt-det .resphid { display:none;}
   .produkt-det fieldset .omezovac {width: 95%;}
}

@media (max-width:499px) {
   #argh .slflex {--sloupce:1; }
   .uvodni #hlavicka{background-size: 940px auto; background-position: center bottom;}
   #stranka {padding: 1em 0;}
   .kat.full { font-size: 20px;}
   .kat.full .katmenu {width: 49%; }
   .kat.full .katmenu:first-of-type {width: 100%; }
   #argh .item { margin-bottom: .25em; }
   #argh .item:nth-of-type(4n+1),
   #argh .item:nth-of-type(4n+2),
   #argh .item:nth-of-type(4n+3),
   #argh .item:nth-of-type(4n) { width: 100%; margin-right: 0; }
   #zasetxt {font-size: 20px; padding: 20px 0;}
   #zatracenypresah .natransparentno { background-size: contain; padding-top: 72%; }
   .znacfoto span {padding: 0 20px;}
   .kform .sloup {width: 100%;padding:0; }
}

@media (max-width:469px) {
   .podkat { --sloupce:1; }
   .produkty { --sloupce:1; }
   .uvodni #hlavicka{background-position: 60% bottom;}
   #hslogan { text-align: center; }
   #t1013 { background-position: calc(100% + 40px) -45px; padding-top: 225px; background-size: 675px; }
   .prodFiltr > div,.prodFiltr .settings > * {display: block;  }
   .prodFiltr .settings, .prodFiltr .h, .prodFiltr .prvky,.prodFiltr .sender { width: 100%; margin-left: 0; margin-right: 0;}
   .prodFiltr .sender { text-align: right }
   .prodFiltr .sender .tlacitko { padding-right: 1.5em; padding-left: 1.5em; width: auto }   
}

@media (max-width:459px) {
}

@media (max-width:399px) {
   .gallery { --sloupce:1; }
   #patabox .sek.s1,#patabox .sek.s2,#patabox .sek.s3 { padding: 30px 30px 10px;}
   #patabox .sek.s1 { padding-top: 10px;}
   #patabox .sek.s3 { padding-bottom: 30px;}
   #patabox .sek.s2,#patabox .sek.s3 {background: none; }
}

@media (max-width:359px) {
   .slider1 .vnitrek .content {left:0; }
}

/* special block rules */
@media (max-width:849px) and (min-width:750px), (max-width:549px) {
   .respgbg,.respgbg tbody,.respgbg tr,.respgbg td {display: block; width: 100%;}
}

@media (max-width: 999px) {
   .column3 > div {width: 50%; }
   .column5 > div {width: 33%; }
}
@media (max-width: 899px) {
   .column4 > div {width: 50%; }
}
@media (max-width:599px) {
   .column3 > div {width: 100%; }
}
@media (max-width:549px) {
   /*.column3 > div {width: 50%; }*/
   .column5 > div {width: 50%; }
}
@media (max-width:499px) {
   .column2 > div {width: 100%; }
}