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

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

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

h1 { margin: .5em 0; line-height: 1.4em; font-size:36px; }
h2 { margin: .6em 0 ; line-height:1.1em; font-size: 26px; }
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: 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: 1200px; margin:auto;position: relative;}

.tlacitko {border:0; cursor:pointer; text-align: center; background-color:var(--mainbarva); color:#fff; text-decoration: none; padding: 1em 2em; line-height: 1em; font-weight: bold; border-radius: 5px; }
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:#d86524; --secbarva:#624122; }
h1:first-letter,h2:first-letter,h3:first-letter,p.h2:first-letter,p.h3:first-letter {text-transform: uppercase}
h1 {color:#71af34;}
h2,h3,.mainbarva {color:var(--secbarva);}
a { color:var(--mainbarva);}
.secbarva {}
.gbg{background: #f3f3f3;}
.mainbg {background: var(--secbarva);}
.secbg {}

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

/*========= prvky hlavičky =============================================================*/
#hlavicka {background: url(/img/wood_menu.png) center top no-repeat;}
.uvodni #hlavicka .max-sirka {padding-bottom: 240px;}
#hlogo {display: inline-block; vertical-align: top; position: relative; z-index: 1; margin-left: -70px;}
#hlogo img {height:238px;}
#hstred {position:absolute; width: 632px; padding-top: 350px; bottom:-54px; right:5px; z-index: 1; background: url(/img/bg_photos.png) no-repeat; background-size: contain;}
#hbottom {position:absolute; width: /*426*/557px; padding-top: /*270*/220px; bottom:20px; left:15px; background: url(/img/auta3.png) no-repeat left top; background-size: contain;}

/*========= košík ======================================================================*/
#kosinfo { display: block; color:#3F2A27; font-size: 18px; height: 20px; line-height: 20px; padding: 15px 0 15px 70px; background:url(/img/ikon_kosik.png) left center no-repeat; text-decoration: none; margin: 14px 0; float:right; position: relative; }
#kosinfo .mini { color:#fff; background: #6fab31; display: block; position: absolute; bottom:-6px; right:-19px; font-size: 23px; line-height: 35px; width: 35px; border-radius: 17px; text-align: center; font-weight: bold; }
#kosinfo:hover {text-decoration: underline;}

/*========= menu =======================================================================*/
.hmenu {position: relative; text-align: right; font-size: 20px; font-weight:bold; display: inline-block; vertical-align: top; margin-left: 3%; }
.hmenu a {display: table; width: 100%; color:#5f4427; text-decoration: none; }
.hmenu .radic { display: inline-block; position: relative; vertical-align: middle;}
.hmenu .msp { line-height: 1.25em; display:table-cell; padding: 0 1.25em; vertical-align: middle; height: 79px; }
.hmenu .radic:hover a,
.hmenu .active a{ background: url(/img/menu_hover.png); color:#fff; }

.hmenu .podmenu {display: none;}
.hmenu .radic .podmenu a,
.hmenu .active .podmenu a{ background: none; color:#5f4427; }
.hmenu .podmenu .radic:hover a,
.hmenu .podmenu .active a{ background: url(/img/menu_hover.png); color:#fff; }


#xhmenu .extrawrap {display: inline-block;}

/*========= prvky stránky ==============================================================*/
#stranka { text-align: left; padding: 0; }
#stranka .tabel {display: table; width: 100%;}

/*========= obsah ======================================================================*/
#telo {margin: 0;  background: #fff; padding: 15px 4%; width:92%; }
.tabel #telo  {width:72%; display: table-cell;}

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

.anotacka { font-size: 1.1em; }

.kosform .posunuty {margin-top: .5em;}
.kosform .tlacitko {font-size: 18px;}
.kosform input {width: 4em; height: 2em;}

p.nmb {margin: 2em 0 0;}

#staracena {text-decoration: line-through; font-weight: normal; font-size: .9em; color:#777; }
.afterprice {font-weight: normal; color:#777; font-size: .95em; }

.psklad {font-size: .9em; font-weight: bold; display: block; }
.psklad.ok {color:#5a0; }

/*========= drobečková =================================================================*/
.drobnav {line-height: 1.75em; 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: 2em; 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; font-weight:bold; text-decoration:none;
   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 .name {min-height: 48px; display: block; text-decoration: underline; }
.podkat.sfoto a { min-height: 160px; }
.podkat.sfoto .pic { display: block; text-align: center;height: 100px; }
.podkat.sfoto img {vertical-align: middle; height: 100%; object-fit: contain;}

.podkat .pprice {font-size: .9em; display: block; text-align: center; }
.podkat .psklad {text-align: center; }

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

/*========= sloupce ====================================================================*/
.sloupec-pravy { width: 28%; height: auto; padding: 20px 2.5% 15px; display: table-cell; height: 100%; vertical-align: top;box-sizing: border-box; background: #f8f9f1;}
.uvodni .sloupec-pravy { padding-top: 60px; }
.sl-box { color:#000; margin-bottom: 3em;}
.sl-box p { line-height: 1.5em; margin: 1.2em 0 }
.sl-box ul { padding:0; margin:18px 0 0; list-style: none; }
.sl-box ul li { padding: 4px 0; padding-left: 35px; margin-bottom: 1em; background: url(/img/icon-ok.png) left top no-repeat; }

.sl-box.napsat {color:#5b4022;}
.sl-box.napsat h2 {color:#42770d; font-size: 20px;}
.sl-box.napsat h3 {color:#5b4022; font-size: 16px; margin-bottom: 0;}
.sl-box.napsat p {font-style: italic; margin: 0;}
.sl-box.napsat img {float: left; margin-right: 1em;}
.sl-box.napsat .tlacitko {width: 70%; min-width: calc(100px + 4em); box-sizing: border-box; margin-top: 2.5em; clear: both; display: inline-block; }

.sl-box.reff {font-size: 14px;}
.sl-box.reff blockquote {border-radius: 5px; background: #fff; border:1px solid #ddd; box-shadow: 0 2px 1px rgba(0,0,0,.05); position: relative; margin-bottom:20px; }
.sl-box.reff blockquote::after {display: block; content: ''; height: 20px;width: 20px; background: url(/img/uvozovka.png); position: absolute; bottom: -20px; left: 20px; }

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

/*========= kontaktní formulář =========================================================*/
.kform {background: #72af30; color:#fff; font-size: 15px; border-radius: 5px; padding: 3em;}
.kform p {margin: 0 0 1em; }
.kform h2 {color:#fff; }
.kform a {color: #fff; }
.kform .flexa {flex-wrap: wrap;margin-bottom: 1em; }
.kform .flexa p { width: 100%; }
.kform .sloup {width: 30%; margin-bottom: 2em; }
.kform .right {margin-left: 3em;}
.kform label.readerhelp {width: 0; height: 0; overflow: hidden; display: block; }
.kform .stretch {width: 100%; padding: 1em; border:0; border-radius: 5px; background: #fff;}
.kform textarea.stretch { height: 8.5em; }
.kform .tlacitko {  }
.kform ::placeholder { font-style: italic; color:#777; opacity: 1;}

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

/*========= prvky patičky ==============================================================*/
#paticka { margin: 3em 0 0;}
#paticka h2 { text-align: center; margin-bottom: 1.5em; margin-top: 0; padding: 0 1em; }
#paticka .flexa {display: flex;justify-content: space-between; }
#paticka .imtext {padding: 3em; margin-top: 3em; background: #fff;border-radius: 5px; }

.imtext .polozka {width: 30%; color: #666; text-align: left;}
.imtext .polozka p { line-height: 1.5em; margin-bottom: 0;}
.imtext .polozka .h3 {color:#71af34; font-weight: bold; margin-bottom: 1.5em; font-size: 20px; display: block; }
.imtext .polozka .datum { float: left; margin: 0; }
.imtext .polozka .datum::after { content: ' - '; margin-right: .25em; }

#zakonceni { text-align: right; position: relative;padding-right: 3.5%; color:#85a461; font-size: 14px;margin: 25px auto 0; padding-bottom: 7em }
#zakonceni a {color:#85a461; }

#xchlink { position: absolute; top:0; left: 3.5%; text-align: left;}

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

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

@media (max-width:1199px) {
   .max-sirka:not(.tabel) {width:100%; margin:0;}
   #xhmenu {z-index: 1000; position: relative; position: absolute; right:5px; top:1em; }
   #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 .radic{ text-align: left;z-index: 1000; }
   #xhmenu .extrawrap .radic{ display: block; margin-right:0; margin-bottom: .5em;}
   #xhmenu .msp { padding:1em .5em; height: auto;}
   #xhmenu .extrawrap .oddelovac {display: none;}
   #xhmenu .podmenu {display: block; font-size: .8em; }
   #xhmenu .podmenu .radic {margin-bottom: .1em;}
   #xhmenu .podmenu .msp { padding:.5em; padding-left: 1.25em; }
   #kosinfo {margin-right: 90px;}
   .hmenu .radic.shower:hover a { background: none; }
   .hmenu .hider { display:none!important; }
}

@media (max-width:999px) {
   #hbottom {display: none;}
   #paticka { margin: 1em 0 0;}
   #paticka h2 { margin-bottom: .5em; }
   #paticka .imtext {padding: 1em; margin-top: 1em; }
   .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;}
   .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%; padding-top: .33em; }
   .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%; padding: .33em 0;}
   .kos table tr.final td:first-of-type {width: 33%;}
   .kos table.adresni td.odkazova {width: 90%; }
   .kform { padding: 1em; }
   .kform .sloup {margin-bottom: .75em}
}

@media (min-width: 1200px) {
   .hmenu .shower {display:none!important;}
}

@media (max-width:799px) {
   :root { --podkat_sloupce:2; }
   .uvodni .gallery .box,.gallery .box {width: 50%; }
   #kosinfo {padding-left: 50px;}
   #kosinfo .maxi {display: none;}
}

@media (min-width:800px) {
   #kosinfo .mini {display: none;}
}

@media (max-width:749px) {
   h1 {font-size: 28px;}
   .sloupec-pravy,#telo,.uvodni #telo,.tabel #telo {width:auto; display: block; }
   .uvodni .sloupec-pravy {padding-top:20px;}
   .sloupec-pravy {background: none; padding: 0;}
   .sl-box { background:#f8f9f1;padding: 20px 2.5% 15px; }
   .sl-box.reff {display: none;}
   .sl-box ul li:nth-child(n+6) {display: none;}
   .sl-box .centrzabal { width: 250px; margin: auto;}
   .sl-box.napsat {text-align: center;}
   #paticka .imtext .flexa {display: block;}
   .imtext .polozka p {margin-top: .5em;}
   .imtext .polozka .h3 {margin-bottom: .5em;}
   .imtext .polozka {padding: 1em 0; width: 100%; }
}

@media (max-width:649px) {
   #hstred {width: 100%; padding-top: 55%;}
}

@media (max-width:599px) {
   #hlogo { margin-left: -100px;}
   #hlogo img {height: 150px;}
   .kform .sloup {width: 100%;}
}

@media (max-width:549px) {
   .uvodni #hlavicka .max-sirka {padding-bottom: 44%; }
   .obsah .left,.obsah .right { margin:.5em 0!important; float:none!important; display: block;}
   p.prodlike > span {margin: 1em 0; 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;}
   #paticka .vedleform {width: 100%; padding-left: 0;}
   .kform .right {float:none!important; margin-left: 0; }
   .kform .tlacitko {width: 100%; box-sizing: border-box;}
}

@media (max-width:469px) {
   :root{ --prod_sloupce:1; --podkat_sloupce:1; }
   #xhmenu .extrawrap { padding: 1em 15% 0 5%; }
   .podkat a { padding: .66em 1%; }
   .podkat.sfoto a { min-height: 0; }
   .drobnav { margin: 0; }
   #xchlink { position: relative; top:1.5em; left: 0; text-align: right;}
   .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) {
   #hlavicka {min-height: 150px; }
   #kosinfo {position: absolute; right:75px; top:0; margin-right: 0; z-index: 5;}
   span span.wasteofspace { padding-left: 40px; }
}


@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%; }
}