* {
  margin: 0;
  padding: 0;
}
body {
  font: 100%/1.5 sans-serif;
  background: #f4f4f4;
  width: 100%;
}
#wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
  background: #e8e8e8
}
#q1 {
  margin: 0 auto;
  height: 89px;
  position: relative;
  background: transparent;
}
    #q1 #hadex-home {
        position: absolute;
        width: 262px;
        height: 73px;
        cursor: pointer;
        background: url('/img/new-logo-hadex-262x73.png');
    }
    #q1 form {
        position: absolute;
        padding: 0;
        padding-left: 42px;
        background: black url('/img/new-lupa.png') 0 50% no-repeat;
        border: 1px solid black;
    }
#q1 form input[type="text"] {
  padding: 3px;
  margin: 0;
  font-size: 1.3em;
  font-weight: normal;
  border: 0;
}
#q1 form input[type="submit"] {
  padding: 0.1em 0.5em;
  margin: 0;
  font-size: 1.3em;
  border: 0;
  background: black;
  color: white;
}
    #q1 #jakHledat {
        position: absolute;
    }
#q1 a {
  font-size: 90%;
  font-weight: bold;
  color: black;
}
#q1 a:hover {
  color: #DA251D /* #1F1A17 */;
}
#q1 #jakHledat a {
  font-size: 75%;
  font-weight: normal;
}
    #q1 a#qkos {
        display: block;
        width: 50px;
        height: 50px;
        position: absolute;
    }
    #q1 a#qlogin {
        display: block;
        position: absolute;
        width: 150px;
        text-align: right;
        overflow: hidden;
    }
    #q1 #quser {
        position: absolute;
        width: 250px;
        text-align: right;
        line-height: 1.2;
        overflow: hidden;
    }
