/*@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
*/
@font-face {
  font-family: "Oswald";
  src: url("font/Oswald-Light.eot");
  src: url("font/Oswald-Light.eot?#iefix") format("embedded-opentype"), url("font/Oswald-Light.svg#Oswald") format("svg"), url("font/Oswald-Light.woff") format("woff"), url("font/Oswald-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.cleaner {
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  font-size: 0;
}
.cll {clear: left;}
.clr {clear: right;}
.nezalamovat {white-space: nowrap;}
.top-mrg10 {margin-top: 10px;}
.marb-10 {margin-bottom: 10px;}
.marb-15 {margin-bottom: 15px;}
.marb-30 {margin-bottom: 30px;}
.button {
  display: inline-block;
  border: none;
  background-color: #DADFFF;
  color: #586168;
  padding: 0 15px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 17px;
  cursor: pointer;
  vertical-align: bottom;
}
.button:hover, .razeni-mobile .select-btn:hover{
  background-color: #586168;
  color: #ffffff;
}
a.button {
  text-decoration: none;
}
.button-red {
  background-color: #eb1d24;
  color: #ffffff;
}
.button-red:hover {
  background-color: #d11a20;
  color: #ffffff;
}
.button-green {
  background-color: #00BA00;
  color: #ffffff;
}
.button-green:hover {
  background-color: #009500;
  color: #ffffff;
}
.label-ico {
   background-color:#333;
   color:#fff;
   display:inline-block;
   margin-right:15px;
   margin-bottom:5px;
   padding:0 10px;
   position:relative;
   text-decoration:none;
   z-index:1;
   font-family: sans-serif;
   font-size: 13px;
   line-height: 18px;
} 
.label-ico:after{
   height:0;
   width:0;
   -ms-transform:scale(0.9999);
   -moz-transform:scale(0.9999);
   transform:scale(0.9999);
   border-top:9px solid #333;
   border-right:9px solid transparent;
   border-top-width:8px;
   content:"";
   display:block;
   position:absolute;
   top:0;
   right:-8px;
   z-index:-1
}
.label-ico .lbl-in {
   display: inline-block;
   height: 21px;
   line-height: 22px;
   vertical-align: middle;
   overflow: hidden;
}
.label-ico.popclick {
   cursor: pointer;
}
.l-pouzite {
   background-color:#67707a;
}
.l-pouzite:after {
   border-top:9px solid #67707a;
}
.l-novinka {
   background-color:#27A7C8;
}
.l-novinka:after {
   border-top:9px solid #27A7C8;
}
.l-sleva {
   background-color:#f49b00;
}
.l-sleva:after {
   border-top:9px solid #f49b00;
}
.l-neni {
   background-color:#ffefef;
   color: #ff0000;
}
.l-neni:after {
   border-top:9px solid #ffefef;
}
.l-green {background-color:#107100;}
.l-green:after {border-top:9px solid #107100;}
.l-red {background-color:#ff0000;color:#ffffff;}
.l-red:after {border-top:9px solid #ff0000;}
.in-lbl {vertical-align:middle;}
.scroll-y {
  width: 100%;
  overflow-x: auto;
}

html {
  font-size: 16px;
  line-height: 24px;
  color: #444444;
  font-family: sans-serif;
}

/* background: url("../img_new/background.png") top center repeat-y;*/
body {
  min-width: 320px;
}
section {
    background-color: #eeeeee;
}
/*body {min-width: $page_min_width;}*/
.podtrzeno {
  text-decoration: underline;
}

.maly-font {
    font-size: 13px;
    line-height: 18px;
}

.sedy {
    color: #727171;
}

a, .jako-odkaz, .jako-odkaz2 {
  color: #ff0000;
  text-decoration: underline;
  cursor: pointer;
}

.drobecky a, .drobecky .jako-odkaz {
  color: #586168;
}
.select-vals .jako-odkaz {
   text-decoration: none;
}
.select-vals .jako-odkaz:hover {
   text-decoration: underline;
}

a:hover, .jako-odkaz:hover, .jako-odkaz2:hover {
  text-decoration: none;
}
a:hover .podtrzeno, .jako-odkaz:hover .podtrzeno {
  text-decoration: none;
}

h1, h2, h3, h4 {
  color: black;
}

h1 {
  font-size: 22px;
  line-height: 26px;
  padding-bottom: 10px;
  margin: 0 0 15px 0;
  font-weight: normal;
}

h2, .nadpis-cara {
  padding-bottom: 10px;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  margin: 20px 0;
}

h3 {
   font-weight: normal; 
}

fieldset {
  padding: 15px 15px 10px 15px;
  margin-bottom: 15px;
  background-color: #f5f5f5;
  border: solid #cccccc 1px;
}

.show-mobile, .show-mobile-inline, .hide, .hide-fil-pol {
  display: none;
}

.tar {
  text-align: right !important;
}

.tal {
  text-align: left !important;
}

.tac {
  text-align: center !important;
}

.flr {
  float: right !important;
}

.fll {
  float: left !important;
}
.odsazeni5 {
   margin-bottom: 5px;
}
.odsazeni10 {
   margin-bottom: 10px;
}
.odsazeni15 {
   margin-bottom: 15px;
}
.odsazeni20 {
   margin-bottom: 20px;
}

.sirka-stranky {
  width: 1275px;
  margin: auto;
}

.bocni-odsazeni {
  padding-left: 10px;
  padding-right: 10px;
}

.obsahovy-blok {
  padding: 20px;
  background-color: #ffffff;
}

.zelena {
  color: green !important;
}

.cervena {
  color: red !important;
}

.odpocet {
   color: green;
   font-weight: bold;
}

.tucne {
  font-weight: bold;
}

.otaznik {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  font-weight: bold;
  color: #586168;
  background-color: #DADFFF;
  font-size: 12px;
  padding: 1px 5px;
  margin-right: 3px;
  vertical-align: text-bottom;
  cursor: pointer;
  text-decoration: none;
}

.otaznik:hover {
   background-color: #586168;
   color: #ffffff;
}

.input, .textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 7px;
  background-color: #ffffff;
  border: solid #cccccc 1px;
  height: 26px;
  border: 1px solid #d5d5d5;
  /*-webkit-box-shadow: inset 1px 1px 4px 0px #d2d2d2;
  -moz-box-shadow:    inset 1px 1px 4px 0px #d2d2d2;
  box-shadow:         inset 1px 1px 4px 0px #d2d2d2;*/
}

.input:focus {
  background-color: #fbedca;
  /*-webkit-box-shadow: 0px 0px 5px #999999;
  -moz-box-shadow: 0px 0px 5px #999999;
  box-shadow: 0px 0px 5px #999999;*/
}

.input:disabled {
  background-color: #f8f8f8;
  color: #777777;
}

.form-obal {
  padding: 15px;
  margin-bottom: 15px;
  background-color: #f5f5f5;
  border: solid #cccccc 1px;
}
.form-obal .label {
  display: block;
  float: left;
  width: 30%;
  line-height: 26px;
}
.form-obal .input {
  width: 65%;
  margin-bottom: 15px;
}
.form-obal .inp-sm {
    width: 40%;
}
.form-obal .select {
  padding: 3px 7px 0 7px;
  background-color: #ffffff;
  border: solid #cccccc 1px;
  height: 26px;
}

.form-obal-new {
  padding: 15px;
  margin-bottom: 15px;
  background-color: #f5f5f5;
  border: solid #cccccc 1px;
  float: left;
}
.form-obal-new .label {
  color: #727171;
  display: block;
  font-family: verdana;
  font-size: 0.8rem;
  text-transform: uppercase;
  line-height: 1rem;
  margin-bottom: 3px;
}
.form-obal-new .input {
  margin-bottom: 10px;
}
.form-obal-new #zjisti-stav-email {
  width: 196px;
}
.form-obal-new #zjisti-stav-id {
  width: 98px;
}

.kontaktni-form .textarea {
  width: 400px;
  height: 60px;
  margin-bottom: 10px;
  padding: 4px 7px;
}

.table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
}
.table td, .table th {
  padding: 4px 7px;
  vertical-align: middle;
  text-align: left;
}

.tbl_default {
  margin-bottom: 10px;
  width: 100%;
  border: solid #dddddd 1px;
}
.tbl_default th, .tbl_default td {
  padding: 7px 14px;
  text-align: left;
}
.tbl_default th {
  background-color: #8d8d8d;
  color: #ffffff;
  font-weight: bold;
  vertical-align: top;
}
.tbl_default .radek:nth-child(odd) {
  background-color: #f8f8f8;
}

.bocni-menu {
  float: left;
  width: 25%;
}
.bocni-menu .bocni-menu-in {
  margin-right: 15px;
  padding: 20px;
  background-color: #ffffff;
}
.bocni-menu h2 {
  margin-top: 0;
  margin-bottom: 10px;
}
.bocni-menu ul {
  list-style: none;
  margin-bottom: 20px;
  padding: 0 0 0 15px;
}
.bocni-menu li {
  margin-bottom: 10px;
}
.margin-bot-text{
    margin-bottom: 9px;
}

.s-menu {
  float: right;
  width: 75%;
}

#top_popup {
   padding: 8px 3px 8px 10px;
   text-align: center;
   background-color: #B7D6AA;
   line-height: 23px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    z-index: 199;
}
#top_popup .close-top-popup {
   background: url("../img_new/cudlik-close.png") top left no-repeat;
   width: 23px;
   height: 23px;
   float: right;
   margin-left: 10px;
   cursor: pointer;
}

.hp {
  background-color: #ffffff;
  padding: 10px;
}
.hph {
  background-color: #ffffff;
}

.hp-info {
  margin-bottom: 10px;
  margin-top: 30px;
}

.hp-text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 49.7%;
  float: left;
  padding: 20px;
  background-color: #eeeeee;
  height: 300px;
}
.hp-text p {
  margin-top: 0;
}

.hp-prodejna {
  width: 49.7%;
  float: right;
  text-align: right;
}

.hp-produkty {
  margin: 0 0 15px 0;
  text-align: center;
}

.hp-produkt {
  display: inline-block;
  margin-right: 6px;
  width: 180px;
  text-align: center;
}
.hp-produkt.last {
  margin-right: 0px;
}
.hp-produkt .titulek {
  background-color: #F5F5F5;
  position: relative;
  line-height: 18px;
  padding: 10px;
  margin-bottom: 5px;
}
.hp-produkt .titulek span {
  position: absolute;
  width: 39px;
  height: 21px;
  bottom: -21px;
  left: 0;
  background: url("../img_new/hrot_dolu.png") top left no-repeat;
}
.hp-produkt .img {
  height: 230px;
  line-height: 230px;
}
.hp-produkt .img img {
  vertical-align: middle;
}

.zalozky {
  margin-bottom: 15px;
}
.zalozky .zalozky-hlavicka {
  padding: 0 10px;
  border-bottom: solid #ccc 1px;
  margin-bottom: 10px;
}
.zalozky .zalozky-hlavicka .zalozka {
  float: left;
  padding: 6px 10px 4px 10px;
  margin: 8px 5px 0 5px;
  background-color: #f8f8f8;
  color: #586168;
  cursor: pointer;
}
.zalozky .zalozky-hlavicka .zalozka:hover {
  color: #ffffff;
  background-color: #586168;
}
.zalozky .zalozky-hlavicka .aktivni {
  border: solid #ccc 1px;
  border-bottom: none;
  position: relative;
  bottom: -1px;
  padding: 9px 13px 4px 13px;
  margin-top: 4px;
  background-color: #ffffff;
  cursor: default;
}
.zalozky .zalozky-hlavicka .aktivni:hover {
  color: #586168;
  background-color: #ffffff;
}
.zalozky .m-zalozka {
  padding: 4px 10px;
  background-color: #f8f8f8;
  cursor: pointer;
}
.zalozky .m-zalozka:hover {
  background-color: #ccc;
}
.zalozky .aktivni {
  background-color: #ccc;
  cursor: default;
}
.zalozky .rolli {
  position: absolute;
  right: 0px;
  top: -32px;
}

.rolovaci-produkty {
  position: relative;
}
.rolovaci-produkty .rolli {
  text-align: right;
  margin-bottom: 5px;
}
.rolovaci-produkty .rol {
  position: absolute;
  top: 0;
  width: 38px;
  height: 39px;
  border: solid #cccccc 1px;
  line-height: 42px;
  margin-top: 105px;
  font-weight: bold;
  color: #586168;
  text-align: center;
  font-size: 24px;
  background-color: #DADFFF;
  cursor: pointer;
}
.rolovaci-produkty .rol:hover {
  background-color: #586168;
  color: #ffffff;
}
.rolovaci-produkty .roll {
  left: 0;
}
.rolovaci-produkty .rolr {
  right: 0;
}
.rolovaci-produkty .rolc {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 40px;
  width: 100%;
  height: 315px;
  overflow: hidden;
}
.rolovaci-produkty .rolp {
  float: left;
  margin: 0 5px;
  width: 150px;
  height: 315px;
  overflow: hidden;
  text-align: center;
}
.rolovaci-produkty .img {
  width: 150px;
  height: 250px;
  line-height: 250px;
  text-align: center;
  overflow: hidden;
  margin: 5px 0 10px 0;
}
.rolovaci-produkty .img img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.rolovaci-produkty .nazev {
  max-height: 28px;
  line-height: 14px;
  overflow: hidden;
  font-size: 11px;
}
.rolovaci-produkty .nazev a {
  color: #990000;
}
.rolovaci-produkty .cena {
  font-weight: bold;
}
.fb-sleva {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 28px;
  background: url("../img_new/bg-fb.png") 0 0;
}
.fb-sleva div {
  padding: 10px;
}
.fb-sleva img, #nadpis-varianty-nedostupne {
  margin-top: 20px;
}

.sleva-castka {
  width: auto;
  padding: 0 15px;
}

.msg {
  padding: 20px;
  margin: 10px 0;
}

.errormsg {
  background-color: #f2dede;
  color: #a94442;
  border: solid #ebccd1 1px;
}

.okmsg {
  background-color: #DFF0D8;
  border: solid #D6E9C6 1px;
  color: #3C763D;
}

.warnmsg {
  background-color: #fbedca;
  border: solid #ffffff 1px;
  color: #595959;
}

.res-img {
  max-width: 100%;
  max-height: 100%;
}

.w2 {
  float: left;
  width: 50%;
}

.w3 {
  float: left;
  width: 25%;
}

.w4 {
  float: left;
  width: 25%;
}
.w5 {
  width: 20%;  
}

.w6 {
  float: left;
  width: 16.666%;
}

.w7 {
  float: left;
  width: 14.285%;
}

.w2l {
  float: left;
  width: 49%;
}

.w2r {
  float: right;
  width: 49%;
}

.pary .w4 {
   width: 23%; 
}

.pary .w4.mezera {
   margin-right: 8%; 
}

.full {
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 15px;
}

