/* ============================ obecne prvky ============================ */
html, body { min-height: 100%; padding: 0; margin: 0; }
body { font-size: 16px; font-family: Arial, sans-serif; text-align: center; background:#6b5547; color:#fff;}

a {text-decoration: underline; color:#fff;}
a img { border:0 }
img{ max-width: 100%; height: auto;}
h1 { margin: .6em 0 1.2em; line-height: 1em; font-size: 27px; text-shadow: 1px 1px rgba(0,0,0,.5);}
h2 { margin: .6em 0 ; line-height:1.1em; font-size: 22px;}
h2.nomarginb { margin-bottom:0;}
h3 { line-height:100%; }
h1:first-letter {text-transform: uppercase}
h2 a { text-decoration: none; }
h3 a { text-decoration: none; }
h4 a { text-decoration: none;}
p {}
ul{ padding:0 0 0 15px; margin: 0 0 0 15px; }
ul li{ padding:0; margin-bottom: .5em;}
blockquote { background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #DDDDDD; margin: 0 0 1.5em; padding: 10px 14px;}
blockquote p { font-size: 1.2em; margin: 0;}
table {}
table th {}
table td {}
hr { width: 100%; height: 1px; margin: 8px 0;  }

/* ============================ časté vlastnosti ============================ */
.hid{ display: none; }
.blok { display: block; }
.blokradek { display: inline-block; }
.table { display:table; }
.tr { display:table-row; }
.td { display:table-cell; }
.vlevo,.left { float: left; }
.vpravo,.right { float: right; }
.cleaner { clear: both; width: 100%; height: 0px; display: block;}

.nalevo { text-align: left; }
.napravo { text-align: right; }
.nastred { text-align: center; }
.dobloku { text-align: justify; }
.line-top{ vertical-align: top; }

.bez-paddingu { padding: 0; }
.bez-marginu { margin: 0; }
.bez-ohraniceni { border: none; }
.pruhledne-pozadi { background: transparent none; }
.pozadi1x { background-repeat: no-repeat; }
.pozadileft { background: left center no-repeat; }
.pozadiright { background: right center no-repeat; }
.pozaditop { background: center top no-repeat; }
.pozadibottom { background: center top no-repeat; }
.pozadistred { background: center center no-repeat; }
.transparent { width: 100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);
               -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

.tucny  { font-weight: bold;}
.hubeny { font-weight: normal; }
.italika { font-style: italic }
.narovnany { font-style: normal; }
.podtrzeny { text-decoration: underline; }
.necarnuty { text-decoration: none; }
.preskrtnute {text-decoration: line-through; }
.mensi-pismo { font-size: .8em; }
.vetsi-pismo { font-size: 1.2em;  }
.pismo2x { font-size: 2em; }
.pismoUp { text-transform: uppercase; }
.prvniUp:first-letter { text-transform: uppercase; }

.kurzor-sipka { cursor: default; }
.kurzor-otaznik { cursor: help; }
.kurzor-ruka { cursor: pointer; }
.radius-maly {border-radius: 3px;}
.radius-stredni {border-radius: 5px;}
.radius-velky {border-radius: 8px;}

.hoverline {text-decoration: none;}
.hoverline:hover {text-decoration: underline;}

.bublifuk {border-bottom:1px dashed;text-decoration: none;}

/* ============================ časté vlastnosti per web ============================ */
.mainbarva{color:#D0123E;}
.secbarva{}
.tercbarva{}
.gbarva{color:#eee;}
.gbarvatext{color:#888;}
.mainbg{background-color:#D0123E; }
.secbg{}
.tercbg{}
.gbg{background-color:rgba(0,0,0,.2);}
.secfontsize{}
.tercfontsize{}

.chyba { font-weight: bold; margin: 20px 0; }
.hlaska { font-weight: bold; padding: 20px; background-color: #88dd88; color:#000;}
.tlacitko {border:0; cursor:pointer; text-align: center; background:url(/img/btn.png); background-size: auto 100%; color:#fff; text-decoration: none; font-size: 16px; padding: 1.0625em 1.5em; line-height: 1em; border-radius: 5px; display: inline-block; font-weight: bold; text-shadow: 1px 2px rgba(0,0,0,.5); }
.tlacitko:hover,
.tlacitko:active {}

.obalka-stranky{ height: auto; margin: 0 auto; position: relative; width:1100px; max-width: 100%; }

/* ============================ styly identifikované ============================ */

#graphics-container { position: absolute; left:0; top:0; height: auto; min-height:100%; width:100%;overflow:hidden; background: url(/img/top.jpg) center top no-repeat; }

/* ============================ Hlavicka ============================ */

#hlavicka {padding: 20px 0; }
#hlavicka > div > * {display: inline-block; vertical-align: middle; }
#hlavicka #logo { position:relative; margin: 0; width: 17%; text-align: left;}
#hlavicka #slogan { position:relative; width: 25%; margin:0; font-size: 18px; color:#000; margin: 0 1%; text-align: left; text-transform: lowercase; }

#kosik { text-align: right; margin-left: 6%; padding: 7px 1% 7px 5%; width: 10%; line-height: 24px; font-size: 16px; background: url(/img/icon_kosik.png) 7% center no-repeat; color:#000; text-decoration: none; border:1px solid #d2d2d2; border-left-width: 3px; border-right-width: 3px; }
#kosik:hover { text-decoration: underline; }

#vlajky { }
#vlajky a { display: inline-block; }

#telefon { font-size: 13px; width: 19%; text-align: left; }
#telefon p { margin:0;padding-left: 35px; line-height: 20px; background: url(/img/icon_phone.png) center left no-repeat; font-size: 19px; font-weight: bold; color:#003a6e; text-shadow: 0 1px #fff;}

/* Horizontalni menu v hlavicce */
#hlavicka #horizontalni-menu { position: relative; display: table; width:100%; clear: both; text-align: center; font-size: 15px; font-weight: bold; margin-top: 20px; }
#horizontalni-menu div { position: relative; display: table-cell; vertical-align: middle; }
#horizontalni-menu div.oddelovac { width:1px; padding:0; margin:0; background: rgba(222,59,77,.9); }
#horizontalni-menu a { display:table; text-decoration: none; width: 100%; color:#fff;background: rgba(220,18,41,.9);}
#horizontalni-menu a span { display:table-cell; text-decoration: none; padding: 1em .25em; vertical-align: middle; line-height: 20px; text-transform: uppercase;text-align: center;}
#horizontalni-menu div.active a,
#horizontalni-menu div a:hover { background: rgba(147,20,40,.9); }

/* ============================ Boxy a struktury ============================ */

#stranka{ text-align: left; padding: 20px 0 40px; background: #fff; min-height: 200px; background: url(/img/drevo_opakovane.jpg) center top;}
.uvodni #stranka{ padding: 60px 0 40px;background: url(/img/drevo_tmave.jpg) center top; }
#uvodnik {text-align: left; padding: 40px 0 25px; background: #fff; background: url(/img/drevo_svetle.jpg) center top; color: #3d3d3d;}
#uvodnik h2{ font-size: 19px; text-shadow: 0 1px #fff;}

#telo {  }
.uvodni #telo {float:left; width:67%;}
.shopni #telo {float:left; width:71%;}

#stred{ margin-top: 1em; line-height: 26px; }
#stred .anotace {  }

#stred p{ margin-bottom:1.3em; }
#stred blockquote p:last-child{ margin-bottom: 0; }
#stred p,#stred td{  }
#stred img {margin: 0 auto 0 auto;}
#stred p img,#stred td img { margin:0; }
#stred p img.left,#stred td img.left { margin-right: 15px; }
#stred p img.right,#stred td img.right { margin-left: 15px; }

ul.podkat { list-style-type:none; padding: 0; margin:-7px 0 0 0; }
ul.podkat li { width:28%; margin: 2%; line-height:120%; list-style-position: inside; overflow: hidden; border: 1px solid #eee; border-radius: 5px; display: inline-block;vertical-align: top;}
ul.podkat .pkfoto {display:block; height:140px; text-align: left; padding:12px 7%; position:relative; }
ul.podkat .pkfoto img {max-width: 100%; max-height: 100px; vertical-align: middle; margin: 40px 0 5px; padding:15px 0 0;}
ul.podkat li:hover {border: 1px solid #ccc; }
ul.podkat .posunute{ display:block;height:140px; line-height: 140px; text-align: right; max-width: 100%;}
ul.podkat .prekryv{ position:absolute; max-width: 100%;  text-decoration: underline; font-size: 1.2em; line-height: 1.5em;  }
ul.podkat.bezfoto li {padding: 0; }
ul.podkat.bezfoto li { margin:.75%; margin-left:0; margin-right: 1.5%; width: 30%; }
ul.podkat.bezfoto li a { padding: .65em 0;  display: block; text-decoration: none;}
ul.podkat.bezfoto .prekryv{ margin:0 .9em; position: relative; display: block; }

.fradek{ width:100%; margin: 10px 0;  }
.fradek .fotka{ display:inline-block; text-align: center; width: 25%; vertical-align: top; margin:5px 0; padding-bottom: 6px; }
.fradek .fotka img{ margin: auto; padding:2%; border: 1px solid #fafafa; max-width: 94%; margin-bottom: 2px;}
.fradek .fotka a{ margin:0; width: 100%;}
.fradek.prod .fotka{ width: 50% }

.file-link {list-style-type: none; padding-left: 0; margin-left: 0; max-width:700px; }
.file-link li { line-height: 1.2em;clear:both;border-bottom: 1px solid #eee;}
.file-link li a {width: 100%; display: block; text-decoration: none;padding: .9em 0;}
.file-link li a .tail { text-align: right; float:right;}
.file-link li a:hover .pod {text-decoration: underline;}
.file-link li img {vertical-align: middle; margin-right: 8px }

.vyhodova {width: 100%; text-align: left; font-size: 17px; font-weight: bold; }
.vyhodova td {vertical-align: middle;}
.vyhodova tr td:nth-of-type(1),.vyhodova tr td:nth-of-type(3) {width: 60px;}
.vyhodova tr td:nth-of-type(1) img,.vyhodova tr td:nth-of-type(3) img {background: rgba(0,0,0,.2); border-radius:20px; }

.skorotlacitko { font-size: 13px; line-height: 1em; padding: 1em 1.5em; text-decoration: none; cursor: pointer; border: 1px solid; border-radius:7px; display: inline-block; }
.skorotlacitko span {width:2em; margin-left: .5em; background: center center no-repeat; display: inline-block; vertical-align: top; height: 1em;}
#stranka .skorotlacitko{ color:#fff; border-color: #a09188;}
#stranka .skorotlacitko span{ background-image: url(/img/icon_arrow.png);}
#uvodnik .skorotlacitko{ color:#776355; border-color: #bdafa2; margin:10px 0 20px;}
#uvodnik .skorotlacitko span{ background-image: url(/img/icon_arrowtmave.png);}

#uvodnik .ref {display: inline-block; vertical-align: top; width:68.2%; margin-right:3.6%;  }
#uvodnik .ohlasy {display: inline-block; vertical-align: top; width:28.2%; margin-bottom: 15px; }
#uvodnik .ohlas {font-style: italic; line-height: 24px; }
#uvodnik .ohlas p.kdo {font-style: normal; font-weight: bold; font-size: 14px;}
#uvodnik .napulzerdi {width: 100%; max-width: 140px; height: 1px; background: #c8bfb5; margin:30px 0;}

/* Postranní sloupec */
#sloupec-pravy { width: 28%; float: right; height: auto; padding-top: 20px; }
#sloupec-levy { width: 24%; float: left; height: auto; padding-top: 20px; margin-right: 5%; }
.sloupec-box {height: auto; width:100% }
.sloupec-box.produktybox { background: rgba(255,255,255,.2); }

.sloupec-box.produktybox .prbox { border-top:1px solid rgba(255,255,255,.2); padding: .05px 0; }
.sloupec-box.produktybox .prbox:first-of-type { border-top:0; }
.sloupec-box .prbox > div { display: inline-block; vertical-align: middle; }
.sloupec-box .prbox .fotka { text-align: center; width: 35%; padding: 6px 4%; }
.sloupec-box .prbox .fotka img { max-height: 100px; }
.sloupec-box .prbox .text { width: 57%; padding: .5em 0; }
.sloupec-box .prbox .text p { color:#564236; margin: 0; font-size: 12px; }
.sloupec-box .prbox .text p.h2 { font-weight: bold; font-size: 20px; margin-bottom: .4em; margin-top: .25em;}
.sloupec-box .prbox .text p.h2 a { color:#333; text-decoration: none;}
.sloupec-box .prbox .text p.h2 a:hover { text-decoration: underline;}
.sloupec-box .prbox .text p.cena { color:#fff; font-size: 18px; margin-top: .6em; font-weight: bold; }
.sloupec-box.produktybox .tlacitko { margin: 30px 10%; padding-left: 0; padding-right: 0; text-align: center; display: block;}

#sloupec-levy p.h1{ font-weight: bold; padding-left: 10%; font-size: 20px; }

/*prvky seznamu*/
.kat {margin:0; padding:0; position:relative; width:100%; list-style-type: none; }
.kat li { margin:0; padding:0; width:100%; }
.kat li ul { list-style-type: none;margin:0; padding:0;  }
.kat li ul li{ }
.kat li ul li ul { list-style-type: none; }
.kat li ul li ul li { }
/*viditelnosti*/
.kat li ul { display:none; }
.kat li.viditelne ul { display: block; }
.kat li.viditelne ul li ul { display:none; }
.kat li.viditelne ul li.viditelne ul { display: block; }
/*obsah seznamu*/
.kat .js,
.kat .js2,
.kat .js3 { margin:0; padding:0; width:10%; display: inline-block; vertical-align: middle; text-align: center;}
.kat .js2 { width:15%; }
.kat .js3 { width:20%; }
.kat .empty { visibility: hidden; }
.kat .h2,
.kat .h3,
.kat .h4 {position: relative; padding:0; margin:0; display:inline-block; width: 90%; vertical-align: middle; }
.kat .h3 {width: 85%; }
.kat .h4 { width: 80%; }

.kat p a { line-height: 1.1em; padding: .5em 0; display:block;}
.kat li.viditelne ul p a {}
.kat li.viditelne ul li.viditelne ul p a {}

.kat li:hover p a,
.kat li.viditelne p a { }
.kat li.viditelne ul li:hover p a,
.kat li.viditelne ul li.viditelne p a { }
.kat li.viditelne ul li.viditelne ul li:hover p a,
.kat li.viditelne ul li.viditelne li.viditelne ul p a { }

.kat .table {width: 100%;}
.kat .table > span {display: table-cell;vertical-align: middle; }
.kat .table .pix { padding-right: .5em}
.kat .table .pix img { max-width: 72px;}

.kat li.shower a { padding: .5em 0; font-size: 1.5em; margin-bottom: 1em; display: block; }

/* ============================ Modul slider ============================ */

.pozslider { width:100%; padding: 0; clear:both; background: #fff; position: relative;  }
.slider { width:100%; position:relative; }

.slider .navigace {  width:100%; text-align: center; position: absolute; bottom: 20px; }
.slider .navigace a { width: 14px; height: 14px; margin:0 3px; display: inline-block; background:rgba(255,255,255,.3);}
.slider .navigace .aktualni {background:#fff}
.slider .bx-window {overflow:visible!important;}

.slider .vnitrek{ display: block; width: 200%; position: relative; text-align: center;  }
.slider .vnitrek .sizer{ width: 1100px; max-width: 50%;  }
.slider .vnitrek .poser{ padding-top: 42.73%; position: relative;}
.slider .vnitrek img { position: absolute; bottom:-14%; right:-5.64%; max-width:44.55%; }
.slider .vnitrek .text { text-align: left;  position: absolute; top: 4.5%; left:0; max-width: 58.2%;font-weight: bold; overflow: hidden; max-height: 63%;}
.slider .vnitrek .text p { font-size: 64px; line-height: 85px; color:#fff; text-transform: uppercase; margin:0; text-shadow: 3px 3px 7px rgba(0,0,0,.33); }
.slider .vnitrek .text p.spodline { font-size: 43px; line-height: 59px; margin-top: 9px; text-shadow: 2px 2px 5px rgba(0,0,0,.33); }
.slider .vnitrek .tlacitko { font-size: 20px; padding: 1.25em 2em; position: absolute; bottom:14%; left: 0; }
.slider #slider1 { position:relative; padding-bottom: 21.4%; }
.slider .stitek { text-align: left;background: url(/img/icon_doprava.png) 30px center no-repeat #6ba21c; padding: .81em 40px .81em 100px; color:#fff; text-transform: uppercase; font-weight: bold; line-height:22px; font-size:16px; text-shadow: 1px 1px rgba(0,0,0,.25); box-shadow: 0 0 2px rgba(255,255,255,.25); border-radius: 35px 0 0 35px; position: absolute; right:29%; bottom: 30%; width: 7em; }

#produkt .bx-next {float:right;margin: 10px 0 20px;}
#produkt .bx-prev {float:left;margin: 10px 0 20px;}

/* ============================ Drobeckova navigace ============================ */

.drobeckova { line-height: 1.2em; color:#ccc; padding: 0 0 .5em; font-size: 15px;}
.drobeckova a {color:#ccc; }
.drobeckova .odkaz { padding:0 ; margin:0 10px 0 0;}

/* ============================ E-shop / Produkty ============================ */

/* Produkty */
.produkty { margin-top:1.5em; width: 104%; }
.produkty .produkt { position:relative; width: 30%; margin-right: 3%; margin-bottom: 8px; text-align: center; display: inline-block; vertical-align: top; }
.produkty .zabal { border: 1px solid rgba(0,0,0,.5); padding-bottom: .5em; }
.produkty .h3 {height:5.5em; line-height: 1.1em; overflow:hidden; margin-bottom:0; padding: 0 2em;  }
.produkty .fotka { height: 190px; line-height: 190px; margin: auto; width:100% }
.produkty .fotka a { margin: auto; }
.produkty .fotka img { vertical-align: middle; }
.produkty .popis { padding: .5em 2em; line-height: 1em; height:3em; overflow: hidden; text-align: center; }
.produkty .nalevo { float: left; width:45%; text-align: left; margin-left:2%; }
.produkty .nalevo .sklad {min-height: 1em}
.produkty .nalevo .cena { position:relative; margin:0; padding:0; }
.produkty .nalevo .sleva { text-decoration: line-through; font-size: .8em;}
.produkty .produkt .tlacitko { margin-right: 2%; margin-top: 1em; }

.produkty .v2 {width: 99%; margin: 0 0 19px;}
.produkty .v2 .zabal {display: table; width: 94%; padding-right: 2%; background:none; }
.produkty .v2 .blox {display: table-cell; vertical-align: middle;text-align: left; }
.produkty .v2 .fotka {width:75px; height: 100%; line-height: 1em;min-height: 90px; text-align: center; background: none;}
.produkty .v2 a.h3 {text-decoration: none; font-weight: bold;font-size: 13px; padding: 0 3%; width: 35%; overflow: hidden;}
.produkty .v2 a.h3:hover {text-decoration: underline;}
.produkty .v2 .cena { text-align: right; padding: 0 1%; width: 18%; }
.produkty .v2 .sklad { padding: 0 1.25%; text-align: center; width: 18%; }
.produkty .v2 .sklad.ok {}
.produkty .v2 .tl {padding: 24px 1.25% 25px; text-align: center;}
.produkty .produkt.v2 .tlacitko {}

#spodniCompare {position: absolute; top: 100%; right: 0; width: auto;padding: 1em 2.5em 1em 1em; border: 1px solid #fff; text-align: left; white-space: nowrap;background: #421; z-index: 10; }
#spodniCompare .link {}
#spodniCompare .x { position: absolute; right: 1em; top:1em; }

#vlezleCompare {position: relative; width: 100%; box-sizing: border-box; padding: 3em 1em 1em; border: 1px solid #ddd; text-align: left; white-space: nowrap; }
#vlezleCompare .link { position: absolute; right: 1em; top: 1em;}
#vlezleCompare > div { display: inline-block; width: auto; margin: .5em 2em 0 0; }
#ComplinkPH { display: none; }

.filtrForm {height:auto; padding: 10px; padding-top:7px; margin-top: 16px; position:relative; }
.filtrForm h4 { padding-top: 6px; margin-top :0; }
.filtrForm div.cbox {display: inline-block; vertical-align: top; width: auto; margin-right: 3%; width: 22%;overflow: hidden; margin-top: 6px;white-space: nowrap;}
.filtrForm div.cbox a { display: inline-block; white-space: normal; vertical-align: text-top; max-width: 80%; }
.filtrForm div.cbox input { vertical-align: text-top;}
.filtrForm div.Z {width:30%}
.filtrForm .f1 {float:left; width: 11%; height :100%}
.filtrForm .f2 {float:left; width: 78%; }
.filtrForm .f3 {float:left; width: 11%; height:35px; margin: auto; vertical-align: middle; position: absolute; top:50%; margin-top:-17px; right:1%}
.filtrForm .f3 .tlacitko{padding-left: 1em; padding-right: 1em;}
.filtrForm .jslider { width:60%; top:.9em; margin-left: 2%; }
.filtrForm .jslider .jslider-value {font-size: 12px; background: none transparent;}

.paging {margin: 1em; text-align: right; font-size: 1.1em;}
.paging a,.paging .a{ margin: 0 .25em; }
.paging .curpage{ font-weight: bold; }

.radzalozky {  border-bottom: 1px solid rgba(0,0,0,.5); padding-right: 6em; }
.radzalozky .zalozka { float: left; border: 1px solid rgba(0,0,0,.5); border-bottom: 0; border-radius: 2px 2px 0 0; line-height: 2em }
.radzalozky .zalozka * { display: block; padding: 0 20px; }
.radzalozky .zalozka a { color:#fff; }
.radzalozky .hid { display:none}

.prepinace {position: absolute; right: 2%; margin-top: -1.5em; font-size: 24px; line-height:1.1em;}
.prepinace .prepinac {margin-left: 6px;display: inline-block; vertical-align: middle; width: 26px; height: 26px; background: center center no-repeat; }
.prepinace .prepinac img { vertical-align: middle;  }
.prepinace .hid { display:none}
.prepinace.posun {position: relative; margin-top: 1em; float: right }

/* Produkt */
#produkt{}
#produkt .fotosloupec {width: 58%; display: inline-block; vertical-align: top; position: relative; float: left;}
#produkt .fotosloupec .stitky {position: absolute; top:0; left:0;}
#produkt .fotosloupec .stitky p {margin: 10px 0;}
#produkt .fotka-hlavni { text-align: center; white-space: nowrap; line-height: 250px; height: 252px; }
#produkt .fotka-hlavni img { vertical-align: middle;}
#produkt .fotocontainer { position: relative; padding: 2px 5%; }
#produkt .fotoinner { position: relative; }
#produkt .fotoinner a { width: 23%; margin:0 1%; white-space: nowrap; display: inline-block; height: 77px; line-height: 75px; text-align: center; }
#produkt .fotoinner a img { vertical-align: middle; }
#produkt .fotoinner .borderer { width: 100%; height: 75px; display: block;}
#produkt .fotoinner img { vertical-align: middle;}
#produkt .fotocontainer .bx-prev,#produkt .fotocontainer .bx-next{ position: absolute; left:-5%; top:0; display: block; text-align: center; line-height: 77px; height: 77px; width: 5%; white-space: nowrap; margin:0; }
#produkt .fotocontainer .bx-next{ left:auto; right:-5%; }
#produkt .fotocontainer .bx-prev img,#produkt .fotocontainer .bx-next img { vertical-align: middle; }
#produkt .fotocontainer .fragment { text-align: center; }
#produkt .vpravo { display: inline-block; width: 38.4615%; }
#produkt .vpravo .radek { border-bottom: 1px solid rgba(0,0,0,.5); padding: 6px 2%; }
#produkt .vpravo fieldset .radek { padding: 6px 0; }
#produkt .vpravo .radek label { width: 40%; display: inline-block; vertical-align: middle; color:#fff; }
#produkt .vpravo .radek span { width: 60%; display: inline-block; vertical-align: middle; }
#produkt .vpravo .cradek {width: 100%; text-align: right;}
#produkt .vpravo #procentaDiv {float:left; padding: .5em 1em; width: auto; text-align: left; font-weight: bold; color:#fff}
#produkt .vpravo #staracenaDiv,#produkt .vpravo #bezDPHDiv {color:#fff; margin-top:1.5em}
#produkt .vpravo #staracenaDiv {text-decoration: line-through;}
#produkt .vpravo #cenaDiv {margin-top: 1.25em}
#produkt .vpravo #cenaDiv #cena,#produkt fieldset #summall {font-size: 2em; font-weight: bold; white-space: nowrap; vertical-align: middle; margin-left: 10px;}
#produkt .vpravo #cenaDiv .mensi { font-size: .8em; color:#aaa; }
#produkt fieldset { border:0; padding: 18px 1%; margin: 1.5em 0 0; text-align: right}
#produkt fieldset.uzsi { padding: 18px 5%;}
#produkt fieldset .omezovac { width: 45%; display: inline-block; vertical-align: top; margin: 0 2.5%;}
#produkt fieldset .radek { margin-bottom: 15px; text-align: left }
#produkt fieldset .cradek { margin-bottom: 20px;}
#produkt fieldset label { width: 40%; display: inline-block; vertical-align: middle; color:#777; }
#produkt #bvarianta {vertical-align: middle; display: inline-block;}
#produkt fieldset .cradek span{ text-align: right; }
#produkt fieldset .cradek.mensi { color:#aaa; margin-top: -10px; }
#produkt fieldset select { width: 60%; display: inline-block; vertical-align: middle; padding: .5em 0; }
#produkt fieldset .input { width: 30%; display: inline-block; vertical-align: middle; text-align: left }
#produkt fieldset .input input { height: 2em; max-width: 66%; }
#produkt fieldset button { width: 65%; margin-left: 5%; display: inline-block; vertical-align: middle; padding-top: .5em; padding-bottom: .5em;}
#produkt .moznosti {margin: 10px 0; border: 1px solid #eee; border-bottom: 0; }
#produkt .moznost {  border-bottom: 1px solid #eee; display: table; width: 100%; height: 60px; cursor: pointer}
#produkt .moznost span, #produkt .moznost a { display:table-cell; vertical-align: middle }
#produkt .moznost .cena { width: 20%; text-align: center;}
#produkt .moznost a { width: 15%; text-align: center; }
#produkt .moznost .forimg { width: 14.5%; text-align: center; }
#produkt .moznost .forimg.b { width: 12%;  }
#produkt .moznost .forimg img { max-width: 80%; max-height: 60px; text-align: center; }
#produkt .moznost .pcast { display: table-cell; width: 9%; vertical-align: middle;text-align: center; border-left: 1px solid #eee; }
#produkt #zalozky {margin: 1.5em 0;}
#produkt .social-likes{margin-top: 1em;}


.stitky { position:absolute; width: auto; left:0; top:90px; text-transform: uppercase; text-align: center; line-height: 35px; font-size: 17px; width:55%; font-weight: bold;  }
.stitky a,.stitky span{ display: block; margin-bottom: .5em; text-decoration: none; color:#fff; }
.stitky .akce { background: #4ca8d8; }
.stitky .novinka { background: #6f9c18; }
#produkt .stitky {top:10px; width: 30%;}

a.more { margin:auto;}

/* Kosik */
#kos {  }
#kos .tabulka { width: 98%; padding-top: 10px; margin-bottom: 30px; }
#kos .tabulka thead th { height: 25px;  text-align: center; padding: 0 10px; background-color: rgba(0,0,0,.5);}
#kos .tabulka thead th.p1 { text-align: left;}
#kos .tabulka td { height: 60px;  vertical-align: middle; text-align: center }
#kos .tabulka td.odkazova { text-align: left }
#kos .tabulka td.cenova { text-align: right }
#kos .tabulka td.inputovka { white-space: nowrap; }
#kos .tabulka td img { max-height: 60px; max-width: 60px; }
#kos .odeslat { width: 169px; height: 35px; margin-left: 0px; margin-top: 0px; display: block; }
#kos form a.plusminus { background-color: rgba(0,0,0,.5); display:inline-block; width:20px; height: 20px; line-height: 20px; text-decoration: none; color:#fff; }
#kos form input.mnozstevni {}
#kos .tlacitko { display:inline-block; vertical-align: middle; float:right; margin-right:36px;}
#kos .prepocitat { width:100px; float:right; margin-right:36px; padding: 1em; }
#kos .zpet { float:left; padding:1em 0; }

#kos.addrz .tabulka td{ border-bottom: 1px solid #eee; padding: .5em 0; height:auto;}

/* Objednavka */
#objednavka{ margin: 20px 0;  }
#objednavka #tab {display: table; width: 100%; }
#objednavka .adresa{ width: 50%; display: table-cell; vertical-align: top; }
#objednavka .adresa label { width: 45%; display: inline-block; }
#objednavka .adresa input[type=text],
#objednavka .adresa select { width: 45%; }
#objednavka .dodatky{ width: 100%; display: block;  }
#objednavka .dodatky label { width: 22.5%; display: inline-block; }
#objednavka .dodatky input[type=text],#objednavka .dodatky textarea { width: 40%; }
#objednavka .dodatky textarea { vertical-align: top; }
#objednavka table.summary { width: 95%; padding-top: 10px; margin-bottom: 30px; }
#objednavka button { margin-top: 16px; }

#regtab p > label:first-child {width:20%; display:inline-block;}
#regtab.mensilabel p > label:first-child {width:13%;}
#regtab p > input[type=text],#regtab p > input[type=password] {width: 40%;}
#regtab p > input[type=checkbox] {vertical-align: middle;}
#regtab p > input[type=checkbox]+label {width: 60%;vertical-align: middle;}
#regtab p {margin: 6px 0;}
#regtab .post {display: none;}

.roztaznik {min-width: 100%; overflow:auto;}
.roztaznik table {width: 100%;}
.roztaznik thead td,.roztaznik td {padding: .5em 1em; text-align: center; vertical-align: middle; border:1px solid #ddd; border-top: 0; border-left: 0;}
.roztaznik thead td {border-top: 1px solid #ddd;}
.roztaznik .info {text-align: left;border-left: 1px solid #ddd;background: rgba(0,0,0,.2);}
.roztaznik .info,.roztaznik thead td {font-weight: bold;background: rgba(0,0,0,.2);}
.roztaznik .info.center {text-align: center;}
.roztaznik tbody tr:nth-child(even) td{background: rgba(0,0,0,.1);;}
.roztaznik tbody tr:nth-child(even) td.info { background: rgba(0,0,0,.2);}
.roztaznik .wpic { border:0; background: transparent; vertical-align: middle;}

/* ============================ Kontaktní formulář ============================ */
.kontaktform #mailform { padding: 20px; margin: 5px 0;}
.kontaktform #mailform input[type=text] {width: 100% }
.kontaktform #mailform input[type=submit] {margin-top:15px }
.kontaktform #mailform textarea { width: 100%}
.kontaktform #mailform label { width: 100%}
.kontaktform #mailform .post {display: none}
.kontaktform #mailform .frmhlaska { margin:0 0 15px 0; font-size: 1.3em; font-weight: bold}
.kontaktform #mailform .vlevo {width:45%;}
.kontaktform #mailform .vpravo {width:45%; }
.kontaktform { text-align: left; width: 60%}

.nwform .post{display:none;}

/* ============================ Paticka ============================ */

#paticka { padding: 45px 0 15px; color:#fff; font-size: 15px; line-height: 26px; background: #6b5547;}
#paticka .table {width: 100%;}
.quart {display:table-cell; vertical-align: top; text-align: left;}
.quart p {margin: 0 0 4px;}
.quart a {color:#fff; text-decoration: none;}
.quart a:hover {text-decoration: underline;}
.quart img.left {margin-right: 22px; }
.quart.sec {font-size: 17px; font-weight: bold;}
.quart.sec img.left {margin-right: 5px; vertical-align: middle; float:none;}
.quart .eu {font-size:12px; text-transform:uppercase; line-height: 1.33em;}

#paticka-vnitrek { display:block; margin: auto; text-align: right; padding-top: 35px; font-size: 13px; color:#fff;}
#paticka-vnitrek a { }



/* ============================ Responzivita ============================ */


@media (max-width: 1099px) {
   .obalka-stranky {width: 96%; margin: 0 2%}
   #hlavicka #slogan {display:none;}
   #hlavicka #logo {width: 26.1%}
   #kosik {width:19.8%}
   #telefon {width: 24.5%;}
   #sloupec-pravy {width: 32%; margin-right: 1%;}
   #sloupec-levy {width: 30%; margin-left: 1%;margin-right: 3%;}
   .uvodni #telo,.shopni #telo {width:65%; margin-left: 1%; }
   .produkty .produkt { width:46%; }
   .produkty .produkt.v2 {width: 100%; }
   .slider .stitek {display: none}
   .slider .vnitrek .text p { font-size: 42px; line-height: 60px; text-shadow: 2px 2px 5px rgba(0,0,0,.33); }
   .slider .vnitrek .text p.spodline { font-size: 28px; line-height: 35px; margin-top: 7px; text-shadow: 1px 1px 3px rgba(0,0,0,.33); }
   .slider .vnitrek img { right:3%; max-width:33%; }
   .slider .vnitrek .poser { padding-top: 33%; }
   .slider #slider1 { padding-bottom:16.5%; }
}

@media (max-width: 999px) {
   #hlavicka #horizontalni-menu, #horizontalni-menu div {display:block;}
   #stred .fradek .fotka{ width: 33% }
   #paticka .table {display: block;}
   .quart {display:inline-block; width: 31%; margin: 1em 1%; }
   .quart.peu { width: 31%; }
   .quart.eueu { width: 65%;}
   .kontaktform { width: 70%}
}

@media (max-width: 755px) {
   #hlavicka #logo,#kosik,#telefon,#vlajky {width: 48%; box-sizing: border-box; -moz-box-sizing: border-box; margin:0 1%;}
   #vlajky {text-align: left; padding-left: 2em;}
   #kosik {padding-left: 55px;}
   .slider {display: none}
   #sloupec-pravy,#sloupec-levy,.uvodni #telo,.shopni #telo,#telo {float:none; width:98%; margin: 0 1%;}
   #uvodnik .ref,#uvodnik .ohlasy {width:100%; margin-right:0;  }
   .kontaktform { width: 80%}
   .neuvodni .hider {display: none!important;}
   .uvodni .shower{display: none!important;}
   .shider {display:none!important;}
}

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

@media (max-width: 620px) {
   .filtrForm .f1 { width: 15%; }
   .filtrForm .f2 { width: 74%; }
   .filtrForm div.cbox {width: 30%;}
   .filtrForm .jslider { width:70%;}
}

@media (max-width: 590px) {
   ul.podkat li { width:45%; }
   ul.podkat.bezfoto li { width:47%; }
   #objednavka #tab {display: block; }
   #objednavka .adresa{ width: 100%; display: block; }
   #objednavka .dodatky label { width: 45%; }
   #objednavka .dodatky input[type=text],#objednavka .dodatky textarea { width: 45%; }
   #zalozky .radzalozky .zalozka {width: 49%; text-align: center; border: 1px solid #eee;}
   #zalozky .radzalozky .zalozka * {padding:0;}
   #zalozky .radzalozky {border:0;}
   .quart,.quart.peu { width: 48%; }
   .quart.eueu { width: 98%;}
   .kontaktform { width: 90%}
}

@media (max-width:500px) {
   .produkty .produkt {width: 95%; margin: 8px auto;}
}

@media (max-width:470px) {
   #hlavicka #telefon {display:none;}
   #kosik {width: 98%; margin-top:10px;}
   #stred .fradek .fotka{ width: 50% }
   ul.podkat .pkfoto {height: auto;}
   ul.podkat .pkfoto .prekryv {position: relative;}
   ul.podkat .pkfoto .posunute {display: none;}
   .filtrForm .f1 { width: 20%; }
   .filtrForm .f2 { width: 65%; }
   .filtrForm .f3 { width: 15%; }
   .filtrForm div.cbox {width: 47%;}
   .filtrForm .jslider { width:80%;}
   .produkty .v2 .blox{ clear:both;}
   .produkty .v2 .blox{ display: inline-block; height:50px; margin-top: 0; margin-bottom: 0;}
   .produkty .v2 .fotka{ display: none; }
   .produkty .v2 a.h3{ width: 100%; padding-top: 20px }
   .produkty .v2 .cena{ width: 25%; }
   .produkty .v2 .sklad{ width: 25%;}
   .produkty .v2 .tl{ padding-top: 0; padding-bottom: 15px; height: auto;}
   #produkt .fotosloupec { width: 100%;}
   #produkt .vpravo { float:none;width: 100%;}
   #produkt .resphid,#produkt .social-likes { display:none;}
   #zalozky .radzalozky .zalozka {width: 49%; text-align: center; border: 1px solid #eee;}
   #zalozky .radzalozky .zalozka * {padding:0;}
   #zalozky .radzalozky {border:0;}
   #kos .resphide {display: none;}
   #kos .prepocitat {margin-right: 0;}
   .vyhodova,.vyhodova tr,.vyhodova td {display: block;}
   .vyhodova tr td:nth-of-type(1),.vyhodova tr td:nth-of-type(3) {width: auto;display: none;}
   .kontaktform { width: 100%}
   .kontaktform #mailform .vlevo { width:90%; }
   .kontaktform #mailform .vpravo { width:90%; float:left;}
}

@media (max-width:400px) {
   .quart,.quart.peu { width: 98%; }
}