#header {
  border-bottom: 4px solid transparent;
}
#header #nav {
  border-top: 4px solid white;
}
#header #nav,
#header #mainkod {
  font: 80%/1.2 sans-serif;
}
#header #nav ul,
#header #mainkod ul {
  list-style-type: none;
  background-color: rgb(26, 20, 116);
  height: 27px;
}
#header #nav li {
  float: left;
  width: 166px;
  height: 27px;
  text-align: center;
}
#header #nav li a {
  display: block;
  width: 165px;
  height: 27px;
  text-decoration: none;
  font-weight: bold;
  line-height: 2.3;
  color: white;
  background-color: rgb(26, 20, 116);
  border-right: 1px solid white;
}
#header #nav li a.akt {
  color: #DA251D;
}
#header #nav li a.last {
  border-color: rgb(26, 20, 116);
}
#header #nav li a:hover {
  background-color: #DA251D;
}
#header #mainkod li {
  float: left;
  height: 2em;
  text-align: center;
}
#header #mainkod li a {
  display: block;
  height: 2em;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.8;
  color: #ffffff;
  background-color: #DA251D;
  border-right: 1px solid #4e7795;
}
#header #mainkod li a.akt {
  color: #1F1A17;
}
#header #mainkod li a.last {
  border-color: #DA251D;
}
#header #mainkod li a:hover {
  color: #1F1A17;
}
#section {
  clear: both;
  font: 80%/1.5 sans-serif;
  background: transparent url('/img/new-leftend3.png') 0 0 repeat-y;
  color: #6e6e6e;
  position: relative;
}
#section p,
#section dl,
#section table {
  margin: 0.5em 0.1em 0.6em;
  color: #4f4f4f;
}
#section dd {
  margin-bottom: 0.5em;
  padding-left: 1em;
  font-weight: bold;
}
#section hr {
  margin-top: 1em;
  background-color: #6e6e6e;
  height: 1px;
  border: 0;
}
#section a {
  color: #1F1A17;
}
#section a:hover {
  color: #DA251D;
}
#section a:hover img {
  border-color: #DA251D;
}
#section a img {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-style: solid;
/*
  border-width: 0 0 3px;
*/
  border-width: 0;
  border-color: #1F1A17;
}
#section h1,
#section h2,
#section h3,
#section h4 {
  margin-top: 0.8em;
  padding-left: 18px;
  background: url('/img/vaz.jpg') left center no-repeat;
  font-family: sans-serif;
  color: #6e6e6e;
}
#section h1 {
  padding-left: 0;
  background: transparent;
  text-align: center;
}
#section table {
  font-size: 100%;
  border-collapse: collapse;
}
#section table td,
#section table th {
  padding: 0.3em;
  border-style: solid;
  border-width: 1px 0;
  border-color: #6e6e6e;
  background: white;
}
#section table th {
  border-color: #000000;
  text-align: center;
  color: #000000;
  background-color: #efefef;
}
#section table th.right {
  text-align: right;
}
#section table.w100pc {
  width: 100%;
}
#section table.tblzbozi {
  font-size: 85%;
}
#section table.tblzbozi th,
#section table.tblzbozi td {
  border-left-style: dotted;
  border-left-width: 1px;
  border-right-style: dotted;
  border-right-width: 1px;
  color: black;
}
#section table.tblzbozi th {
  color: #4f4f4f;
  background-color: #e8e8e8;
}
#section table.tblzbozi th.right {
  text-align: right;
}
#section table.tblzbozi th a {
  font-size: larger;
}
#section table.tblzbozi td.even {
  background-color: #efefef;
}
#section table td.cena {
  font-size: 110%;
  font-weight: bold;
}
#section table.tblzbozi td.cena {
  font-weight: normal;
}
#section form {
  margin: 0.5em 0.1em;
}
#section form .errform {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0.5em;
  background: #fbadad;
  color: #000000;
}
#section form fieldset {
  margin-top: 10px;
  padding: 5px 10px;
  border: 1px solid;
  border-color: #6e6e6e #000000 #000000 #6e6e6e;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #e8e8e8;
}
#section form legend {
  margin-left: 5px;
  padding: 0.1em 0.5em;
  border: 1px solid #6e6e6e;
  background-color: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font: bold 90%/1.5 sans-serif;
}
#section form.formular label {
  display: block;
  float: left;
  padding: 0.3em 0.4em 0.1em 0.1em;
  text-align: right;
  width: 40%;
  color: #000000;
}
#section form.formular label.w100 {
  width: 100px;
}
#section form.formular label.w200 {
  width: 200px;
}
#section form.formular label.w10p {
  width: 10%;
}
#section form.formular label.w20p {
  width: 20%;
}
#section form.formular label.w30p {
  width: 30%;
}
#section form.formular label.w50p {
  width: 50%;
}
#section form.formular input,
#section form.formular textarea,
#section form.formular select {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0.2em 0.3em;
  margin: 0.2em 0.1em;
  border: 1px solid;
  border-color: #000000 #6e6e6e #6e6e6e #000000;
  color: #4f4f4f;
}
#section form.formular input.tlacitko,
#section form.formular textarea.tlacitko,
#section form.formular select.tlacitko,
#section form.formular input.butt,
#section form.formular textarea.butt,
#section form.formular select.butt,
#section form.formular input.butt-blt,
#section form.formular textarea.butt-blt,
#section form.formular select.butt-blt {
  border-color: #6e6e6e #000000 #000000 #6e6e6e;
  background-color: #1F1A17;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
}
#section form.formular input.butt,
#section form.formular textarea.butt,
#section form.formular select.butt {
  background-color: #ffffff;
  color: #4f4f4f;
}
#section form.formular input.butt-blt,
#section form.formular textarea.butt-blt,
#section form.formular select.butt-blt {
  background-color: #DA251D;
  color: white;
}
#section form.formular input.xx,
#section form.formular textarea.xx,
#section form.formular select.xx {
  background-color: #ff0000;
}
#section form.formular input:focus,
#section form.formular textarea:focus,
#section form.formular select:focus {
  border: 1px solid #1F1A17;
}
#section form.formular input.nopm,
#section form.formular textarea.nopm,
#section form.formular select.nopm {
  margin: 0;
  padding: 0;
}
#section form.formular .bgred,
#section form.formular input.bgred:focus,
#section form.formular textarea.bgred:focus,
#section form.formular select.bgred:focus {
  background: #fbadad;
}
#section form.cart div {
  white-space: pre;
  display: inline;
}
#section form.cart input,
#section form.cart textarea,
#section form.cart select {
  padding: 1px;
  margin: 1px;
  display: inline;
}
#section ul {
  margin-left: 1em;
}
#section img.shadow {
  box-shadow: #6e6e6e 0px 0px 5px;
  margin: 5px;
}
#section abbr,
#section acronym {
  cursor: help;
}
#section #chyba,
#section #ok,
#section #varovani,
#section .varovani {
  margin: 10px;
  padding: 10px;
  text-align: center;
  color: #ffffff;
  background: #ff4040;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#section #varovani p a,