.semi-full {
  width:-o-calc(100% - 295px);
  width:-moz-calc(100% - 295px);
  width:-webkit-calc(100% - 295px);
  width: calc(100% - 295px);
  float: right;
}

.semi-left {
  width: 295px;
  float: left;
}

.mn-info {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background-color: black;
  position: absolute;
  top: 3px;
  right: -2px;
  width: 15px;
  height: 15px;
  font-size: 10px;
  line-height: 15px;
  text-align: center;
  color: #ffffff;
}

#head-top {
  background: #ffffff;
  border-bottom: solid #ebebeb 1px;
  height: 25px;
  line-height: 25px;
}
#head-top .volejte {
  color: #8d8d8d;
}

#head-links {
  display: block;
  float: right;
  list-style: none;
  padding: 0;
  margin: 0;
}
#head-links .li {
  float: right;
  padding: 0 10px 0 10px;
  position: relative;
}
#head-links .last {
  padding-right: 0;
}
#head-links .open {
  position: relative;
  top: 1px;
  background-color: #efefef;
}
#head-links .ico {
  display: inline-block;
  width: 20px;
  height: 17px;
  vertical-align: middle;
  margin: 0 3px 0 0;
  background: url("../img_new/ikony.png") 0 0 no-repeat;
}
#head-links .icologin {
  background-position: -10px -94px;
}
#head-links .iconakup {
  background-position: -50px -94px;
}
#head-links .icomagazin {
  background-position: -90px -94px;
}
#head-links .icokontakt {
  background-position: -130px -94px;
}

#loginform {
  position: absolute;
  z-index: 5;
  left: 0px;
  width: 268px;
  background-color: #EFEFEF;
  padding: 15px;
  color: #404040;
}
#loginform.prihlasen {
  width: auto;
  white-space: nowrap;
}
#loginform label {
  display: block;
  float: left;
  width: 25%;
  line-height: 1.9rem;
}
#loginform #login-email, #loginform #login-heslo {
  display: block;
  float: left;
  margin-bottom: 8px;
  width: 75%;
  color: black;
}
#loginform .button {
  height: 26px;
  float: right;
  line-height: 12px;
}
#loginform a {
  line-height: 26px;
}
#loginform .errormsg {
  background-color: #f2dede;
  color: #a94442;
  border: solid #ebccd1 1px;
  padding: 4px 12px;
  margin: 0 0 10px 0;
}

#head-bottom {
  background-color: #ffffff;
  height: 84px;
}
#head-bottom #odkaz-domu {
  float: left;
}
#head-bottom #odkaz-domu img {
  margin-top: 15px;
  vertical-align: top;
}
#head-bottom #top-baner {
  float: left;
  width: 300px;
  height: 70px;
  overflow: hidden;
}
#head-bottom #search {
  margin: 30px 0 0 35px;
  float: left;
  position: relative;
}
#head-bottom #search-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 400px;
  padding: 0 95px 0 10px;
  border: solid #eeeeee 1px;
  background-color: #f8f8f8;
  color: #404040;
  height: 40px;
}
#head-bottom .search-button {
  width: 85px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
}
#head-bottom #hledat-vice {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  position: absolute;
  top: 40px;
  width: 255px;
  background-color: #ffffff;
  border: solid #eeeeee 1px;
  z-index: 60;
  padding: 15px;
  display: none;
  -webkit-box-shadow: 0px 2px 7px 0px #D2D2D2;
  -moz-box-shadow: 0px 2px 7px 0px #D2D2D2;
  box-shadow: 0px 2px 7px 0px #D2D2D2;
}
#head-bottom #hledat-vice p {
  margin: 0 0 15px 0;
}
#head-bottom #hledat-vice .gray {
  color: #8d8d8d;
}
#head-bottom #hledat-vice input {
  margin-right: 10px;
  position: relative;
  top: 3px;
}
#head-bottom .text a {
   color:#990000;
}
#head-bottom .bocni-odsazeni {
    position:relative;
}
#head-bottom .tel-inf {
    position: absolute;
    left: 250px;
    top: 10px;
}
.search-box {
   display: none;
}
.hledat-click {
   background: url("../img_new/ikony.png") #DADFFF -160px -160px no-repeat;
   width: 40px;
   height: 40px;
   float: left;
   cursor: pointer;
}
.hledat-click:hover {
   background-position: -160px -40px;
   background-color: #586168;
}
.hledat-click.open {
   background-color: #F7DC95;
}
.hledat-click.open:hover {
   background-color: #F7DC95;
   background-position: -160px -160px;
}
.menu-blok {
  margin: 30px 0 0 20px;
  float: left;
  position: relative;
}
.menu-blok .menu-btn, .admin {
  width: 80px;
  padding: 0;
}
.btn-obl {
    width:40px;
    padding:0;
    margin: 30px 20px 0 0;
    float: right;
    background: url("../img_new/ikony.png") #DADFFF -359px -160px no-repeat;
}
.btn-obl:hover {
   background-position: -320px -160px;
   background-color: #586168;
}
#mobil_stranka{
    margin: 30px auto 30px;
}
.recenzeDalsi {
    margin: 20px auto 20px;
    text-align: center;
}
.admin {
   float:left;
   margin:30px 0 0 20px;
   width: 35px;
   padding: 0;
}
.menu-blok .menu-btn:hover, #mobil_stranka:hover {
   color: #ffffff;
   background-color: #586168;
}
.menu-blok .menu-btn.open {
   background-color: #fbedca;
}
.menu-blok .menu-btn.open:hover {
   color: #586168;
   background-color: #fbedca;
}
.menu-blok .menu-obsah {
   width: 325px;
   position: absolute;
   background-color: #FBEDCA;
   left: -120px;
   z-index: 70;
   display: none;
}
.menu-obsah.open {
   display: block;
}
.menu-obsah a {
    color: #000000;
}
.menu-obsah .sloupec {
   width: 50%;
   float:left;
   text-align: right;
   padding: 20px 0 15px 0;
}
.menu-obsah .sloupec.pravy {
   text-align: left;
}
.menu-obsah .sloupec a {
   line-height: 26px;
   padding: 0 10px 0 0;
}
.menu-obsah .sloupec.pravy a {
   padding: 0 0 0 10px;
}
.menu-obsah .loginform {
   background-color: #F7DC95;
   padding: 15px 20px 15px 20px;
}
.loginform label {
  display: block;
  float: left;
  width: 25%;
  line-height: 1.9rem;
}
.loginform .sloupec {
  padding: 0;
}
.loginform #login-email, .loginform #login-heslo {
  display: block;
  float: left;
  margin-bottom: 8px;
  width: 75%;
  color: black;
}
.loginform .button {
  height: 2rem;
  float: right;
  line-height: 12px;
}
.loginform a {
  line-height: 2rem;
}
.loginform .errormsg {
  background-color: #f2dede;
  color: #a94442;
  border: solid #ebccd1 1px;
  padding: 4px 12px;
  margin: 0 0 10px 0;
}
#head-bottom #rada-telefon {
  float: right;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.5rem;
  color: #8d8d8d;
  margin-top: 14px;
}
#head-bottom #rada-telefon .mensi {
  font-size: 1.1rem;
  position: relative;
  top: -3px;
}
#head-bottom #odkaz-do-kosiku {
  float: right;
  width: 121px;
}
#head-bottom #odkaz-do-kosiku a {
  color: #8d8d8d;
  display: block;
  height: 40px;
  float: right;
  text-decoration: none;
  margin-top: 22px;
  background-color: #eeeeee;
}
#head-bottom #odkaz-do-kosiku a:hover .button-do-kosiku {
  background-color: #d11a20;
}
#head-bottom #odkaz-do-kosiku.prazdny a:hover .button-do-kosiku {
  background-color: #586168;
  background-position: 0 -40px;
}
#head-bottom #odkaz-do-kosiku .button-do-kosiku {
  display: block;
  position: relative;
  float: left;
  width: 40px;
  height: 40px;
  border-right: solid #ffffff 1px;
  background: url("../img_new/ikony.png") #eb1d24 0px -40px no-repeat;
}
#head-bottom #odkaz-do-kosiku.prazdny .button-do-kosiku {
  background: url("../img_new/ikony.png") #eeeeee 0px 0px no-repeat;
}
#head-bottom #odkaz-do-kosiku .obsah-do-kosiku {
  text-align: center;
  display: inline-block;
  padding: 0;
  width: 80px;
  height: 40px;
  line-height: 42px;
  overflow: hidden;
}

.odkaz-kosik {
   display:block;
   margin-top:30px;
   height:40px;
   float:right;
   width:295px;
   background-color:#F3F3F3;
   text-decoration:none;
}
.odkaz-kosik.prazdny {
   width:135px; 
}
.odkaz-kosik.prazdny .h905 {
    display: none;
}
.odkaz-kosik.prazdny .odkaz-text {
   width: 40px;
   background-image: url("../img_new/ikony.png");
   background-position: 0 -40px;
}

.odkaz-kosik .odkaz-cena {
   width:95px;
   text-align:center;
   line-height:16px;
   margin-top:4px;
   float:left;
   color: #000000;
}

.odkaz-kosik .odkaz-text {
   width:200px;
   float:right;
   padding: 0;
}

.odkaz-kosik .odkaz-text .sipka {
   display:inline-block;
   width:16px;
   height:25px;
   background: url("../img_new/ikony.png") no-repeat -290px -48px;
   vertical-align:middle;
}

.odkaz-kosik:hover .odkaz-text {
   background-color:#d11a20;
}

#hlavni-obsah {
  padding-bottom: 15px;
  min-width: 1275px;
}

.duverobody {
  margin-bottom: 25px;
}
.duverobody h2 {
  padding: 0;
  margin: 0 0 20px 0;
  border: none;
}
.duverobody .vyhody {
  position: relative;
  line-height: 18px;
}
.duverobody span {
  position: absolute;
}
.duverobody .v1 {
  top: 25px;
  left: 75px;
  width: 115px;
}
.duverobody .img_v2 {
  position: absolute;
  left: 185px;
  width: 71px; 
}
.duverobody .v2 {
  top: 14px;
  left: 270px;
  width: 115px;
}
.duverobody .v3 {
  top: 14px;
  left: 462px;
  width: 95px;
}
.duverobody .v4 {
  top: 14px;
  left: 656px;
  width: 115px;
}
.duverobody .v4s {
  top: 14px;
  left: 665px;
  width: 100px;
}
.duverobody .v5 {
  top: 25px;
  left: 848px;
  width: 110px;
}
.duverobody .v6 {
  top: 95px;
  left: 108px;
  width: 100px;
}
.duverobody .v7 {
  top: 95px;
  left: 295px;
  width: 120px;
}
.duverobody .v8 {
  top: 95px;
  left: 537px;
  width: 95px;
}
.duverobody .v9 {
  top: 95px;
  left: 760px;
  width: 195px;
}

.banery {
  padding: 10px;
  background-color: #ffffff;
  margin-bottom: 10px;
}
.banery .b {
  float: left;
  margin-right: 10px;
}
.banery .b560 {
  width: 560px;
  height: 180px;
}
.banery .b180 {
  width: 180px;
  height: 180px;
}
.banery .bsk {
  width: 109px;
  height: 180px;
}
.banery .horni {
  margin-bottom: 10px;
}
.banery .posledni {
  margin-right: 0;
}
.banery .uzsi {
  margin-right: 9px;
}
.banery .banner {
   float: left;
   margin-right: 1.2765957%;
   margin-bottom: 1.2765957%;
}
.banery .banner img:hover {
   opacity: 0.8;
}
.banery img {
   vertical-align: top;
}
.banery .subban {
   margin-bottom: 5.3097%;
}
.banery .banner1 {
   width: 24.04255319%;
}
.banery .banner2 {
   width: 49.3617%;
}
.banery .b-title {
   height:17px;
   line-height:17px;
   font-size:15px;
   overflow:hidden;
   margin: 9px 0 3px 0;
}
.banery .b-text {
   height:34px;
   font-size:12px;
   line-height:17px;
   overflow:hidden;
   color: #9F9F9F;
}
.banery .last_h {
   margin-right: 0;
}
.banery .last_v {
   margin-bottom: 0;
}

.uvodka-obrazky {
  margin-bottom: 10px;
}

.prehled-znacek, .prehled-vsech-znacek {
  margin-bottom: 30px;
}
.prehled-znacek .prekryv, .prehled-vsech-znacek .prekryv {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: #dddddd;
  opacity: 0.4;
  border: solid #ffffff 4px;
  border-bottom: none;
  top: -2px;
  left: -1px;
}
.prehled-znacek .nazev, .prehled-vsech-znacek .nazev {
  position: absolute;
  width: 88%;
  margin: 0 6%;
  bottom: 8px;
  font-size: 12px;
  line-height: 14px;
  z-index: 6;
  color: #990000;
  text-decoration: underline;
}
.prehled-znacek .box-znacka, .prehled-vsech-znacek .box-znacka {
  display: block;
  text-align: center;
  height: 80px;
  width: 100%;
  position: relative;
  border: solid #ffffff 1px;
  border-bottom: none;
  overflow: hidden;
}
.prehled-znacek .box-znacka:hover, .prehled-vsech-znacek .box-znacka:hover {
  background-color: #ffffff;
}
.prehled-znacek .box-znacka:hover .prekryv, .prehled-vsech-znacek .box-znacka:hover .prekryv {
  background: none;
  opacity: 1;
}
.prehled-znacek .box-znacka:hover .nazev, .prehled-vsech-znacek .box-znacka:hover .nazev {
  text-decoration: none;
}
.prehled-vsech-znacek .box-znacka .l-novinka {
   position:absolute;
   top:5px;
   right:2px;
   z-index:5;
   color:#ffffff;
   padding:1px 4px;
}
.prehled-znacek .img-box, .prehled-vsech-znacek .img-box {
  margin: 10px 8px 6px 8px;
  height: 60px;
}
.prehled-znacek .all, .prehled-vsech-znacek .all {
  position: absolute;
  width: 88%;
  margin: 0 6%;
  top: 0;
  padding-top: 10px;
  z-index: 6;
}
.prehled-znacek .all .odkaz, .prehled-vsech-znacek .all .odkaz {
  color: #eb1d24;
  text-decoration: underline;
}
.prehled-znacek .all:hover .odkaz, .prehled-vsech-znacek .all:hover .odkaz {
  color: #d11a20;
  text-decoration: none;
}
.prehled-znacek .mensi, .prehled-vsech-znacek .mensi {
  line-height: 35px;
  font-size: 0.85rem;
  color: #bbbbbb;
}

.prehled-znacek {
  height: 240px;
  overflow: hidden;
}
.posunovac-full .box-znacka {width: 150px;display:inline-block;border: none;vertical-align: top;margin-left:5px;}
.posunovac-full .box-znacka .prekryv {border: none; top:0; left: 0;}

.z_all a {
   line-height: 36px;
   background-color: #eee;
   padding: 5px 10px;
   margin-right: 10px;
   white-space: nowrap;
}

