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

/* latin-ext */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/img/alexandria/n300lext.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;
}
/* latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/img/alexandria/n300l.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;
}
/* latin-ext */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/img/alexandria/n500lext.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;
}
/* latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/img/alexandria/n500l.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;
}
/* latin-ext */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/img/alexandria/n600lext.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;
}
/* latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/img/alexandria/n600l.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;
}

html {font-size: 16px; background: #fff; }
body {font-family: 'Alexandria','Arial', sans-serif;color:#404040; font-weight: 300; }
input,select,textarea,button {font-family: 'Alexandria','Arial',sans-serif;font-size: 1rem;box-sizing:border-box;font-weight: 300;}

/*========= obecné =====================================================================*/
body { margin:0; background: url(/img/bg_photo.jpg) center top no-repeat #d0d0c6; }
#container { min-height: 100%; }
img {max-width: 100%;}
a img {border:0;text-decoration: none;}
a {text-decoration: none;}

h1 {font-size: 28px; font-weight: 600;}
h2 { font-size: 22px; font-weight: 600; margin:1.25em 0; }
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 2em; overflow: hidden; }
ul li{ padding:0; margin-bottom: .5em;}
blockquote { background: #eee; border: 1px solid #ddd; margin: 0 0 1.5em; padding: .25em 1em;}
blockquote p { font-size: 1.2em; margin: .5em;}
hr { width: 100%; height: 3px; margin:.75em 0; background: #777; border: 1px solid #777;}

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: 1300px; margin:auto;position: relative;}

.tlacitko {color:#fff; background:var(--oranz); font-size: 14px; border: 0; padding: 1em; line-height: 1em; font-weight: bold; text-decoration: none; cursor: pointer; display: inline-block; }
button.tlacitko,input[type=submit].tlacitko {}
.tlacitko:hover {}
button.tlacitko:hover,input[type=submit].tlacitko:hover {}

:root {--wastemenu-color: #000; --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:#008ccf; --oranz:#ed7c1e; --tmava:#114a65; }
h1:first-letter,h2:first-letter,h3:first-letter,p.h2:first-letter,p.h3:first-letter {text-transform: uppercase}
h1 { color:var(--oranz); }
a,h2,.mainbarva { color:var(--mainbarva); }
#naseptavac .naseppolozka:focus { background: var(--mainbarva);}
.secbarva {color:#fd7100}
.gbg {background: #f3f3f3;}
.mainbg {background: #fd7100;}
.mainbg a {color:#fff;}

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

/*========= prvky hlavičky =============================================================*/
#hlavicka {background: #fff; padding-top: 2px;}
#hlavicka .max-sirka {display: grid; grid-template: auto auto / 26% 74%;}
#hlogo {display: block; margin:25px 0; grid-area: 1/1/3/2; align-self: center;}
#hlogo img {}
#htop { text-align: right; font-size: 14px;  grid-area: 1/2/2/3; padding:1em 0; border-bottom:1px solid #eee; display:flex; width: 100%; justify-content: flex-end; }
#hstred {margin:1em 0;grid-area: 2/2/3/3; text-align: right;}
#xhmenu .overline { border-top: 1px solid #ddd; padding: .5em 0; }

#hbut {margin:0; margin-left: 4em; display: inline-block; vertical-align: middle; flex-grow: 0; max-width: 300px; }
#hbut .tlacitko {background: var(--tmava); }

/*========= košík ======================================================================*/
#kosinfo { display: inline-block; vertical-align: middle; position: relative; text-decoration: none; color:#fff; background: url(/img/icon_cart.svg) 16px center no-repeat var(--oranz); padding: .75em 0 .75em 60px; font-weight: bold; border-radius: 3px; font-size: 17px; line-height: 1.44em; height: 1.44em}
#kosinfo .xkos {padding-right: .75em; font-weight: 600; }
#kosinfo .kosks {display: block; position: absolute; right: calc( 100% - 45px );  bottom: 5px; min-width: .75em; text-align: center;font-size: 11px; background: #fff; color:var(--oranz); padding: .25em 2px; border-radius: 2px; line-height: 1.1em; }
#kosinfo:hover {}

/*========= vyhledávání ================================================================*/
#hledatObal {min-width: 148px; width: 525px; max-width: calc( 100% - 240px ); position: relative; display: inline-block; vertical-align: middle; margin-right: 50px; }
#hledatObal form { background: #fff; border-radius: 4px; overflow: hidden; height: 50px; width: 100%; }
#hledatObal .q{ width: 85%; padding: 0 5%; border:0; background: #eee; color:var(--tmava);height: 100%; }
#hledatObal .tlacitko { width: 15%; margin:0; padding: 0; height: 100%; background: url(/img/icon_search.svg) center center no-repeat var(--tmava); color:transparent; overflow: hidden; }

#naseptavac {width: 100%; border: 1px solid #f3f3f3; background: #fff; height: 16.5em; z-index: 700; position: absolute; left: 0; top: 100%; text-align: left;}
#naseptavac .naseppolozka { display: block; background: #fff; }
#naseptavac .naseppolozka span { overflow: hidden; display: block; padding: 0 4%; height: 1.5em; line-height: 1.5em; }
#naseptavac .naseppolozka:focus { color:#fff; }
#nasepfoto {position: absolute; right: 100%; top:-1px; background: #fff; border: 1px solid #f3f3f3; width: 220px; height: 16.5em; text-align: center; }
#nasepfoto a {display: block; padding: .5em 5%; height: 100%;}
#nasepfoto .nadpis {display: block; line-height: 1.4em; height: 2.8em; overflow: hidden; }
#nasepfoto .fotoInside {display: block; height: 12.7em; line-height: 12.7em; white-space: nowrap; }
#nasepfoto .fotoInside img{vertical-align: middle; max-height: 100%; }

/*========= menu =======================================================================*/
#nhmenu { display: inline-flex; vertical-align: middle; width: calc( 100% - 300px - 4em ); justify-content: flex-end; }
#nhmenu a {text-decoration: none; display: flex; height: 100%; width: 100%; color:var(--tmava); align-items: center; text-align: center;}
#nhmenu .radic { position: relative; display: inline-block;}
#nhmenu .msp {padding: 0 .75em; line-height: 1.25em; display: block; }
#nhmenu .radic:hover .msp,
#nhmenu .active .msp{ text-decoration: underline; }

#xhmenu {z-index: 1000; position: relative; display: inline-block; vertical-align: middle; margin-left: 20px; }
#xhmenu .extrawrap {display: block; background: rgba(255,255,255,.95); position: fixed; top:0; bottom: 0; padding: 1em 18% 14em; left:0; width: 100vw; overflow: auto; z-index: 999; box-sizing: border-box;}
#xhmenu a{ text-decoration: none; font-weight: bold; display: block;}
#xhmenu .radic{ display: block; text-align: left;}
#xhmenu .radic.shower{ display: inline-block; position: relative;z-index: 1000;  }
#xhmenu .msp { padding:1em 0; height: auto; display: block; }
#xhmenu .shower .msp { padding:.5em 0; }
#xhmenu .wasteofspace {font-size: 0;}

/*========= prvky stránky ==============================================================*/
#stranka { padding: 20px 0 25px; background: #e6ecf1; }
#stranka .max-sirka {display: grid; grid-template: auto 1fr / 26% 74%; background: #fff;}
#stranka .grid-kat { grid-area: 1/1/2/2; }
#stranka .grid-nov { grid-area: 2/1/3/2; }
#stranka #telo { grid-area: 1/2/3/3; }

/*========= obsah ======================================================================*/
#telo {border-left: 1px solid #eee;}
#telo .telo-pad {padding: 20px 3%; }

.obsah { line-height: 1.75em; position: relative; }
.obsah p { margin-top: 0;}
.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 h2 {margin-bottom: 0;}

.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; }

.anotacka { font-size: 19px; color:#8e8e8e; }

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

/*========= podstránky =================================================================*/
:root { --podkat_sloupce:3; --podkat_mezery:calc( var(--podkat_sloupce) - 1 ); --podkat_sloupce_mezera:3%;}
.podkat {width: 100%; margin-top: 1em; display: flex; flex-wrap: wrap; column-gap: var(--podkat_sloupce_mezera); row-gap: 1em; margin: 1em 0; }
.podkat a {font-size: 1.1em;align-items: stretch; border: 1px solid #eee; padding: .33em 1%; position: relative; box-sizing: border-box;
   flex: 0 0 calc( calc( 100% - calc( var(--podkat_mezery) * var(--podkat_sloupce_mezera) ) ) / var(--podkat_sloupce) );}
.podkat a:hover {border: 1px solid #ccc; }
.podkat.sfoto a { min-height: 125px; }
.podkat.sfoto .pic { display: block; height: 100px; line-height: 100px; width: auto; max-width: 100%; white-space: nowrap; text-align: right; }
.podkat.sfoto img {vertical-align: middle;}

/*========= fotky ======================================================================*/
.gallery {width: 100%; margin-top: 1em;}
.gallery .box {width: 25%; display: inline-block; text-align: center; vertical-align: top; margin: .75em 0;}
.uvodni .gallery .box {width: 33%; }
.gallery .box a {display: block; white-space: nowrap; line-height: 150px;}
.gallery .box img {vertical-align: middle; }
.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;}

/*========= sloupce ====================================================================*/
.sloupec-levy { margin: 1em 0; }
.sloupec-levy .sl-pad {padding:15px 7%; margin: 0;}

.sl-box .polozka{ margin-top: 5px; margin-bottom: 25px;}
.sl-box h2 { color:var(--oranz); font-size: 18px; }
.sl-box p {margin-top: 0;}
.sl-box p.h3 { font-size: 17px; margin-bottom: .25em; font-weight: bold; }
.sl-box p.datum { margin: 0;}

#kat { }

/*========= š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;}
.column2 > div {width: 50%; }
.column3 > div {width: 33.3%; }
.column4 > div {width: 25%; }
.column5 > div {width: 20%; }

/*========= slider =====================================================================*/
#slider2, .slider2, .slider2 .vnitrek .content {}
.slider2 .vnitrek .content {}

.slider2 { position: relative; margin-bottom: 2em; border-bottom: 1px solid #eee; }
#slider2 { overflow: hidden; }

.slider2 .bx-pager {position: absolute; bottom: -1.5em; width: 100%; display: flex; column-gap: 8px; justify-content: center; }
.slider2 .bx-pager-item {  }
.slider2 .bx-pager-link { background: #eee; width: 12px; height: 12px; font-size: 0; display: block; border-radius: 6px; }
.slider2 .bx-pager-link.active {background: var(--mainbarva); }

.slider2 .vnitrek {display: grid; row-gap: 1em; column-gap: 1em; padding: 40px 3em; box-sizing: border-box; height: 300px; text-align: right; align-content: center; grid-template: auto 1fr auto / 33% 1fr;
   grid-template-areas:'foto nadpis' 'foto popis' 'foto cena'; }
.slider2 .foto { grid-area: foto; text-align: center; }
.slider2 .foto img{vertical-align: middle; aspect-ratio:1; object-fit:contain; max-height: 220px; }
.slider2 .nazev { grid-area: nadpis; font-size: 26px; font-weight: bold; line-height: 30px; text-align: left; }
.slider2 .nazev a { color: var(--tmava); }
.slider2 .popis { grid-area: popis; font-size: 14px; line-height: 25px; color:#555; overflow: hidden; text-align: left;}
.slider2 .popis p { margin: 0; }
.slider2 .spodni { grid-area: cena; text-align: left; }
.slider2 .spodni .cena {font-size: 1.5em; font-weight: bold; margin:0; line-height: normal;color:var(--oranz); font-size:1.5em;}
.slider2 .spodni .malacena {margin: 0; text-decoration: line-through;margin: -.5em 0 -.25em; color:var(--tmava); }
.slider2 .spodni .malacena::before {content:"dříve "; }
.slider2 .spodni .procenta { font-weight: bold; float:left; height: 2em; padding-top: 1.75em; padding-bottom: .25em; margin-right: 1em; margin-top: -1em; background: var(--oranz); color:#fff; position: relative; border-radius: 2em; width: 4em; text-align: center; }
.slider2 .spodni .procenta::before {content:"akce"; font-weight: 300; position: absolute; left:0; top:.5em; width: 100%; display: block; height: 1em;}
.slider2 .stitky {top: 20px;}

/*========= kontaktní formulář =========================================================*/
.kform { width: 100%; }
.kform p {margin: 0 0 1em; }
.kform .sloup {display: inline-block; vertical-align: top; width: 48%; }
.kform .l { padding-right: 2%; }
.kform .r { padding-left: 2%; }
.kform label {display: block; line-height: 1.5em; padding: 0; margin: -.5em 0 .5em;}
.kform label.readerhelp {width: 0; height: 0; overflow: hidden; display: block; }
.kform .stretch {width: 100%; height: 45px; padding: 1.1em; border:0; }
.kform .stretch::placeholder {opacity: 1; color:#6b8591; }
.kform textarea.stretch { height: 100px;}
.kform .tlacitko {}
.kform .vedle {display: inline-block; vertical-align: top; }
.kform .vedle.v1 {width: 110px; }
.kform .vedle.v2 {width: calc( 100% - 110px ); font-size: 13px; margin-top: -.25em; }
#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 - postranní kategorie ================================================*/
.katmenu { list-style-type: none; padding:0; margin: 0; font-size: 15px;font-weight: bold; border-top: 1px solid #eee; text-align: left;}
/* 1. úroveň */
.katmenu li { margin:0; border: 1px solid #eee; border-left: 0; border-right: 0; margin-top: -1px; }
.katmenu li.active { background: #f2f9fd; }
.katmenu li .rozklik {display: inline-block; vertical-align: middle; padding:.75em 0;line-height: 1.1em; width: 15%; background: center center no-repeat; cursor: pointer; text-align: center; color:transparent;}
.katmenu li .rozklik.plus{background-image: url(/img/kat_plus.svg);}
.katmenu li .rozklik.minus {background-image: url(/img/kat_minus.svg);}
.katmenu li .katlink {display: inline-block; vertical-align: middle; padding: .75em 0;padding-right: .75em; line-height: 1.1em; width: 85%; box-sizing: border-box; text-decoration: none; font-weight: bold; color:var(--tmava); }
/*2. úroveň - rozdíly prvků od 1. úrovně */
.katmenu li ul {display: none;list-style-type: none; padding:0; margin: 0; font-weight: 300; }
.katmenu li.active ul {display: block;}
.katmenu li ul li {border-top: 1px solid #eee;border-bottom: 0;}
.katmenu li ul li .rozklik { width: 22%;}
.katmenu li ul li .rozklik::after { padding-right: 25%; content:"-"; height: 1em; text-align: right; display: block;color:var(--tmava);visibility: visible;}
.katmenu li ul li .katlink,
.katmenu li.active ul li .katlink  {width: 78%; text-decoration: none; font-weight: 300;}
.katmenu li ul li.active .katlink,
.katmenu li.active ul li.active .katlink { text-decoration: underline;}

.katmenu .empty {visibility: hidden;cursor: auto;}

/*========= eshop - spolecne ===========================================================*/
/* Globální, konkrétními identifikátory podstránek doplněny */
.stitky { position: absolute; left: 0; top: 0; text-decoration: none; color: #fff;text-align: center; text-transform: uppercase; }
.stitky span{ margin:.5em 0; padding: .25em .5em; display: block; width: calc( 100px + 1em ); box-sizing: border-box; font-weight: bold; }
.stitky span.akce{ background: #ed7c1e; }
.stitky span.novinka{ background: #64c73b; }
.stitky span.darek{ }
.stitky span.procenta{ background: #fff; color:#fd7100; border:1px solid #ed7c1e; border-left: 0; }
.stitky span.osobne{ background: #975400; }

/*========= eshop - výpis produktů =====================================================*/
:root { --prod_sloupce:3; --prod_mezery:calc( var(--prod_sloupce) - 1 ); --prod_sloupce_mezera:0;}
.produkty {clear:both; margin-top: 1.5em; display: flex; flex-wrap: wrap; column-gap: var(--prod_sloupce_mezera); row-gap: 0; align-items: stretch; }
.produkt {position: relative; border: 1px solid #ddd; text-align: center; display: grid; row-gap: .5em; column-gap: .75em; padding: 1.25em 2.5%; box-sizing: border-box; margin-right: -1px; margin-bottom: -1px;
   flex: 0 0 calc( 100% / var(--prod_sloupce) );
   grid-template: 200px minmax(3.3em,1fr) auto auto / 1fr auto; 
   grid-template-areas: 'foto foto' 'nazev nazev' 'popis popis' 'leva prava';}
.produkt .nazev {grid-area:nazev; line-height: 1.1em; font-weight: bold; display: block;color:var(--tmava);}
.produkt .foto { grid-area: foto; }
.produkt .foto img { height: 100%; object-fit: contain; }
.produkt .topmid {grid-area:popis; line-height: 1.1em; }
.produkt .pleft { grid-area: leva; text-align: left; }
.produkt .pright { grid-area: prava; text-align: right; }
.produkt .botmid { grid-area: spodni; }
.produkt .cena {font-weight: bold; font-size: 20px; margin:0; line-height: normal;color:var(--oranz);}
.produkt .malacena {margin: 0; text-decoration: line-through;font-size: .8em; margin: -.5em 0 -.25em; }
.produkt .malacena::before {content:"dříve "; }
.produkt .sklad {color:#a44; margin:0;font-weight: bold; line-height: normal; text-transform: lowercase; font-size: 14px; margin: .5em 0 1em;}
.produkt .sklad.ok {color:#4a4}
.produkt .tlacitko { background: var(--mainbarva); border-radius: 3px; text-transform: lowercase; padding: .75em 1.5em; font-size: 16px; }
.produkt .stitky { top: 15px;}

.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%; line-height: normal; }
.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; background: var(--mainbarva);}
.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; font-size: 16px; padding: 1em 0;}
.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%; line-height: normal; }
.prodFiltr .vyrbox label a { display: block; text-decoration: none;}
.prodFiltr .vyrbox input { vertical-align: top; max-width: 22%; margin-left: 0; margin-right: 0; }

.prodFiltr .jslider {width: 70%; margin-top: -2px;}
.prodFiltr .jslider .jslider-value {font-size: .8em;}

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

/*========= 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 - košík ==============================================================*/
.kos {  }
.kos table { width: 100%; padding-top: .75em; margin-bottom: 2em; text-align: center }
.kos table thead th { height: 1.5em; padding: 0 .5em; background-color: #f8f8f8; border:0;}
.kos table td { height: 60px; vertical-align: middle; border:0; }
.kos table td.odkazova,.kos table td.variantni { text-align: left }
.kos table td.inputova { white-space: nowrap; text-align: left; width: 110px;}
.kos table td.cenova { text-align: right }
.kos table td img { max-height: 60px; max-width: 60px; }
.kos table .plusminus { background-color: #f8f8f8; display:inline-block; vertical-align: middle; width:1.5em; height: 1.5em; line-height: 1.5em; text-decoration: none; color:#000;  text-align: center;}
.kos table .mnozstevni { width: calc( 100% - 4em ); max-width: 5em; height: 1.5em; vertical-align: middle; text-align: center;}
.kos table .final td { font-weight: bold; }
.kos .linky { text-align: right; }
.kos .linkovy {background: none; border:0; display:inline-block; vertical-align: middle; text-decoration: underline; margin-left: 3.5em; margin-right: 1.5em; padding: 1em 0; margin-bottom: .5em; cursor:pointer;}
.kos .tlacitko {vertical-align: middle; margin-left:2em; padding: 1em 1.5em; margin-bottom: .5em;}
.kos .zpet { padding:1em 0; float: left; display: inline-block; }

/*========= eshop - objednávka =========================================================*/
.objednavka{ margin: 20px 0;  }
.objednavka .tab {display: table; width: 100%; }
.objednavka .adresa{ width: 49%; display: inline-block; vertical-align: top; margin-right: 1%; }
.objednavka .adresa p { margin: .35em 0; line-height: 1.65em }
.objednavka .dodatky p { margin: .35em 0; line-height: 1.65em }
.objednavka .adresa label { width: 42%; display: inline-block; vertical-align: middle;}
.objednavka .adresa input,.objednavka .adresa select { width: 53%; vertical-align: middle;}
.objednavka .adresa input[type=checkbox],.objednavka .adresa input[type=radio] { width: auto; }
.objednavka .dodatky{ width: 100%; display: block;  }
.objednavka .dodatky label { width: 20.58%; display: inline-block; vertical-align: top; }
.objednavka .dodatky label.wider { width: 35%; }
.objednavka .dodatky .cb label,.objednavka .dodatky label.rb { width: 75%; }
.objednavka .dodatky input { width: 50%; }
.objednavka .dodatky input[type=checkbox],.objednavka .dodatky input[type=radio] { width: auto; }
.objednavka .dodatky textarea { vertical-align: top;width: 50%; }
.objednavka .separat{ margin:2.5em 0; }
.objednavka .radioobj .radia { margin:.5em 0; border-bottom: 1px solid #ddd; padding: .5em 0; }
.objednavka .radioobj label {width: 100%; display: flex; flex-wrap: wrap; align-content: stretch; margin: 0 0 .5em; }
.objednavka .radioobj label input { width: 30px; margin: 0; align-self: center;}
.objednavka .radioobj label .tab1 { width: 50%; }
.objednavka .radioobj label .tab2 { flex-grow: 1; flex-shrink: 1; }
.objednavka .radioobj label .tab3 { width: 20%; }
.objednavka .radioobj .specbr { padding: 0 2em; margin: 0.5em 0; }
.objednavka .summary { width: 95%; padding-top: 10px; margin-bottom: 30px; font-weight: bold;}
.objednavka .summary tr { height: 3em; }
.objednavka .summary td { text-align: right; }
.objednavka .summary td.sirsi { text-align: left; }
.objednavka .tlacitko { margin: 1em 0; }

.objednavka .orderbody table {width:100%;}

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

/*========= prvky patičky ==============================================================*/
#paticka {color:#fff; line-height: 25px;background: var(--mainbarva); padding: 2em 0; }
#paticka .max-sirka {display: grid; grid-template-columns: 40% 1.75fr 1fr; grid-template-rows: auto 1fr; align-items: start; column-gap: 4%; }
#paticka a {color:#fff; text-decoration: none;}
#paticka a:hover {text-decoration: underline;}
#paticka h2 {color:#fff; margin: 2em 0 1.5em; }
#paticka p {margin-top: 0; }
#paticka .kform { grid-area: 1/1/3/2;}
#paticka h2.boxh2 { grid-area: 1/2/2/4;}
#paticka .box1 { grid-area: 2/2/3/3;}
#paticka .box2 { grid-area: 2/3/3/4;}

#zakonceni { color:#fff; background: #057ab2; font-size: 15px; padding: 2em 0; }
/*#zakonceni .max-sirka {display: grid; grid-template-columns: 400px 1fr; align-items: center; }*/
#zakonceni a { color:#fff; display: inline-block; margin: 0 2em 0 0;}
/*
#zakonceni #xchlink {grid-area: 1/1/2/2; }
#zakonceni .babish {grid-area: 1/2/2/3; justify-self: end; margin-left: 10%; font-size: 12px; line-height: 1.9em; }
*/

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

/*========= 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; }

#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 ===============================================================*/

@media (max-width:1299px) {
   .max-sirka {width: 95%; margin:auto 2.5%;}
}

@media (max-width:1099px) {
   #htel { max-width: 175px; margin-left: 2em }
   #nhmenu { width: calc( 100% - 175px - 2em ); }
}

@media (max-width:999px) {
   :root{ --prod_sloupce:2; }
   .prodFiltr .vyrbox { width: 32.3%; }
   .drobnav {margin-top: 0;}
   #paticka {padding:  1px 0; }
   #paticka .max-sirka {display: block; }
   #paticka .box1,#paticka .box2 {display: inline-block; vertical-align: top; width: 45%; margin-right: 5%;}
   .kos table thead {display:none;}
   .kos table tbody {border-top: 1px solid #ccc; display: block;}
   .kos table tr {border-bottom: 1px solid #ccc; display: block; text-align: left;padding-top: .5em; padding-bottom: .25em}
   .kos table td {display: inline-block; width: 33%; vertical-align: middle; height: auto; min-height: 2.5em; box-sizing: border-box;}
   .kos table td.pix {width: 25%; float:left; }
   .kos table td.odkazova {width: 75%; }
   .kos table td.variantni{width: 100%; min-height: 0; }
   .kos table td.inputova {width: 45%; }
   .kos table td.cenova {width: 45%; }
   .kos table td.napravo {width: 10%; }
   .kos table tr td.num {text-align: center;}
   .kos table tr.final td.cenova {width: 57%; }
   .kos table tr.final td:first-of-type {width: 33%;}
   .kos table.adresni td.odkazova {width: 90%; }
}

@media (max-width:899px) {
   #hlogo {margin: 10px 0; }
   #htop {display: none; }
   #hstred {grid-area: 1/2/3/3; align-self: center; }
   #hledatObal { margin-right: 20px; max-width: 300px; }
   #kosinfo .xkos {display: none;}
   #xhmenu .hider { display:none!important; }
}

@media (min-width: 900px) {
   #xhmenu {display: none;}
}

@media (max-width:799px) {
   :root { --podkat_sloupce:2; }
   .uvodni .gallery .box,.gallery .box {width: 50%; }
}

@media (max-width:799px) {
   #stranka {background: #fff; padding-top: 1px;}
   #stranka .grid-kat {display: none;}
   #stranka .max-sirka {display: block;}
   #telo {border-left:0; }
   #telo .telo-pad { padding: 0;}
   .sloupec-levy .sl-pad{padding: 1em 0 0;}
   .slider2 {margin-bottom: 3em;}
}

@media (max-width:749px) {
   .prodFiltr .jslider { width: 85%; }
}

@media (max-width:649px) {
   #hlavicka .max-sirka {grid-template-columns: 35% 1fr;}
   #hlogo img {max-height: 50px;}
   #naseptavac {text-align: left;}
   #nasepfoto {display: none;}
   #hledatObal {min-width: 0; width: 60px; max-width: none;}
   .produkt.v2 { 
      grid-template: 1fr auto / 75px 1fr minmax(6em,auto) auto; 
      grid-template-areas: 'foto nazev nazev nazev' 'cena cena sklad pright'; }
   .produkt.v2 .cena {text-align: right;}
   #hledatObal .q {display: none;}
   #hledatObal:not(.xsshow) .tlacitko {width: 100%; }
   #hledatObal.xsshow { width: 90vw; position: absolute; left:2vw; z-index: 2000; }
   #hledatObal.xsshow .q {display: inline-block;}
}

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

@media (max-width:469px) {
   :root{ --prod_sloupce:1; --podkat_sloupce:1; }
   .podkat a { padding: .66em 1%; }
   .podkat.sfoto a { min-height: 0; }
   .podkat.sfoto .pic { display: none; }
   .slider2 .vnitrek {height: 500px; grid-template: auto auto 1fr auto / auto;
      grid-template-areas:'foto' 'nadpis' 'popis' 'cena'; }
   .slider2 .foto { text-align: center; }
   .slider2 .spodni {width: 95%; margin: 5px 2.5%; padding: 0; float: none;}
   .slider2 .spodni .procenta {margin-top: 0;}
   .slider2 .bx-pager {position: relative; }
   .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 }
   .objednavka .radioobj label .tab1 { width: 60%; }
   .objednavka .radioobj label .tab2 { display: none; }
   .objednavka .radioobj label .tab3 { width: auto; flex-grow: 1; flex-shrink: 1; text-align: right; }
}

@media (max-width:399px) {
   #hledatObal {margin-right: 15px;}
   #hlavicka .max-sirka {grid-template-columns: 32% 1fr;}
   .kform .sloup {width: 100%;padding:0; }
   #zakonceni a {margin: 1em 0; display: block;}
}


@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) {
   .column5 > div {width: 33%; }
}
@media (max-width: 849px) {
   .column4 > div {width: 50%; }
}
@media (max-width:549px) {
   .column3 > div {width: 50%; }
   .column5 > div {width: 50%; }
}
@media (max-width:469px) {
   .column2 > div {width: 100%; }
}