#section .varovani p a {
  color: #ffffff;
  text-decoration: underline;
}
#section #varovani p a:hover,
#section .varovani p a:hover {
  color: #000000;
}
#section #chyba h2,
#section #ok h2,
#section #varovani h2,
#section .varovani h2 {
  margin: 0 10px 5px;
  padding: 0;
  font-size: 130%;
  font-weight: bold;
  color: #ffffff;
  background: transparent;
}
#section #chyba p,
#section #ok p,
#section #varovani p,
#section .varovani p {
  margin: 3px 10px;
  padding: 0;
  color: #ffffff;
  text-shadow: #000000 0px 0px 5px;
}
#section #ok {
  background: #30bf30;
}
#section #varovani,
#section .varovani {
  background: #ff7400;
}
#section div.main-page #chyba,
#section div.main-page #ok {
  width: 550px;
}
#section div#sidebar {
  padding-top: 10px;
  float: left;
  width: 250px;
  background: #b9b9b9;
}
#section div#sidebar div#dd-menu {
  padding-top: 10px;
  font: 95%/1.4 sans-serif;
  color: black;
}
#section div#sidebar div#dd-menu form {
  margin-top: 0;
  text-align: center;
}
#section div#sidebar div#dd-menu form div {
  padding-top: 2px;
}
#section div#sidebar div#dd-menu form input.tlacitko {
  font-size: 100%;
  padding: 0;
  border-color: #ffffff #cacaca #cacaca #ffffff;
}
#section div#sidebar div#dd-menu ul {
/* 20161121
  margin-left: 3px;
*/
  padding-bottom: 0px;

  margin-left: 0;
  list-style-type: none;
}
#section div#sidebar div#dd-menu ul li {
  margin-left: 0px;
/* 20161121
  padding-left: 6px;
  */
/*  letter-spacing: 0.2px;  */
letter-spacing: 0.05px;
/*
  background: url('/img/hr.png') -2px -2px no-repeat;
*/
}

#dd-menu ul > li {
  background: linear-gradient(180deg, white 0%, #b9b9b9 30px);
  height: 30px;
  line-height: 30px;
}
#dd-menu ul > li.active {
  height: auto;
}
#dd-menu ul li ul li {
  background: transparent;
  height: auto;
  line-height: 1.5;
}

#section div#sidebar div#dd-menu ul li.plus {
/*
  background: url('/img/plusik.gif') -2px -2px no-repeat;
*/
}
#section div#sidebar div#dd-menu ul li.minus {
/*
  background: url('/img/minus.gif') -2px -2px no-repeat;
*/
}
#section div#sidebar div#dd-menu ul li ul {
  padding-bottom: 2px;
}
#section div#sidebar div#dd-menu b {
  color: black;
}
/*
#section div#sidebar div#dd-menu ul li ul li {
  background: url('/img/hr.gif') -2px -2px no-repeat;
}
*/
#section div#sidebar div#dd-menu a {
  color: black;
  text-decoration: none;
}
#section div#sidebar div#dd-menu a:hover {
  color: rgb(26, 20, 116) !important;
  text-decoration: underline;
}
#section div#content {
  float: left;
  padding-left: 10px;
  width: 730px;
}
#section div#content div.drobecky {
  padding: 0.5em 1em;
  font-size: 90%;
  background: url('/img/bkgright2.jpg') left bottom repeat-x;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
#section div#content div#koscesta {
  margin: 1em 0 0;
/*  padding: 1em 0 0;
*/
  font-size: 110%;
}
#section div#content div#koscesta ul {
  margin: 0;
  list-style-type: none;
  padding-bottom: 2px;
  display: table;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#section div#content div#koscesta li {
  display: table-cell;