#foot-top {
  border-top: solid #ebebeb 1px;
  border-bottom: solid #ffffff 1px;
  background-color: #ffffff;
  padding-top: 20px;
  min-height: 50px;
  display: none;
}

#foot-content {
  font-size: 0.9rem;
  border-top: solid #786858 2px;
  background-color: #262626;
  color: #ffffff;
  min-width: 1275px;
}

#foot-bottom {
  background-color: #3b3a3a;
  padding: 10px 0 5px 0;
  text-align: center;
}

#porovnani_zbozi .tbl-obal, .res-tbl {
  width: 100%;
  overflow-x: auto;
}
#porovnani_zbozi table {
  width: auto;
}
#porovnani_zbozi th, #porovnani_zbozi td {
  padding: 3px 5px;
}
#porovnani_zbozi th {
  text-align: left;
}
#porovnani_zbozi td {
  vertical-align: top;
  width: 170px;
  text-align: center;
}
#porovnani_zbozi .sudy {
  background-color: #f8f8f8;
}
#porovnani_zbozi .produkt-porovnani {
  margin-bottom: 10px;
}
#porovnani_zbozi .produkt-porovnani .img {
  height: 230px;
  line-height: 230px;
  margin-bottom: 10px;
}
#porovnani_zbozi .produkt-porovnani .img img {
  vertical-align: middle;
}
#porovnani_zbozi .produkt-porovnani .nazev {
  height: 36px;
  line-height: 18px;
  overflow: hidden;
}
#porovnani_zbozi .produkt-porovnani .nazev a {
  color: #990000;
}
#porovnani_zbozi .produkt-porovnani .nazev a:hover {
  color: #d11a20;
}
#porovnani_zbozi .produkt-porovnani .puvodni {
  color: #8d8d8d;
  height: 14px;
  font-size: 12px;
  margin-top: 5px;
  overflow: hidden;
  text-decoration: line-through;
}
#porovnani_zbozi .produkt-porovnani .cena {
  font-size: 16px;
  font-weight: bold;
  height: 18px;
  overflow: hidden;
}
#porovnani_zbozi .produkt-porovnani .skladem {
  font-size: 11px;
  font-weight: bold;
  margin-top: 5px;
  height: 13px;
  line-height: 13px;
  overflow: hidden;
  color: green;
}
#porovnani_zbozi .produkt-porovnani .dostupnost {
  font-size: 11px;
  height: 13px;
  line-height: 13px;
  overflow: hidden;
}
#porovnani_zbozi .zrusit {
  white-space: nowrap;
  display: inline-block;
  background-color: #DADFFF;
  color: #586168;
  text-decoration: none;
  padding: 0 0 0 10px;
  height: 25px;
  line-height: 27px;
}
#porovnani_zbozi .zrusit .x {
  display: inline-block;
  line-height: 25px;
  height: 25px;
  width: 25px;
  color: #ffffff;
  vertical-align: top;
  margin-left: 10px;
  background: url("../img_new/ikony.png") #eb1d24 -608px -88px no-repeat;
}
#porovnani_zbozi .zrusit:hover .nazev {
  text-decoration: line-through;
}
#porovnani_zbozi .button {
  margin-top: 10px;
}

#systemove-hlasky {
  padding: 0 10px;
}

.ctyri-produkty, .tri-produkty {
  margin-bottom: 10px;
}

.produkt {
  padding: 0 10px;
  border: solid #ffffff 1px;
  border-bottom: solid #ebebeb 1px;
  position: relative;
  height: 337px;
}
.produkt .label-ico {
    margin-bottom: 1px;
}
.obl .produkt, .obl-poz .produkt {
  height: 354px;    
}
.produkt .obl-del {
    text-align: center;
}
.produkt .obl-del a {
    color: red;
}
.produkt.ovl {
  opacity: 0.4;
}
.produkt .img-box {
  height: 230px;
  line-height: 230px;
  text-align: center;
  overflow: hidden;
  margin: 15px 0 10px 0;
  position: relative;
}
.produkt .img {
  height: 230px;
  line-height: 230px;
}
.produkt .img img {
  vertical-align: middle;
}
.produkt .nazev, .produkt .info {
  text-align: center;
  max-height: 51px;
  line-height: 17px;
  overflow: hidden;
}
.produkt .obl-pzn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom:0;
    width:100%;
    background-color: #fbedca;
    padding: 5px;
    line-height: 17px;
    text-align: center;
    opacity: 0.9;
}
.produkt .nazev a, .produkt .info a {
  color: #666666;
}
.produkt .nazev {
  margin-bottom: 3px;
}
.produkt .nazev.uzsi {
  height: 19px;
  overflow: hidden;
}
.produkt .info {
  max-height: 17px;
}
.produkt .dostupnost {
  color: #8d8d8d;
  font-size: 12px;
}
.produkt .cena {
  font-weight: bold;
  color: black;
}
.produkt:hover:not(.uvodni-info) { 
  -moz-box-shadow: inset 0 0 8px #bbbbbb;
  -webkit-box-shadow: inset 0 0 8px #bbbbbb;
  box-shadow: inset 0 0 8px #bbbbbb;
  border: solid #ebebeb 1px;
}
.produkt:hover .vice, .produkt:hover .nakup {
  display: block;
}

.poukazy .poukaz {
  text-align: center;
  height: auto !important;
}
.poukazy .pic {
  margin-bottom: 15px;
}
.poukazy .tri-produkty {
  margin-bottom: 25px;
}
.poukaz .button {
   margin-bottom: 15px;
}

.drobecky {
  padding: 0 10px;
  color: #8d8d8d;
  line-height: 40px;
  overflow-x: auto;
  white-space: nowrap;
}

.skupina-popis {
  font-size: 0.9rem;
}

.oblibene-kategorie {
  border-bottom: solid #ebebeb 1px;
  margin-bottom: 10px;
}
.oblibene-kategorie a {
  text-align: center;
  background-color: #8d8d8d;
  display: block;
  margin-bottom: 10px;
  color: #ffffff;
  padding: 5px 0;
}

.razeni {
  /*margin: 0 10px 10px 10px;
  padding: 10px 0;
  border-top: solid $line_dark 1px;
  border-bottom: solid $line_dark 1px;
  a, .aktualni {
     padding: 0 10px;
  }
  .aktualni {
    font-weight: bold;
  }
  select {
     width: 100%;
     color: $black;
  }
  .svetlejsi {
     color: $text-gray;
  }
  .pocet-polozek {
     float: right;
  }*/
  float: right;
}
.razeni select {
  font-family: "Arial";
  font-size: 15px;
  position: relative;
  top: 2px;
  margin-right: 10px;
}

.razeni-mobile {
   float: right;
}
.self-sel {
   position:relative;
}
.seznam-produktu .self-sel {
   top: -7px;
   right: 10px;
   margin-left: 20px;
}
.razeni-mobile .select-btn {
   text-align: right;
   color: #586168;
   background-color: #ffffff;
   font-size: 14px;
   padding: 0 5px 0 15px;
}
.select-btn .ico {
    display: inline-block;
    width: 20px;
    height: 17px;
    vertical-align: middle;
    margin: 0 0 0 3px;
    background: url("../img_new/ikony.png") -448px -92px no-repeat;
}
.select-btn:hover .ico {
   background-position: -370px -92px;
}
.select-btn.open, .select-btn.open:hover {
   color: #586168;
   background-color: #fbedca;
}
.select-btn.open:hover .ico {
   background-position: -448px -92px;
}
.select-vals {
   background-color: #fbedca;
   display: none;
   position: absolute;
   top: 40px;
   right: 0;
   z-index: 150;
   padding: 5px 0;
   min-width: 100%;
}
.select-vals.open {
   display: block;
}
.select-val {
   padding: 5px 30px 5px 15px;
   text-align: right;
}
.fil-zal {
    margin-right:15px;
}
.fil-zal .w2 {
    padding: 8px 0;
}
.fil-zal .vybr {
    background-color: #ffffff;
}
.fil-inf {
    margin: 15px 5px;
}
#filtr {
  margin: 0 15px 15px 0;
  background-color: #ffffff;
  padding: 10px;
}
#filtr .nadpis {
  color: black;
  font-size: 19px;
  padding: 5px 0 10px 0;
  margin-bottom: 10px;
  border-bottom: solid #f8f8f8 1px;
}
#filtr .nadpis .filtr-vymazat {
  float: right;
  font-size: 13px;
  width:auto !important;
}
#filtr .box {
  border-bottom: solid #ffffff 1px;
}
#filtr .box-ostatni {
  padding-bottom: 10px;
}
#filtr .icon {
  display: inline-block;
  width: 22px;
  height: 20px;
  background: url("../img_new/ikony.png") 0 0 no-repeat;
  vertical-align: middle;
}
#filtr .iskladem {
  background-position: -490px -93px;
}
#filtr .ivyprodej {
  background-position: -572px -93px;
}
#filtr .inovinky {
  background-position: -530px -93px;
}
#filtr a, #filtr .neni, #filtr .vybrano, #filtr .jako-odkaz {
  overflow: hidden;
  display: block;
  height: 26px;
  line-height: 26px;
  width: 100%;
}
#filtr .box-hodnoty {
  display: none;
  margin: 10px 0;
}
#filtr .box-hodnoty a, #filtr .box-hodnoty .jako-odkaz, #filtr .box-ostatni a, #filtr .box-ostatni .jako-odkaz {
  border-bottom: solid #f8f8f8 1px;
  text-decoration: none;
  color: #666666;
}
#filtr .box-hodnoty a:hover, #filtr .box-hodnoty .jako-odkaz:hover, #filtr .box-ostatni a:hover, #filtr .box-ostatni .jako-odkaz:hover {
  background-color: #f8f8f8;
}
#filtr .fil-show.jako-odkaz {
   color: #888888;
   font-size: 12px;
   text-decoration: underline;
}
#filtr .fil-show.jako-odkaz span {
   margin-left: 5px;
}
#filtr .fil-less {
   display: none;
}
#filtr .box-hodnoty .prvek, #filtr .box-ostatni .prvek {
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background: url("../img_new/ch.png") 0 0 no-repeat;
  margin: 0 3px 0 4px;
}
#filtr .fil-lvl2 .prvek {
   margin: 0 3px 0 25px;
}
#filtr .fil-lvl3 .prvek {
   margin: 0 3px 0 50px;
}
#filtr .box-hodnoty .jako-radio, #filtr .box-ostatni .jako-radio {
  background-position: 0 0;
}
#filtr .box-hodnoty .jako-radio.vybrany, #filtr .box-ostatni .jako-radio.vybrany {
  background-position: 0 -16px;
}
#filtr .box-hodnoty .jako-checkbox, #filtr .box-ostatni .jako-checkbox {
  background-position: 0 -32px;
}
#filtr .box-hodnoty .jako-checkbox.vybrany, #filtr .box-ostatni .jako-checkbox.vybrany {
  background-position: 0 -48px;
}
#filtr .aktivni {
  border-bottom: solid #ebebeb 1px;
}
#filtr .open .box-hodnoty {
  display: block;
}
#filtr .box-nazev, #filtr .box-nadpis {
  overflow: hidden;
  line-height: 32px;
  height: 32px;
  background-color: #eeeeee;
  color: #586168;
  cursor: pointer;
  text-transform: uppercase;
}
#filtr .box-nazev:hover {
  background-color: #586168;
  color: #ffffff;
}
#filtr .box-nadpis {
   padding-left: 10px;
   margin-bottom: 10px;
   cursor: default;
}
#filtr .podnadpis {
  padding-left: 5px;
  height: 26px;
  line-height: 26px;
  font-style: italic;
  color: #aaaaaa;
  margin-top:10px;
}
#filtr .podnadpis::first-letter {
    text-transform: uppercase;
}
#filtr .podnadpis.fil-lvl2 {
   padding-left:25px;
}
#filtr .podnadpis.fil-lvl3 {
   padding-left:50px;
}
#filtr .zrusit {
  background-color: #8d8d8d;
  color: #ffffff;
  text-decoration: none;
  padding: 0;
  line-height: 36px;
  height: 36px;
}
#filtr .zrusit span {
  display: inline-block;
  font-weight: bold;
  padding: 0 6px;
  background-color: #eb1d24;
  line-height: 36px;
  height: 36px;
}
#filtr .zrusit:hover span {
  color: black;
}
#filtr .box-hodnoty .tucne, #filtr .box-ostatni .tucne {
   font-weight: normal;
   color: #ff0000;
}
#filtr .tradicni {
   position: relative;
}
#filtr .otaznik {
  vertical-align: bottom;
  position: absolute;
  top: 4px;
  right: 0;
  padding: 0 6px;
  height: 18px;
}
#filtr .cena-zadani {
   margin-top: 5px;
   margin-bottom: 10px;
}
#filtr .cena-zadani .cena-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50px;
  border: solid #ebebeb 1px;
  background-color: #f8f8f8;
  height: 26px;
  line-height: 26px;
  vertical-align: top;
  text-align: left;
  padding: 0 6px;
  color: black;
}
#filtr .cena-zadani .cena-input.cervena {
   color: red;
}
#filtr .cena-zadani .button {
  height: 26px;
  line-height: 26px;
  padding: 0;
  width: 78px;
  font-size: 13px;
}
#filtr .znak {
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  background: url("../img_new/ikony.png") -645px -84px no-repeat;
}
#filtr .open .znak {
  background-position: -445px -83px;
}

.fil-txt {
   padding-left: 7px;
}

.seznam-produktu {
  background-color: #ffffff;
  padding: 10px 0 15px 0;
}
.seznam-produktu h1 {
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: solid #ebebeb 1px;
}
.seznam-produktu .tri-produkty {
  margin: 0 10px 15px 10px;
}
.seznam-produktu .hlavicka {
  font-size: 16px;
  line-height: 26px;
  margin: 0 10px 15px 10px;
}

.hlavicka .des-top p:last-of-type {display: inline;}
.hlavicka .des-sh {padding-left:10px; white-space: nowrap;}
.hlavicka .des-ext {display: none;}
.hlavicka .des-zaj {white-space: nowrap;float:right;}

.sz-paticka {
  font-size: 16px;
  line-height: 26px;
  margin-top: 10px;
  padding: 20px;
  background-color: #ffffff;
}
.sz-paticka .sloupce {
   -webkit-column-count: 2; /* Chrome, Safari, Opera */
   -moz-column-count: 2; /* Firefox */
   column-count: 2;
   -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
   -moz-column-gap: 30px; /* Firefox */
   column-gap: 30px;
}
.sz-paticka ul {
   padding-left: 15px; 
}
.sz-paticka p {
   margin: 0 0 20px 0;
}
.poczb {
    float: left;
    line-height: 25px;
    color: #777777;
    margin: 0 10px 10px 0;
}

