/*========= obecně písma a prvotní vzhled ==============================================*/
@font-face {
   font-family: 'Open Sans';
   font-style: italic;
   font-weight: 400;
   font-display: swap;
   src: local('Open Sans Italic'), local('OpenSans-Italic'), url(/img/OpenSans-Italic.ttf) format('truetype');
}
@font-face {
   font-family: 'Open Sans';
   font-style: italic;
   font-weight: 700;
   font-display: swap;
   src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(/img/OpenSans-BoldItalic.ttf) format('truetype');
}
@font-face {
   font-family: 'Open Sans';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/img/OpenSans-Regular.ttf) format('truetype');
}
@font-face {
   font-family: 'Open Sans';
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/img/OpenSans-Bold.ttf) format('truetype');
}

@font-face {
   font-family: 'Playfair Display';
   font-style: italic;
   font-display: swap;
   src: url(/img/Playfair-Italic-Variable.ttf) format('truetype');
}
@font-face {
   font-family: 'Playfair Display';
   font-style: normal;
   font-display: swap;
   src: url(/img/Playfair-Regular-Variable.ttf) format('truetype');
}

html {font-size: 16px; background: #fff; }
body {font-family: 'Open sans', 'Arial', sans-serif; color:#24461e; }
input,select,textarea,button {font-family: 'Open sans', '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;}

h1 { font-family: 'Playfair Display',serif; font-size: 28px; }
.uvodni h1 {display: none;}
h2 { margin-bottom: 1.25em; font-family: 'Playfair Display',serif; font-size: 24px;}
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 15px; margin: 0 0 0 15px; 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;  }

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

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

.tlacitko {color:#fff; background:#c1638b; border: 0; border-radius: 1.625em; font-family: 'Playfair Display'; font-size: 22px; padding: .75em 1.5em; 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 {}

span.wasteofspace{ background: url(/img/menu-b.png) left center no-repeat; min-height: 19px; height: auto; padding-left: 30px; display: inline-block; vertical-align: middle; font-size: 0;}
span.wasteofspace.waste-x {background-image: url(/img/menu-X.png);}

/*========= společné definice (barvy, chování apod.) ===================================*/
h1:first-letter,h2:first-letter,h3:first-letter,p.h2:first-letter,p.h3:first-letter {text-transform: uppercase}
a,.mainbarva { color:#c1638b }
h1,h2,h3 { color:#c1638b }
#naseptavac .naseppolozka:focus { background: #c1638b;}
.gbg {background: #f8eef2;}
.mainbg {background: #f8eef2; color:#363636;}
.mainbg a {color:#c1638b;}

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

/*========= prvky hlavičky =============================================================*/
#hlavicka {background: #fff;}
#hlavicka .horg {display: flex;align-items: center;}
#hlogo { flex-grow: 0; flex-shrink: 0; display: block; }
#hlogo img { width: 205px; }
#hstred { display: flex; padding: 15px 35px 0 230px; background: url(/img/kytka.png) 20px bottom no-repeat; flex-wrap: wrap; align-items: center; justify-content:space-between; flex-grow: 2; min-height: 135px; box-sizing: border-box;}
#hbottom { flex-grow: 1; }

/*========= košík ======================================================================*/
#kosinfo { display: inline-block; text-decoration: none;font-weight: bold; padding:20px 40px 16px 85px; border:2px solid #c7e39e; border-radius:42px; background: url(/img/icon_kosik.svg) 30px center no-repeat; position: relative }
#kosinfo .normal > span {display: block; color:#505050; }
#kosinfo .normal .kosnadpis { color: #77b814; font-size: 19px;}
#kosinfo:hover .normal > span {text-decoration: underline;}
#kosinfo .mini {position: absolute; bottom:0; right:0; background: #77b814; color:#fff; padding: .33em .5em; border-radius: 1em; line-height: 1em;}

/*========= přihlašování ===============================================================*/
#login {position: relative; line-height: 1.25em; white-space: nowrap; display: inline-block;margin-right: -1em;}
#login a {color:#c1638b; }
#login.logout {}
#login .uzivatel,
#login .uzivatel2  { font-weight: bold; display: inline-block; vertical-align: middle; padding: .5em 1em; text-decoration: none;}
#login .uzivatel:hover,
#login .uzivatel2:hover {text-decoration: underline;}
#login form { position: absolute; top: 100%; right: 0; width: 300px; padding: 1em;text-align: left; border:1px solid #eee; background: #fff; z-index: 750}
#login form .pwrap { width: 60%; float:left; }
#login form p { margin: .25em 0; }
#login form label { width: 40%; margin-right: 1%; display: inline-block; vertical-align: middle; text-align: right; }
#login form input { width: 59%; display: inline-block; vertical-align: middle; }
#login form button { width: 35%; float:right; margin: .75em 0 0; display: block; padding: .5em 0;}
#login form > p { margin-bottom: 0; }
#login form > p label{ width: 24%; }

/*========= menu =======================================================================*/
.hmenu {font-weight: bold; margin-left: -1em;}
.hmenu a {text-decoration: none; display: table; width: 100%; color:#333}
.hmenu .radic { display: inline-block; vertical-align: middle; position: relative; }
.hmenu .msp { display: table-cell; vertical-align: middle; padding: 0 1em; line-height: 1.25em; height: 2.5em;}
.hmenu .radic:hover .msp,
.hmenu .active .msp{ text-decoration: underline; }

#xhmenu {z-index: 1000; position: absolute; margin-top:0; top:40px; right:3%; width: auto; }
#xhmenu .extrawrap {display: block; background: rgba(255,255,255,.9); position: fixed; top:0; padding: 1em 18% 0; left:0; width: 100vw; height: 100vh; overflow: auto; z-index: 999; box-sizing: border-box;}
#xhmenu .radic{ display: block; text-align: center;z-index: 1000;}
#xhmenu .radic.prpl a { color:#c1638b;}
#xhmenu .msp { padding:1em 0; height: auto;}
#xhmenu .shower .msp { padding:.5em 0; }
#xhmenu .radic:hover .podmenu,.hmenu .radic:active .podmenu, .hmenu .podmenu.shown { display: none; }

/*========= jazyky =====================================================================*/
#vlajky { }
#vlajky a {margin-left: 1em; text-transform: uppercase; opacity: .5;}
#vlajky a.active,#vlajky a:hover {opacity: 1;}

#xvlajky {border-top:1px solid #ddd; display: block; margin-bottom: 1em;text-align: center; text-transform: uppercase; }
#xvlajky a {display: inline-block; width: auto; margin: 0 1em; padding: 1em 0;opacity: .5; }
#xvlajky a.active,#xvlajky a:hover {opacity: 1;}

/*========= vyhledávání ================================================================*/
#hledatObal {min-width: 240px; width: 66%; position: relative; }
#hledatObal form { height: 46px; width: 100%; }
#hledatObal .q{ border-radius: 23px 0 0 23px; border: 1px solid #ddd; border-right: 0; box-sizing:border-box; width: calc(100% - 100px); padding: 0 10px 0 25px; background: #fff;line-height: 44px; }
#hledatObal .plnSed{ font-style: italic; color:#777; }
#hledatObal .tlacitko { width: 100px; border-radius: 0 23px 23px 0; font-family: 'Open sans'; font-size: 16px; line-height: 46px; padding: 0; text-align: center; }

#naseptavac {width: 100%; border: 1px solid #f3f3f3; background: #fff; height: 16.5em; z-index: 700; position: absolute; left: 0; top: 100%; }
#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%; }

/*========= prvky stránky ==============================================================*/
#stranka { padding: 2em 0 2em; margin:0; background: #f9f5f6; background: linear-gradient(#f9f5f6 0,#fff 520px);}

/*========= obsah ======================================================================*/
#telo {padding: 0; margin:0 0 2em; width: 74%; float: right;}

.obsah { line-height: 1.75em; position: relative; }
.obsah p { margin-top: 0;}
.obsah table {max-width:100%; border-collapse: collapse; }
.obsah table.ramovana { border: 1px solid;}
.obsah table.ramovana td,.obsah table.ramovana th { border: 1px solid;}
.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; }

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

/*========= podstránky =================================================================*/
.podkat {width: 100%; margin-top: 1em; }
.podkat a {width: 30.3%; margin: 1em 1.5%; font-size: 1.1em; display: inline-block; vertical-align: top; border: 1px solid #eee; padding: .33em 1%; position: relative; box-sizing: border-box; }
.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 { width: 22%; float: left; clear:left; }
.sl-box { margin-bottom: 3em;padding: 5px 9% 20px; background: #f8eef2; border-radius: 5px; font-size: 14px;}

.sl-box.duvody {color:#333;}
.sl-box.duvody .duvod { margin: 1em 0; display: table; width: 100%; }
.sl-box.duvody .duvod p{ margin: 0; padding-left: 75px; display: table-cell; box-sizing: border-box; vertical-align: middle; height:50px; background: left center no-repeat; }
.sl-box.duvody .duvod .d1 {background-image: url(/img/icon_doprava.svg);}
.sl-box.duvody .duvod .d2 {background-image: url(/img/icon_zasilani.svg);}
.sl-box.duvody .duvod .d3 {background-image: url(/img/icon_baleni.svg);}
.sl-box.duvody .duvod .d4 {background-image: url(/img/icon_originalni.svg);}

.sl-box.kontakt {padding: 0;color:#333;}
.sl-box.kontakt .pad {padding: 5px 9% 0;}
.sl-box.kontakt .tel,.sl-box.kontakt .mail { padding-left: 40px; line-height: 45px; margin: 0; background: left center no-repeat; }
.sl-box.kontakt .tel { background-image: url(/img/icon_phone.svg); }
.sl-box.kontakt .mail {background-image: url(/img/icon_email.svg); }
.sl-box.kontakt .mail a {color:#333; }
.sl-box.kontakt .mainkontakt {margin: 1em 0;}
.sl-box.kontakt .mainkontakt p {margin: .5em 0;}
.sl-box.kontakt .mapa p {margin: 0; text-align: center;}
.sl-box.kontakt .mapa img {vertical-align: bottom;}

#kat {background: #c796ab; padding: 0;font-family: 'Playfair Display'; font-size: 18px;}
#kat .katnadpis { margin: 0; padding: .75em 1em; color: #fff; font-size: 22px; font-weight: bold; position: relative; }
#kat .katnadpis .katlink {position: absolute; right:0; width: 50px; display: block; top:15px; text-align: center;}

/*========= šablony ====================================================================*/
.resp2col,.resp2col tbody {width: 100%;}
.resp2col td {width: 50%; padding: .25em 0;}
.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;}

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

.slider2 { position: relative; margin-bottom: 2em; background: #fff; box-shadow: 1px 1px 12px -8px #000; }
#slider2 { overflow: hidden; }

.slider2 .bx-pager {position: absolute; bottom: 20px; right: 0; width: 51.5%; text-align: left;}
.slider2 .bx-pager-item { margin-right: 12px; display: inline-block }
.slider2 .bx-pager-link { background: transparent; border:1px solid #c5c5c5; width: 18px; height: 18px; box-sizing: border-box; font-size: 0; display: block; border-radius: 9px; }
.slider2 .bx-pager-link.active {background: #c1638b; border-color: #c1638b }

.slider2 .vnitrek {position: relative;overflow: hidden}
.slider2 .foto {display: inline-block; height: 300px; line-height: 300px; width: 41%; margin: 15px 2.5%; vertical-align: middle; text-align: center;}
.slider2 .foto img{vertical-align: middle; max-height: 300px;}
.slider2 .nefoto {display: inline-block; width: 49%; margin: 0 2.5% 80px; vertical-align: middle;}
.slider2 .nazevbox { width: 80%; font-weight: bold; line-height: 1.3em; height: 2.6em; text-align: left; overflow: hidden;font-family:'Playfair Display'; font-size:28px; display: table; width: 100%; }
.slider2 .nazev { display: table-cell; vertical-align: bottom; color: #24461e; }
.slider2 .prodText { width: 80%; height: 3.4em;vertical-align: top; text-align: left; overflow: hidden; margin: 1em 0;}
.slider2 .prodText .popis { font-size: 1em!important; line-height: 1.7em!important; }
.slider2 .prodText .popis * { margin: 0!important; padding:0!important; }
.slider2 .cena {font-size: 24px; font-weight: bold; background:#77b814; color:#fff; padding: .25em 1.25em; line-height: 1em; border-radius: 1.5em; display: inline-block; margin: 0; }
.slider2 .stitky {top: 30px;}

/*========= kontaktní formulář =========================================================*/
.kform { display: inline-block; vertical-align: top; padding: 35px 4%; box-sizing: border-box; width: 65%;}
.kform form {}
.kform p {margin: 0 0 1em; }
.kform label {display: inline-block; vertical-align: middle; width:150px; }
.kform label[for="kForm1zprava"] {margin-top: .5em; }
.kform input[type=text],.kform select,.kform textarea {vertical-align: middle; width: calc(100% - 150px); padding: 0 .5em; border:1px solid #e5d1d9; height:43px; border-radius:5px; background: #fff;  }
.kform textarea { height: 6.25em; vertical-align: top;}
.kform .tlacitko {}
.kform .plnSed { font-style: italic; color:#777;}
.kform .hleft {margin-left: 150px; display: inline-block; vertical-align: top; width: calc(59% - 150px); margin-top: 10px;}
.kform .hright { display: inline-block; vertical-align: top; width: 41%; font-size: 12px;margin-top: 10px; }
.kform .hright p { margin:0; }

/*========= 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 ================================================*/
#kat ul { list-style-type: none; padding:0; margin: 0; }
/* 1. úroveň */
#kat li { margin:0; border-top: 1px solid #d7b5c4; }
#kat li>span:hover
#kat li.active {}
#kat li .rozklik {display: inline-block; vertical-align: middle; padding:.5em 0; width: 15%; background: center center no-repeat; cursor: pointer; text-align: center; color:transparent;}
#kat li .rozklik.plus {background-image: url(/img/plus.svg);}
#kat li .rozklik.minus {background-image: url(/img/minus.svg);}
#kat li>span:hover .rozklik.plus,
#kat li.active .rozklik.plus {}
#kat li>span:hover .rozklik.minus,
#kat li.active .rozklik.minus {}
#kat li .katlink {display: inline-block; vertical-align: middle; padding: .5em 0; width: 85%; text-decoration: none; color:#fff;}
#kat li>span:hover .katlink,
#kat li.active .katlink { text-decoration: underline;}
/*2. úroveň - rozdíly prvků od 1. úrovně */
#kat li ul {display: none;list-style-type: none; padding:0; margin: 0; background: #f8eef2; font-size: .9em; }
#kat li.active ul {display: block;}
#kat li ul li { border-top: 0; }
#kat li ul li.active,
#kat li.active ul li.active {}
#kat li ul li .rozklik { padding: .5em 0; width: 25%; }
#kat li ul li .katlink,
#kat li.active ul li .katlink {padding: .5em 0; width: 75%; text-decoration: none;color: #c1638b;}
#kat li ul li>span:hover .katlink,
#kat li ul li.active .katlink,
#kat li.active ul li>span:hover .katlink,
#kat li.active ul li.active .katlink { text-decoration: underline;}

#kat .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; }
.stitky span{ margin:.5em 0; display: block; border-radius: 0 5px 5px 0; padding: .1em .5em;}
.stitky span.akce{ background: #fd9c00; }
.stitky span.novinka{ background: #77b814; }
.stitky span.darek{ background: #29467d; }
.stitky span.procenta{ background: #c796ab; }

/*========= eshop - výpis produktů =====================================================*/
.produkty {clear:both; margin-top: 1.5em; display: flex; justify-content: space-between; flex-wrap: wrap; }
.produkt {position: relative; width: 32%; box-sizing: border-box; margin-bottom: 2em; border: 1px solid #dfe2d9; text-align: center; padding: 5px 0 15px;}
.produkt .nazevbox {height: 2.2em; line-height: 1.1em; margin: 0; margin: .25em 0 .75em; font-weight: bold; display: table; width: 100%; font-family:'Playfair Display'; font-size: 20px; }
.produkt .nazev { padding: 0 .75em; display: table-cell; vertical-align: bottom; color:#24461e; }
.produkt .foto { height: 250px; white-space: nowrap; }
.produkt .foto img { vertical-align: middle; }
.produkt .leva,.produkt .prava { display: inline-block; width: 40%; margin: 0; vertical-align: middle;}
.produkt .leva { text-align: left;}
.produkt .prava { text-align: right;}
.produkt .cena {font-weight: bold; font-size: 1.4em; margin:0; color:#c1638b; margin-bottom: .75em;}
.produkt .sklad {color:#a44; margin:0; font-size: .8em;}
.produkt .sklad.ok {color:#77b814}
.produkt .tlacitko { background: #77b814; font-family: 'Open sans'; font-size: 16px; font-weight: normal; text-transform: lowercase; padding:.5em 1em; line-height: 17px;}
.produkt .tlacitko::before { background: url(/img/icon_kosik-maly.svg) center center no-repeat; content:''; display: inline-block; vertical-align: middle; width:20px; height: 17px; margin-right: .4em; }
.produkt .stitky { top: 60px;}

.produkt.v2 { width: 96.6%; display: table; margin-right: 0; }
.produkt.v2 .blox { display: table-cell; vertical-align: middle; }
.produkt.v2 .foto { height: 75px; line-height: 75px; width: 75px; text-align: left; }
.produkt.v2 .nazev {width: 40%; text-align: left; padding:1em 2%}
.produkt.v2 .cena { font-size: 1em; text-align: right; width: 15%;}
.produkt.v2 .sklad { text-align: right; width: 15%;}

.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: 350px; height: 350px; }
.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: 35%; 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;  appearance: textfield;
                                     -moz-appearance: textfield;
                                     -webkit-appearance: textfield; }
.produkt-det fieldset button { width: 60%; margin-left: 5%; display: inline-block; vertical-align: middle; padding:0; padding-top: .5em; padding-bottom: .5em; font-size: 18px;}
.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; }

.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;}
.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 { 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 .adresa .radia { margin: .25em 0; }
.objednavka .adresa .radia label { width: 85%; }
.objednavka .summary { width: 95%; padding-top: 10px; margin-bottom: 30px; font-weight: bold;}
.objednavka .summary tr { height: 3em; }
.objednavka .summary td { text-align: right; width: 25%; }
.objednavka .summary td.sirsi { text-align: left; width: 75%; }
.objednavka .tlacitko { margin: 1em 0; }

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

/*========= 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 {margin-top:2em; background: #f2dfe7; color:#333; }
#paticka .footkontakt {display: inline-block; vertical-align: top; padding: 35px 4%; box-sizing: border-box; width: 35%; line-height: 1.75em; }
#paticka a { color:#333; }

#zakonceni { padding: 2em 0 5em; position: relative; color: #333; background: #e6f0d8;}
#zakonceni h2 { color:#24461e; }
#zakonceni .ctyrka { display: flex; justify-content: space-between;}
#zakonceni .ctyrka .ct { width:22%; flex-grow: 0; }
#zakonceni .ctyrka .sublogo { text-align: right; width: 25%; flex-shrink: 0; padding-top: 12px;}
#zakonceni .ctyrka .sublogo img { width:200px; }
#zakonceni a { text-decoration: none; color: #333; }
#zakonceni a:hover { text-decoration: underline }

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

/*========= ostatní zbytečnosti ========================================================*/
#eu-cookies { position: fixed; left: 0; bottom: 0; text-align: center; background: #dcdcdc; color: #000; z-index: 100001; opacity: .8; width: 100%; padding: .25em 0; font-size: 14px;}
#eu-cookies a { color: #000;}
#eu-cookies p { display: inline-block; margin:0 1em; }
#eu-cookies .listittlacitko { display: inline-block; margin:0 1em; padding: 0 .5em; background: #818182; text-decoration: none; }

.babish { text-align: left;}

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

.produkt-det h2.shower {display: none;}

@media (max-width:1299px) {
   .max-sirka {width: 94%; margin: auto 3%;}
   #hlogo {width: 150px;}
   #hstred {min-height: 120px; padding-top: 0; padding-right: 0;}
   #nhmenu {display: none;}
   #vlajky {display: none}
   #login {display: none;}
   #hledatObal {width: 90%;}
   #hbottom {margin-right: 60px; flex-grow: 0;}
   .sloupec-levy {width: 24%;}
   .kform .hleft {display: block; width: auto; }
   .kform .hright { margin-left: 150px; display: block; width: auto; }
   .hmenu .hider { display:none!important; }
}

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

@media (max-width:1099px) {
   #kosinfo {background-position: center center; padding: 0; width: 70px; height: 70px; }
   #kosinfo .normal {display: none}
}

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

@media (max-width:999px) {
   .kform { width: auto; display: block; padding: 1em 9% 1em; }
   #paticka .footkontakt { width: auto; display: block; padding: 0 9% 1em; }
   .produkt {width: 48%; }
   .prodFiltr .vyrbox { width: 32.3%; }
   .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%; }
   .kos table td.variantni {width: 75%; }
   .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 {width: 66%; }
   .kos table tr.final td:first-of-type {width: 33%;}
   .kos table.adresni td.odkazova {width: 90%; }
}

@media (min-width:1000px) {
   .produkt:not(.v2):nth-child(3n+2):last-child { margin-right: 34%} /* při dvou posledních na řádku pro tři, aby je flex neházel na opačné konce, */
}

@media (max-width:999px) and (min-width:850px) {
   .sl-box.duvody .duvod p{ padding-left: 50px; background-size: 40px auto; }
}

@media (max-width:999px) {
   #hstred {background: none; padding-left:30px; }
}

@media (max-width:849px) {
   #stranka {padding: 1em 0;}
   .sloupec-levy {width: auto; margin: auto; float: none;}
   .sl-box {margin: 1em auto 1em;}
   #kat {margin-top: 0;}
   #telo{width: auto; margin: auto; float: none;}
   #kat .hider { display:none!important; }
}

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

@media (max-width:799px) {
   .uvodni .gallery .box,.gallery .box {width: 50%; }
   .podkat a {width: 47%;  }
}

@media (max-width:749px) {
   #hlavicka .horg { flex-wrap: wrap; justify-content: space-between; padding-top: 15px;}
   #xhmenu {top:30px;}
   #hstred {width:100%; order: 3; padding: 0; min-height: 75px;}
   #hledatObal {width: 100%;}
   #zakonceni .ctyrka {flex-wrap: wrap;}
   #zakonceni .ctyrka .ct { margin-bottom: 1em; width: 47%;}
   #zakonceni .ctyrka .sublogo {width: 50%;}
   .prodFiltr .jslider { width: 85%; }
}

@media (max-width:599px) {
   .kform label {display: block; width:auto; }
   .kform label[for="kForm1zprava"] {margin-top: 0; }
   .kform input[type=text],.kform select,.kform textarea {width: 100%; }
   .kform .hleft {margin-left: 0; }
   .kform .hright {margin-left: 0; }
}

@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%; }
   .objednavka .summary,.objednavka .summary tbody,.objednavka .summary tr,.objednavka .summary td,.objednavka .summary td.sirsi {display: block; width: 100%; height: auto;}
   .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%; }
}

@media (max-width:469px) {
   .podkat a {width: 97%; margin: .5em 1.5%; padding: .66em 1%; }
   .podkat.sfoto a { min-height: 0; }
   .podkat.sfoto .pic { display: none; }
   .slider2 .foto {width: 95%; height: 100px; line-height: 100px; margin: 5px 2.5%;}
   .slider2 .foto img {max-height: 100%;}
   .slider2 .prodText {width: 95%; margin: 5px 2.5%; }
   .slider2 .stitky {display: none;}
   .slider2 .bx-pager { width: 100%; text-align: center;}
   .slider2 .bx-pager-item { margin:0 6px; }
   #zakonceni .ctyrka .ct { width: 100%;}
   #zakonceni .ctyrka .sublogo {width: 100%;}
   .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 }
   .produkt {width: 100%; }
   .produkt.v2 .blox {display:inline-block; width: 33%;}
   .produkt.v2 .nazev { width: 94%; padding: 1em 3%; }
   .produkt.v2 .foto { display: none; }
}

@media (max-width:399px) {
   #login form { width: 150px; padding: .25em; box-sizing: border-box; text-align: center;}
   #login form .pwrap,#login form > p,#login form button,#login form label,#login form input {width: 100%; float:none; display: block;text-align: center; box-sizing: border-box; }
   #login form > p label {display: none;}
}


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

@media (max-width:549px) {
   .resp2col,.resp2col tr,.resp2col tbody {display: block; }
   .resp2col td {display: block; width: 100%;}
   .respgbg,.respgbg tbody,.respgbg tr,.respgbg td {display: block; width: 100%;}
}