/*  float: left;
*/
  line-height: 1.3;
  vertical-align: middle;
  height: 3em;
  text-align: center;
  background: #e8e8e8;
  color: #404040;
}
#section div#content div#koscesta li.akt {
  font-weight: bold;
  color: #333333;
  background: #d2d2d2 url('/img/arrow-right.png') right center no-repeat;
}
#section div#content div#koscesta li.passed,
#section div#content div#koscesta li.passedfont {
  color: #666666;
  text-shadow: #ffffff 1px 1px 0px;
}
#section div#content div#koscesta li.passed {
  background: #d2d2d2;
}
#section div#content .hilite {
  padding: 1em;
  background-color: #efefef;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#section div#content div#main-rbar {
  top: 0;
  right: 0;
  width: 176px;
  margin: 0 !important;
  padding: 0 !important;
background: #b9b9b9;
}
#section div#content div#main-rbar p,
#section div#content div#main-rbar h1 {
  margin: 0;
  padding: 0;
}
#section div#content div#main-rbar h1 {
  width: 100%;
  height: 2.2em;
  font-size: 120%;
  line-height: 2.2;
  color: #ffffff;
  background: #DA251D url('/img/nab.png') 8px 0em no-repeat;
}
#section div#content div#main-rbar div.rbbkshad {
  background: url('/img/bkgright2.jpg') bottom left no-repeat;
  text-align: center;
  padding-bottom: 1em;
}
#section div#content div#main-rbar a.rbar-a {
  display: block;
  margin: 1px 0;
  width: 192px;
  height: 61px;
  background: url('/img/vyhl.png');
}
#section div#content div#main-rbar a.rbar-a.a-nak {
  background: url('/img/nak.png');
}
#section div#content div#main-rbar a.rbar-a span {
  padding-left: 80px;
  line-height: 4.5;
}
#section div#content div#main-rbar div.kontaktujte,
#section div#content div#main-rbar div.zb-se-slevou,
#section div#content div#main-rbar div.pouzite-zb {
  background: url('/img/new-kontaktujte-176x138.png') top left no-repeat;
  text-align: left;
  height: 140px;
  overflow: hidden;
}
#section div#content div#main-rbar div.zb-se-slevou {
  background: url('/img/new-usedg-176x126.png') top left no-repeat;
/*  height: 127px; */
height: 45px;
}
#section div#content div#main-rbar div.pouzite-zb {
  background: url('/img/pouzite-zbozi-176x61.png') top left no-repeat;
/*  height: 63px; */
height: 45px;
}
#section div#content div#main-rbar div.kontaktujte h3,
#section div#content div#main-rbar div.zb-se-slevou h3,
#section div#content div#main-rbar div.pouzite-zb h3 {
  color: black;
  background: transparent;
  padding: 0;