.podrady {
  margin: 0 5px 10px 5px;
}
.podrady .podrada-sipka, .seznamy .podrada-sipka {
  margin: 0 18px 10px 5px;
  float: left;
  height: 23px;
  line-height: 23px;
  border: solid #ddd 1px;
  border-right: none;
  padding: 0 10px;
  color: #777;
  position: relative;
}
.podrady .podrada-sipka span, .seznamy .podrada-sipka span {
  position: absolute;
  width: 13px;
  height: 25px;
  background: url("../img_new/sipka.png") top left no-repeat;
  right: -13px;
  top: -1px;
}
.podrady .podrada {
  padding: 0 5px 10px 5px;
  float: left;
}
.podrady a, .sez {
  display: block;
  background-color: #eeeeee;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  padding: 0 10px;
}
.seznamy .podrada-sipka {
  margin: 0 20px 10px 0;  
}
.sez {
  margin: 0 5px 10px 0;
  float: left;  
}

.filtr-seznam {
  margin: 0 10px 10px 10px;
  border-bottom: solid #ebebeb 1px;
}
.filtr-seznam.bez-borderu {
  border: none;
}
.filtr-seznam .vas-vyber {
  display: inline-block;
  height: 23px;
  line-height: 23px;
  float: left;
  margin: 0 23px 10px 0;
  border: solid #ddd 1px;
  border-right: none;
  padding: 0 10px;
  color: #777;
  position: relative;
}
.filtr-seznam .vas-vyber .hrot {
  position: absolute;
  width: 13px;
  height: 25px;
  background: url("../img_new/sipka.png") top left no-repeat;
  right: -13px;
  top: -1px;
}
.filtr-seznam .zrusit {
  display: inline-block;
  background-color: #DADFFF;
  color: #586168;
  text-decoration: none;
  padding: 0 0 0 10px;
  height: 25px;
  line-height: 25px;
  float: left;
  margin: 0 10px 10px 0;
}
.filtr-seznam .zrusit .x {
  display: inline-block;
  line-height: 25px;
  height: 25px;
  width: 25px;
  color: #ffffff;
  vertical-align: top;
  margin-left: 10px;
  background: url("../img_new/ikony.png") #eb1d24 -608px -88px no-repeat;
}
.filtr-seznam .zrusit .mensi {
  color: #8d8d8d;
}
.filtr-seznam .zrusit:hover .nazev {
  text-decoration: line-through;
}
.filtr-seznam .zrusit .lupa {
   vertical-align:middle;
   margin-right: 5px;
}
.filtr-seznam .left-info {
  float: left;
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
}
.filtr-seznam .right-info {
  float: right;
  padding-top: 6px;
  margin-bottom: 10px;
  width: 80px;
  text-align: right;
}
.filtr-seznam .right-info a {
  padding-left: 7px;
}
.posunovac-obal {
    overflow: hidden;
}
.posunovac-full {
    white-space: nowrap;
    overflow-x: auto;
}
.posunovac-full.grab {
    overflow: visible;
    cursor: grab;
}
.pz-pol, .pc-pol {
    display:inline-block;
    white-space: normal;
    width:200px;
    position: relative;
    margin-left: 20px;
    vertical-align: top;
    text-align: center;
}
.pc-pol {
   width:27.889%; 
   margin-left: 2.391%;
   text-align: left;
}
.flickity .pc-pol {
   width:30.3%; 
   margin-left: 2.597%;
}
.pc-pol .nazev {
    margin-top:15px;
}
.pc-pol .times {
    font-family: times;
    font-size: 28px;
    line-height: 36px;
    padding-bottom: 20px;
}
.pc-pol .nazev a {
    text-decoration: none;
    color: #444444;
}
.pc-pol .autor-datum {
    margin-top: 10px;
}
.pc-pol .label-ico {
   position: absolute;
   top: 10px;
   left: 0;
}
.pz-pol .produkt {
    border: solid #ffffff 1px;
}
.pu-pol {display: inline-block; position:relative; width: 134px; white-space: normal; margin-left: 11.85px; vertical-align: top;}
.pu-pol .maly-font {position:absolute;background-color: #fbedca;opacity: 0.8;color:#000000;width:100%;text-align:center;bottom:0;z-index:9;padding:5px 0;}
.pu-pol img {vertical-align: top;}
.pz-pol.prvni, .pc-pol.prvni, .pu-pol.prvni, .box-znacka.prvni {
    margin-left: 50px;
}
.pz-pol.posledni, .pc-pol.posledni, .pu-pol.posledni, .box-znacka.posledni {
    margin-right: 50px;
}
#dkz .tb-box {
    padding-top: 50px;
    padding-bottom: 35px;
}
#dkz .tb-box2 {
    padding-top: 30px;
    padding-bottom: 15px;
}
#dkz .rl-box {
    padding-left: 50px;
    padding-right: 50px;
}
#dkz .wh-box {
  background-color: #ffffff;
}
#dkz .gr-box {
    background-color: #dddddd;
}
#dkz .popisek{
   width: 80%;
   font-family: 'Raleway', sans-serif;
   font-size: 16px;
   line-height: 26px;
}
.uppercase {
  text-transform: uppercase;
}
#dkz .foto-left{
  float: left;
  width: 400px;
}
#dkz .dkz-left {
  float: left;
  width: 49%;
}
#dkz .video-link {
    margin-bottom: 5px;
}
#dkz .video-link img {
    vertical-align: middle;
}
#dkz .topInfo-right, #dkz .topInfo-right720{
  float: right;
  width: -webkit-calc(100% - 430px);
  width: calc(100% - 430px); 
}
#dkz .dkz-right {
  float: right;
  width: 49%;
}
#dkz .product-name {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#dkz .maly-font.item-id{
  margin: 4px 0px 20px 0px;
  color: #586168;
}
#dkz .doprava_zdarma {
  color: green;
}
#dkz .doprava_auto {
  display: inline-block;
  width: 20px;
  height: 13px;
  background: url("../img_new/ikony.png") -332px -97px no-repeat;
  vertical-align: middle;
}
#dkz .info-dostupnost {
  /*float: left;*/
}
#dkz .dostupnost-info {
    margin-bottom: 20px;
}
#dkz .info-dostupnost span {
  width: 20px;
  height: 15px;
  vertical-align: middle;
  background: url("../img_new/ikony.png") -291px -95px no-repeat;
}
#dkz .kdy-dodame {
  margin-top: 10px;
  padding: 10px 10px 10px 10px;
  border-top: solid #ebebeb 1px;
  border-bottom: solid #ebebeb 1px;
}
#dkz .skladem-info {
  color: green;
}
#dkz .parametry {
  padding: 0;
  margin: 0 0 15px 0;
}
#dkz .par-rad, #dkz .par-bun {
    background-color: #f2eee8;
    margin-bottom:2px;
}
#dkz .par-bun1, #dkz .par-bun2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float:left;
  padding:6px 15px;
}
#dkz .par-bun1 {
   width: 160px; 
}
#dkz .par-bun2 {
  width: -webkit-calc(100% - 160px);
  width: calc(100% - 160px);  
}
#dkz .par-bun, #dkz .par-nad {
  padding:6px 15px;    
}
#dkz .par-nad {
    text-transform: uppercase;
}
#dkz .dkz-parametry .width-full {
  width:100%;
}
#dkz #td_1 {
  width: 130px;
}
#dkz .vice-posun span, .hlavicka .des-sh span {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../img_new/ikony.png") -413px -93px no-repeat;
  vertical-align: middle;
}
.dkz-kupon {color:#ffffff;background-color:#f49b00;padding:0 20px;position:relative;bottom:-10px;line-height:65px;}
.dkz-kupon .kl {float:left;padding-right:15px;font-size:26px;}
.dkz-kupon .kr {float:left;}
.dkz-kupon .kri {display:inline-block;vertical-align:middle;line-height:16px;}
.dkz-kupon .white {border-color: white;}
#dkz .nakup-blok {
  background-color: #f3f3f3;
  margin: 10px 0;
  border-top: solid #ebebeb 1px;
  border-bottom: solid #ebebeb 1px;
}
#dkz .doplnek-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 5px;
}

.doplnek-checkbox {
  flex: 0 0 auto;
  padding-right: 5px;
  display: flex;
  align-items: center;
}

.plus{
  margin-left: 5px;
}

.doplnek-content {
  flex: 1;
  min-width: 200px;
  line-height: 1.6;
}

.dkz-pouzite {
  margin-bottom: 20px;
  line-height: 28px;
}
#dkz .dkz-pouzite .cena-zdroj {
  font-weight: bold;
}
#dkz .dkz-pouzite .otaznik {
  vertical-align: initial;
}
#dkz .cena-dkz, #dkz .disable {
  color: #8d8d8d;
}
#dkz .cena-dkz .black {
  color: #404040;
}
#dkz .cena-hlidani {
  margin-left: 4px;
}
#dkz .puvodni-cena {
  padding-top: 5px;
  color: #8d8d8d;
}
#dkz .puvodni-cena span {
  text-decoration: line-through;
}
#dkz .nakup {
  padding: 30px;
  border-top: solid #ffffff 1px;
  border-bottom: solid #ffffff 1px;
}
#dkz .tlacitka {
  padding-top: 15px;
}
#dkz .koupit {
  margin-right: 10px;
}
#dkz .tlacitka .button {
   margin-bottom: 15px;
}
#dkz .vetsi {
  font-size: 2rem;
  font-weight: bold;
  color: #000000;
}
#dkz .dalsi-info {
  padding: 10px 25px;
  border-top: solid #dfdfdf 1px;
  text-align: right;
}
#dkz .vyhody {
  color: #404040;
  line-height: 1.6rem;
}
#dkz .vyhody .plus {
  font-weight: bold;
  font-size: 1.1rem;
  vertical-align: middle;
  margin-right: 3px;
}
#dkz .vyhody .res-img {
  max-width: 60px;
  max-height: 60px;
  margin: 5px 5px 0 0;
  cursor: pointer;
}
#dkz .tbl-splatky {
    width: 100%;
}
#dkz .tbl-splatky td {
    padding: 3px 7px;
    border-bottom: solid #dfdfdf 1px;
}
#dkz .tbl-splatky .spl-logo {
    max-width:120px;
}
#dkz #hlidaci-pes, #dkz .cena-dotaz {
  position: relative;
  background-color: #ffffff;
  padding: 5px;
}
#dkz #hlidaci-pes {
   margin-bottom: 15px;
}
#dkz #input-pes, #dkz .input-cena-dotaz {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 105px 0 10px;
  border: solid #eeeeee 1px;
  background-color: #ffffff;
  color: #404040;
  height: 40px;
}
.hlidaci-pes-obal{
    margin-left: 19px;
}
#dkz .button-pes, #dkz .button-cena-dotaz {
  position: absolute;
  top: 5px;
  right: 5px;
}
#dkz .pes-info {
  margin: 0 0 15px 0;
  font-size: 15px;
}
#dkz .pes-info .vyrazne {
  color: red;
  font-weight: bold;
}
#dkz .dopl_spec_vyber.vybrana {
   border: solid red 2px;
}
#dkz .odkazy-blok .button {
    margin: 0 15px 15px 0;
}
#dkz .social {
  text-align: right;
  margin-bottom: 10px;
  width: 100%;
  overflow: hidden;
}
#dkz .info-blok {
  border-top: solid #dfdfdf 1px;
  padding: 10px;
}
#dkz .volejte {
  float: right;
  text-align: center;
  font-size: 0.8rem;
  font-weight: bold;
}
#dkz .volejte span {
  background-color: #afafaf;
  font-size: 2rem;
  color: #ffffff;
  line-height: 2.2rem;
  padding: 0 10px;
}
#dkz .piktogramy p {
  margin-top: 0;
}
#dkz .souvisejici-skupiny a {
   display: inline-block;
   text-decoration: none;
   background-color: #DADFFF;
   color: #586168;
   padding: 3px 7px;
   margin: 0 10px 10px 0;
}
#dkz .souvisejici-skupiny a:hover {
   background-color: #586168;
   color: #ffffff;
}
#dkz .velke-foto-obal, #dkz .krabicka-foto-obal {
  padding: 0;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  margin-bottom: 25px;
}
#dkz .velke-foto, #dkz .krabicka-foto {
  position: relative;
  text-align: center;
  width: 100%;
  height: 400px;
  line-height: 400px;
}
#dkz .velke-foto img, #dkz .krabicka-foto-obal img {
  max-width: 100%;
  vertical-align: middle;
}
#dkz .dalsi-fotky {
  margin-bottom: 10px;
  display: block;
    width: 100%;
  text-align: center;
}
#dkz .msg .dalsi-fotky {
   margin-bottom: 0;
}
#dkz .dalsi-fotky .dalsi-fotka-obal {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  height: 11.5%;
  width: 11.5%;
  margin-right: 1%;
  margin-bottom: 1%;
  text-align: justify;
  display: inline-block;
}
#dkz .msg .dalsi-fotky {
   margin-bottom: 0;
   width: 87%;
}
#dkz .dalsi-fotky .dalsi-fotka {
  text-align: center;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}
