*,
*:after,
*:before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
 -webkit-appearance: none;
 -webkit-font-smoothing: antialiased;

}

*:focus {
    outline: none;
}



:root {
  --odsaz: 30px;
  --odsazminus: -30px;
  --odsaztop: 30px;
  --odsaztopminus: -30px;
  --odsaztopol: 20px;
  --odsaztopte: 30px;
  --odsaztopteminus: -30px;
  --hlavapruh: 150px;
  --padprvektop: 5px;
  --padprvektop2: 7px;
  --padprvekleft: 12px;
  --padprvekleft2: 20px;
  --fontsize: 17px;
  --lineheight: 27px;
  --barvatext: #25262b;
  --hlavniobrvel: 500px;
  --barvaformul: rgba(127,190,245,0.1);
  --barvaborder: #d8d9de;
  --obrhlavniodsaz: calc(var(--hlavapruh) + calc( var(--padprvektop2) * 2 ) + var(--lineheight) );
  --levaSirka: calc( 170px + var(--odsaz) );
  --stredshopSirka: calc( 100% - var(--levaSirka) );
  --prepinac: 520px;
}

img, iframe, canvas, video, svg {
  max-width: 100%;
  height: auto;
}


/*seda tmava #8c8d8e; rgba(140, 141, 142, 1);
/*modra svetla #dae3ea; rgba(218, 227, 234, 1);
/*zelena rgba(0, 131, 204, 1); #b7985e;
/* zelena tmava - active rgba(200, 133, 2, 1)
/*seda svetla rgba(236, 236, 242, 1); #ececf2;

/*@font-face {    font-family: hnthin;     src: url("pisma/hnthin.woff"); }*/
@font-face {
  font-family: 'crystalex';
  src:  url('pisma/shop.eot?t050ug');
  src:  url('pisma/shop.eot?t050ug#iefix') format('embedded-opentype'),
    url('pisma/shop.ttf?t050ug') format('truetype'),
    url('pisma/shop.woff?t050ug') format('woff'),
    url('pisma/shop.svg?t050ug#crystalex') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: Proxima;
    src: url(pisma/proximanova-bold-webfont.woff2) format('woff2'), url(pisma/proximanova-bold-webfont.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display:fallback
}

@font-face {
    font-family: Proxima;
    src: url(pisma/proximanova-reg-webfont.woff2) format('woff2'), url(pisma/proximanova-reg-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display:fallback
}

@font-face {
    font-family: Proxima;
    src: url(pisma/proximanova-light-webfont.woff2) format('woff2'), url(pisma/proximanova-light-webfont.woff) format('woff');
    font-weight: 100;
    font-display:fallback
}

@font-face {
    font-family: Proxima;
    src: url(pisma/proximanova-xbold-webfont.woff2) format('woff2'), url(pisma/proximanova-xbold-webfont.woff) format('woff');
    font-weight: 900;
    font-display:fallback
}

@font-face {
    font-family: icomoon;
    src: url(pisma//icomoon.woff?-2e8d9h0b) format('woff');
    font-weight: 400;
    font-style:normal
}


body  { -webkit-text-size-adjust: none; -webkit-appearance: none;  -webkit-backface-visibility: hidden; font-size: var(--fontsize); line-height: var(--lineheight); color:var(--barvatext); background-color:#8c8d8e; font-family: 'Proxima', sans-serif; margin: 0px; margin-bottom:30px }
p {margin-block-start: 0px; margin-block-end: var(--odsaztopte);}
.textmensi {font-size: calc(var(--fontsize)/1.2)}
#vsechno, #nav, header, #hlavapruh, #facebookobal   { max-width:1900px;}
#vsechno { background-color:#ffffff; display:block; position:relative; width:100%; }
.bold { font-weight: bold }
.zaklad {
  position: relative;
  width: 100%;
  /*margin-top: var(--obrhlavniodsaz);*/
  padding: var(--odsaztop) var(--odsaz) 0px var(--odsaz); }
#maska { display: none; position: fixed; top:0px; opacity: 0.5; width:100%; height:100%; background-color: #000000; z-index: 500;}
#plovokno { display: none; position: fixed; text-align:center; padding: 37px 10px 10px 10px; margin-left: auto; margin-right: auto; top: 100px; left: 0; right: 0; width: 60%; height: auto; min-width: 200px; max-width: 400px; color:#3a3c43; background-color: rgba(255, 255, 255, 1); z-index: 501;}
#plovoknobsah {padding:0px 20px 20px 20px}
.plovoknotl2 {text-align:center; width:32%; display: inline-block; margin-bottom: 10px; }
.plovoknotl2 i {font-size:35px; display:block; margin-bottom: 15px; color:#7c7c7f;}
.plovoknotl2 span, .plovoknotl2 a {line-height: 20px; }
#plovokno h2 {margin-top:-3px; margin: 0px 0px var(--odsaztopte) 0px; font-size: 17px;}
.plovoknotl2 i:hover { color: #596b74; }






.inputNum {
  display:inline-block;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]
{
  -moz-appearance: textfield;
}

.inputNum input {
  padding: var(--padprvektop) var(--padprvekleft);
}

.inputNum input:focus {
  outline: 0;
}

.inputNum-nav {
  display:inline-block;
}

.inputNum-button {
  font-size: calc(var(--fontsize)*1.2);
  line-height:var(--lineheight);
  display:inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.inputNum-button.inputNum-up {

padding-left: var(--padprvekleft);
}

.inputNum-button.inputNum-down {

padding-right: var(--padprvekleft);
}









.loadBounc {
animation-duration: 0.5s;
animation-name: bounceIn;
animation-fill-mode: both;
}

.loadOpac {
animation-duration: 0.5s;
animation-name: opacityIn;
animation-fill-mode: both;
}

.an1 {  animation-delay: 0s;}
.an2 {  animation-delay: 0.15s;}
.an3 {  animation-delay: 0.3s;}
.an4 {  animation-delay: 0.3s;}
.an5 {  animation-delay: 0.45s;}
.an6 {  animation-delay: 0.60s;}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }
  0% { opacity: 0; transform: scale3d(.3, .3, .3);}
  20% {transform: scale3d(1.1, 1.1, 1.1);}
  40% {transform: scale3d(.9, .9, .9);}
  60% {opacity: 1; transform: scale3d(1.03, 1.03, 1.03);}
  80% {transform: scale3d(.97, .97, .97);}
  to {opacity: 1;transform: scale3d(1, 1, 1);}
}

@keyframes opacityIn {
  0% { opacity: 0; }
  100% {opacity: 1;}
}

#plovoknozavri {position:absolute; cursor: pointer; display:block; top: 5px; right: 5px; width: 22px; height: 22px;}
#floatbanner { display: none; position: absolute; padding: 0px; text-align: center; margin-left: auto; margin-right: auto; font-size: 15px;  top: 80px; left: 0; right: 0; width: 60%; height: auto; width: 80%; color: #ffffff; z-index: 501;}
#floatbanner h1, #floatbanner h2, #floatbanner h3, #blueimp-gallery h3 {background: none; color:#ffffff; display: block; margin-bottom: 10px; font-family: 'Proxima', sans-serif; text-transform: none}
#floatbanner h2 { font-size: 27px;}
#floatbanner h3, #blueimp-gallery h3 { font-size: 23px; }

#floatbannerzavri {display: none; position:absolute; cursor: pointer; top: 0px; right: 10%; width: 50px; height: 50px; z-index: 501;}
#floatbanner .tlacitko { letter-spacing: 3px; font-size:14px;  margin: 20px 0px 20px 0px ; padding:4px 20px 6px 20px; }
#floatbanner .tlacitko:hover {color: #ffffff; background: #807b6c;  }
#vsechno  { /*-webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    filter: blur(15px);*/ }
    .obrazekhl {width:100%; z-index:0; }
    .obrazekhlnizky {width:100%; z-index:0; margin-top:-200px}
    #mistoslider {display:none; }
    #obalobrazekhl {
      position:relative;
       max-height:525px;
       width:100%;
      /* margin: var(--obrhlavniodsaz) 0px calc( var(--obrhlavniodsaz) * -1) 0px; */
       display:block;
       overflow: hidden;
       border-bottom: 0px solid #949cac
     }
    .obrazekhl, .sliderhlavni  {position:absolute; left:0; width:100%; bottom:0px}
    .sliderhlavnipolozka { width:100%}

/*
@-webkit-keyframes imageAnimation {
    0% { -webkit-animation-timing-function: ease-out;     animation-timing-function: ease-out    }
    60% {    -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in;  -webkit-transform: scale(1.06);  transform: scale(1.06)
    }
}

@keyframes imageAnimation {
    0% { -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out  }
    60% {   -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;  -webkit-transform: scale(1.06);   transform: scale(1.06)  }
}

.sliderhlavnipolozka img, .obrazekhl {
	animation-name: imageAnimation;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
}
*/
.sliderhlavni  {}
.sliderhlavnitext {	position:absolute; left:0px; bottom:10.5%; font-size: 1vw; font-family: 'Proxima', sans-serif; 	font-weight:300;	text-transform: uppercase; color:#fff; width:100%;
	z-index:8;
	letter-spacing: 15px;
	text-shadow: 0px 0px 5px rgba(86, 86, 86, 0.5);
	overflow: hidden;
}


.menutext {font-family: 'Proxima', sans-serif; font-weight: 400; font-size: 18px ; display: inline-block}
.menutext:not( :last-child )  {padding-right: 20px; margin: 10px 20px 10px 0px; border-right: 1px dotted #c7c7c7; }

#menuplus {position: absolute; display: none; cursor:pointer; width:15px; height:15px; z-index: 51; padding: 0px; margin: 0px; right: 10px; top: 5px; }
header {
  /*position: fixed; */
  width: 100%;
  top:0px;
  z-index:450}
header.headvelka {}
header.headmala #hlavapruh {height:60px; }
.logo, header.headvelka .logo, header.headvelka .logohp,  .logohp { position: absolute; width: 475px; top: 55px; height:97px; }
.logo, header.headvelka .logo, header.headvelka .logohp,  .logohp { left: var(--odsaz); }
.logo img, .logohp img  { height:100%; width: 100%; float:left}
header.headmala .logo, header.headmala .logohp {width: 255px; height:52px;  top: 6px; }
header.headmala .custakce, header.headmala #headinfo  {opacity: 0; visibility: hidden; }
header.headvelka .custakce, header.headvelka #headinfo   {opacity: 1; visibility: visible}
header.headmala .menuprava {top: 12px;}
header.headmala #obalobrazekhl {opacity: 0; visibility: hidden}
header.headvelka #obalobrazekhl {opacity: 1; visibility: visible}
header.headmala #nav {opacity: 0; }
header.headvelka #nav {opacity: 1; }
header.headmala #nav li ul li:first-child { padding-top:18px}

.headmala #hlavapruh, #headinfo, .tlkoupit, .tlkoupit2, .tlkoupit3, .headmala .logo img, .headmala .logohp img, .headmala .logo, .headmala .logohp, #obalobrazekhl, .banerm, .banermsipka, .headmala #nav, .headvelka #hlavapruh, .headvelka .logo, .menuprava, #kosicek, .headvelka .logohp, .headvelka .logo img, .headvelka .logohp img, .headvelka .logo, .headvelka .logohp, .headvelka #nav{
	transition: .7s all;
	-moz-transition: .7s all;
	-webkit-transition: .7s all;
	-o-transition: .7s all;
}
.headmala .custakce, .headvelka .custakce{
transition: visibility 0.5s, opacity 0.5s linear;
-moz-transition: visibility 0.5s, opacity 0.5s linear;
-webkit-transition: visibility 0.5s, opacity 0.5s linear;
-o-transition: visibility 0.5s, opacity 0.5s linear;}

#hlavapruh, #nahradaimghl {display:block; width: 100%; height: var(--hlavapruh);}
#nahradaimghl {margin-bottom:-37px}

#hlavapruh {background: #011b3c;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxMWIzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTMzNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #011b3c 0%, #013370 100%);
background: -webkit-linear-gradient(top, #011b3c 0%,#013370 100%);
background: linear-gradient(to bottom, #011b3c 0%,#013370 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#011b3c', endColorstr='#013370',GradientType=0 );
top:0px; z-index:501}
.menuprava  { position: absolute;top: 76px; right: var(--odsaz); color: #ffffff; font-size: 10px; z-index:60}
.menuprava a:link { color: #ffffff }
.menuprava a:visited { color: #ffffff; }
.menuprava a:hover { color: #d5edff; }
.menuprava #headinfo, .menuprava span, .menuprava im{ display:inline-block; vertical-align: top; }
.menuprava #headinfo { margin-top:-10px; margin-right:40px;   }
#headinfo i { font-size:52px; margin-right:var(--padprvekleft)}
#headinfo div, #headinfo i { display:inline-block}
#headinfo div span{ display:block; font-size:24px; margin:0px; line-height: 22px}
#headinfo div span:last-child{ font-size:15px; letter-spacing: 3px;}
.vlajka, #tliconlogin img, #tliconhledejhlava, #malykosik {position:relative; display: inline-block; top: 9px; cursor: pointer; margin-left:10px; width: 18px;}
#tliconhledejhlava {display:none}
#tlogin {cursor: pointer; display: none;}
.aktivprv {cursor: pointer; color: #818287}
.aktivprv:hover {color: #00367c;}
.dispnone {display: none;}
#loginokno {font-size: 10px; display: block; }
.aktextlogin {font-size: 10px; cursor:pointer}

.titultext {font-weight: 300; }
.titultext, .blokbaneruprhpobal {width:100%;}
.textblokhp {display: block; float: left; width: 673px}


.textshh {margin: 0px 0px 0px 0px ; }
.textshh p {margin: 0px 0px var(--odsaztopte) 0px ; }
.fotoshh {border: 1px solid #c8c7c7; margin: 11px 0px 0px 0px ;}
.textshd {margin: 0px 0px 0px 0px ; }
.boklevy {position: relative; z-index: 10; float: left; width: 198px; text-align: left; margin: 0px 0px 0px 36px ; padding:0px}
.bokpravy {position: relative; float: right; right: 0px; width: 198px; text-align: left; margin: 0px 0px 0px 0px ; padding:0px}


.formulhledej {text-align: center; }
.formulhledej span  {text-align: center; text-transform: uppercase;font-family: 'Proxima',  sans-serif; letter-spacing: 1px; text-align: center; display: inline-block; width:100%; }
.polehledat, input[type=text], input[type=number], input[type=password], textarea   {border: 1px solid #ced0d7; background: var(--barvaformul); min-width: calc(var(--padprvektop) + var(--lineheight) + var(--padprvektop) + 2px); display: inline-block; font-size: var(--fontsize);  line-height:var(--lineheight); margin: 0px; padding: var(--padprvektop) var(--padprvekleft);}
.blokprehled  input[type=text] { padding: var(--padprvektop) 8px; }
.polehledat {position:relative; text-align: center; width:80%;}
#plovokno input {text-align:center}


.vysledkyhledani { }
.vysledkyhledani a {margin: 5px 0px 0px 0px; display:block; font-weight:bold }

.formul {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#akcesekce1 {cursor: pointer; display: inline;}

#dolnipruh {position: relative;display:block; width: 100%; height:320px; z-index:1; overflow: hidden}
.paticka { position: absolute;
/* height: 40px; */
width: 100%;
font-size: 16px;
right: 0px;
bottom: 0px;
padding: 0px;
margin: 0px;
text-decoration: none;
text-align: left;}
#patapodkladfoto { width: 100%; margin-top:-20px; position:absolute; min-width: 800px; right:0px}
#patickaprava { position: relative; vertical-align: top; display: inline-block; height: auto; text-align: left; padding: 0px; color: #ffffff; }
#patickaprava a:link { color: #ffffff; text-decoration: none; }
#patickaprava a:visited { color: #ffffff; text-decoration: none; }
#patickaprava a:hover { color: #ffbb7e; text-decoration: none; }
#patickaleva { position: relative;
vertical-align: top;
display: inline-block;
height: auto;
text-align: left;
padding: var(--odsaztopte) var(--odsaz);
width: 100%;
color: #ffffff;
background-color: rgba(0, 45, 91, 1);}
#patickaleva p, #patickaprava p { margin:0px; }
#patickaleva a:link { color: #ffffff; text-decoration: none; }
#patickaleva a:visited { color: #ffffff; text-decoration: none; }
#patickaleva a:hover { color: #ffbb7e; text-decoration: none; }

#patamapa {
        position: absolute;
        left: 10%;
        width: 39%;
        bottom:-50px; top:80px; padding: 0px;
        padding-bottom: 27%;
        height: 0;
        overflow: hidden;
            }
#patamapa iframe {
	border: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

#facebookobal {position: relative; left: 0; text-align: left; width:93%;  padding: 0px; margin: 0px; text-decoration: none; }
.facebook {font-size: 30px; display: inline-block; margin: 20px 0px 20px 18px; }
.facebook:link { color: #dae3ea; text-decoration: none }
.facebook:visited { color: #dae3ea; text-decoration: none }
.facebook:hover { color: #ffffff; text-decoration: none }


.patapod { position: relative; z-index: 11; width: 100%; font-size: 15px; margin: 0px; padding: var(--odsaztopte) var(--odsaz) ; background-color: #c3e9f9; text-decoration: none; }

.menupataobal { position: relative; z-index: 11; width: 90%;  font-size: 10px;  text-decoration: none; }
.menupatablok {position: relative; text-align: center; display:inline-block; vertical-align: top;  margin: 20px 0px 20px 0px; }
.menupatanapln {position: relative; text-align: left; display:inline-block; line-height: 20px; font-family: 'hnc'; width: auto}
.menupatakap { color: #818287; font-size: 15px; font-family: 'hnltc';  text-transform: uppercase; }

body a:link, h1 a:link, #vyhledlist a:link { color: #00527c; text-decoration: none }
body a:visited, h1 a:visited, #vyhledlist a:visited { color: #00527c; text-decoration: none }
body a:hover, h1 a:hover, #vyhledlist a:hover { color: #488db1; text-decoration: none }
.nadpis  { position: absolute; height:20px; top: -65px; right: 30px; color: #013752; text-align: right; font-weight: bold; }
.nadpis img {float:right}
/*h1  {color: #818287; font-family: hnthinc; text-transform: uppercase; font-size: 50px;  font-weight: normal; margin: 0px; margin: 0px 0px 20px 0px ; }*/
h1, .produktbloktext h2, #h1shop  {font-family: 'Proxima', sans-serif; font-size: calc(var(--fontsize)*2); font-weight: 400; line-height: calc(var(--lineheight)*1.51); padding: 0; margin: 0px 0px var(--odsaztopte) 0px ; }
h1, .produktbloktext h2, .textshh, .textshd, .produktbloktext, .produktbloktext2, #stredtext, .stred, .patapod {text-align:left;  }
#blokpolozek {text-align:center; -moz-text-align-last: center; text-align-last: center; margin-bottom: var(--odsaztopte) }
.produktbloktext h2 {padding: 0px 0px 10px 0px; text-align:center; display:block; font-size: 25px; }
h2  {text-transform: uppercase;
font-size: calc(var(--fontsize)*1.2);
float: none;
display: inline-block;
font-weight:400;
}
h2, h1, .produktbloktext h2, #produktblokpopisy h1, .formobjedn h2, .baner1 h2  {color: #00154f; }
h1:first-letter, .filtr span:first-letter, .menukategorie a:first-letter, .dstabprava:first-letter  {text-transform: uppercase; }
#h1shop h1 { display:inline; margin: 0px; margin-right:var(--padprvekleft)}
#h1shop span { display:inline-block; font-size: var(--fontsize); margin: 0px; margin: 0px; white-space: nowrap;}
.leva {width:var(--levaSirka); padding-right: var(--odsaz); display:inline-block; vertical-align:top}
.stred {display:inline-block; width:100%}
.stredshop {width:var(--stredshopSirka)}

.bloceknadpisu h2 {display: block; }
.clboknadpis  { font-weight: bold; font-size: 11px; margin-bottom: 5px }
#stredtext {width:100%; display:block; overflow:visible; vertical-align: top; margin-bottom: 25px}
#stredtext table {margin: 0 auto; }
#stredtext h1 {width:100%; display:block; overflow:hidden; vertical-align: top; }
.text  {font-family: 'Proxima'; font-weight: 300; color:#484949; font-size: 15px; line-height: 22px }
.text h2, .text h3  { color: #8e8e8d; font-family: 'Proxima', sans-serif; font-size: 28px;  text-transform: none; display:block; font-weight: normal; padding: 0px 20px 0px 20px; margin: 25px 0px 25px 0px; }
.text h3 { font-size: 20px;  margin: 15px 0px 15px 0px ; }
.text hr  { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.2);}
.text .tlacitko, #floatbanner .tlacitko { display: inline-block; position: relative; bottom: 5px;  text-transform: uppercase;font-family: 'Proxima',  sans-serif;  margin: 20px 0px 20px 0px ;  border: 1px solid #a2a2a2;}
.text .tlacitko { letter-spacing: 3px; font-size:10px; padding:2px 12px 4px 12px; white-space: nowrap;}
.text .tlacitko:hover {color: #ffffff; background: #807b6c;  }
#stredtext .text {width:100%; position:relative; display:inline-block;  }
#velkahlavnipng {width:40%; position:relative; display:inline-block; float:right; top:-310px; margin-bottom:-285px; right:-5%;}
.bold11  { font-weight: bold }
.bold11button { font-weight: bold; cursor:pointer; color: #818287;}
.bold11button:hover { color: #00367c; }

.bold  { font-weight: bold }
.bold11c  { color: #000000; font-weight: bold }
.bold11sed {color:#cfcfcf;font-size:11px;font-weight:bold}
.trbgsed {background-color: #e4e7ea}
.tlacitko  { color: #000000; font-size: 10px; margin-top: 5px; }
.tlacitkobal {display:block; text-align:center}
.tlacitkoform  { white-space: nowrap; letter-spacing: 5px; font-size: 12px; }
.tlacitkosik  { background-color: #000066; color: #ccffff; font-size: 15px; font-weight: bold;  margin-top: 5px; }
.tlkoupit, .tlkoupit2, .tlkoupit3  { font-weight: 400; position: relative; margin: 0px 10px var(--odsaztopte) 0px; }
.tlkoupit3 { padding: 5px 15px 5px; font-size: calc(var(--fontsize)*0.8);}

.tlkoupit, .tlkoupit2, .tlkoupit2, .tlkoupit3, .tlacitkoform  { font-size: var(--fontsize); -webkit-appearance: none; -moz-appearance: none;  -ms-appearance: none; appearance: none; line-height:var(--lineheight); border: none; display: inline-block; padding: calc(var(--padprvektop) + var(--padprvektop)) calc(var(--padprvekleft) + var(--padprvekleft)); cursor:pointer; font-family: 'Proxima', sans-serif; text-transform: uppercase; color: #ffffff; background-color:rgba(0, 131, 204, 1); }
a.tlkoupit2:visited, a.tlkoupit2:link, a.tlkoupit3:visited, a.tlkoupit3:link { color: #ffffff; }
.tlkoupit:hover, .tlkoupit2:hover, .tlkoupit3:hover, .tlacitkoform:hover  { background-color:rgba(21, 186, 228, 1); color:#ffffff;  }

.tllbok  {float:left;}
.prava  { text-align: right }

.razenishoph { width: 100%; text-align: right; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; font-size: calc(var(--fontsize) - 3px) ; border-bottom: 1px dotted #A4A5A7; padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px;}
.razenishoph.front {justify-content: flex-end; justify-content: -webkit-flex-end; }
.razenishopd  {display:block;}
.razenishoph .razblok div { display: inline-block; margin: 7px 5px 0px 5px; }
.razblok {margin-right: 15px;padding: 2px 0px 2px 0px; line-height: 19px;}
.razblok.front {margin-right: 0px; margin-left: 15px  }
.razblok div.razenivyb , .razblok div.razenivyb:visited, .razblok div.razenivyb:link { background-color: #A4A5A7; color: #ffffff; padding-left: 6px; padding-right: 6px; }

.razenishopd  { width: 100%; display:block; text-align: center; font-size: 13px; float: left;  margin: 0px 0px var(--odsaztopte) -10px;}
.razenishopd div { background-color: #e3e5e6; padding:7px; min-width:41px; height:41px; text-align: center; margin-left: 10px; margin-bottom: 8px; display: inline-block; white-space: nowrap}
.razenishopd div[druh="vyb"]  { background-color: #013752; color:#ffffff; }
.razenishopd a { display:inline-block }




.razenivyb i { padding-top: 3px; padding-bottom: 6px}
.razeniad { background-color: #A4A5A7; padding: 2px 2px 2px 2px; margin: 0px 0px -3px 0px; }
.razeniadn {padding: 2px 2px 2px 2px; margin: 0px 0px -3px 0px; }
.navigacepol { color: #000000; font-size: 9px; font-weight: bold; margin-top: 8px; margin-bottom: 3px; }
.navigaceleva { margin-top: 5px; display: block; font-size: 11px; font-weight: bold; }
.velkanavigace { color: #000000; margin-left: 8px; margin-right: 8px; }
.bold11p { color: #$11; font-size: 11px; font-weight: bold; text-align: right; }
.bold12 {font-size: 12px; font-weight: bold }
.bold12button { font-size: 12px; font-weight: bold; cursor:pointer; color: #818287;}
.bold12button:hover { color: #00367c; }
.bold13 { color: #000000; font-weight: bold }
.bold13button { font-size: 13px; font-weight: bold; cursor:pointer; color: #818287;}
.bold13button:hover { color: #00367c; }
.bold13hlaska { color: #000000; font-size: 13px; font-weight: bold; margin: 0px 0px 25px 0px;}
.bold13c { font-size: 13px; font-weight: bold }
.obrazek1 { margin-right: 10px; margin-bottom: 5px; float: left; }
.obrazkyshopdet {margin: 0px 50px 25px 0px; float: left; max-width: 300px;}
.obrazekvelky { max-height: 500px; max-width: 300px; margin: 0px 0px 25px 0px; border: solid 0px }
.obrazekvypis { max-height: 40px; max-width: 40px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px }
.obrazekmalysh { float: left; max-height: 150px; max-width: 150px; margin: 0px 25px 0px 0px; border: solid 0px}
.odrazkamenu { position: absolute; top: 40%; left: 96%; bottom: 45%; float: right; }
.poleva { width: 198px; margin: 0px 0px 10px 0px; font-size: 11px; }
.polevaobsah { position: relative; margin:0px; padding: 9px; z-index: 5; }
.poleva p { margin:0px; }
.polevanadp {font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; text-transform: uppercase; color: #818287; height: 24px; width: 198px; background-image: url(../zdroje/bokhmo.jpg); background-repeat: no-repeat; font-size: 12px; font-weight: bold; margin: 0px 0px 7px 0px; padding: 4px 5px 5px 8px;}
.polevanadpozv { font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; text-transform: uppercase; color: #818287; height: 24px; width: 198px; background-image: url(../zdroje/bokhmo.jpg); background-repeat: no-repeat; font-size: 12px; font-weight: bold; margin: 0px 0px 7px 0px; padding: 4px 5px 5px 8px;}
.polevanadpakce { font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; text-transform: uppercase; color: #818287; height: 24px; width: 198px; background-image: url(../zdroje/bokhmo.jpg); background-repeat: no-repeat; font-size: 12px; font-weight: bold; margin: 0px 0px 7px 0px; padding: 4px 5px 5px 8px;}
.polevanadpnov { font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; text-transform: uppercase; color: #818287; height: 24px; width: 198px; background-image: url(../zdroje/bokhmo.jpg); background-repeat: no-repeat; font-size: 12px; font-weight: bold; margin: 0px 0px 7px 0px; padding: 4px 5px 5px 8px;}
.polevanadpvyp { font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; text-transform: uppercase; color: #818287; height: 24px; width: 198px; background-image: url(../zdroje/bokhmo.jpg); background-repeat: no-repeat; font-size: 12px; font-weight: bold; margin: 0px 0px 7px 0px; padding: 4px 5px 5px 8px;}
.menukategorie { margin: 0px; background-color:#08458e; text-align: left; padding:0px var(--odsaz) 0px var(--odsaz)}
.menukategorie a { display:inline-block; padding: var(--padprvektop2) var(--padprvekleft2); font-weight:bold; margin:0px;}
.menukategorie a:first-child { margin-left: calc(var(--padprvekleft2) * -1);}
.menukategorie a:hover, .menukategorie a:link, .menukategorie a:visited { color:#fff }
.menukategorie a:hover { background-color:#007cd6; }
.menukategorie #menuvybrana { background-color:#8a40c9; }


.banermhsipka, .banermhp, .banermkat h2, .banerfhl, .polozkafgt:hover .polozkafgtext  {
    -webkit-transition: all 300ms ease-out; /* Saf3.2+, Chrome */
    -moz-transition: all 300ms ease-out; /* FF4+ */
    -ms-transition: all 300ms ease-out; /* IE10 */
    -o-transition: all 300ms ease-out; /* Opera 10.5+ */
    transition: all 300ms ease-out;
}

.startanim {opacity: 0; top: -20px; }
.preloadanim {opacity: 0; top: -20px; transition: opacity 0.5s linear;
-moz-transition: all 500ms ease-out;
-webkit-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out; }
.loadanim {opacity: 1; top: 0px; transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-webkit-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out; }

.blokbaneruprhpobal  { position:relative; cursor: pointer; display: inline-block;  text-align: center; vertical-align: top; height: auto; margin: 20px 0px 20px 0px;}
.blokbaneruprhp {width: 100%; height: auto; display: block; text-align: center }
.banermprhp {position:relative; cursor: pointer; display: inline-block;  text-align: center; vertical-align: top; width: 30%;   padding-top:40px;  margin: 0px 0.05% 24px 0.05%; }

.blokbaneruhp, .blokclanku {width: 100%; display: block; }
.blokbaneruhp {text-align: center; margin-bottom: var(--odsaztopte) }
.banermhp {position:relative; cursor: pointer; display: inline-block;  text-align: center; vertical-align: top; height: 164px; width: 18%; border: 0px solid #bfbfbf; margin: 0px 10px 11px 0px; padding: 0px; }

.banermhp h2, .baner1 h2, .banerseda h2, .banermprhp h2, .banermkat h2, .banermclnadp  {  font-weight: 400; }

.banernew {font-family: 'Proxima', sans-serif;  display: inline-block; color:rgba(255, 255, 255, 0.6); font-size: 40px; font-weight: 900; position: absolute;right:0px; bottom:16%; z-index:1000;  padding:0px;   }

.banermprhp h2, .banermkat h2 { background-color: rgba(0, 131, 204, 1); height:45px;  white-space: nowrap; line-height: 40px; padding:3px 10px 0px 10px; color: #ffffff; font-size: 21px; }
.banermprhp h2, .banermkat h2, .baner1 h2 {display:inline-block; position: relative;  width: 100%; margin:0; z-index:100; }
.banermprhp h2  {position: absolute;  top: 0%; left:0px; }

.banermkat h2 {font-size: 17px; left: 50%;  transform: translateX(-50%); letter-spacing: 7px; }
.banermprhp:hover h2, .banermkat:hover h2 {background-color:rgba(0, 72, 139, 1);; }
h2.vybran {bottom: 100%; margin-bottom:-44px}

.banermprhpmaska, .banermmaska {width:100%; height:100%; position:absolute; top:0px; left:0px; background-color:rgba(27, 129, 237, 0.08); z-index: 99; }

.banermhp h2 {display: block;  position: absolute; bottom: 92px; vertical-align: bottom; width: 100%; margin: 0px; color: #5a5b62; font-size: 18px ; }
.banermhpcl {margin: 10px 0px 14px 0px; padding: 0; position: absolute; bottom: 30px; word-wrap: normal; display: block; color: #5a5b62;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; overflow: hidden; text-overflow: ellipsis; height:35px; /* fallback */ }

.videobanner {width:40%; height: 0; padding-top:1.85%; padding-bottom: 24.15%; }

.sliderbanner1obal  {background-color: #71cbfe; position:relative; cursor: pointer; display: inline-block;  text-align: center; vertical-align: top; height: auto; width: calc(var(--odsaz) + 100% + var(--odsaz)); margin: 0px var(--odsazminus) 0px var(--odsazminus); padding: 0px; }
.sliderbanner1 {margin:0px; padding:0px}

.banermprhp h2 {
    -webkit-transition: all 150ms ease-out; /* Saf3.2+, Chrome */
    -moz-transition: all 150ms ease-out; /* FF4+ */
    -ms-transition: all 150ms ease-out; /* IE10 */
    -o-transition: all 150ms ease-out; /* Opera 10.5+ */
    transition: all 150ms ease-out;
}


.baner1 {position:relative; cursor: pointer; display: inline-block;  text-align: center; vertical-align: top; height: 343px; width: calc(33% - calc(var(--padprvekleft2) * 2)); margin: var(--odsaztop) var(--padprvekleft2) 0px var(--padprvekleft2); padding: 0px; }

.baner1 span {line-height: 26px;
font-size: 17px;
margin: 10px 0px 14px 0px;
padding: 0;
position: absolute;
bottom: 0px;
word-wrap: normal;
display: block;
color: #5a5b62;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
height: 71px;}

.baner1 h2  {position: absolute;
height: 66px;
top: 176px;
line-height: 34px;
left: 0px;
font-size: 24px;
text-transform: none;}
.baner1 img {width:auto;  height:auto;  height:150px; max-width:100%;  }
.baner1fpng {opacity:0.4; width:30%}


.mhpkateg  {width:19.9%;  }
.mhpkategmenu {width:100%;  top:43px; position:absolute; z-index:1000; padding: 15px; background-color:rgba(0, 72, 139, 1);;opacity: 0;}
.mhpkategmenu div { font-size: 13px; font-weight:900; margin: 5px 0px; padding:0px 9px; }
.mhpkategmenu div { display: inline-block; white-space: nowrap; }
.mhpkategmenu div { border-right: 1px solid rgba(248, 232, 201, 0.5) }
.mhpkategmenu div.nobullet { border-right: 0px; }
.mhpkategmenu a, .mhpkategmenu a:link, .mhpkategmenu a:visited  {color: #ffffff; }
.mhpkategmenu a:hover {color: #fee1af}


.banerseda {margin-right: 0px; background-color:#067fb9; }
.banerseda h2, .banerseda .banermhpcl {color: #ffffff; margin: 10px 5% 0px 5%;  width: 90%;}
.banerseda h2 {font-size: 20px }
.banerseda .banermhpcl {bottom: 24px; -webkit-line-clamp: 3; height:55px; margin: 10px 5% 0px 5%;  width: 90%;}
.banerfhlobal {position: relative; width: 100%; padding-bottom:100%; }
.banerfhl {position:absolute; width: 100%; height:100%;  padding: 33px}
.banerfhl img {width:auto;  height:auto;  max-height:100%; max-width:100%;  }
.banerfhlpng {opacity:0.4; width:30%}

.banermhsipka {
	  position: relative; white-space: nowrap; text-transform: uppercase; font-family: 'Proxima',  sans-serif; background: rgba(0,0,0,0.05); letter-spacing: 4px; font-size:10px; padding:5px 15px 5px 15px; color: rgba(0,0,0,0.7); margin: 0; border: 1px solid rgba(0,0,0,0.2);
}
.crystalex {font-family: 'crystalex';}
.slider-progress {position: absolute; bottom: 0px;  width: 100%;  height: 3px;  background: #eee;}
.slider-progress .progress {  width: 0%;  height: 3px;  background: #555555;}
.sliderbanner2 {width:92%; display: inline-block; border: 1px solid var(--barvaborder); }

.banermhp:hover .banermhsipka, .banerm:hover .banermsipka {color: #d8ebfd; border-color: #a6c2dd; background: rgba(11, 76, 129, 0.76);}
.banermhp:hover h2 {color: #5a5b62;}
.banermhp:hover .banerfhlpng {opacity:0.6; width:32%}
.banerseda:hover  {background-color:#015e8b; }
.banerseda:hover h2 { color: #ffffff; }

.blokclanku {margin-bottom: 30px}
.polclanek, .banermkat {position:relative; display: inline-block;  text-align: left; vertical-align: top; width: calc(50% - 5px ); ; background-color: rgba(199, 238, 254, 1); margin: 0px 5px 5px 0px; padding: 0px; }
.polclanek {height: 166px; border: 0px solid #bfbfbf; padding: 33px;}
.polclanek h2 { font-size: 15px ; line-height:21px; padding: 0px; margin: 0px; margin-bottom: 11px; }
.polclanek span {line-height: 22px;
font-size: 15px;
margin: 0px;
padding: 0px;
word-wrap: normal;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
height: 66px;
overflow: hidden;
width: 100%;}

.polclanek:hover {background: rgba(48, 130, 179, 0.16)}

.polclanek:hover, .banermkat:hover, .banermhp:hover{transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-webkit-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;}
.polclanek:hover .banermclnadp {color: #2957a5; }

.polevatyp { width: 198px; margin: 0px 0px 10px 0px; padding:0px; font-size: 11px; }
.polevatypobsah { position: relative; line-height:15px; margin:0px; padding: 0px; z-index: 5; }
.polevatypobsah a {float:none; display: block; }
.polevatyp p { margin:0px; }
.polevatypnadp { height: 24px; width: 198px; background-image: url(../zdroje/boktyph.jpg); background-repeat: no-repeat; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;}
.polevatypnadptext { font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; text-transform: uppercase; color: #818287; float:left; font-size: 11px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 4px 5px 5px 8px;}

.polozkabok { font-size: 10px; width: 198px; margin-bottom: 10px; }
.polozkabok img { margin-bottom: 2px; }
.polozkakce { position: relative; text-align: center; font-size: 11px; font-weight: bold; width: 198px; margin: 0px 0px 20px 0px; border-bottom: 1px dotted #b7b7b7}
.polozkakceobr {text-align: center; padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; max-height: 198px; max-width: 198px; }
.polozkakcenadp { text-align: center; text-transform: uppercase; font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; font-size: 12px; line-height: 14px; font-weight: bold; width: 196px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.polozkakcepodnadp { font-family: 'Arial', 'Verdana', 'Helvetica', sans-serif; font-size: 11px; font-weight: normal; display:block }
.polozkakcecena { font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; font-weight: bold; font-size: 12px; margin: 10px 0px 10px 0px;}
.polozkakcecenasleva {color: #8a40c9; font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; font-weight: bold; font-size: 12px; margin: 10px 0px 10px 0px;}

.polozkakcenasam { position: relative; z-index:2; }


.polozkakateg { text-align: center; background-image: url(../zdroje/polmvzp.jpg); background-repeat: repeat-y; position: relative; float: left; width: 160px;  padding: 0px 0px 0px 0px; margin: 0px 11px 11px 0px; }
.polozkakategnadp { color: #ffffff; text-align: left; font-size: 11px; background-image: url(../zdroje/polkategh.jpg); background-repeat: no-repeat; font-weight: bold; width: 160px; height: 15px; margin: 0px 0px 0px 0px; padding: 6px 5px 5px 8px; }
.polozkakategnadp a:link { color: #ffffff;}
.polozkakategnadp a:visited { color: #ffffff;}
.polozkakategnadp a:hover { color: #144204;}
.polozkakategobrobal { height: 110px; padding: 15px 25px 15px 25px; margin: 0px; text-align: center; }
.polozkakategobr { max-height: 110px; max-width: 110px; border:0px; margin: 0px; padding: 0px; }
.polozkakategd { position: relative; text-align: left; width: 150px; height: 65px; background-image: url(../zdroje/polkategdp.jpg); background-repeat: repeat-y; display: block; font-size: 10px; line-height: 15px; margin: 0px 0px 0px 0px; padding: 5px 10px 0px 10px;}
.polozkakategd a:link { color: #818287;}
.polozkakategd a:visited { color: #818287;}
.polozkakategd a:hover { color: #00367c;}
.polkategdd {width: 160px; height: 17px; background-image: url(../zdroje/polkategdd.jpg); background-repeat: no-repeat; font-size: 11px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px;}

#blokpolozek { width: 100%; display: block;  }
.polozkafgt, .polozka, .polozkam { position: relative; cursor:pointer; display: inline-block; text-align: center; background-color: #ffffff; padding: 23px; }
.polozkafgt, .polozka { width: calc(25% + 1px ); margin: 0px -1px -1px 0px; border: 1px solid var(--barvaborder);}
.polozkam { width: calc(25% + 1px ); margin: 0px -1px -1px 0px; border: 1px solid var(--barvaborder);}
.slick-slide.polozkam { margin: 0px 0px 0px 0px; border: 0px; border-right: 1px solid var(--barvaborder);}


#vyhledlist div   {  -webkit-transition: background-color 300ms ease-out, box-shadow 300ms ease-out;
    -moz-transition: background-color 300ms ease-out, box-shadow 300ms ease-out;
    -o-transition: background-color 300ms ease-out, box-shadow 300ms ease-out;
    -ms-transition: background-color 300ms ease-out, box-shadow 300ms ease-out;
    transition: background-color 300ms ease-out, box-shadow 300ms ease-out; }
.polozkafgt:hover { background-color: #ffffff;
-webkit-box-shadow: 0px 0px 6px 1px rgba(180,189,194,0.5);
-moz-box-shadow: 0px 0px 6px 1px rgba(180,189,194,0.5);
box-shadow: 0px 0px 6px 1px rgba(180,189,194,0.5);}
.polozkafgt:hover .polozkafgtext {opacity: 0.8;}

.polozkam .polozkanadp {font-size: 14px;}



.polozka:hover, .polozkam:hover {box-shadow: 0 0px 30px 0 rgba(0, 0, 0, 0.2); z-index:5}
.polozka:hover .polozkanadp, .polozkam:hover .polozkanadp {color: rgba(157, 3, 224, 1), font-size: 14px}

.polozkafgtext { position: absolute; display:block; color: #ffffff; padding: 10px 15px 10px 15px; opacity: 0; background-color:rgba(0, 0, 0, 0.5); width: 100%; bottom: 0px; font-size:10px}
.polozkafgtobr { max-width: 100%; max-height: 100%; }
.polozkafgtnadp { text-align: left; font-size: 10px; width: 160px; height: 4px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#dummy {margin-top: 95%;}

.polevakt { color: #00367c; font-weight: bold;}
.cervenaktiv { color: #8a40c9; font-family: 'Arial', 'Helvetica', sans-serif; }
.polozkaobrobal {text-align: center;  padding-top: 100%; box-sizing: border-box; position: relative; }
.polozkaobr {	position: absolute; margin: auto; top: 0; left: 0; right: 0; max-width:100%; max-height:95%}
.polozkanadp { text-align: center; text-transform: uppercase; font-size: 14px; line-height: 14px;  font-weight: bold;  min-height: 42px}
.polozkapodnadp { font-size: 11px; font-weight: normal; min-height: 80px}
.polozkaobrmini { position: absolute; right: 10px; bottom: 10px; max-height: 80px; max-width: 80px; z-index: 2;  border:1px solid #A4A5A7; margin: 0px; padding: 0px; }
.poltext {line-height: 16px; font-size: 11px;  padding: 0; position: relative;  word-wrap: normal; display: block;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; overflow: hidden; text-overflow: ellipsis; height:35px; /* fallback */ }
.polozkad { font-size: 11px; }
.polozkastavskladu {font-family: 'crystalex'; font-size: 15px; position: absolute; left:12px; bottom:12px; }
.polozkadostvel {font-size: 18px; position: absolute; right: 12px; bottom:12px; }
.polozkastavskladuhl, .polozkadostvelhl {position: absolute; display:none; bottom:0px; padding:4px 8px; font-size: 12px; color: #ffffff; background-color: #818287}
.polozkastavskladuhl {left: 0px; white-space:nowrap;  }
.polozkadostvelhl {right: 0px; width:200px;}
.polozka_ceny {width: 100%; display:block;}
.cenabezna { font-size: 16px; float:left; text-decoration: line-through;}
.cena { font-weight: bold; font-size: 21px; }
.cenasleva { font-size: 16px; float:right}
.cenabezna, .cena, .cenasleva { display:inline-block; }


.polozkanadp, .polozkapodnadp,  .poltext, .polozkad  {display:block; width: 100%; }
.polozkanadp, .polozkaobrobal, .poltext, .polozkad { margin-bottom: var(--odsaztopol); }
.polozkapodnadp { margin-bottom: calc(var(--odsaztopol) - 2px); } /* margin bottom předchozí řádek - margin-bottom následujího řádku*/
.polozkapodnadp span {border: 1px solid var(--barvaborder); display: inline-block; padding: 2px 7px; margin-left: 7px; margin-bottom: 7px; min-width:33px}

.akceznacka  { top:79px; right: 0; position: absolute; }
.akceznackatext {font-size: 15px; color:#ffffff; font-weight: bold; text-transform: uppercase; float:left; padding: 0px 10px; }
.akceznackasleva {font-size: 12px; color:#ffffff; font-weight: bold; text-transform: uppercase; float:right; clear:both; padding: 0px 6px; background-color:#00527c}

/*další nastavení barev akcí je v samostatném souboru stylyakce*/

.kontform, #dolnipruh, #blokpolozek {clear:right}
.menhlava {float: left; margin: 0px 0px 0px 0px; padding: 0px}
.kontform {  position: relative; display: block; margin-bottom: 11px; width: 100%; margin-top: 0px; padding: 11px 22px 22px 22px}
.kontform form {padding: 0px; margin: 0px}
.tlacitkodeslat  { position: absolute; top:264px; right:25px}
#produktBlokHorni {width: 100%; margin-bottom: var(--odsaztopte);}
/*#produktblokobrazky, #produktblokpopisy, .produktbloktext, .produktblokobrazkymale, .produktblokobrazkymalehor, #prObrazekVelky img, .prObrazekMaly img, .prObrazekMaly, #prObrazekVelky {border: 0px solid #111111}*/
#produktblokobrazky, #produktblokpopisy, .produktbloktext, .produktblokobrazkymale, .produktblokobrazkymalehor, #prObrazekVelky {display: inline-block; vertical-align: top}
.produktblokobrazkymalehor {display:none;}
#produktblokobrazky {width:55%; }
#produktblokpopisy {width:40%; margin-left: 5%}
.produktbloktext, .produktbloktext2 {width:100%; text-align: center; padding: 0px 10%; line-height: var(--lineheight); display:inline-block; }
.produktbloktext2 {width:50%;}
#produktblokpopisy h1 {text-align:left; height:auto; letter-spacing: 0px; margin: 0px 0px var(--odsaztopte) 0px ; padding: 0; background-image: none;}
.hiresodkaz { position: absolute; top:0px; left:0px; width: 60px; font-size: 10px; line-height:11px; display: block; background-color: #f3f3f3; border: 1px solid #D4D4D4; padding: 2px 5px 2px 5px}
.hiresodkaz:hover { color:#ffffff; background-color:#787A8B;}
.hiresodkazm { position: relative; bottom:-4px; margin:0; font-size: 8px; line-height:11px;  background-color: #f3f3f3; border: 1px solid #D4D4D4; padding: 1px 3px 1px 3px}
.hiresodkazm:hover { color:#ffffff; background-color:#787A8B;}
#prObrazekVelky { position: relative;  text-align: center; background-color: #ffffff; display: inline-block; }
#prObrazekVelky {width: 78%; max-height: var(--hlavniobrvel); }
#prObrazekVelkyObrObal {text-align: center;  box-sizing: border-box; position: relative; }
#prObrazekVelkyObr {	margin: auto; top: 0; left: 0; right: 0; max-width:100%; max-height:var(--hlavniobrvel); }

.produktblokobrazkymale{width: calc(22% - var(--odsaz)); margin-right:var(--odsaz); margin-top:calc( 22px*2); margin-bottom:22px; }
.produktblokobrazkymalehor  {width: 100;  margin-top:calc( 22px*2); }
.prObrazekMaly { position: relative; cursor:pointer; display: inline-block; text-align: center; background-color: #ffffff; }
.prObrazekMaly { width: calc(25% + 1px ); }
.prObrazekMalyObrObal {text-align: center;  padding-top: 100%; box-sizing: border-box; position: relative; }
.prObrazekMalyObrObal { margin-bottom: var(--odsaztopol); }
.prObrazekMalyObr {	position: absolute; margin: auto; top: 0; left: 0; right: 0; max-width:100%; max-height:95%}

.dstab, #prehledobjednavky1 table {width:100%;  }

.dstab td {padding:var(--padprvektop) var(--padprvekleft); }
.dstab td.bezPadding {padding-top:0px; padding-bottom:0px; }
.dstabPrazdna {height:var(--odsaztopte)}
.dstabcenaold {text-decoration: line-through}
.dstabcenanew { color: #8a40c9; font-weight: bold; font-size: calc(var(--fontsize)*1.5); margin-top:10px }
.dstableva, .dstabprava {border-bottom: 1px solid var(--barvaborder)}
.dstabprava  {vertical-align: middle}
.dsvelikosti {width: 100%; margin-bottom: calc(var(--padprvekleft) * -1);}
.dsvelikosti span {cursor:pointer; margin-left: var(--padprvekleft); }
.dsvelikosti span, .dsdoprava span {border: 1px solid var(--barvaborder); text-align: center; display: inline-block; min-width: calc(var(--padprvektop) + var(--lineheight) + var(--padprvektop) + 2px); padding: var(--padprvektop) var(--padprvekleft);  margin-bottom: var(--padprvekleft); }
.dsdoprava span {width:100%; text-align: left; font-size: calc(var(--fontsize)*0.9);}
.dsdoprava span h4 { font-size: calc(var(--fontsize)*1.2); font-weight: bold; }
.dsdoprava span h5 { font-size: var(--fontsize); font-weight: normal;  }
.dsdoprava span h4, .dsdoprava span h5 { padding:0; margin:0; }
.dsdoprava span:first-child {margin-left: 0px;}
.tlDoprava, .tlCena { opacity: 0.3;}
.tlDopravaActive, .tlCenaActive {opacity: 1; cursor: pointer; background-color:var(--barvaformul) }
.dsvelikosti span:hover, .tlDopravaActive:hover, .tlCenaActive:hover {background-color:rgba(0, 131, 204, 1); color:#ffffff}
.dsvelikosti span.vybr, .dsdoprava span.vybr {background-color:#8a40c9; color:#ffffff}



.zl { color: #e2f20d }
.fial { color: #9A53FF }
#blokDalsiPol {width:100%; text-align:center}
#loaderdalsipolozky {display: none; padding: 0px 0px var(--odsaztopte) 0px}
.polozkatblok h1 {font-weight: bold; font-size: 11px; margin-bottom: 0px; margin-top: 0px;}
.polozkabok { font-size: 10px; color: #; width: 130px; margin-bottom: 10px; }
.polozkabok img { margin-bottom: 2px; }
.bold11pods { color: #ffffff; font-weight: bold; display: block; text-align: right; margin-right: 5px;}
.hlaskabok { color: #f84bc1; font-size: 11px; margin-bottom: 0px; display: block; }
.chybadresa { color: #e50303; font-size: 11px; margin-bottom: 0px; display: block; }
.textdopolozky { color: #; font-size: 9px; position: absolute; top: 123px; left: 50%; width: 110px; margin-left: -55px; }
.velpisma { padding-left: 8px; color: #000000; }
.razeni {text-align: right; float: left; font-size: 14px; right: 0px; width: 590px; height: 20px; margin: 0px 0px 10px 0px;}
.razeniv {font-size: 14px; font-weight: bold; }
.trslevakod { background-color:#daf3f2;  color:#397371; font-weight: bold; text-align: center; font-size:15px}
.help {position: relative; display: inline-block; padding: 0px;}
.help img {max-width: 10px; margin: 0px; padding: 0px;}
.info {position: absolute; z-index:200; display: none; top:-20px; left: -130px; width: 260px; font-size: 11px; line-height: 12px; color: #ffffff; background-color: #4d4e53; border: 1px solid #c8c7c7; padding: 5px;}


.blokprehled, .blokprehled2 {width:100%; text-align:left; padding:10px 0px; display:block; }
.blokprehled div, .blokprehled2 div {margin:0px; display:inline-block; margin-left:-3.2px; position: relative; height:50px;}
.blokprehled div p, .blokprehled2 div p { margin: 0; width:100%; padding:5px; position: absolute; top: 50%;left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}



.blokprehled:nth-of-type(1) div, .blokobjhead {background-color: rgba(75, 95, 112, 0.1); font-size: calc( var(--fontsize) - 4px); height:28px; white-space: nowrap}
.blokprehled:nth-of-type(1) div:nth-child(1){width: 44%; margin-left:0px;}
.blokprehled:nth-of-type(1) div:nth-child(2){width: 13%; text-align:right;}
.blokprehled:nth-of-type(1) div:nth-child(3){width: 17%; text-align:right;}
.blokprehled:nth-of-type(1) div:nth-child(4){width: 10%; text-align:right;}
.blokprehled:nth-of-type(1) div:nth-child(5){width: 15%; text-align:right;}

.blokprehled:nth-of-type(2) div:nth-child(7n+1){width: 50px; margin-left:0px;} /* 5O je max šířka obrázku + 10px odsazení */
.blokprehled:nth-of-type(2) div:nth-child(7n+2){width: calc( 44% - 50px ); } /* procento mínus child 7n+1*/
.blokprehled:nth-of-type(2) div:nth-child(7n+3){width: 13%;text-align:right; }
.blokprehled:nth-of-type(2) div:nth-child(7n+4){width: 17%; text-align:right;}
.blokprehled:nth-of-type(2) div:nth-child(7n+5){width: 10%; text-align:right; }
.blokprehled:nth-of-type(2) div:nth-child(7n+6){width: 5%; text-align:center; }
.blokprehled:nth-of-type(2) div:nth-child(7n+7){width: 10%; text-align:right; }
.blokprehled:nth-of-type(2) div.trslevakod {background-color:#daf3f2; font-weight: bold; font-size:inherit}

.blokprehled:nth-of-type(3) div:nth-child(1){width: 47%; margin-left:0px;}
.blokprehled:nth-of-type(3) div:nth-child(2){width: 52%;text-align:right;}

.blokprehled:nth-of-type(4) div:nth-child(1) {width: 84%; margin-left:0px; text-align:right;}
.blokprehled:nth-of-type(4) div:nth-child(2) {width: 15%;text-align:right;}


.blokprehled2:nth-of-type(1) div {background-color: rgba(75, 95, 112, 0.1); height:28px;}
.blokprehled2:nth-of-type(1) div:nth-child(1){width: 64%; margin-left:0px;}
.blokprehled2:nth-of-type(1) div:nth-child(2){width: 9%; text-align:right;}
.blokprehled2:nth-of-type(1) div:nth-child(3){width: 13%; text-align:right;}
.blokprehled2:nth-of-type(1) div:nth-child(4){width: 13%; text-align:right;}


.blokprehled2:nth-of-type(2) div:nth-child(5n+1){width: 12%; margin-left:0px;}
.blokprehled2:nth-of-type(2) div:nth-child(5n+2){width: 52%; }
.blokprehled2:nth-of-type(2) div:nth-child(5n+3){width: 9%;text-align:right; }
.blokprehled2:nth-of-type(2) div:nth-child(5n+4){width: 13%; text-align:right;}
.blokprehled2:nth-of-type(2) div:nth-child(5n+5){width: 13%; text-align:right; }
.blokprehled2:nth-of-type(2) div.trslevakod {background-color:#daf3f2; font-weight: bold; font-size:inherit}

.blokprehled2:nth-of-type(3) div {background-color: rgba(75, 95, 112, 0.1); height:28px;}
.blokprehled2:nth-of-type(3) div:nth-child(1){width: 59%; margin-left:0px;}
.blokprehled2:nth-of-type(3) div:nth-child(2){width: 40%;text-align:right;}

.blokprehled2:nth-of-type(4) div { height:28px; }
.blokprehled2:nth-of-type(4) div:nth-child(1) {width: 59%; margin-left:0px; }
.blokprehled2:nth-of-type(4) div:nth-child(2) {width: 40%;text-align:right;}

.blokprehled2:nth-of-type(5) div { height:28px; font-weight:bold; border-bottom:1px solid #D4D4D4}
.blokprehled2:nth-of-type(5) div:nth-child(1) {width: 82%; margin-left:0px; text-align:right;}
.blokprehled2:nth-of-type(5) div:nth-child(2) {width: 17%;text-align:right; font-size:15px}

.blokprehled2:nth-of-type(6) div { height:auto; vertical-align: top; }
.blokprehled2:nth-of-type(6) div h2 { display:block }
.blokprehled2:nth-of-type(6) div p { padding:0px; position: relative; top: 0px;left: 0; -ms-transform: none; transform: none;}
.blokprehled2:nth-of-type(6) div:nth-child(1) {width: 28%; margin-left:0px;}
.blokprehled2:nth-of-type(6) div:nth-child(2) {width: 41%;}
.blokprehled2:nth-of-type(6) div:nth-child(2) p {display:inline-block; vertical-align:top}
.blokprehled2:nth-of-type(6) div:nth-child(2) p:nth-child(2) {width: 58%;}
.blokprehled2:nth-of-type(6) div:nth-child(2) p:nth-child(3) {width: 40%;}
.blokprehled2:nth-of-type(6) div:nth-child(3) {width: 30%;}
.blokprehled2:nth-of-type(6) div:nth-child(3) textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;}

.blokprehled .editnumber {font-size:13px; }
.inputnumber {}
.inputnumber input {position:absolute; text-align: center; height:80%; border: 1px solid #dfdfdf; top:10%; -webkit-appearance: none; right: 20px; font-size: 12px; margin:0px; }
.inputnumberplus, .inputnumberminus {position: absolute; display:block; top:0px; right:0px;  width:20px; top:10%; height:40%; background-color: #dfdfdf; color: #898a90; font-weight:bold; font-size:13px; text-align:center}
.inputnumberplus {border-bottom: 1px solid #c8cdd1;}
.inputnumberminus {top:50%}
.polsmaz, .inputnumberplus, .inputnumberminus, .openoknobj, .razenishoph .active, .razenishopd .active {cursor:pointer}

.blokformul {width:48%; text-align:left; padding:10px 10px;vertical-align:top;  display:inline-block}
.important1, .important2 {border: 1px solid var(--barvaborder); background: var(--barvaformul); font-weight: bold; display:block; padding: var(--odsaztopol)}
.blokformul input[type=text], .blokformul input[type=password]  {width:100%; }
#dokonceniobjednavky2 {width:70% }
#dokonceniobjednavky2 h2 {width:100%;margin-top:40px}
.polefirma {display: none}

label.chybahlaska  {color:#f90010; margin-top: 14px; font-size:14px; font-weight: normal; display:block}
label.chybahlaska  b  {font-weight: normal;}
input[type=text].chybahlaska, textarea.chybahlaska { border: 1px solid #d9adb0; background: rgba(237,89,0,0.1);}
input[type=radio] { -webkit-appearance: radio}
input[type=checkbox] { -webkit-appearance: checkbox}
select { -webkit-appearance: menulist; }



.selectBox {
  margin-top:calc(var(--padprvektop) * -1);
  margin-bottom:calc(var(--padprvektop) * -1);
  margin-left:calc(var(--padprvekleft) * -1);
  width:100%;
  position: relative;
}

.selectBox select {
  background-color: #ececf2;
  height: calc(var(--lineheight) + var(--padprvektop) + var(--padprvektop));
  padding: 0px var(--padprvekleft);
  color: #5b5e64;
  width: calc(100% + 20px);
  border: none;
  font-size: var(--fontsize);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background-image: none;
  border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
margin:0;
}

.selectBox::first-letterafter {
  margin: 0px;
}

.selectBox::before {
  content: "\f0d7";
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  right:  calc((var(--padprvekleft) + var(--padprvekleft)) * -1);
  width: calc(var(--lineheight) + var(--padprvektop) + var(--padprvektop));
  height: 100%;
  text-align: center;
  font-size: 20px;
  line-height: calc(var(--lineheight) + var(--padprvektop) + var(--padprvektop));
  color: #fff;
  background-color: rgba(0, 131, 204, 1);
  pointer-events: none;
}

.selectBox:hover::before {
  background-color: rgba(21, 186, 228, 1);
}

.selectBox select option {
  padding: 30px;
}



.reformdiv {display:none}
.show {background-color: #dde2ee}

.menu { font-family: 'Arial', 'Verdana', 'Helvetica', sans-serif;list-style-type:none; background-repeat: repeat-y; width: 198px; margin: -8px 0px 24px 0px; padding:0px; font-size: 12px; display: block;}
.menuobsah { position: relative; margin:0px; padding: 0px; z-index: 5; }
.menud { width: 198px; height: 15px; background-image: url(../zdroje/menud.jpg); z-index: 0; background-repeat: no-repeat; font-size: 11px; font-weight: bold; margin: -5px 0px -10px -10px; padding: 0px;}
.menu li { list-style-type:none; margin-top:8px; z-index:1;}
.menu ul { padding: 0; margin: 0px 0px 0px 0px; font-weight: bold; text-transform: uppercase; }
.menu ul li ul li { margin: 6px 0px 0px 0px; }
.menu ul li ul { margin: 0px 0px 0px 15px; font-weight: normal; text-transform: none; }
.menu ul li ul li ul{ margin: 0px 0px 0px 15px; }
.menuodr3 {float: left; width: 198px; position: relative; }
.menuodr3 span {display: block; margin-left: 35px; margin-top: 0px; margin-bottom: 0px; ; margin-right: 15px;}
.menuodr3 a {font-size: 11px; display: block; padding-top: 2px; padding-bottom: 4px;}
.menuodr3 img {margin-left: 26px;float: left; position: absolute; top: 7px;}
.menuodr3 a:hover   {position: relative; color: #00367c;}
.menuodr4 {float: left; width: 210px; position: relative; }
.menuodr4 span {display: block; margin-left: 45px; margin-top: 0px; margin-bottom: 0px; ; margin-right: 15px;}
.menuodr4 a {font-size: 11px; display: block; padding-top: 2px; padding-bottom: 4px;}
.menuodr4 img {margin-left: 36px;float: left; position: absolute; top: 7px;}
.menuodr4 a:hover   {position: relative; color: #00367c;}
.menuodr5 {float: left; width: 210px; position: relative; }
.menuodr5 span {display: block; margin-left: 55px; margin-top: 0px; margin-bottom: 0px; ; margin-right: 15px;}
.menuodr5 a {font-size: 11 px; display: block; padding-top: 2px; padding-bottom: 4px;}
.menuodr5 img {margin-left: 46px;float: left; position: absolute; top: 7px;}
.menuodr5 a:hover   {position: relative; color: #00367c;}
.menuvybrana { color: #00367c; font-weight: bold; }
.pfg { position: relative; right: 70px; float: right; border-width: 0; }
.lfg { float: left; border-width: 0; }
div#strdisk img { vertical-align: middle; border-width: 0; }
.fgnavrat { width: 30px; float: right; border-width: 0; }
div#diskuse1 { background-color: #ebebeb; }
div#diskuse2 { margin-left: 10px; background-color: #ffffff; border-left: solid 1px #7b0227 }
div#diskuse3 { margin-left: 20px; background-color: #ffffff; border-left: solid 1px #7b0227 }
div#diskuse4 { margin-left: 30px; background-color: #ffffff; border-left: solid 1px #7b0227 }
div#diskuse5 { margin-left: 40px; background-color: #ffffff; border-left: solid 1px #7b0227 }
div#diskuse6 { margin-left: 50px; background-color: #ffffff; border-left: solid 1px #7b0227 }
div#diskuse7 { margin-left: 60px; background-color: #ffffff; border-left: solid 1px #7b0227 }
div#diskuse8 { margin-left: 70px; background-color: #ffffff; border-left: solid 1px #7b0227 }
div#diskuse9 { margin-left: 80px; background-color: #ffffff; border-left: solid 1px #7b0227 }
div#diskuse10 { margin-left: 70px; background-color: #ffffff; border-left: solid 1px #7b0227 }
div#diskuse { padding: 15px; margin-bottom: 10px}
div#diskuse h1 { margin: 0px; font-size: 13px; }
div#diskuse h2 { margin: 0px; font-size: 11px; }
div#diskuse p { margin-top: 5px; margin-bottom: 0px; }
.vel9 { font-size: 9px; }

.formobjedn td {padding: 5px 0px 0px 0px;}
.formobjedn h2 {font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; font-size: 14px; margin: 0px 0px 5px 0px; padding: 0px; text-transform: uppercase; font-weight: normal;  }

#bocnifixed {background-color: #4e566e; font-size: 15px;padding: 5px 10px 0px 10px; margin: 0px; top:321px; height: 100px; cursor: pointer; color: #fffff;
z-index: 1000;
	right: 45px; /* same as height */
	height: 45px;
	position: absolute;
	line-height: 40px; /* same as height, for vertical centering */
	-webkit-transition: 500ms ease-in-out;
	-moz-transition: 500ms ease-in-out;
	-o-transition: 500ms ease-in-out;
	transition: 500ms ease-in-out;

	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	transform: rotate(-90deg);

    /* Solution */
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0; }

#bocnifixed:hover {
	background-color: #7a8dc5;
padding: 5px 15px 40px 15px;
    height: 50px;
    right: 50px;
    -webkit-transform: scale(3em,0);
    -moz-transform: scale(3em,0);
    -o-transform: scale(3em,0);
    -ms-transform: scale(3em,0);
    transform: scale(3em,0);
  }
#bocnifixednadp {color: #ffffff;  font-weight: bold;  display: inline-block; vertical-align:top; }
.kosicek {font-size: 15px; z-index: 1000; }
.kosiceknadpis {background-color: rgba(4, 141, 214, 1); font-size: calc(var(--fontsize) - 2px); right: 0px; padding: 4px 10px 3px 10px; text-align:right; top:30px; margin: 0px 0px 0px 0px;  cursor: pointer; color: #fffff; display: inline-block;}
.kosiceknadpis i {font-size: calc(var(--fontsize) + 0px); padding: 4px 0px 6px 0px;}
#nahledkosik {text-align: left;right:0px; display: none; position:absolute; background-color:#fff; color:#5b5e64; border:5px solid rgba(4, 141, 214, 1); font-size: 13px; width: 700px; padding: 20px;  top:34px; }
#kosicek:hover {	background-color: rgba(5, 84, 157, 1);  }
.kosicekcislo {	font-weight:bold  }
#kosicek a:hover { color: #c6e2ff; }
#nahledkosik a:link, #nahledkosik a:visited  { color:#5b5e64; }
#vyhledhlava { display:inline-block; vertical-align:top; }
.kosicek, #vyhledhlava {margin-left:var(--odsaztopol); position:relative}
#vyhledhlava input{ background: white; text-align:left; width:180px; font-size: calc(var(--fontsize) - 2px); padding:4px 10px 3px 10px; border:none; font-family:Arial, FontAwesome }
#vyhledlist { position:absolute; color:var(--barvatext); line-height: calc(var(--lineheight) - 8px); background:white; width:540px; right:0px; display:none; border-left: 1px solid var(--barvaborder);  border-right: 1px solid  var(--barvaborder);}
#vyhledlist div { width:100%; text-align:left; font-size: calc(var(--fontsize) - 2px); padding:var(--odsaztopol) var(--odsaztopol) 0px var(--odsaztopol); }
#vyhledlist div span:first-child { width: 10%; display: inline-block; }
#vyhledlist div span { width: 75%; display: inline-block; vertical-align:middle}
#vyhledlist div span:last-child {width: 15%; display: inline-block; text-align:right}
#vyhledlist a div { border-bottom: 1px solid  var(--barvaborder); padding-bottom: var(--odsaztopol);}
#vyhledlist a:hover div  { background-color: #ffffff;
-webkit-box-shadow: 0px 0px 10px 1px rgba(180,189,194,0.8);
-moz-box-shadow: 0px 0px 10px 1px rgba(180,189,194,0.8);
box-shadow: 0px 0px 10px 1px rgba(180,189,194,0.8);}
#vyhledlist a:last-child div { color: #ffffff; background-color: rgba(0, 131, 204, 1);}
#vyhledlist a:last-child:hover div  { color: #ffffff; background-color: rgba(21, 186, 228, 1);}


#menuplus {position: absolute; display: none; cursor:pointer; font-size: 12px; color: #96b2d7; z-index: 51;  padding: 0px; margin: 0px; right: 10px; top: 9px; }
#nav{ width: 100%; position: absolute; text-transform: uppercase; text-align: left; font-size: 9px; top: 0px; float: right; z-index: 51; padding: 0px; margin: 0px;
background: #9abf0d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #0092f5 0%, #1675d1 100%);
background: -webkit-linear-gradient(top, #0092f5 0%,#1675d1 100%);
background: linear-gradient(to bottom, #0092f5 0%,#1675d1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0092f5', endColorstr='#0058a8',GradientType=0 );
}
#nav > a {display: none; }
#nav li {position: relative; list-style-type:none; text-align: left; }
#nav li a { color: #c7e5fe; display: block; }
/* #nav li a:active {background-color: #c00 !important; }*/
#nav span:after {width: 0; height: 0; border: 0.313em solid transparent; /* 5 */ border-bottom: none; border-top-color: #a5bdc0; vertical-align: middle; display: inline-block; position: relative; right: -0.313em; /* 5 */}

/* first level */
#nav > ul {height: 20px; padding-inline-start: var(--odsaz);}
#nav > ul > li {width: auto; display: inline-block; padding-right: 20px; }
#nav > ul > li:not( :first-child ) {padding-left: 20px; }
#nav > ul > li > a {height: 100%; letter-spacing: 0px; font-size: 15px; line-height: 15px; text-align: center; }
#nav > ul > li:not( :last-child ) {border-right: 1px solid rgba(255, 255, 255, 0.5); }
#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {color: #ffffff; }

/* second level */
#nav li ul {display: none; color: #ced6dc; position: absolute; width: 130%; min-width: 185px; top: 100%; padding-left: 0px; opacity: 0;
	-webkit-animation: display-none-transition 350ms ease-out;
	-moz-transition: display-none-transition 350ms ease-out; /* FF4+ */
	-ms-transition: display-none-transition 350ms ease-out; /* IE10 */
	-o-transition: display-none-transition 350ms ease-out;
        animation: display-none-transition 350ms ease-out;}
#nav li:hover > ul {display: block; opacity: 1; left: 0px; right: 0;  }
#nav li:not( :first-child ):hover ul {left: 0px; }
#nav li ul a {background-color: rgba(143, 100, 19, 0.7);  font-size: 11px; color: #ffffff; margin-left:-1px; padding: 0px; padding: 8px 13px 8px 13px;}
#nav li ul li:not( :first-child)  { border-top: 1px solid rgba(143, 100, 19, 0.3);}
#nav li ul { padding-top:15px}
#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {background-color: rgba(143, 100, 19, 1); padding-left: 1.3em; }
#nav li ul li ul {margin-left: 100%; margin-top: -15px; top:0px; width: 100%;  border-left: 2px solid rgba(143, 100, 19, 0.3); }
#nav li ul li ul li{ width: 100%;  }

@-webkit-keyframes display-none-transition {
  0% { opacity: 0;  }
  100% { opacity: 1;  }
}

#nav a, #nav li, #nav li ul {
    -webkit-transition: all 300ms ease-out; /* Saf3.2+, Chrome */
    -moz-transition: all 300ms ease-out; /* FF4+ */
    -ms-transition: all 300ms ease-out; /* IE10 */
    -o-transition: all 300ms ease-out; /* Opera 10.5+ */
    transition: all 300ms ease-out;
}



#tlnahoru {display: none; font-size: 40px; cursor:pointer; position: fixed; z-index: 999; right: 0px; padding: 0px 13px 0px 14px; bottom: 0px; color: #fff; background-color:rgba(0, 0, 0, 0.5); }
#tladmin {width:15px; height:15px; cursor:pointer; position: fixed; z-index: 999; top: 0px; right: 0px; display:block; }
#filtrace {display:block; z-index:100; width:100%;text-align: left; margin-bottom: 25px; }
#filtrhlava, #dalsifiltryhlava {font-size: 14px; cursor:pointer; font-weight: bold;color: #ffffff; background: rgba(0, 131, 204, 1);}
#dalsifiltry, #filtrace {color: #555867; background-color:rgba(250, 250, 253);}
#filtrhlava i, #dalsifiltryhlava i {display: inline-block; padding:0px 8px; margin-right: 8px ; background-color: rgba(0, 149, 203, 1)}
#dalsifiltryhlava i {background-color: rgba(0, 149, 203, 0.1);}
#dalsifiltryhlava {font-size: 14px; background-color:rgba(236, 236, 242, 0.8); color: #555867; }
#filtrhlava, #dalsifiltryhlava, #filtrhlava i, #dalsifiltryhlava i { line-height: 24px; }
.filtrblok {display:inline-block; vertical-align:top; width:100%; padding: 15px 15px 0px 15px; border-left: 1px dotted #cfcfcf }
.filtrblok a:link, .filtrblok a:visited {color:#4f5055}
.filtrblok a:hover {color:#00367c}
.fbplny {width:100%}
.fbsirsi {width:28% }
#filtracedetail {display:block; }
.filtr {white-space:nowrap; display:inline-block; width:100%}
.filtr span {display:inline-block;}
.filtrnadp {display:block; cursor:pointer; text-transform: uppercase; color:#555867; font-size: 14px; line-height: 14px;  font-weight: bold;}
.filtrnadp i, #smazkosiku  { color:#a19fa3;}
.filtrtext {display:block; width:100%; margin-top:10px}
.filtrtext i {font-size: 14px; margin-right: 2px; }
.filtrOpenClose{width:13px; margin-left: -7px; display:none}
.zrusfiltr {float:right }
.sloupce3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
.filtrneakt {opacity: 0.2; display:none}
.filtrakt {font-weight:bold}

.drobeckovka{ font-size:11px; line-height: 24px; text-align: left; margin-bottom: var(--odsaztopte); padding:0px; display:block;  }
.drobeckovka a, .drobdelic {display:inline-block;background:white;padding-top:0px; padding-bottom:5px; height: 24px; position:relative;z-index:2;color:#333333}
.drobeckovka a {padding-left:0px; padding-right:3px; }
.drobdelic {padding-left:10px; padding-right:10px; text-indent:0px; color:white}
.drobeckovka a.home{color:#777777;text-align:center; margin-left:0;z-index:99;}
.drobeckovka a.home i{vertical-align:-2px;padding:0px 26px 0px 1%;}
.drobeckovka a.home:before {border:none;}
.drobeckovka .drobdelic:after {display:inline-block;content:"ppp";position:absolute;top:3px;width:18px;height:18px;right:12px;border-right:1px solid #d6d4d4;border-top:1px solid #d6d4d4;border-radius:2px;text-indent:-5000px;z-index:-1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.drobeckovka a:last-child:after{display:inline-block;content:".";position:absolute;right:-10px;top:3px;width:18px;height:18px;background:white;border-right:1px solid #d6d4d4;border-top:1px solid #d6d4d4;border-radius:2px;text-indent:-5000px;z-index:-1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.drobeckovka a:last-child{padding-right:9px; margin-right:20px}
.drobeckovka a:hover{color:#4c8cac;}




@media screen and (max-width: 1800px) {
.banermprhp h2, .banermkat h2 {font-size: 1.3vw;}
}

@media screen and (max-width: 1600px) {
.sliderhlavnitext {font-size: 1.2vw; bottom:10.3%;}

}

@media screen and (max-width: 1500px) {
.menuprava #headinfo {margin-right: 9px;}
.banerm {height: 245px;}
}

@media screen and (max-width: 1350px) {
#nav > ul > li {padding-right: 15px; }
#nav > ul > li:not( :first-child ) {padding-left: 15px;}
#nav > ul > li > a { letter-spacing: 0px; font-size: 13px; }
#velkahlavnipng {top:-290px; margin-bottom:-265px;}
.sliderhlavnitext {font-size: 1.4vw; bottom:10.1%;}
.sliderbanner2 {width: 100%;}
.banerm {height: 230px;}
.mhpkateg  {width:24.9%;  }
.baner1 h2 {font-size: 22px}
.logo, header.headvelka .logo, header.headvelka .logohp, .logohp {width: 380px;top: 60px;height: 80px;}
}

@media screen and (max-width: 1320px) {
  :root {
    --hlavniobrvel: 500px;
}
.polozkafgt, .polozka {width: calc(33.3% + 1px );}
#prObrazekVelky {width: 100%; }
.produktblokobrazkymale {display:none;}
.produktblokobrazkymalehor {display:block;}
}

@media screen and (max-width: 1270px) {
.menuprava #headinfo {display: none}
.baner1 {}
.baner1 { width: calc(49% - calc(var(--padprvekleft2) * 2));}
.polozkam {width: calc(33.3% + 1px );}
}

@media screen and (max-width: 1200px) {
#nav > ul > li {padding-right: 8px; }
#nav > ul > li:not( :first-child ) {padding-left: 8px;}
#nav > ul > li > a { letter-spacing: 0px; font-size: 13px; }
.banerm {width: 31%; height: 250px;}
#dolnipruh {height:250px}
}

@media screen and (max-width: 1150px) {
  :root {
    --padprvektop2: 7px; /*menukategorie*/
    --padprvekleft2: 10px;
}
.fbplny {width:100% }
.fbsirsi{width:35% }
#bocnifixed {display: none}
.banerm {height: 240px;}
}

@media screen and (max-width: 1060px) {
.polozkafgt, .polozka {width: calc(50% + 1px );}
}

@media screen and (max-width: 1050px) {
.sliderhlavnitext {font-size: 1.5vw; bottom:9.5%;}
#prObrazekVelky {width: 100%;}
.produktblokobrazkymale, .produktblokobrazkymalehor  {width: 100%; text-align:left}
.banerm {height: 235px;}
.banermprhp h2 { font-size: 1.6vw; }
}

@media screen and (max-width: 1000px) {
#nav > ul > li {padding-right: 5px; }
#nav > ul > li:not( :first-child ) {padding-left: 5px;}
#nav > ul > li > a { font-size: 12px; }
.banerm {height: 230px;}
.kosiceknadpis .kosicekhidden {display:none}
.popolozka, .blokprehled2 {font-size: calc( var(--fontsize) - 2px); line-height: calc( var(--lineheight) - 8px); }
.kosiceknadpis .kosicekcislo:last-of-type:before {content: " / "; visibility: visible; color:rgba(132, 209, 250, 1)}
#nahledkosikobal, #vyhledlistobal {display:none}
}

@media screen and (max-width: 950px) {
  :root {
    --odsaztop: 30px;
    --odsaz: 30px;
    --odsazminus: -30px;
  }
.fbplny {width:100% }
.fbsirsi{width:28% }
.sloupce3 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.polozkam {width: calc(50% + 1px );}
}



@media screen and (max-width: 850px) {
:root {
    --hlavapruh: 58px;
    --padprvekleft2: 5px;
}
.menukategorie a {font-weight:normal;}
#tladmin {display:none}
#stredtext h1 {width:100%; }
#stredtext .text {width:100%;}
#velkahlavnipng {width:45%;top:-250px; margin-bottom:-225px;}

#nav > a { right: 17px; top:0px; width: 25px; height: 25px; text-align: left; text-indent: -9999px; position: absolute;}
#nav > a:before {position: absolute; border-top: 3px solid #fff; border-bottom: 3px solid #fff; height:13px; top: 22%; left: 20%; right: 20%; content: ''; }
#nav > a:after {position: absolute; border-bottom: 3px solid #fff; height:6px; top: 25%; left: 20%; right: 20%; content: ''; }
#nav > a:after {top: 30%; }
#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type {display: block; color: #ffffff; }
#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {color: #ffffff;  }
/* first level */
#nav > ul {position: absolute; height: auto; display: none; margin-top: 41px; background-color: #454545; left: 0; right: 0; padding-left: 4%; padding-right: 4%;}
#nav:target > ul {display: block; }
#nav > ul > li {width: 100%; float: none; padding-left: 0px;}
#nav > ul > li > a {height: auto; text-align: left; color: #ffffff; line-height: 30px}
#nav > ul > li:not( :last-child ) {border-right: none; }
#nav > ul > li:not( :last-child ) > a {border-right: none; border-bottom: 1px solid #717b82; }
#nav li a:active {background-color: #586375 !important; color: #ffffff;}
/* second level */
#nav li ul {position: static; padding-top: 0; width: 100%; }
#nav li ul a {background-color: #4b4b4b; }
#nav li ul li ul {margin-left: 0%; margin-top: 0px; width: 100%;  padding-left: 5px}
#nav li ul li:first-child { padding-top:0px}
#menuplus {display: block; }
.menuprava  { right: 55px; top: 13px }
header {
  /*position: fixed;*/
   width: 100%;
   z-index:450}
header.headvelka {}
#nahradaimghl {margin-bottom: -45px}
#obalobrazekhl {
  /*margin: var(--obrhlavniodsaz) 0px calc( var(--obrhlavniodsaz) * -1 ) 0px;*/
}
.kosiceknadpis, #vyhledhlava input {padding: 2px 10px 2px 10px;}
header.headmala .kosiceknadpis, header.headmala #vyhledhlava input {padding: 0px 8px 0px 8px;}
header.headmala .logo, header.headmala .logohp, header.headmala #nav, header.headmala .menuprava {display:none }
header.headmala .custakce {opacity: 0; visibility: hidden}
header.headvelka .custakce {opacity: 1; visibility: visible}
#nav {
  /*position: fixed; */
  display: block;
  top: 17px;
  width: 100%;
  left: 0px;
  float: none; }
header.headvelka #nav > ul {top: 0px;}
.logo, header.headvelka .logo, header.headvelka .logohp,  .logohp  { top: 10px; width:209px; height:44px; }
.sliderhlavnitext {font-size: 1.85vw; bottom:8.9%; letter-spacing: 8px;}
.menukategorie a {margin-left: calc(var(--padprvekleft2) * -1);}
.menukategorie a {margin-right: var(--padprvekleft2);}
#kosicek {background-color: transparent; font-size: 15px;padding: 0px; margin: 0px; top:12px; right:175px; color: #4e566e; z-index: 1000; position: absolute;}
#nahledkosik {background-color: #ffffff; border: solid #cfcfcf; border-width: 0px 3px 3px 3px; margin-top:13px; margin-right:-160px}
header.headmala #hlavapruh {height:0px;}
#kosicek:hover {background-color: transparent; }
a:link #kosicek , a:visited #kosicek,  #kosicek a:link, #kosicek a:visited, #kosiceknadpis { color: #4e566e }
.popolozka, .blokprehled2 {font-size: calc( var(--fontsize) - 3px); line-height: calc( var(--lineheight) - 7px); display: block; margin-bottom: 18px;}
.produktbloktext, .produktbloktext2 {width:100%; padding: 0px 5%;}
.banermhsipka {margin: 10px 40px 10px 0px; }
.banerm {height: 265px; width: 47%; }
.jmenozakaznika{display:none; }
.banermprhp { width:33.2%}
.banermprhp h2 {  font-size: 2.3vw; }

.leva {width: calc(100% + calc(var(--odsaz) * 2)); padding-right:0px; margin: calc( var(--odsaztop) * -1 ) 0px 0px calc(var(--odsaz) * -1);}
.stredshop {width: 100%;}
#filtrhlava, #dalsifiltryhlava, #filtrhlava i, #dalsifiltryhlava i { line-height: 34px; }
#filtrhlava i, #dalsifiltryhlava i {display: inline-block; padding:0px 14px; margin-right: 14px ; background-color: rgba(0, 149, 203, 1)}
#filtracedetail {display:none; }
#filtrace {}
.filtr {width:33.3%}
.filtrblok {padding: 15px; border-left: 0px; border-bottom: 1px dotted #cfcfcf }
.filtrtext {display: none;}
.filtrOpenClose {display:inline-block}




}

@media screen and (max-width: 800px) {
.banerm {height: 255px;}
}

@media screen and (max-width: 790px) {
  :root {
    --hlavniobrvel: 450px;
}
.facebook { margin-left: 7px; }
#produktblokobrazky {width:100%}
#produktblokpopisy {width:100%; padding-left: 0; margin-top: var(--odsaztopte); margin-left:0px}
.baner1 { width: calc(100% - calc(var(--padprvekleft2) * 2));}
.blokprehled2:nth-of-type(6) div:nth-child(1) {width: 40%; }
.blokprehled2:nth-of-type(6) div:nth-child(2) {width: 60%;}
.blokprehled2:nth-of-type(6) div:nth-child(3) {width: 100%; margin-left:0px; margin-top:10px}
}

@media screen and (max-width: 750px) {
  :root {
      --levaSirka: calc( 124px + var(--odsaz) )
  }
h1, #h1shop  {font-size: 30px; height:auto; line-height: 35px; padding-top:0px; letter-spacing: 0px;  }
.fbsirsi{width:100% }
.sloupce3 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
#dokonceniobjednavky2 {width:90% }
.banerm {height: 255px;}
.plovoknotl2 {width:45%}
.filtrblok {padding: 15px 11px 0px 11px;}
.filtrtext { font-size: 15px; line-height: 24px; }
}

@media screen and (max-width: 721px) {
:root {
  --obrhlavniodsaz: calc(  var(--hlavapruh) + calc( var(--padprvektop2) * 4 ) + calc( var(--lineheight) * 2 ) );
}
}


@media screen and (max-width: 700px) {
  :root {
    --padprvektop2: 5px; /*menukategorie*/
    --padprvekleft2: 7px;
}
#tliconhledejhlava {display:inline-block}
#vyhledhlava {display:none}
.menutext {font-size: 16px ; }
.menutext:not( :last-child )  { margin: 8px 15px 8px 0px;}
#stredtext h1 {width:100%; }
#stredtext .text {width:100%;}
#velkahlavnipng {width:45%;top:-180px; margin-bottom:-155px;}
.sliderhlavnitext {font-size: 2vw; bottom:8.9%; letter-spacing: 8px;}
#facebookobal {position: relative; width:100%; right:0; text-align: center; bottom:0px; padding: 0px;  }
.facebook { margin-left: 20px; }
.banermhsipka {padding:4px 10px 6px 10px;  letter-spacing: 2px; }
.drobeckovka{ padding:0px;  }
.banermhsipka {margin: 5px 20px 5px 0px; padding:4px 10px 6px 10px;  letter-spacing: 2px; }
.banerm {height: 235px; width: 47%; }
.banermprhp h2 { font-size: 2.6vw;  }
}

@media screen and (max-width: 600px) {
#stredtext h1 {width:100%; }
#stredtext .text {width:100%;}
#velkahlavnipng {width:45%;top:-120px; margin-bottom:-95px;}
.sliderhlavnitext {font-size: 2.2vw; bottom:8.3%; letter-spacing: 8px;}
.banermprhp { width:49.6%; margin: 0px 0.2px 0px 0.2px }
.banermprhp h2{ font-size: 3.5vw; }
.banerhpakce  {width:100%; margin-bottom:15px}
.kosicekhidden {display:none}
#kosicek {font-size: 18px; top: 8px; }
#kosicek i {font-size: 23px; top: 8px; }
#nahledkosik {margin-top:10px; margin-right:-160px}
header.headmala #nahledkosik {margin-top:7px; }
header.headmala #kosicek {top: 6px; right:60px; }

.blokprehled:nth-of-type(1) div:nth-child(1){display: none; }
.blokprehled:nth-of-type(1) div:nth-child(2){width: 19%; margin-left:0px; text-align:left;}
.blokprehled:nth-of-type(1) div:nth-child(3){width: 32%;}
.blokprehled:nth-of-type(1) div:nth-child(4){width: 20%;}
.blokprehled:nth-of-type(1) div:nth-child(5){width: 27%;}

.blokprehled:nth-of-type(2) div:nth-child(7n+1){width: 19%; margin-top:10px}
.blokprehled:nth-of-type(2) div:nth-child(7n+2){width: 80%; }
.blokprehled:nth-of-type(2) div:nth-child(7n+3){width: 20%; background-color: rgba(75, 95, 112, 0.1); text-align:left; margin-left:0px; height:40px;}
.blokprehled:nth-of-type(2) div:nth-child(7n+4){width: 31%; background-color: rgba(75, 95, 112, 0.1); height:40px;}
.blokprehled:nth-of-type(2) div:nth-child(7n+5){width: 20%; background-color: rgba(75, 95, 112, 0.1); height:40px;}
.blokprehled:nth-of-type(2) div:nth-child(7n+6){width: 8%; background-color: rgba(75, 95, 112, 0.1); height:40px;}
.blokprehled:nth-of-type(2) div:nth-child(7n+7){width: 20%; background-color: rgba(75, 95, 112, 0.1); height:40px;}
.blokprehled:nth-of-type(2) div.trslevakod {background-color:#daf3f2; font-weight: bold; font-size:inherit}

.blokprehled:nth-of-type(3) div:nth-child(1){width: 42%; }
.blokprehled:nth-of-type(3) div:nth-child(2){width: 57%;}

.blokprehled2:nth-of-type(3) div:nth-child(1){width: 55%; }
.blokprehled2:nth-of-type(3) div:nth-child(2){width: 44%;}

.blokprehled2:nth-of-type(4) div:nth-child(1) {width: 55%; }
.blokprehled2:nth-of-type(4) div:nth-child(2) {width: 44%;}

.blokprehled2:nth-of-type(5) div:nth-child(1) {width: 61%; text-align:left; }
.blokprehled2:nth-of-type(5) div:nth-child(2) {width: 38%;}

.blokprehled2:nth-of-type(6) div:nth-child(1) {width: 49%; }
.blokprehled2:nth-of-type(6) div:nth-child(2) {width: 50%;}
.blokprehled2:nth-of-type(6) div:nth-child(2) p:nth-child(2) {width: 100%;}
.blokprehled2:nth-of-type(6) div:nth-child(2) p:nth-child(3) {width: 100%; margin-top:5px}
.blokprehled .editnumber {font-size:13px; }
.inputnumber input {height:100%; width:40px; border: 0px; top:0; left: 0px;  }
.inputnumberplus, .inputnumberminus {width:20px; top:0; left: 40px; height:50%; background-color: #9e9e9e; color: #ffffff; }
.inputnumberplus {border-bottom: 1px solid #c8cdd1;}
.inputnumberminus {top:50%}
.banerm {height: 220px; width: 47%; }
.blokbaneruprhpobal  {padding: 22px 0px 4px 0px;}
}



@media screen and (max-width: 550px) {
.banerm {width: 100%; height: 315px; margin: 0px 0px 15px 0px; }
}



@media screen and (max-width: 520px) { /*  upravit i script.js - sekci "přepínani zobrazení" */
  :root {
    --odsaz: 25px;
    --odsazminus: -25px;
    --lineheight: 23px;
  }
h1 {font-size: calc(var(--fontsize)*1.6); font-weight: 400; line-height: calc(var(--lineheight)*1.31);}
.menutext {font-size: 15px ; margin-bottom: 20px}
.menutext:not( :last-child )  {padding-right: 17px;margin: 7px 13px 7px 0px;}
#nav > a {width: 30px; height: 30px; top: -4px;}
#nav > a:before {height:10px; }
#nav > a:after {height:6px; }
#nav > a:after {top: 60%; }
#nav > ul {margin-top: 36px;  }
#bocnifixed {font-size: 13px; padding: 0px 10px 0px 10px; top:150px; right: 30px; /* same as height */height: 30px;line-height: 30px; /* same as height, for vertical centering */}
#bocnifixed:hover {padding: 5px 15px 30px 15px; height: 40px; right: 40px;  }
#plovokno { width: 70%;}

header.headmala #nav {top: 9px;}
header.headmala #nav > ul {top: -5px;}
.menuprava span.custakce {display:none}
#kosicek { right:190px; top:12px;}
#nahledkosik {display: none}

.leva {width: calc(100% + calc(var(--odsaz) * 2)); padding-right:0px; margin: calc( var(--odsaztop) * -1 ) 0px 0px calc(var(--odsaz) * -1);}
.stredshop {width: 100%;}
#filtrhlava, #dalsifiltryhlava, #filtrhlava i, #dalsifiltryhlava i { line-height: 34px; }
#filtrhlava i, #dalsifiltryhlava i {display: inline-block; padding:0px 14px; margin-right: 14px ; background-color: rgba(0, 149, 203, 1)}
#filtracedetail {display:none; }
#filtrace {}
.filtr {width:33.3%}
.filtrblok {padding: 15px; border-left: 0px; border-bottom: 1px dotted #cfcfcf }
.filtrtext {display: none;}
.filtrOpenClose {display:inline-block}

.kosiceknadpis .kosicekcislo:last-of-type  {display: none}

.banermhpcl  {padding: 0px 5% 0px 5%}
.banerseda .banermhpcl {bottom: 20px; padding-top:15px; height:80px; }
.banerseda h2 {font-size: 18px;}
.stredhp {margin-top: 80px;}
html {font-size: 75%; /* 12 */}

.w80 {width:90%;}
.w100 {width:90%;}
#velkahlavnipng {width:70%;top:0px; float:none; margin-bottom:0px;}
.sliderhlavnitext {font-size: 2.5vw; bottom:7.8%; letter-spacing: 7px;}
#dokonceniobjednavky2 {width:100% }
.banermprhp h2 {font-size: 3.8vw; }

.blokprehled:nth-of-type(3) div:nth-child(1){width: 100%; }
.blokprehled:nth-of-type(3) div:nth-child(2){width: 100%; }

.blokprehled:nth-of-type(4) div:nth-child(1) {width: 69%;  }
.blokprehled:nth-of-type(4) div:nth-child(2) {width: 30%;}

.blokprehled2:nth-of-type(1) div:nth-child(1){width: 55%; }
.blokprehled2:nth-of-type(1) div:nth-child(2){width: 9%; }
.blokprehled2:nth-of-type(1) div:nth-child(3){width: 18%; }
.blokprehled2:nth-of-type(1) div:nth-child(4){width: 17%; }

.blokprehled2:nth-of-type(2) div:nth-child(5n+1){width: 15%; margin-bottom: 20px}
.blokprehled2:nth-of-type(2) div:nth-child(5n+2){width: 40%; margin-bottom: 20px }
.blokprehled2:nth-of-type(2) div:nth-child(5n+3){width: 9%; margin-bottom: 20px}
.blokprehled2:nth-of-type(2) div:nth-child(5n+4){width: 18%; margin-bottom: 20px }
.blokprehled2:nth-of-type(2) div:nth-child(5n+5){width: 17%; margin-bottom: 20px}
.blokprehled2:nth-of-type(2) div.trslevakod {background-color:#daf3f2; font-weight: bold; font-size:inherit}
.banerm {height: 300px;}
.banermhsipka {display: none}
.blokbaneruprhpobal  {padding: 15px 0px 4px 0px; }
.polozkam {width: calc(100% + 1px );}

}

@media screen and (max-width: 450px) {
.banerm {height: 280px;}
.tlkoupit, .tlkoupit2, .tlkoupit2, .tlkoupit3, .tlacitkoform  { font-size: calc(var(--fontsize) - 2px); line-height:calc(var(--lineheight) - 2px); padding: calc(var(--padprvektop) + var(--padprvektop)) calc(calc(var(--padprvekleft) + var(--padprvekleft)) - 10px); float:right}
#plovoknobsah .tlacitkoform {float:none}
}

@media screen and (max-width: 430px) {
  :root {
    --obrhlavniodsaz: calc(  var(--hlavapruh) + calc( var(--padprvektop2) * 6 ) + calc( var(--lineheight) * 3 ) );
  }
  .polozkafgt, .polozka {width: calc(100% + 1px );}
}

@media screen and (max-width: 400px) {
  :root {
      --hlavapruh: 44px;
  }
#plovokno { width: 80%; padding: 27px 0px 0px 0px;}
.menutext {font-size: 14px ; }
.menutext:not( :last-child )  {padding-right: 10px; margin: 6px 6px 6px 0px;}
.logo, header.headvelka .logo, header.headvelka .logohp,  .logohp  { top: 8px; width:156px; height:33px; }
#nav {top: 10px; }
.menuprava  { right: 50px; top: 6px }
.vlajka, #tliconlogin img, #tliconhledejhlava, #malykosik {top: 6px;}
.uil-ring-css {-ms-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -webkit-transform: scale(0.2);
    -o-transform: scale(0.2);
transform: scale(0.3);top: -15%; }
.vlajka, #tliconlogin img, #tliconhledejhlava {width: 20px; margin-left:8px}
#kosicek { right:165px; top:9px;}
header.headmala #nav > ul {top: -1px;}
header.headmala #nav {top: 11px;}
#velkahlavnipng {width:80%;}
.razenishoph .razblok div, .razenishopd .razblok div, { margin: 0px 3px}
.blokformul {width:99%};
#prObrazekVelky {width: 100%;}
.produktblokobrazkymale, .produktblokobrazkymalehor  {width: 100%; }
.filtr {width:50%}
.blokprehled2:nth-of-type(1) {margin-bottom: -20px;}
.blokprehled2:nth-of-type(1) div:nth-child(1){display:none;}
.blokprehled2:nth-of-type(1) div:nth-child(2){width: 39%; margin-left:0px; text-align:left;}
.blokprehled2:nth-of-type(1) div:nth-child(3){width: 30%; }
.blokprehled2:nth-of-type(1) div:nth-child(4){width: 30%; }

.blokprehled2:nth-of-type(2) div:nth-child(5n+1){width: 18%; margin-bottom: 0px; margin-top:10px;}
.blokprehled2:nth-of-type(2) div:nth-child(5n+2){width: 81%; margin-bottom: 0px; }
.blokprehled2:nth-of-type(2) div:nth-child(5n+3){width: 39%; background-color: rgba(75, 95, 112, 0.1); text-align:left; margin-left:0px; height:30px;}
.blokprehled2:nth-of-type(2) div:nth-child(5n+4){width: 30%; background-color: rgba(75, 95, 112, 0.1); height:30px;}
.blokprehled2:nth-of-type(2) div:nth-child(5n+5){width: 30%; background-color: rgba(75, 95, 112, 0.1); height:30px;}
.blokprehled2:nth-of-type(2) div.trslevakod {background-color:#daf3f2; font-weight: bold; font-size:inherit}

.blokprehled2:nth-of-type(3) div:nth-child(1){width: 39%; }
.blokprehled2:nth-of-type(3) div:nth-child(2){width: 60%;}

.blokprehled2:nth-of-type(4) div:nth-child(1) {width: 69%; }
.blokprehled2:nth-of-type(4) div:nth-child(2) {width: 30%;}

.blokprehled2:nth-of-type(6) div:nth-child(1) {width: 100%; }
.blokprehled2:nth-of-type(6) div:nth-child(2) {width: 100%;}
.blokprehled2:nth-of-type(6) div:nth-child(2) p:nth-child(2) {width: 56%;}
.blokprehled2:nth-of-type(6) div:nth-child(2) p:nth-child(3) {width: 42%; margin-top:0px}
.banerm {height: 260px;}
#plovokno { top: 50px; }
.banermprhp h2 {font-size: 4.8vw;  }
.blokbaneruprhpobal  {padding: 22px 0px 4px 0px; margin-top: -40px ;}
#dolnipruh {height:337px}
.baner1 h2 {font-size: 17px; line-height:26px; top:145px}
.baner1 span {font-size: 16px; line-height:22px; height: 111px;}
.baner1 img {height: 118px;}
}

@media screen and (max-width: 375px) {
.produktbloktext, .produktbloktext2 {width:100%; padding: 0px 3%;}
}

@media screen and (max-width: 370px) {
  :root {
      --fontsize: 16px;
      --odsaz: 20px;
  }
  .banerseda h2 {font-size: 15px;}
  .dstab td {padding: var(--padprvektop) 0;}
  .dstab td:first-child {padding-right: var(--padprvekleft);}
  .dsvelikosti span {margin-left: 0; margin-right: var(--padprvekleft);}
  .tlkoupit, .tlkoupit2, .tlkoupit2, .tlkoupit3, .tlacitkoform  { font-size: calc(var(--fontsize) - 3px); line-height:calc(var(--lineheight) - 3px); padding: calc(var(--padprvektop) + var(--padprvektop)) calc(calc(var(--padprvekleft) + var(--padprvekleft)) - 10px); float:right; }
}