/*  margin-top: 5px; */
margin-top: 0px;
  font-size: 1.5em;
  text-align: center;
}
#section div#content div#main-rbar div.zb-se-slevou h3 {
/*  padding-top: 14px; */
padding-top: 0px;
margin-bottom: 0px;
}
#section div#content div#main-rbar div.zb-se-slevou p {
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
padding-top: 0px;
margin-top: 0px;
}
#section div#content div#main-rbar div.zb-se-slevou p span {
  font-size: 1.5em;
  color: black;
}
#section div#content div#main-rbar div.zb-se-slevou h3 {
  padding-top: 5px;
}
#section div#content div#main-rbar div.pouzite-zb h3 {
  padding-top: 10px;
}
#section div#content div#main-rbar div.zb-se-slevou h3 a,
#section div#content div#main-rbar div.pouzite-zb h3 a {
  text-decoration: none;
}
#section div#content div#main-rbar div.zb-se-slevou h3 a {
  color: #DA251C;
  font-size: 1.4em;
}
#section div#content div#main-rbar div.zb-se-slevou h3 a:hover {
  color: black;
}
#section div#content div#main-rbar div.kontaktujte .k-telefon,
#section div#content div#main-rbar div.kontaktujte .k-mobil,
#section div#content div#main-rbar div.kontaktujte .k-mail {
  margin-left: 5px;
  background: url('/img/new-ico-telefon.png') 0 50% no-repeat;
  padding: 5px 0 1px 35px;
  font-size: 1.5em;
  color: black;
}
#section div#content div#main-rbar div.kontaktujte .k-mobil {
  background: url('/img/new-ico-mobil.png') 0 50% no-repeat;
}
#section div#content div#main-rbar div.kontaktujte .k-mail {
  background: url('/img/new-ico-mail.png') 0 50% no-repeat;
  font-size: 1.3em;
}
#section div#content div#main-rbar div.preceneno h3 {
  font-size: 1.3em;
}
#footer {
  font-size: 80%;
  background: #1F1A17;
  color: white;
}
#footer ul {
  border-top: 4px solid #e8e8e8;
  border-bottom: 4px solid #e8e8e8;
  list-style-type: none;
  height: 2.3em;
  background-color: #b9b9b9;
}
#footer ul li {
  float: left;
  width: 166px;
  height: 2.3em;
  text-align: center;
}
#footer ul li a {
  display: block;
  width: 165px;
  height: 2.3em;
  line-height: 2.3;
  text-decoration: none;
  color: white;
  background-color: #b9b9b9;
  border-right: 1px solid white;
}
#footer ul li a.akt {
  color: #1F1A17;
}
#footer ul li a.last {
  border-color: #b9b9b9;
}
#footer ul li a:hover {
  color: #1F1A17;
}
#footer p {
  padding: 0.3em 0;
  text-align: center;
}
#footer p a {
  color: #fff;
}
#footer p a:visited {
  color: #DA251D;
}
#footer p a:hover {
  color: #DA251D;
}
#preview {
  position: absolute;
  border: 1px solid #ccc;
  background: #333;
  padding: 5px;
  display: none;
  color: #fff;
}
#tooltip {
  position: absolute;
  border: 1px solid #333;
  background: #efefef;
  padding: 2px 5px;
  color: #4f4f4f;
  display: none;
  font: 90%/1.5 monospace;
}
.tmarg {
  margin-top: 1em;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.fleft {
  float: left;
}
.fright {
  float: right;
}
.cleaner {
  clear: both;
}
.inline {
  display: inline;
  margin: 0;
}
.block {
  display: block;
}
.nodisp {
  display: none;
}
.nobrd {
  border: 0;
}
.uline {
  text-decoration: underline;
}
.smaller,
p.smaller {
  font-size: smaller;
}
.larger {
  font-size: larger;
}
.bold {
  font-weight: bold;
}
.pointer {
  cursor: pointer;
}
.col_black {
  color: #000000;
}
.col_orange {
  color: #ff6633;
}
.col_red {
  color: #954747;
}
.col_red_hl {
  color: #ff0000;
}
.col_gray {
  color: #999999 !important;;
}
.bg_white {
  background-color: #ffffff;
}
.bg_red {
  background-color: #954747;
}
.bg_blue_lt {
  background-color: #DA251D;
}
.bg_warning {
  background: #f2bebe !important;
}
.nowrap {
  white-space: pre;
}
.help {
  cursor: help;
}

a.sort, span.sort {
  font-weight: bold;
  text-decoration: none;
  font-size: 110%;
}
a.sort:hover {
  color: red;
}

#section a.sort,
#section a.sort:visited
{
  color: #0000ff;
}

.ui-autocomplete-loading {
  background: white url(data:image/gif;base64,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) right center no-repeat;
}

.ui-autocomplete {
/* z-index: 10001;*/
opacity: .99;
}
ul.ui-autocomplete li.ui-menu-item {
  font-size: 80%;
}

.readonly {
  background-color: #eeeeee;
  cursor: not-allowed;
}

.ui-menu .ui-menu-item-wrapper {
  width: 231px;
}
#lMenu li ul li:hover,
.ui-state-focus,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  color: #fff;
  background: rgb(212, 212, 212);
  border-color: rgb(26, 20, 116);
}

.ui-widget-content {
  background: #b9b9b9;
}

#section table.tblzbozi td.objakt {
  background-color: #cfffcf;
}

#lMenu li ul li {
  min-width: 220px;
  font-size: 12px;
}

.formular div {
  clear: both;
}

#kosbadge {
  position: absolute;
  top: -5px;
  right: -3px;
  background: #C9392B;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  padding: 1px 5px;
}