#dkz .dalsi-fotky .dalsi-fotka img {
  vertical-align: middle;
}
#dkz .hodnoceni .stars {
  position: relative;
  top: -2px;
}
#dkz .stars {
  float: left;
  margin-right: 5px;
}
#dkz .stars span {
  display: inline-block;
  width: 19px;
  height: 18px;
  background: url("../img_new/ikony.png") 0 0 no-repeat;
  vertical-align: middle;
}
#dkz .stars .full {
  background-position: -450px -51px;
  padding:0;
}
#dkz .stars .half {
  background-position: -530px -51px;
}
#dkz .stars .none {
  background-position: -490px -51px;
}
#dkz .stars .pocet {
    vertical-align: initial;
    background: none;
}
#dkz .dkz-parametry {
  font-size: 16px;
  line-height: 22px;
}
#dkz .dkz-h2 {
    text-transform: uppercase;
    margin: 30px 0 15px 0;
    padding:0;
    font-weight: normal;
}
#dkz .dkz-h2 .flr {
    text-transform: none;
}
#dkz .dkz-parametry table {
  border-collapse: collapse;
}
#dkz .dkz-parametry .background {
  background-color: #f2eee8;
}
#dkz .dkz-parametry .td_1 {
  width: 130px;
}
#dkz .dkz-parametry td {
  padding: 4px 10px;
  text-align: left;
  vertical-align: top;
  background-color: #f2eee8;
  border-bottom: 2px solid white;
}
#dkz .dkz-parametry .nadpis-funkce{
    padding: 4px 10px;
     font-weight: bold;
}
#dkz .dkz-parametry .det {
    color: #9b9b9b;
}
#nadpis_diamanty{
    font-weight:bold;
    padding-left: 9px;
    padding-top: 20px;
    margin-bottom: -16px;
}
#dkz .dkz-parametry .diamant_back{
  background: url("../img_new/diamonds-banner.jpg") no-repeat;
  padding: 10px;
  padding-left: 17px;
  margin-top: 20px;
}
#dkz .dkz-parametry .diamant_back table{
    line-height:1.4rem;
}
#dkz .dkz-parametry .diamant_back td {
  padding: 0px;
  text-align: left;
  background-color: transparent;
  border-bottom: none;
}
#dkz .dkz-parametry .diamant_back .td_2 {
    width: 65%;
}
#dkz .dkz-parametry .diamant_back #hide-res {
    font-weight: bold;
}
#dkz .dkz-parametry .diamant_back #diam_poc{
    padding-left: 40px;
}
#dkz .dkz-parametry th {
  text-align: left;
  padding: 25px 10px 15px 10px;
  padding-top: 20px;
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
}
#dkz .grupa {
    text-transform: uppercase;
    font-weight: bold;    
}
#dkz .p-grupa {
    margin-top: 10px;  
}
#dkz .dkz-parametry .jako-odkaz {
   font-size: 13px;
   text-transform: none;
}
#dkz .dkz-funkce {
  padding: 10px 0 20px 0;
  line-height: 26px;
}
#dkz .dkz-funkce .popclick {
    cursor: pointer;
}
#dkz .dkz-funkce .funkce {
  display: inline-block;
  vertical-align: top;
  background-color: #f2eee8;
  padding: 4px 10px;
  color: #404040;
  margin-right: 10px;
  font-size: 14px;
  white-space: nowrap;
  margin-bottom: 5px;
}
#dkz .recenze {
  background-color: #f6f6f6;
  padding: 13px;
  border-radius: 5px;
  margin-bottom: 10px;
}
#dkz .recenze .udaje {
  color: #8d8d8d;
  font-size: 0.9rem;
  margin-bottom: 5px;
}
#dkz .recenze .text {
  padding-right: 20px;
  line-height: 1.5rem;
}
#dkz .recenze .rec-koment {
  color: #8D8D8D;
  font-weight: bold;
  margin-left: 5%;
}
#dkz .recenze .rec-koment span {
  font-weight: normal;
  font-style: italic;
}
#dkz .recenze .stars {
  position: relative;
  top: -1px;
  margin-bottom: 5px;
}
#dkz .recenze .uzitecnost {
  margin-top: 5px;
  font-size: 0.9rem;
  text-align: right;
  color: #8d8d8d;
  padding-right: 20px;
}
#dkz .video-container{
    margin-bottom: 4%;
}
.dkz-navod {font-size: 16px;border: 1px solid #dedede;padding: 20px 70px;background: url("../img_new/navod.png") #f7f7f7 15px center no-repeat;}

.nav {
  margin-bottom: 10px;
}

.strankovani {
  float: right;
  margin-right: 5px;
}
.strankovani .span, .strankovani a {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-decoration: none;
  line-height: 30px;
  margin: 0 5px;
  border: solid #ebebeb 1px;
  text-align: center;
}
.strankovani a, .strankovani .posun.aktivni {
  color: #586168;
  background-color: #DADFFF;
}
.strankovani a:hover, .strankovani .posun.aktivni:hover {
  color: #ffffff;
  background-color: #586168;
}
.strankovani .aktualni {
  color: #ffffff;
  background-color: #262626;
  font-weight: bold;
}
.strankovani .posun {
  background-color: #ffffff;
  font-weight: bold;
  font-size: 1.1rem;
  color: #8d8d8d;
}
.strankovani .pokracovani {
  border: solid #ffffff 1px;
  background-color: #ffffff;
  color: #8d8d8d;
  width: 10px;
}

.na-stranku {
  margin-left: 10px;
  color: #8d8d8d;
  line-height: 30px;
}
.na-stranku select {
  background-color: #DADFFF;
  border: solid #ebebeb 1px;
  line-height: 30px;
  height: 30px;
  vertical-align: middle;
  width: 50px;
  color: #586168;
  padding-left: 7px;
}

#foot-content {
  color: #ffffff;
}
#foot-content .sirka-stranky {
  padding: 10px 0;
}
#foot-content .pat {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  float: left;
}
#foot-content .pl {
  float: left;
  width: 66.666%;
}
#foot-content .p1, #foot-content .p2 {
  width: 50%;
}
#foot-content .p3 {
  width: 33.333%;
  float: right;
}
#foot-content .nadpis {
  font-weight: normal;
  font-size: 19px;
  margin: 20px 0;
  color: #9a9a9a;
  border-bottom: none;
}
#foot-content ul {
   padding-left: 15px;
}
#foot-content a, #foot-content .jako-odkaz {
  color: #ffffff;
}
#foot-content .oramovane {
  text-align: center;
  background: #586168;
  display: block;
  padding: 15px;
  font-size: 22px;
  line-height: 26px;
  margin-top: 20px;
  margin-bottom: 5px;
  text-decoration: none;
}
#foot-content .podnadpis {
  color: #cccccc;
  font-weight: bold;
}

#servis_hodinek .slogan {
   width: 80%; float: right; margin-top:10px;
}
#servis_hodinek .fotka {
   width: 16%; float: left;  text-align: right;
}
#servis_hodinek .plusy {
   width: 33.333%; float: left; text-align: center;
}
#servis_hodinek .obal {
   padding:10px;
}
#servis_hodinek .foto {
   width: 49%;
}
#servis_hodinek .sloupec {
   margin-bottom: 10px;
}
#servis_hodinek .hodn {
   border-bottom: solid #ebebeb 1px;
}
#servis_hodinek .hodn::after {clear: both; content: ""; display: block;}
#servis_hodinek .italic {
   font-style: italic;
}
.hp-plus {
   text-align: center;
}
.hp-plus .ctvrt {
   width: 25%;
   float: left;
}
.hp-plus .tucne, .ctvrt p {
   padding: 0 10px;
}

.socialni_site {
   background-color: #000000;
   text-align: center;
   padding: 35px 5px;
}

.socialni_site a {
   display: inline-block;
   margin: 5px;
}

.socialni_site img {
   vertical-align: top;
}

.table-basket .head {
  height: 40px;
  background-color: #f5f5f5;
  color: #666666;
  font-size: 0.9rem;
  font-weight: bold;
}
.table-basket .head a {
  font-weight: normal;
}
.table-basket .bottom {
  height: 40px;
  background-color: #8d8d8d;
  color: #ffffff;
  font-weight: bold;
}
.table-basket .polozka {
  height: 90px;
}
.table-basket .bt-img .res-img {
  max-height: 80px;
  max-width: 80px;
}
.table-basket .bt-dostupnost {
  width: 80px;
}
.table-basket .bt-kusu {
  text-align: right;
  width: 65px;
}
.table-basket .bt-cena {
  text-align: right;
  width: 110px;
}
.table-basket .bt-img {
  text-align: center;
  width: 95px;
}
.table-basket .bt-odeber {
  width: 45px;
}
.table-basket .bt-odebrat {
  display: inline-block;
  width: 31px;
  height: 31px;
  vertical-align: middle;
  background: url("../img_new/ikony.png") #DADFFF -603px -6px no-repeat;
}
.table-basket .bt-odebrat:hover {
  background: url("../img_new/ikony.png") #586168 -604px -85px no-repeat;
}
.sedy-blok {
   position: relative;
   padding: 10px 7px 10px 10px;
   background-color: #f5f5f5;
}
.bt-name .hrot-nahoru {
   position: absolute;
   top: -15px;
   left: 10px;
   background: url("../img_new/hrot_nahoru.png") no-repeat;
   width: 39px;
   height: 21px;
   z-index: 5;
}
.table-basket .premium .bt-name {
   padding-right: 0;
}

.basket-count {
  border: solid #d8d8d8 1px;
  width: 50px;
  height: 37px;
  line-height: 37px;
  display: inline-block;
}
.basket-count input {
  width: 28px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0;
  border: none;
}
.basket-count .count-set {
  text-align: center;
  float: right;
  width: 20px;
  line-height: 18px;
  border-left: solid #d8d8d8 1px;
  cursor: pointer;
  font-weight: bold;
  color: #727272;
  font-size: 14px;
}
.basket-count .basket-plus, .basket-count .basket-minus {
  background: white;
  background: -moz-linear-gradient(top, white 0%, #eeeeee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #eeeeee));
  background: -webkit-linear-gradient(top, white 0%, #eeeeee 100%);
  background: -o-linear-gradient(top, white 0%, #eeeeee 100%);
  background: -ms-linear-gradient(top, white 0%, #eeeeee 100%);
  background: linear-gradient(to bottom, white 0%, #eeeeee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#eeeeee',GradientType=0 );
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.basket-count .basket-plus:hover, .basket-count .basket-minus:hover {
  background: #eeeeee;
  background: -moz-linear-gradient(top, #eeeeee 0%, white 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, white));
  background: -webkit-linear-gradient(top, #eeeeee 0%, white 100%);
  background: -o-linear-gradient(top, #eeeeee 0%, white 100%);
  background: -ms-linear-gradient(top, #eeeeee 0%, white 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='white',GradientType=0 );
}
.basket-count .basket-plus {
  border-bottom: solid #d8d8d8 1px;
}

#basket-kod {
  text-align: right;
}
#basket-kod .input {
  max-width: 300px;
  height: 40px;
  margin-bottom: 0;
}

#kosik {
  padding: 10px;
  background-color: #ffffff;
}
#kosik h2 {
  margin-top: 10px;
}
#kosik .buttons {
  padding: 15px 0 25px 0;
}
#kosik .buttons a {
  margin-bottom: 10px;
}
#kosik .buttons .sr, #kosik .buttons .sl, .hp-cl .sr {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
#kosik .buttons .sr, .hp-cl .sr {
  background: url("../img_new/ikony.png") -290px -50px no-repeat;
}
#kosik .buttons .sl {
  background: url("../img_new/ikony.png") -250px -130px no-repeat;
}
#kosik .buttons .button:hover .sl {
  background-position: -250px -50px;
}
#kosik #dopravy {
  width: 49%;
  float: left;
}
#kosik #dopravy .select {
  max-width: 160px;
  margin: 10px 0;
}
#kosik #dopravy .table {
  margin-bottom: 0;
}
#kosik #dopravy td {
  padding: 0;
}
#kosik #platby {
  width: 49%;
  float: right;
}
#kosik #platby .select {
  max-width: 160px;
  margin: 10px 0;
}
#kosik #platby .table {
  margin-bottom: 0;
}
#kosik #platby td {
  padding: 0;
}
#kosik #platby .msg {
  margin: 15px 0 10px 0;
}
#kosik #platby .table .msg {
  margin: 0;
  cursor: default;
}
#kosik #platby .table .msg:hover {
  background-color: #f2dede;
}
#kosik .payu-nadpis {
  text-transform: uppercase;
  font-weight: bold;
  margin: 25px 0 10px 0;
}
#kosik .tdd {
  border-bottom: none;
  margin-bottom: 0;
}
#kosik .tdo {
  border-top: none;
}
#kosik .typ-dopravy {
  padding: 0 25px;
  line-height: 36px;
  height: 36px;
}
#kosik .typ-dopravy span {
  font-weight: bold;
}
#kosik .dopl-polozka {
  line-height: 36px;
  height: 36px;
  padding: 0 25px;
  cursor: pointer;
  overflow: hidden;
}
#kosik .twisto {
  padding: 0 50px;
  background-color: #e8eaf5;
}
#kosik .twisto span {
  padding: 0 10px;
}
#kosik .dopl-polozka:hover {
  background-color: #DADFFF;
}
#kosik .dopl-polozka .otaznik {
  vertical-align: initial;
}
#kosik .vybrana {
  background-color: #DADFFF;
}
#kosik .vybrana:hover {
  background-color: #DADFFF;
}
#kosik .radio {
  margin-right: 10px;
}
#kosik .check {
  vertical-align: top;
  line-height: 30px;
  width: 19px;
}
#kosik .info-vice, #kosik #kalmaras, #kosik #ppl_info {
  font-size: 0.95rem;
}
#kosik .info-vice, #nova-vymena .info-vice{
  margin: 10px;
  padding: 10px 10px;
  background-color: #f5f5f5;
  border: solid #ccc 1px;
  position: relative;
}
#kosik .info-vice li, #nova-vymena .info-vice  li{
  margin-left: 20px;
}
#kosik .hrot, .info-vice .hrot{
  position: absolute;
  width: 39px;
  height: 21px;
  top: -21px;
  left: 10px;
  background: url("../img_new/hrot.png") top left no-repeat;
}
#kosik .dopr-info {
  padding: 10px 0 10px 0;
}
#kosik .td-vetsi {
  width: 90%;
}
#kosik .td-mensi {
  width: 10%;
  vertical-align: top;
  text-align: center;
  line-height: 48px;
}
#kosik .rekapitulace {
  padding: 0;
}
#kosik .obal-rekapitulace {
  padding: 0px 25px;
}
#kosik .tbl-rek {
  width: 100%;
}
#kosik .tbl-rek td {
  padding: 4px 0;
}
#kosik .tbl-rek .tar {
  padding-left: 20px;
  white-space: nowrap;
}
#kosik .tbl-rek .h-border {
  border-top: solid #ccc 1px;
}
#kosik .objednat {
  margin-top: 15px;
  float: right;
}
#kosik .obal {
  padding: 25px 0px;
  background-color: #f5f5f5;
  border: solid #cccccc 1px;
}
#kosik .obal .na-firmu {
  margin: 0px 25px;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: solid #cccccc 1px;
}
#kosik .obal .na-firmu label {
  margin-right: 25px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
#kosik .obal .radek {
  padding: 0px 25px;
  margin-bottom: 8px;
}
#kosik .obal .bottom_radek {
  margin-bottom: -7px;
}
#kosik .obal .povinny {
  color: #eb1d24;
}
#kosik .obal label {
  display: block;
}
#kosik .obal .label {
  width: auto;
  display: inline-block;
}
#kosik .obal .napoveda {
  font-size: 0.85rem;
  margin-left: 10px;
}
#kosik .obal .pul {
  width: 48%;
  margin-right: 4%;
  float: left;
}
#kosik .obal .last {
  margin-right: 0;
}
#kosik .obal .ctvrt {
  width: 25%;
  margin-right: 4%;
  float: left;
}
#kosik .obal .trictvrte {
  width: 71%;
  float: left;
}
#kosik .obal .mesto {
  float: left;
  width: 47%;
  margin-right: 4%;
}
#kosik .obal .stat {
  float: left;
  width: 20%;
}
#kosik .obal .vyssi {
  padding: 5px 25px;
}
#kosik .obal .vyssi .label {
  margin-left: 5px;
}
#kosik .obal .input {
  width: 100%;
}
#kosik .obal .pevny {
  width: 196px;
}
#kosik .obal select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 3px 7px 0 7px;
  background-color: #ffffff;
  border: solid #cccccc 1px;
  height: 2rem;
  /*-webkit-box-shadow: inset 1px 1px 4px 0px #d2d2d2;
  -moz-box-shadow:    inset 1px 1px 4px 0px #d2d2d2;
  box-shadow:         inset 1px 1px 4px 0px #d2d2d2;*/
}
#kosik .obal option {
  padding: 3px 7px;
}
#kosik .obal .textarea {
  width: 100%;
  height: 100px;
}
#kosik .kosik-dolni {
  position: relative;
}
#kosik .obal .radek label {
  font-size: 0.8rem;
  color: #727171;
  text-transform: uppercase;
  font-family: verdana;
}
#kosik .kosik-dolni .w2 {
  width: 49%;
}
#kosik .kosik-dolni .rekapitulace-obal {
  float: right;
  /*position: absolute;
  right: 0;
  bottom: 0;*/
}
#kosik .posta_sk_seznam_in, #kosik .balikovna_seznam_in, #kosik .posta_seznam_in, #kosik .pplps_seznam_in, .ajax_seznam_in {
   background-color:white;
   border:solid gray 1px;
   max-height: 160px;
   overflow-y: auto;
}

#kosik .posta_sk_vyber, #kosik .balikovna_vyber, #kosik .posta_vyber, #kosik .pplps_vyber, .ajax_seznam_vyber {
   text-decoration: underline;
   cursor: pointer;
   padding: 7px;
   margin: 0;
}

#kosik .posta_sk_vyber:hover, #kosik .balikovna_vyber:hover, #kosik .posta_vyber:hover, #kosik .pplps_vyber:hover, .ajax_seznam_vyber:hover {
   text-decoration: none;
   background-color: #dadfff;
}

.cetelem fieldset {
  padding: 15px 15px 10px 15px;
}

.table_splatky td, .table_splatky th {
  padding: 5px;
  text-align: left;
  vertical-align: top;
  font-size: 12px;
}
.table_splatky .vetsi {
  font-size: 16px;
}
.table_splatky .select {
  width: 275px;
}
.table_splatky .text {
  width: 60px;
}

.table_platby {
  border-collapse: collapse;
  border: solid #ddd 1px;
}
.table_platby td {
  padding: 0 5px 0 10px;
  height: 30px;
}
.table_platby tr:hover {
  background-color: #f2f2f2;
}

.platba-neuspesna {
  text-align: center;
  color: #ff0000;
  font-size: 24px;
}
.platba-neuspesna span {
  font-size: 36px;
}

.platba_repapitulace {
  font-size: 20px;
  margin: 5px 0 20px 0;
}

#popup {
  z-index: 999;
}

#popup, #popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#popup-overlay {
  display: block;
  background-color: #000000;
  opacity: 0.7;
}

#popup-in {
  position: relative;
  width: 100%;
  height: 150px;
  background-color: #ffffff;
  max-width: 480px;
  max-height: 100%;
  -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
}

#popup-content {
  padding: 58px 20px 20px 20px;
}

#popup-content-in {
  height: 100px;
  overflow: auto;
}

.popup-close {
  position: absolute;
  cursor: pointer;
  padding: 0 15px;
  height: 38px;
  line-height: 38px;
  font-size: 17px;
  top: 0;
  right: 0;
  color: white;
  background-color: #eb1d24;
}
.popup-close:hover {
  background-color: #d11a20;
}

.popup-nadpis {
  position: absolute;
  width: 100%;
  height: 31px;
  background-color: #dddddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  height: 38px;
  line-height: 38px;
  font-size: 17px;
  top: 0;
  left: 0;
  color: #666;
}

.form-in #popup-content {
  background-color: #f5f5f5;
}
.form-in .komentare .form-obal-new {
   padding: 0;
   margin: 0;
   border: none;
}
.form-in .komentare .form-obal-new .button {
   margin-top: 10px;
}

.youtube-player {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 2%;
  cursor: pointer; 
}
#youtube-iframe { 
    width: 100%; height: 100%; position: absolute; top: 0; left:0;
}
#hl-menu {
    background-color:#dddddd;
}
#main-menu {
  display: block;
  position: relative;
}
#main-menu ul {
  list-style: none;
  display: block;
  padding: 0;
}
#main-menu .dropdown {
  display: none;
  position: absolute;
  margin: 0;
  background-color: #ffffff;
  left: 0;
  top: 40px;
  z-index: 60;
  -webkit-box-shadow: 0px 5px 5px -1px #D2D2D2;
  -moz-box-shadow: 0px 5px 5px -1px #D2D2D2;
  box-shadow: 0px 5px 5px -1px #D2D2D2;
  width:100%;
}
#main-menu .dropdown .menu {
  width: 630px;
}
#main-menu .dropdown .menu-left {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 384px;
  padding: 20px 0 20px 20px;
}
#main-menu .dropdown .menu-right {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  width: 224px;
  padding: 20px 10px 20px 0;
}
#main-menu .dropdown .pol {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  height: 32px;
  line-height: 32px;
  width: 96px;
  margin-right: 10px;
  overflow: hidden;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 12px;
}
#main-menu .dropdown .menu-left .pol {
   width: 81px;
}
#main-menu .dropdown .pol.dva-radky {
   padding-top: 5px;
   line-height: 11px;
   font-size: 10px;
}
#main-menu .dropdown .pol:hover {
  text-decoration: underline;
  color: #990000;
}
#main-menu .dropdown .menu-left .cerveny, #main-menu .dropdown .menu-right .cerveny {
  margin-top: 10px;
  color: #eb1d24;
  width: 172px;
}
#main-menu .dropdown .drop-group {
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
}

#main-menu .last {
  border-right: none;
}
#main-menu .right-links {
    float: right;
    line-height: 40px;
}
#main-menu .right-links a {
    color: red;
    padding: 0 15px;
}
#main-menu .right-links a.last {
    padding-right: 0;
}
#main-menu .drop-switch {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 15px 0 15px;
  float: left;
  position: relative;
  font-size: 17px;
  cursor: pointer;
  color: #000000;
}
#main-menu .drop-switch.first {
    padding-left:0;
}
#main-menu .drop-switch:hover {
  color: #990000;
}
#main-menu .drop-switch .hrot {
    display: none;
}
#main-menu .open .drop-switch .hrot {
    display:block;
    width:100%;
    height:15px;
    position:absolute;
    left:0;
    bottom:-15px;
    background: url("../img_new/hrot_dolu3.png") center bottom no-repeat;
    z-index:65;
}
#main-menu .oddelovac {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  width: 1px;
  margin: 1px 0;
  height: 44px;
  border-right: solid #F0EEEF 1px;
}
.drop-switch .znacka {
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  top: -3px;
  background: url("../img_new/ikony.png") -10px -128px no-repeat;
}
.drop-switch:hover .znacka {
  background-position: -10px -128px;
}
#main-menu .open .drop-switch {
  color: #990000;
}
#main-menu .open .drop-switch .znacka {
  background-position: -10px -128px;
}

#category-menu {
  margin: 0;
  padding: 0;
}

#naseptavac {
  position: absolute;
  top: 37px;
  left: 5px;
  width: 300px;
  z-index: 20;
}
#naseptavac .naseptavac-in {
  border: solid silver 1px;
  border-bottom: none;
}
#naseptavac a {
  display: block;
  width: 100%;
  border-bottom: solid silver 1px;
  background-color: #ffffff;
  height: 35px;
  line-height: 35px;
  text-decoration: none;
  color: #404040;
  overflow: hidden;
}
#naseptavac a:hover {
  background-color: #f0f0f0;
}
#naseptavac .img {
  display: block;
  float: left;
  width: 20%;
  margin: 0 5px;
}
#naseptavac .img img {
  max-width: 100%;
  max-height: 35px;
}

.uziv_rec .recenze_obr {
  width: 200px;
  text-align: center;
  float: left;
}
.uziv_rec .celkove {
  float: right;
  width: -webkit-calc(100% - 200px);
  width: calc(100% - 200px);
}
.uziv_rec h2 {
  margin-top: 0;
}
.uziv_rec .star_hlas {
  display: block;
  width: 15px;
  height: 15px;
  float: left;
  cursor: pointer;
}
.uziv_rec .star_big {
  float: left;
  width: 125px;
  height: 25px;
  background: url("../img_new/stars-big.png") 0 0 no-repeat;
}
.uziv_rec .star_hlas_big {
  display: block;
  width: 25px;
  height: 25px;
  float: left;
  cursor: pointer;
}
.uziv_rec .form-recenze .label {
  width: 100px;
}
.uziv_rec .form-recenze .recenze_hlaska {
  text-align: right;
  padding-top: 10px;
}
.uziv_rec .form-recenze .textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 70px;
  margin-bottom: 10px;
  padding: 5px;
}
.uziv_rec .form-recenze .radek {
  margin-bottom: 7px;
}
.uziv_rec .form-recenze .button {
  float: left;
}
.uziv_rec .form-recenze #hodnoceni_title {
  line-height: 25px;
  margin-left: 10px;
}
.uziv_rec .form-recenze .label_radio {
  white-space: nowrap;
}

.pripominky {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: none;
  margin-top: 15px;
  width: 100%;
}
.pripominky .vetsi {
  font-size: 18px;
  margin-bottom: 5px;
}
.pripominky .input, .pripominky .textarea {
  width: 100%;
  font-size: 0.9rem;
}
.pripominky .textarea {
  height: 100px;
  padding: 7px;
  margin-bottom: 5px;
}
.pripominky .button {
  margin-bottom: 15px;
}
.pripominky .top-odsad {
  margin-top: 10px;
}

.registrace .radek-na-firmu {
  padding-bottom: 15px;
}
.registrace .radek-na-firmu label {
  margin-right: 20px;
}
.registrace .radek-dodaci {
  padding: 15px 0;
}

.form-vraceni .vr-label {
   display:block;
   float:left;
   width:110px;
   margin:5px 0 8px 0;
}
.form-vraceni .pre-check {
   height: 5px;
}
.form-vraceni .nevim {
   margin:5px 0;
   float: left;
}
.form-vraceni .vyssi {
   height: 20px;
}

#dko .cervena {
  color: red;
}
#dko .sl1 {
  padding: 0 10px 0 0;
}
#dko .rekapitulace table {
  width: 100%;
}
#dko .rekapitulace table td {
  padding: 3px 5px;
}
#dko .rekapitulace table tr:hover {
   background-color: #fffb8c;
}
#dko .rekapitulace .button {
   padding: 0 7px;
   margin: 5px 10px 5px 0;
   height: 20px;
   line-height: 20px;
   font-size: 14px;
}
#dko .sl2, #dko .sl3 {
  padding: 0 10px;
}
#dko .sl2 .button, #dko .sl3 .button {
  width: 100%;
}
#dko .sl4 {
  padding: 0 0 0 10px;
}
#dko .dotaz form {
  padding: 25px;
  background-color: #f1f1f1;
}
#dko .dotaz textarea {
  margin: 5px 0;
  width: 99%;
  height: 70px;
}
#dko .t {
  display: table;
  width: 100%;
}
#dko .r1 {
  text-align: center;
  font-weight: bold;
  padding: 7px 0;
}
#dko .r2 {
  text-align: center;
  display: table-cell;
  height: 50px;
  width: 100%;
  vertical-align: middle;
  background-color: #f1f1f1;
}
#dko .velke {
  font-size: 25px;
  font-weight: bold;
}
#dko .platba_repapitulace {
  font-size: 13px;
}

#zajimavosti {
   position:fixed;
   bottom:0;
   left:0;
   width:250px;
   opacity:0.95;
   color:#000000;
   z-index: 10;
}

#zajimavosti .zajimavost {
   margin:0 0 10px 10px;
   background-color:#dadfff;
   padding:15px 25px 15px 15px;
   border: solid #B1B6CE 1px;
   display:none;
   position: relative;
}

.zajimavost .close {
   position: absolute;
   width: 16px;
   height: 16px;
   top: 5px;
   right: 5px;
   cursor: pointer;
   background: url("../img_new/close.png") top left no-repeat;
}

#pridatblok, .editpage {
  font-size: 13px;
  height: 20px;
  background-color: #dddddd;
  border: 1px solid silver;
  line-height: 20px;
  text-align: center;
  color: #222222;
}

#pridatblok {
  float: right;
  margin-bottom: 2px;
  width: 120px;
}

.editpage {
  z-index: 1;
  display: none;
  width: 230px;
  position: absolute;
  top: 0px;
  right: 0px;
}

#pridatblok a, .editpage a {
  color: #333333;
}

.blokSS {
  padding: 2px;
  position: relative;
  background-color: #ffffff;
  max-width: 100%;
}

#vyrazene_zb {
  z-index: 1;
  line-height: 25px;
  margin-top: 45%;
  margin-left: 20%;
  position: absolute;
  text-transform: uppercase;
  background: #DADFFF;
  color: black;
  font-size: 18px;
  border-radius: 4px;
  width: 50%;
  padding: 10px;
  opacity: 0.9;
}

#img_vyrazene_zb {
  height: 100%;
  float: left;
}

.zasednuti_img img:not(#lock_img) {
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* For IE8 and earlier */
}

#k_poznamka {
  padding-top: 5px;
  font-family: verdana;
  color: #C0C0C0;
  font-size: 0.9rem;
  font-style: italic;
  line-height: 1.2rem;
}

.podbarvi {
  background-color: rgba(235, 29, 36, 0.1);
}
.podbarvi .basket-count {
  background: white;
}

.slovnik .tip {
  text-align: center;
}

.slovnik .info {
  vertical-align: text-bottom;
}

.slovnik .home {
  float: right;
}

.slovnik .left {
  text-align: left;
}

.slovnik .right {
  text-align: right;
}

.slovnik .img-right {
  float: right;
}

.slovnik .nadpis-center {
  text-align: center;
}

.slovnik #table {
  font-family: sans-serif;
  width: 100%;
  border-collapse: collapse;
}

.slovnik #table td, .slovnik #table th {
  font-size: 1em;
  border: 1px solid #990000;
  padding: 3px 7px 2px 7px;
}

.slovnik #table th {
  font-size: 1.1em;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 4px;
  background-color: #990000;
  color: white;
}

.garance {
  font-style: italic;
  color: #8D8D8D;
  line-height: 16px;
  margin-top: 20px;
}
#maxi-foto, .dalsi-fotka img{
    /*cursor: zoom-in;*/
}
#maxi-foto2{
    position: absolute;
    margin: auto;
    top: 0%; left: 0; bottom: 0; right: 0;
    display: none;
}
.dalsi-fotka{
    cursor: auto;
}
.sloupce_dva{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 17px; /* Chrome, Safari, Opera */
    -moz-column-gap: 17px; /* Firefox */
    column-gap: 17px;
}
.block{
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid-column; /* CSS3, IE10+ */
    display:inline-block;
    width:100%;
}
#swarovski {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 28%;
  height: 15%;
}

.recenzeDalsi-nadpis{
    font-weight:bold;
    font-size: 15px;
    line-height:1.5rem;
    margin-top: 10px;
    margin-bottom: 5px;
}