#categorySelector {
  display: none;
}

.carousel {
  margin-top: 10px;
  width: 730px; /* 530 730 */
  overflow: hidden;
  opacity: .99; /* kvuli naseptavaci */
}

.jCLButtons {
  width: 550px;
  display: flex;
}
.jCLButtons a {
  text-decoration: none;
  background: #e8e8e8;
  color: #b9b9b9 !important;
  display: block;
  text-align: center
}
.jCLButtons a:hover {
  background: white;
  color: black !important;
}

a.jCLprev,
a.jCLnext {
  color: white;
  font-weight: bold;
  text-decoration: none;
  font-size: 20px;
  text-align: center;
  width: 19px;
  height: 160px;
  line-height: 8.3;
/*  background: linear-gradient(90deg, #07A6CE, #014171);
*/
  background: url('/img/new-novinky-l-19x160.png') 0 0 no-repeat;
}
a.jCLnext {
/*  background: linear-gradient(270deg, #07A6CE, #014171);
*/
  background: url('/img/new-novinky-p-19x160.png') 0 0 no-repeat;
}

.jCarouselLiteN ul li {
/*  width: 159px; */
  width: 172px;
  height: 160px;
  overflow: hidden;
  line-height: 1.2;
  border-right: 1px solid gray;
  background: white;
}

.jCarouselLiteA ul li {
  position: relative;
  width: 550px;
  min-height: 13em;
  overflow: hidden;
  font-size: 130%;
  line-height: 1;
  background: white;
}
.jCarouselLiteA ul li.none {
  text-align: center;
  line-height: 13;
  color: black;
}

.jCarouselLiteA ul li p {
  margin: 0 0 0 10px !important;
  padding: 0;
  width: 320px;
  line-height: 1.3;
}
.jCarouselLiteA ul li p.nazev {
  margin-top: 10px !important;
  color: black;
  line-height: 1.5;
}
.jCarouselLiteA ul li p a {
  text-decoration: none;
}
.jCarouselLiteA ul li p.nazev a {
  font-weight: bold;
}
.jCarouselLiteA ul li p.akce strong {
  color: rgb(206, 40, 24);
  font-size: 2em;
}
.jCarouselLiteA ul li p.puvodne strong {
  color: black;
}
.jCarouselLiteA ul li p.vice {
  margin-top: 8px !important;
}
.jCarouselLiteA ul li p.vice a {
  background: black;
  color: white !important;
  padding: 5px 10px;
}
.jCarouselLiteA ul li p.vice a:hover {
  background: rgb(206, 40, 24);
}

.h80,
.h250 {
  height: 80px;
  overflow: hidden;
}
.h250 {
  height: 250px;
}

h2.h-novinky {
  /*  width: 530px; */
    position: relative;
    background: rgb(126, 187, 0) !important;
  }
  h2.h-novinky a {
    color: white !important;
    text-decoration: none;
  }

  h2.h-akce {
    position: relative;
    width: 520px;
    margin-top: 0 !important;
    background: rgb(218, 37, 28) !important;
    padding: 10px 10px 10px 20px !important;
    text-align: left;
    font-size: 3.5em;
  }
  h2.h-akce a {
    color: white !important;
    text-decoration: none;
  }
  h2.h-akce a span,
  h2.h-novinky a span {
    display: block;
    position: absolute;
    top: 1em;
    right: 20px;
    color: black;
    background: white;
    font-size: 0.5em;
    padding: 8px 12px;
    line-height: 1.2;
  }
  h2.h-novinky a span {
    top: 0.3em;
    font-size: 0.7em;
    padding: 2px 12px;
  }

  #section table a img {
    max-width: 83px;
    /* max-height: 6px; */
}

 /* Small devices (phones) */
 @media only screen and (max-width: 767.9px) {
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
  input {
    border-radius: 0;
  }

  input[type="search"] {
    -webkit-appearance: none;
  }

body {
  font: 130%/1.5 sans-serif;
}

#q1 {
  height: 222px;
}

#q1 form {
  top: 93px;
  padding: 0;
  padding-left:0px;
  border: none;
  width: 100%;
}