#margin_5_bottom{
    margin-bottom: 5px;
}
#twisto_comfirm{
    padding:5px 48px;
}
#twisto_napoveda{
    list-style-type: decimal;
}
#twisto_napoveda div{
    font-size:12px;
    color:#666666;
    margin-top:-5px;
}
#preference .n-blok {
   margin-top: 20px;
}
#preference .cislo {
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  background-color: #eeeeee;
  float: left;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
}
#preference .vedle-cisla {
   margin: 0 0 20px 50px;
}
#preference .vedle-cisla h3 {
   margin: 0;
}
.roll-to-top{
    text-decoration: none;
    width:65px;
    display: none;
    position: fixed;
    bottom: 50%;
    margin-left: 1275px;
    padding: 0;
}
.roll-to-top div {
   margin-top: 5px;
   display: inline-block;
   height: 30px;
   width: 30px;
   background: url("../img_new/tops.png") top left no-repeat;
}
.roll-to-top:hover div {
   background-position: bottom left;
}
.width800-display {
  display: inline;
}
.navstivene-obal a{
    display: block;
    float:left; 
}
.navstivene-obal .img{
    padding: 5px 10px 0px 0px; 
}
.navstivene-obal{
    display:table;
    margin: auto;
}
.hp .banery{
    padding: 0px;
}
.marg-3{
    margin: 10px 10px 0 0;
}
.marg-prvnitri-3{
    margin-top: 0px;
}
.marg-treti-3{
    margin-right: 0px;
}
*:disabled, *:disabled:hover {
    background: #dddddd;
}
#pracovni_mista .banery {
    padding: 0px;
}
#pracovni_mista .pozice {
   background: #f5f5f5;
   color: #404040;
   padding: 15px;
}
#pracovni_mista .hpp .pozice {
    background: #eff1ff;
    color: #404040;
}
.pozice .pozice-nazev {
    padding: 5px 0;
    font-size: 18px;
    height: 64px;
    overflow: hidden;
    line-height: 22px;
}
.pozice .pozice-vztah, .pozice .pozice-doba {
   height: 18px;
   line-height: 18px;
   overflow: hidden;
}
.pozice .pozice-doba {
   height: 32px;
}
#pracovni_mista .banner .button  {
   height: 32px;
   line-height: 32px;
   text-align: center;
   font-size: 18px;
   padding: 0 15px;
}
#pracovni_mista .banner:hover .button {
  background-color: #586168;
  color: #ffffff;
}
#pracovni_mista .nadpis {
   font-weight: bold;
}
#pracovni_mista #kosik {
   padding: 0;
}
#pracovni_mista .radek .button {
   float: right;
}
#pracovni_mista #kosik .obal .textarea {
   height: 200px;
}
#pracovni_mista .radek .f60 {
   float: left;
   width: 56%;
   margin-right: 4%;
}
#pracovni_mista .radek .f40 {
   float: left;
   width: 40%;
}
#pracovni_mista .radek .f30 {
   float: left;
   width: 36%;
   margin-right: 4%;
}
#pracovni_mista .radek .f20 {
   float: left;
   width: 16%;
   margin-right: 4%;
}
#pracovni_mista .side-menu {
    background-color: #ffffff;
    padding: 20px 20px 0 20px;
}
#pracovni_mista .side-menu .banner {
    margin: 0 0 20px 0;
    width: 100%;
}
.box-check {
   float: left;
   width: 150px;
   overflow: hidden;
   text-align: left;
   margin: 0 10px 10px 0;
   padding: 0 10px 0 0;
}
.box-check.active {
   background-color: #586168;
   color: #ffffff;
}
.box-check div {
   float: left;
   border: solid #ffffff 5px;
   padding: 5px;
   background-color: #ffffff;
   margin: 10px;
}
.box-check.active div {
   background: url("../img_new/fajfka.png") #ffffff top left no-repeat;
   padding: 0;
   border: 0;
   width: 20px;
   height: 20px;
}
.ulozeno {
   position:fixed;
   top:120px;
   right:25px;
   display: none;
}
.vine-responsive{
    overflow:hidden;
    padding-bottom:100%;
    position:relative;
    height:0;
}
.vine-responsive iframe{
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}
.komunikace {
   margin-top: 15px;
}
.komunikace .kom-blok {
   margin-bottom: 15px;
}
.komunikace .kom-info {
   float: left;
   width: 15%;
}
.komunikace .kom-text {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   float: right;
   width: 80%;
   position: relative;
   border: solid #dcdcdc 1px;
   padding: 15px;
   min-height: 70px;
}
.komunikace .udaj {
   display: block;
}
.kom-text .ukazatel {
  position: absolute;
  width: 21px;
  height: 39px;
  top: 10px;
  left: -21px;
  background: url("../img_new/hrot_l.png") #ffffff top left no-repeat;
}
.komunikace .uchazec .kom-text, .uchazec .kom-text .ukazatel {
   background-color: #f8f8f8;
}
 .odkazjako-text {
     text-decoration: none;
}
.marg-bot{
    margin-bottom: 15px;
}
#flag{
    padding: 15px 20px 15px 20px;
    text-align: center;
}
#flag .flag-obal{
    padding-right: 15px;
    float: left;
    
}
.flag {
    height: 15px;
    display: block;
    float: left;
    cursor: pointer;
}
.inline-nowrap{
    white-space: nowrap;
    display: inline-block;
}
.odsaz-top-bot{
    margin: 10px 0px;
}
#dkz .velke-foto-obal:hover .sleva-text{
    opacity: 1;
}
.produkt:hover .sleva-text{
    opacity: 1;
}

#nova-vymena #dopravy .select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 7px;
  background-color: #ffffff;
  border: solid #cccccc 1px;
  height: 26px;
  border: 1px solid #d5d5d5;
  margin-bottom:10px;
}
#nova-vymena .w2 > div, #nova-vymena .w1 > div{
    padding: 0px 10px;
}
#nova-vymena #dopravy .info-vice{
    display: inline-block;
}
#nova-vymena #dopravy .info-vice select{
    margin: 0px;
}
.small-text{
    font-size: 11px;
    line-height: 14px;
}
.autor{
  text-align: center;
  position: absolute;
  bottom: -20px;
  right: 0;
  left: 0;
}
.seznam-produktu .uvodni-info a{
   text-decoration: none !important;
}

.seznam-produktu .uvodni-info h1 {
    border: none;
    margin: 0;
    padding: 0;
}
.vice-info-gr {
   border-bottom: 1px dashed #8d8d8d;
   cursor: pointer;
}
.vice-info-bl {
   border-bottom: 1px dashed #404040;
   cursor: pointer;
   display: inline-block;
   line-height: normal;
}

.uvodni-info .nazev {
    color: #999999;
}

.uvodni-info .info {
    max-height: initial;
    margin-top: -80px;
    margin-bottom: 80px;
    overflow: visible;
}
.uvodni-info .next-sipka{
    margin: 25px 0 25px 0;
    width: 100%;
    height: 70px;
    background-repeat: no-repeat;
    background-size: contain;
    background: url("../img_new/next_1.png") top center no-repeat;
}
.uvodni-info .button {
   vertical-align: middle;
   padding: 0 10px;
   margin-top: 10px;
}
.uvodni-info .tbl100 {
   width:100%;
   height:100%;
}
.uvodni-info .tbl-tip {
   text-align:center;
   vertical-align:middle;
   font-size:20px;
   line-height:24px;
   padding:20px;
}
.uvodni-info .tbl-tip b {
   font-weight: normal;
   color: red;
}
.fil-clr-box {
  float: left;
  width: 31px;
  height: 31px;
  margin: 3px;
  border: solid #d1d1d1 1px;
  cursor: pointer;
}
.fil-clr-box.vybrany, .fil-clr-box:hover {
  background-color: #d7d7d7;
}
.fil-clr-box.last {
  margin-right: 0;
}
.fil-clr-sel {
  float: left;
  width: 25px;
  height: 25px;
  margin: 2px 0 0 2px;
  border: solid #ffffff 1px;
  cursor: pointer;
}
.fil-orange {
  background-color: orange;
}
.fil-red {
  background-color: red;
}
.fil-yellow {
  background-color: yellow;
}
.fil-green {
  background-color: limegreen;
}
.fil-purple {
  background-color: purple;
}
.fil-blue {
  background-color: deepskyblue;
}
.fil-rose {
  background-color: pink;
}
.fil-white {
  background-color: white;
}
.fil-gray {
  background-color: gray;
}
.fil-black {
  background-color: black;
}
.fil-brown {
  background-color: sienna;
}
.fil-beige {
   background-color: #eed4bb;
}
.fil-multi {
  background: url("../img_new/barvy/barvy.png") -125px 0 no-repeat;
}
.fil-gold {
  background: url("../img_new/barvy/barvy.png") 0 0 no-repeat;
}
.fil-rgold {
  background: url("../img_new/barvy/barvy.png") -25px 0 no-repeat;
}
.fil-silver {
  background: url("../img_new/barvy/barvy.png") -50px 0 no-repeat;
}
.fil-bicol {
  background: url("../img_new/barvy/barvy.png") -75px 0 no-repeat;
}
.fil-pearl {
  background: url("../img_new/barvy/barvy.png") -100px 0 no-repeat;
}
.fil-camo {
  background: url("../img_new/barvy/barvy.png") -150px 0 no-repeat;
}
.fil-clr-box .check-info {
  float: left;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background: url("../img_new/barvy/none.png") center center no-repeat;
}
.fil-clr-box.active:hover .check-info {
  display: block;
  background: url("../img_new/barvy/unchecked.png") center center no-repeat;
}
.fil-clr-box.active .check-info, .fil-clr-box:hover .check-info {
  display: block;
  background: url("../img_new/barvy/checked.png") center center no-repeat;
}

.video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {	position:absolute;top:0;left:0;width:100%;height:100%;}