#q1 form input[type="text"] {
  margin: 0 0 0 42px;
  width: calc(100% - 138px);
}
#q1 form input[type="submit"] {
  font-size: 1em;
}
#q1 form .inline {
  display: inline-block;
  width: 100%;
}
#q1 a#qlogin {
  top: 175px;
  right: 15px;
}
#q1 #jakHledat {
  top: 130px;
  padding-left: 3px;
}
#q1 a#qkos {
  top: 175px;
  left: calc(50% - 25px);
}
#q1 #hadex-home {
  top: 10px;
  left: calc(50% - 131px);
}

#q1 #quser {
  top: 173px;
  right: 4px;
  font-size: 90%;
  width: auto;
}

#quser-name {
  display: none;
}
#quser-my-account {
  display: block;
}

#nav-hamburger {
  font-size: 130%;
  position: absolute;
  top: 178px;
  left: 15px;
}

#header #nav {
  display: none;
  position: absolute;
  top: 222px;
  z-index: 2;
  font: inherit;
  width: 100%;
  border-top: none;
}

#header #nav ul {
  height: auto;
}

#header #nav ul li {
  float: none;
  width: auto;
  height: auto;
}

#header #nav ul li a {
  width: auto;
  height: auto;
  border-right: none;
}

#categorySelector {
  display: block;
    text-align: center;
    height: 43px;
    padding: 10px;
}
#categorySelector h2 {
  color: black;
  background: white;
  padding: 8px 12px;
  line-height: 1.2;
  margin-top: 0;
  padding-left: 0;
}


#section div.main-page #chyba, #section div.main-page #ok
{
  width: auto;
}
#section {
  background: none;
}

#section div#sidebar {
  padding-top: 0px;
  float: none;
  width: 100%;
}
#section div#content {
  float: none;
  padding-left: 0;
  width: 100%;
}

#section div#content p{
  padding: 0 5px;
}
#section div#content h1, #section div#content h2, #section div#content h3, #section div#content h4{
  margin-left: 5px;
}
#section div#content ul {
  padding: 0 5px;
}

.tmarg {
  max-width: 100%;
}

iframe {
  max-width: 100%;
}

.carousel {
  width: 100%;
  position: relative;
}
.jCLButtons {
  width: 100%;
}
.jCarouselLiteA {
  width: 100% !important;
  max-height: 220px;
}
.jCarouselLiteA ul li {
  height: 214px !important;
}
.carDiv {
  width: 100%;
  font-size: 80%;
}
.a-obr {
  display: none;
}
h2.h-akce {
  width: auto;
  padding: 10px 10px 10px 10px !important;
  text-align: center;
}
h2.h-akce a {
  font-size: 75%;
}
h2.h-akce a span, h2.h-novinky a span {
  position: initial;
}
h2.h-novinky {
  text-align: center;
  padding: 10px;
}
h2.h-novinky a span{
  padding: 8px 12px;
  line-height: 1.2;
}
.tmarg.actualities {
  margin-top: 1.2em !important;
}
#section div#content div#main-rbar {
  width: 100%;
}
#section div#content div#main-rbar div.kontaktujte, #section div#content div#main-rbar div.zb-se-slevou, #section div#content div#main-rbar div.pouzite-zb {
  background: linear-gradient(180deg, #adadad, white);
  border: 1px solid white;
  text-align: left;
  height: auto;
  overflow: hidden;
}

.no-margin-left{
  margin-left: 0 !important;
}

#footer ul {
  display: inline-block;
  border-bottom: none;
  height: auto;
}
#footer ul li {
  float: none;
  width: 100%;
  display: inline-block;
  height: 2.3em;
  text-align: center;
}
#footer ul li a {
  display: block;
  width: auto
}
#footer p {
  display: inline-block;
  font-size: 0.7em;
  padding: 5px 0;
  text-align: center;
}

.jCarouselLiteN {
  margin: 0 19px;
}
.carousel .jCLprev {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    float:none;
 }


.carousel .jCLnext {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  float:none;
}

.tblzbozi-sort {
	display: block;
	float: left;
    width: 100%;
}
.tblzbozi-sort label {
	width: 27%;
    display: inline-block;
    text-align: center;
}
.tblzbozi-sort select {
	width: 70%;
    display: inline-block;
    padding: 0 5px;
}

.tblzbozi.mobile-support{
	display: block;
    margin: 0px !important;
}

.tblzbozi.mobile-support thead {
	display: none;
}

.tblzbozi.mobile-support tbody {
	display: block;
}
.tblzbozi.mobile-support tbody tr{
    display: block;
    margin: 5px;
    width: calc(100% - 10px);
}
.tblzbozi.mobile-support tbody tr td, .tblzbozi.mobile-support tbody tr th{
	display: none;
}
.tblzbozi.mobile-support td.even {
	background: white !important;
}

.tblzbozi.mobile-support tbody tr td.mobile {
	padding: 5px !important;
    display: block;
    border: 1px solid black !important;
}

.tblzbozi.mobile-support tr td.mobile.summary {
  background: none !important;
  border: none !important;
}

td.mobile .image {
	width: 100%;
}
td.mobile .left-container {
	width: 140px;
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
td.mobile .right-container {
	width: calc(100% - 149px);
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    padding-left: 5px;
}
td.mobile .right-container div {
	width: 100%;
}

td.mobile .right-container div {
	padding: 2px 0;
}
td.mobile .right-container div>span:first-child, td.mobile>span:first-child {
	width: 48%;
    display: inline-block;
    vertical-align: middle;
}
td.mobile .right-container div>span:nth-child(2), td.mobile .right-container div>a:nth-child(2), td.mobile>span:nth-child(2) {
	text-align: right;
    width: 49%;
    display: inline-block;
    vertical-align: middle;
}
td.mobile .right-container div>img:nth-child(2) {
  float: right;
  width: 20px;
  height: 20px;
}

td.mobile.summary> span:first-child{
  width: 68%;
  text-align: right;
  font-weight: bold;
}

td.mobile.summary> span:nth-child(2){
  width: 30%;
  text-align: right;
  font-weight: bold;
}

#section table td.mobile a img {
	width: 100%;
	max-width: initial;
}
#section table td.mobile form {
	text-align: right;
}
#section table td.mobile .stock span:last-child {
	float:right;
}
#section table form.cart div {
	white-space: inherit;
}
#section table form.cart input, #section form.cart textarea, #section form.cart select
{
	height: 30px;
  min-width: 42px;
}
#section table form.formular input.tlacitko
{
	width: 50px;
}
.basket .center {
  text-align: right;
}

.basket .center .dogDialog {
  height: 36px;
  width: 36px !important;
}

 .pager {
	width: 100%;
    text-align: center;
	padding: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
 }

.pager-button{
	height:25px;
}

.VypKom, .PodKom {
  width: calc(100% - 10px - 1em) !important;
}

.VypKom a, .PodKom a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block;
}

fieldset p, fieldset input{
  width: calc(100% - 20px);
}

#section div#content div#koscesta li {
  display: block;
  width: 100% !important;
  height: auto;
}

#itemimg {
  max-width: 100%;
}

}

 /* Medium devices (landscape tablets, 768px and up) */
 @media only screen and (min-width: 768px)/* and (max-width: 999.9px) {

 }

 /* Large devices (laptops and desktops, 1000px and up) */
 /*@media only screen and (min-width: 1000px) */
 {
  #q1 #hadex-home {
    left: 0;
    top: 8px;
  }

  #q1 form {
    left: 320px;
    top: 25px;
  }

  #q1 #jakHledat {
    top: 55px;
    left: 320px;
  }

  #q1 a#qkos {
    right: 20px;
    top: 27px;
  }

  #q1 a#qlogin {
    top: 37px;
    right: 100px;
  }

  #q1 #quser {
    top: 22px;
    right: 100px;
  }

  #nav-hamburger {
    display: none;
  }

  #header #nav, #header #mainkod {
    font: 80%/1.2 sans-serif;
}

#main-rbar {
  position: absolute;
}

#quser-name {
  display: block;
}
#quser-my-account {
  display: none;
}

.tblzbozi-sort {
	display: none;
}
.tblzbozi tbody tr td:last-child{
	display: none;
}
.tblzbozi.withlasttd tbody tr td:last-child{
	display: table-cell;
}
}