.hp-cl.clanky {
   padding: 40px 20px 0 20px;
   background-color: #ffffff;
   border-bottom: solid #ffffff 20px;
   background: url("../img_new/pattern.jpg");
   text-align: center;
}
.hp-cl.clanky h1 {
   text-align: center;
   font-family: times;
   padding-bottom: 20px;
   text-transform: uppercase;
   border: none;
}
.clanky .clanek {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
  float:left;
  width: 50%;
  text-align: center;
}
.hp-cl.clanky .clanek {
   float: none;
   display: inline-block;
   vertical-align: top;
}
.hp-cl.clanky .button {
   margin-bottom: 30px;
}
.clanek.pdr {
   padding-right: 10px;
}
.clanek.pdl {
   padding-left: 10px;
}
.clanek a:hover img {
   opacity: 0.7;
}
.clanek  h2 {
  font-family: times;
  font-size: 36px;
  line-height: 42px;
  border: none;
  padding: 0;
  margin: 10px 0 20px 0;
}
.clanek h2 a {
   color: #404040;
   text-decoration: none;
}
.clanek h2 a:hover {
   color: #ff0000;
}
.clanek .cl-aut {
   color: #999999;
   font-size: 16px;
}
.obsahovy-blok.cteni, .popisek_new.cteni {
   padding: 40px 50px;
   font-size: 22px;
   line-height: 33px;
   font-family: times;
}
.obsahovy-blok.jc {
   padding: 1px 50px 40px 50px;
}
.cteni h1 {
   font-size: 52px;
   line-height: 57px;
   padding-bottom: 10px;
   font-weight: normal;
   margin: 0;
   border: none;
}
.cteni h2 {
   padding: 10px 0;
   font-weight: normal;
   font-size: 32px;
   line-height: 42px;
   margin: 20px 0;
   border: none;
}
.cteni h3 {
   font-weight: normal;
   font-size: 22px;
   padding: 20px 0 10px 0;
   line-height: 33px;
   text-transform: uppercase;
}
.cteni img {
   margin: 10px 0;
   vertical-align: top;
}
.cteni .galerie {
   cursor: zoom-in;
}
.cteni .skryty {
    background-color: #f002;
    padding: 1px 15px;
}
.cl-s-ban {
    float: left;
    width:-o-calc(100% - 295px);
    width:-moz-calc(100% - 295px);
    width:-webkit-calc(100% - 295px);
    width: calc(100% - 295px);
}
.cl-ban {
    float: right;
    width: 255px;
    position: relative;
}
.cl-ban img {
    vertical-align:top;
}
.souv-cl {
   display: table;
   background-color: #eeeeee;
   width:100%;
}
.souv-naz, .souv-img {
   display: table-cell;
   vertical-align: middle;  
   padding: 10px;
}
.souv-naz {
   font-family: sans-serif;
   font-size: 15px;
   line-height: 19px;
}
.souv-img {
    width: 150px;
}
.souv-cl img {
    vertical-align: middle;
    margin: 0;
}
.tabulka, .cteni table {
   width: 100%;
   font-size: 13px;
   line-height: 23px;
   font-family: "Arial";
   border-color: #dddddd;
}
.tabulka td, .tabulka th, .cteni td, .cteni th {
   border-color: #dddddd;
   padding: 5px 7px;
}
.tr1 td, .tr1 th {
   background-color: #eeeeee;
}
.pod-img {
   background-color: #eeeeee;
   padding: 15px;
   margin-top: -10px;
   font-family: sans-serif;
   font-size: 13px;
   line-height: 20px;
}
.pod-img .cena {
   font-weight:bold;
}
.pod-img .nazev {
   max-height: 40px;
   overflow-y: hidden;
}
.pod-img .flr {
   margin-left: 15px;
}
.popisek-obrazku {
   text-align: center;
   font-style: italic;
   background-color: #eeeeee;
   padding: 15px;
   margin-top: -10px;
   font-size: 20px;
   line-height: 28px;
   margin-left: 0 !important;
   margin-right: 0 !important;
}
.citace {
    margin: 22px 0 22px 0px;
    font-style: italic;
    border-left: solid #80471b50 20px;
    padding-left: 40px;
    color: #80471C;
}
.cl-tagy {margin-bottom: 0;color: #586168; font-family: sans-serif;}
.cl-tagy a {color: #586168;}
.clanek-info {
   color: #999999;
   line-height: 37px;
   float: right;
   vertical-align: middle;
}
.soc-links a {
   display: inline-block;
   width: 39px;
   height: 37px;
   margin: 0 10px 0 0;
   background: url("../img_new/social.png") 0 0 no-repeat;
   vertical-align: top;
}
.soc-links a:hover {
   opacity: 0.9;
}
.soc-links .soc-t {
   background-position: -40px 0;
}
.soc-links .soc-e {
   background-position: -362px 0;
}
#cookie {position: fixed; bottom: 0; line-height: 24px; width: 100%; background: #555555; color: #ffffff; z-index: 999; padding: 20px 0; display: table;}
#cookie .in {padding:0 50px;}
#cookie .big {font-size: 24px; line-height: 36px; margin-bottom: 15px;}
#cookie .c_l, #cookie .c_r {display: table-cell; vertical-align: middle;}
#cookie .c_l {width:-o-calc(100% - 240px); width:-moz-calc(100% - 240px); width:-webkit-calc(100% - 240px); width: calc(100% - 240px);}
#cookie .c_r {width: 240px; text-align: right;}
#cookie .button {margin: 10px 0; padding: 0; width: 180px;}
#cookie .nast {background: gray;}
#cookie .nast:hover {background: #777777;}
#cookie .deny-btn {color: #ffffff;background-color: transparent;text-decoration: underline;}
#cookie .deny-btn:hover{text-decoration: none;}
#cookie .link {color: #ffffff; display:inline-block; width: 180px; text-align: center;}
.cook, .cook2 {padding: 0; width:150px;font-family: arial;}
.cook2.prv {margin-right:10px;}
.gr {margin-right:10px; border: solid #00BA00 1px; background: none; color: #00BA00;}
.button-green.gr {background-color: #00BA00; color: #ffffff;}
.gr:hover, .button-green.gr:hover {background-color: #009500; border: solid #009500 1px; color: #ffffff;}
.rd {margin-right:10px; border: solid #eb1d24 1px; background: none; color: #eb1d24;}
.button-red.rd {background-color: #eb1d24; color: #ffffff;}
.rd:hover, .button-red.rd:hover {background-color: #d11a20; border: solid #d11a20 1px; color: #ffffff;}
.gr .cl1, .gr.button-green .cl2, .rd .cl1, .rd.button-red .cl2 {display: inline;}
.gr .cl2, .gr.button-green .cl1, .rd .cl2, .rd.button-red .cl1 {display: none;}

.l100 .dropdown {width:100%;}
.zn-nadp {color: #404040; padding-top: 5px; padding-bottom: 15px; text-transform: uppercase;}
.cont1 {float: left; width: 100%; position: relative; right: 32%;}
.cont2 {float: left; width: 100%; position: relative; right: 24%;}
.cont3 {float: left; width: 100%; overflow: hidden;}
.menu-zn {float: left; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2% 0;}
.menu-hod {float: left; width: 42%; position: relative; left: 58%;}
.menu-mod {float: left; width: 30%; position: relative; left: 60%;}
.menu-sport {float: left; width: 22%; position: relative; left: 62%;}
#main-menu .dropdown .menu-hod .pol {width: 23%; margin-right: 2%;}
#main-menu .dropdown .menu-mod .pol {width: 30%; margin-right: 3%;}
#main-menu .dropdown .menu-sport .pol {width: 46%; margin-right: 4%;}
.menu-zn .button {margin-top:10px;}

.m {float:left; height:168px; padding: 20px 0 20px 20px; width: 136px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.m1 {background: #fbedca;}
#main-menu .dropdown .m1 .cerveny {padding-top: 5px; line-height: 11px; font-size: 10px;color: red; margin-top: 32px;}
.m3 {background: #fbedca;}
.m4 {width: 242px;}

.dkz-prepinac {display: inline-block; padding: 2px 10px; background-color: #e1e1e1; color: #7f7f7f; margin: 0 0 10px 0; font-size: 13px; line-height: 18px; white-space:nowrap;}
.dkz-prepinac.active {color: #00861d; background: #ccecb2;}
.dkz-prepinac.vyply {color: #ffffff;}
.dkz-prepinac .off {display: inline; font-size: 20px; margin-right: 3px;}
.dkz-prepinac .on, .active .off {display: none;}
.active .on {display: inline; font-size: 20px; margin-right: 3px;}
.cudl_prepni {cursor: pointer;}
.cudl_prepni:hover {color: #00861d;}

.pozor {margin: 30px 0; border: #faa solid 1px; background-color: #fdd; text-align: center; color: red; padding: 15px;}

.sz-cl {position: absolute; top: 0; right: -255px; width: 240px; padding:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff;}
.sz-cl .nad {font-size: 22px; line-height: 26px; border-bottom: solid #ebebeb 1px; padding-bottom: 10px; margin: 20px 0 15px 0;}
.sz-cl .dat {color: #999999; font-size: 14px; line-height: 18px; padding-top: 20px;}

.komentare .form-obal-new {float:none; padding: 30px;}
.komentare .input, .komentare .textarea {height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 7px;}
.komentare .input {width: 100%; max-width: 350px;}
.komentare .textarea {width: 100%;}
.komentare .textarea {height: 110px; margin-bottom: 10px;}
.komentare .pulbox {float:left;width:46%;margin-right:8%;}
.komentare .bezmar {margin-right:0;}
.kmnt {margin-bottom: 30px; padding-left: 70px; min-height: 50px;} 
.kmnt.reakce {padding-left: 140px;}
.kmnt-top {position: relative; font-size: 18px; line-height: 26px;}
.kmnt-top .kmnt-ico {position: absolute; top: 5px; left: -68px;}
.kmnt-date {color: #999999;}
.kmnt-text {margin-top: 5px; font-size: 18px; line-height: 28px; overflow-wrap: break-word;}
.kmnt-text .galerie {cursor:zoom-in;margin-right:10px;}

.tl-img {display:inline-block;width:33px;height:25px;vertical-align:text-bottom;background: url("../img_new/abcdtl.png") 0 0 no-repeat;}
.tl-img-b {background-position: -33px 0}
.tl-img-c {background-position: -66px 0}
.tl-img-d {background-position: -99px 0}
.tl-img-t {background-position: -132px 0}
.tl-img-l {background-position: -165px 0}
.tl-img-p {background-position: -198px 0}
.tl-img-m {background-position: -231px 0}

.form-obal-new.nl-c {background-color:#dadfff78;}
.nl-t, .nl-f {float:left;width:47%;padding-right:3%;}
.nl-f {padding-right:0;padding-left:3%;}
.nl-t h2 {margin-top:0;}

.mini-gal {margin-top:-10px;margin-bottom:10px;padding: 5px 0 0 0; background-color: #eeeeee;}
.mini-gal .mini-gal-in {overflow-x: auto; white-space: nowrap;}
.mini-gal .mini-img {margin:0 0 0 5px; height: 70px;}
.mini-gal .mini-img.first {margin-left: 0;}
.mini-gal .mini-img.last {margin-right: 0;}
.gal-item {cursor: zoom-in;}

.ov-in {display: inline-block;position: relative;}
.ov-cont {position: absolute;width: 100%;top: 35%;background-color: black;color: white;opacity: 0.8;font-size: 20px;padding: 15px 0;text-transform: uppercase;font-weight: bold;}

.pripominka {background-color: yellowgreen;color: white;}

.no-cls {width:100%;padding-bottom:50%;position:relative;}
.no-cls-in {position:absolute;width:100%;}

.fcls {width:100%;padding-bottom:100%;position:relative;}
.fclsin {position:absolute;width:100%;}

.pu-cls {width:100%;padding-bottom:134.328%;position:relative;}
.pu-cls-in {position:absolute;width:100%;}

.bcls1, .bcls2, .bcls3, .bcls9 {width:100%;padding-bottom:49.569%;position:relative;}
.bcls1 {padding-bottom:101.77%;}
.bcls3 {padding-bottom:48.23%;}
.bcls9 {padding-bottom:53.54%;}
.bclsin {position:absolute;width:100%;}

.admin-stl {background-color: #ffdddd!important;}

.mpt-dis {margin-top:0 !important; padding-top:0 important;}

.menu-new {color:#000000; display:table;width:100%;}
.menu-new .mnl {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding:50px 25px 26px 35px;width:75%;display: table-cell;position:relative;}
.menu-new .mnr {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding:50px 35px 26px 25px;width:25%;background-color:#f2eada;display:table-cell;vertical-align: top;position:relative;}
.menu-new .mnu {float:left;width:25%;}
.menu-new .i-blok {padding:0 15px 24px 65px;position:relative;overflow:hidden;}
.menu-new .t-blok {padding:0 15px 24px 15px;overflow:hidden;}
.menu-new .nadpis {font-weight:bold;}
.menu-new .cerny, .menu-new .cervena {font-size:15px;}
.menu-new .cerny {text-decoration:none;color:#000000;white-space:nowrap;}
.menu-new .cerny:hover {text-decoration:underline;color:#ff0000;}
.menu-new .ico {position:absolute;top:5px;left:10px;width:40px;height:40px;background: url("../img_new/menu-ikonky.png") 0 0 no-repeat;}
.menu-new .ico-pohon {background-position: -40px 0}
.menu-new .ico-cena {background-position: -80px 0}
.menu-new .ico-funkce {background-position: -120px 0}
.menu-new .ico-zajimave {background-position: -160px 0}
.menu-new .ico-provedeni {background-position: -200px 0}
.menu-new .ico-motiv {background-position: -240px 0}
.menu-new .ico-znacky {background-position: -280px 0}
.menu-new .ico-osazeni {background-position: -320px 0}
.menu-new .ico-barva {background-position: -360px 0}
.menu-new .ico-urceni {background-position: -400px 0}
.menu-new .ico-sport {background-position: -440px 0}
.menu-new .ico-prisl {background-position: -480px 0}
.menu-new .ico-top {background-position: -520px 0}
.menu-new .ico-tradicni {background-position: -560px 0}
.menu-new .ico-reminek {background-position: -600px 0}
.menu-new .ico-modni {background-position: -640px 0}

.hc {position:relative;overflow:hidden;margin-bottom:20px;font-family:Oswald;}
.hc .sirka-stranky {position:relative;z-index:10;}
.hc .bgr {position:absolute;top:-2%;left:-2%;width:104%;height:104%;z-index:5;filter: blur(16px);-webkit-filter: blur(16px);background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}
.hc .obr {width:100%;padding-bottom:47.81%;position:relative;}
.hc .obr-in {position:absolute;width:100%;}
.hc-obr-in img {vertical-align: top;}
.hc .kont {position:absolute;width:33%;top:30px;left:60px;z-index: 5;}
.hc .cena {position:absolute;width:33%;bottom:30px;left:60px;z-index: 5;}
.hc .cena-in {font-size:44px;line-height:64px;padding:0 30px;background-color:#ffffff;color:#666666;}
.hc .vpravo .kont, .hc .vpravo .cena {left:auto;right:60px;text-align:right;}
.hc h1 {border:none;padding:0;margin:0;color:white;font-size:44px;line-height:64px;}
.hc .tmavsi h1 {text-shadow: 0px 0px 8px black;}
.hc .mensi h1 {font-size:34px;line-height:46px;}
.hc .promo {color: black;background-color: #fbedca;line-height: 46px;opacity: 0.7;font-size: 34px;margin-top: 20px;text-shadow: none;padding: 15px 30px 15px 50px;margin-left: -50px;}
.hc .vpravo .promo {padding: 15px 50px 15px 30px;margin-right: -50px;}
.hc .cent-bl {opacity:0.75;background-color:#000000;color:#ffffff;font-size:40px;line-height:48px;padding:20px;width:100%;text-align:center;position: absolute;z-index:20;top: 50%;left: 50%;-ms-transform: translate(-50.1%, -50.1%);transform: translate(-50.1%, -50.1%);-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.sld-l, .sld-r {display: none;}
.grb {position:relative;}
.grb .sld-l, .grb .sld-r {display:block;position:absolute;opacity:0.75;top:50%;width:40px;height:40px;transform:translateY(-50%);-ms-transform:translateY(-50%); -moz-transform:translateY(-50%);cursor:pointer;z-index:50;}
.grb.pzb .sld-l, .grb.pzb .sld-r {top: 130px;}
.grb.pcl .sld-l, .grb.pcl .sld-r {top: 87px;}
.grb .sld-l:hover, .grb .sld-r:hover {opacity:1;}
.grb .sld-l {background: url("../img_new/slider-l.png") 0 0 no-repeat;left:0;display:none;}
.grb .sld-r {background: url("../img_new/slider-r.png") 0 0 no-repeat;right:0;}

.chb-cust, .rad-cust {
    -moz-appearance:none;
    -webkit-appearance:none;
    display:inline-block;
    position:relative;
    width:20px;
    height:20px;
    margin:0;
    border:0;
    background:url('../img_new/inp-bg.svg') no-repeat left top;
    background-color:transparent;
    cursor:pointer;
    vertical-align:middle;
}
.chb-cust:hover {background-position-x:-32px}
.chb-cust:checked {background-position-x:-64px}
.chb-cust:checked:hover {background-position-x:-96px}
.chb-cust:disabled {background-position-x:-128px;cursor:default}
.chb-cust:disabled:checked {background-position-x:-160px}
.rad-cust {background-position-x:-192px}
.rad-cust:hover {background-position-x:-224px}
.rad-cust:checked {background-position-x:-256px}
.rad-cust:checked:hover {background-position-x:-288px}
.rad-cust:disabled {background-position-x:-320px;cursor:default}
.rad-cust:disabled:checked {background-position-x:-352px}
.chb-cust:indeterminate {background-position-x:-384px}
.chb-cust:indeterminate:hover {background-position-x:-416px}
.chb-cust:disabled:indeterminate {background-position-x:-448px}

.otv-tbl {margin-bottom: 20px;}
.otv-tbl .tbl_default {margin-bottom: 0;}
.otv-tbl .tbl_default td {text-align: center; white-space: nowrap}

.cert-gal {display:inline-block;max-height:110px;margin:10px;}

.cl-ban-in{
  position: sticky;
  top: 5%;
}
/* Aktivní stav řad/podrad */
.podrada-btn a {
  background-color: white!important;
  transition: background-color 0.2s;
}

.podrady .podrada .hide {
  display: none!important;
}
.podrady .podrada .btn-show, .podrady .podrada .btn-hide {
  padding: 0px;
} 
.podrada-btn a .ico {
  display: inline-block;
  width: 20px;
  height: 17px;
  vertical-align: middle;
  background: url("../img_new/ikony.png") -448px -92px no-repeat;
  filter: brightness(0) saturate(100%) invert(19%) sepia(74%) saturate(7132%) hue-rotate(351deg) brightness(97%) contrast(91%);
}
.podrada-btn .btn-hide .ico {
  transform: rotate(180deg);
}

.pr-ikonky{
  position: absolute;
  top: 10px;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
}

/*404*/
.error-div{
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}
.error-div-cont{
  flex: 3;
}
.error-div-cont:has(img){
  flex: 1;
}
@media screen and (max-width: 540px) {
  .error-div {
    flex-direction: column;
  }
  .error-div-cont img{
    display: block;
    margin: 0 auto;
  }
}
.kontakt-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin: 22px 0px;
}

.doprava-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.sloupec-info{
	margin-bottom: 12px;
}
@media (max-width: 850px) {
  .kontakt-grid,
  .doprava-grid {
     grid-template-columns: 1fr;
  }
  .sloupec-info{
  	margin-left: 50px;
    margin-right: 50px;
    }
}
@media (max-width: 521px) {
  .sloupec-info{
  	margin-left: 17px;
    margin-right: 17px;
    }
}

.odkaz-vice {
  padding-left: 0px!important;
}
.blank-block {
  display: block;
}
.black-friday-msg {
  background-color: #212121;
  color: white;
  padding: 8px;
  position: relative;
  top: -30px;
  text-align: center;
}
.black-friday-link {
  display: none;
}
.bf-link{
  background-color: #212121;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}