*,
*: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;
}

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);
/*zlata rgba(183, 152, 94, 1); #b7985e;
/* zlata tmava - active rgba(139, 91, 0, 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: hnthinc;     src: url("pisma/hnthinc.woff"); }
@font-face {    font-family: hnblkc;     src: url("pisma/hnblkc.woff"); }
@font-face {    font-family: hnc;     src: url("pisma/hnc.woff"); }
@font-face {    font-family: hnltc;     src: url("pisma/hnltc.woff"); }
@font-face {    font-family: english;     src: url("pisma/EnglischeSch-Reg.woff"); }
@font-face {    font-family: dfrutiger;     src: url("pisma/DolderFrutigerNext-Light.woff"); }*/


body  { -webkit-text-size-adjust: none; -webkit-appearance: none;  -webkit-backface-visibility: hidden; font-size: 12px; color:#5b5e64;  background-color:#8c8d8e; font-family: 'Roboto', sans-serif; margin: 0px; margin-bottom:30px }
#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: 90%; padding: 0px; margin-top: 30px; padding-top: 30px;margin-bottom: 30px;}
#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;}
.plovoknotl2 {text-align:center; width:32%; display: inline-block; margin-bottom: 10px; }
.plovoknotl2 i {font-size:35px; display:block; margin-bottom:5px; color:#7c7c7f;}
.plovoknotl2 span, .plovoknotl2 a {text-transform: uppercase; font-size:11px;}
#plovokno h2 {margin-top:-3px; margin-bottom:0px; font-size: 17px;}
.plovoknotl2 i:hover { color: #596b74; }


.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: 'Roboto Condensed', 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%; top:37px; margin-bottom: 37px; 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  {bottom:-30px; margin-top:-30px}
.sliderhlavnitext {	position:absolute; left:0px; bottom:10.5%; font-size: 1vw; font-family: 'Roboto', 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: 'Roboto Condensed', 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; }
header.headmala .logo, header.headmala .logohp {top: -10px;  opacity:0}
header.headmala .menuprava {opacity: 0; visibility: hidden}
header.headvelka .menuprava {opacity: 1; visibility: visible}
header.headmala #nav {top: 15px;}
header.headmala #nav li ul li:first-child { padding-top:18px}

.headmala #hlavapruh, .tlkoupit, .tlkoupit2, .tlkoupit3, .headmala .logo img, .headmala .logohp img, .headmala .logo, .headmala .logohp, .banerm, .banermsipka, .headmala #nav, .headvelka #hlavapruh, .headvelka .logo, #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 .menuprava, .headvelka .menuprava {
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:137px;}
#nahradaimghl {margin-bottom:-37px}

#hlavapruh {background-color: rgba(218, 227, 234, 1); top:0px; z-index:501}
.menuprava  { position: absolute;top: 42px; right: 5%; color: #ffffff; font-size: 10px; z-index:60; text-align: right}
.menuprava a:link { color: #ffffff }
.menuprava a:visited { color: #ffffff; }
.menuprava a:hover { color: #d5edff; }
.loga2 {display:inline-block; padding-left:20px; }
.loga2 img {display:inline-block; height:47px;padding-left:15px; margin-bottom:-20px}
.loga2 img:last-child {height:40px;}
.vlajka, #tliconlogin img, #tliconhledejhlava, #malykosik {position:relative; display: inline-block; top: 6px; cursor: pointer; margin-left:10px; width: 18px;}
#tliconlogin img {display: inline-block; position:relative; top: 6px; cursor: pointer; margin-left:10px; width: 18px; }
#tliconhledejhlava {display: inline-block; position:relative; top: 6px; cursor: pointer; margin-left:10px; width: 18px; }
#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}
.logo, header.headvelka .logo, header.headvelka .logohp,  .logohp { position: absolute; top: 36px; left: 5%; height: 68px;}
.logo img, .logohp img  { height:100%; float:left}
.titultext {font-weight: 300; }
.textblokhp {display: block; float: left; width: 673px}


.textshh {width: 673px; float: left; margin: 0px 0px 0px 0px ; }
.textshh p {margin: 0px 0px 11px 0px ; }
.fotoshh {border: 1px solid #c8c7c7; margin: 11px 0px 0px 0px ;}
.textshd {width: 673px; 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: 'Roboto',  sans-serif; letter-spacing: 1px; text-align: center; display: inline-block; width:100%; }
.polehledat, input[type=text], input[type=number], input[type=password]   {border: 1px solid #ced0d7; background: rgba(75,95,112,0.1); display: inline-block; font-size: 13px;   margin: 3px 0px 0px 0px; padding: 5px; }
.polehledat {position:relative; text-align: center; width:80%;}
.inputKusu {max-width:42px}
#plovokno input {text-align:center}


.tlacitkohledat { border: 0px #fff outset; right: 1px; cursor: pointer; font-size: 11px; white-space: nowrap; text-transform: uppercase;font-family: 'Roboto',  sans-serif; letter-spacing: 5px; text-align: center; background-color: #828a8e; color: #ffffff; margin: 20px 0px 20px 0px; padding: 5px 10px 5px 15px; }
.tlacitkohledat:active {border-style: inset; }
.tlacitkohledat:hover {color: #ffffff; background: #596b74; }
.vysledkyhledani {text-align: center; }
.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:250px; z-index:1; margin-top: 30px; overflow: hidden}
#pruhpodpatou {position: absolute; width: 100%; height: 62px; top:200; background-color:#4c4f56; bottom:0px; opacity:1; }
.paticka { position: absolute; height: 40px; width: 95%; font-size: 13px; 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: 0px; padding: 0px 30px 5px 0px;color: #ffffff; }
#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: 80%; font-size: 12px; margin-bottom: 0px; padding: 0px 10px 0px 10px; 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 { color: #818287; text-decoration: none }
body a:visited { color: #818287; text-decoration: none }
body a:hover { color: #00367c; text-decoration: none }
.nadpis  { position: absolute; height:20px; top: -65px; right: 30px; color: #013752; text-align: right; font-weight: bold; }
h1 a:link { color: #818287; text-decoration: none }
h1 a:visited { color: #818287; text-decoration: none }
h1 a:hover { color: #00367c; text-decoration: none }
.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  {color: #818287; font-family: 'Roboto Condensed', sans-serif; font-size: 35px; line-height: 40px; letter-spacing: 0.5px; font-weight: 300; padding: 25px 0; margin: 0px 0px 0px 0px ; }


h2  {color: #818287; text-transform: uppercase; font-size: 14px; float:none; display: inline-block; font-weight: normal; padding-bottom: 5px;}
.bloceknadpisu h2 {display: block; }
.clboknadpis  { font-weight: bold; font-size: 11px; margin-bottom: 5px }
#stredtext {text-align: center; width:100%; display:block; overflow:visible; vertical-align: top; margin-bottom: 25px}
#stredtext table {margin: 0 auto; }
#stredtext h1 {text-align: center; width:100%; display:block; overflow:hidden; vertical-align: top; }
.text  {font-family: 'Roboto'; font-weight: 300; color:#484949; font-size: 15px; line-height: 22px }
.text h2, .text h3  { color: #8e8e8d; font-family: 'Roboto Condensed', 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: 'Roboto',  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-size: 11px; font-weight: bold }
.bold11button { font-size: 11px; font-weight: bold; cursor:pointer; color: #818287;}
.bold11button:hover { color: #00367c; }

.bold  { font-weight: bold }
.bold11c  { color: #000000; font-size: 11px; 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  { -webkit-appearance: none; color: #ffffff; white-space: nowrap; text-transform: uppercase; font-family: 'Roboto',  sans-serif; letter-spacing: 5px; font-size: 12px; border: none; padding: 5px 10px 5px 13px; display: inline-block; background-color: #828a8e; cursor:pointer; }
.tlacitkoform:hover { color: #ffffff; background-color: #596b74; }
.tlacitkosik  { background-color: #000066; color: #ccffff; font-size: 15px; font-weight: bold;  margin-top: 5px; }
.tlkoupit, .tlkoupit2, .tlkoupit3  { display: inline-block; font-size: 13px; background-color:rgba(183, 152, 94, 1); color:#ffffff; font-weight: 400; cursor:pointer; position: relative; text-transform: uppercase;font-family: 'Roboto',  sans-serif;  margin: 10px ;  padding: 10px 20px 10px; border: 1px solid #a2a2a2; }
.tlkoupit:hover, .tlkoupit2:hover, .tlkoupit3:hover  { background-color:rgba(139, 91, 0, 1); color:#ffffff;  }
.tlkoupit2, .tlkoupit3 { background-color:#e5e6eb; color:#ffffff;  }
.tlkoupit3 { padding: 5px 15px 5px; font-size: 11px;}

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

.razenishoph, .razenishopd  { width: 100%; text-align: right; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; font-size: 10px; border-bottom: 1px dotted #A4A5A7; padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px;}
.razenishoph.front, .razenishopd.front {justify-content: flex-end; justify-content: -webkit-flex-end; }
.razenishopd  {display:block;}
.razenishoph .razblok div, .razenishopd .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: -5px; margin-left: 15px  }
.razenishopd  { text-align: center; }
.razenishopd .razblok  { margin:0; }
.razblok div.razenivyb , .razblok div.razenivyb:visited, .razblok div.razenivyb:link { background-color: #A4A5A7; color: #ffffff; padding-left: 6px; padding-right: 6px; }
.razenishopd .razblok div { padding-left: 6px; padding-right: 6px; margin: 7px 2px 0px 2px; }
.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-size: 13px; 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;}


.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  {background-color:rgba(218, 227, 234, 0.7);  position:relative; cursor: pointer; display: inline-block;  text-align: center; vertical-align: top; height: auto; width: 111%; margin: -100px -5.5% 25px -5.5%; padding: 20px 0px 5px 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; height: 100%; width: 30%;   padding-bottom:40px;  margin: 0px 5px 15px 5px; }
.banermprhp img { margin-bottom: 1px; border: 2px solid rgba(183, 152, 94, 1); }

.blokbaneruhp {width: 100%; display: block; }
.banermhp {position:relative; cursor: pointer; display: inline-block;  text-align: center; vertical-align: top; height: 260px; width: 18%; border: 0px solid #bfbfbf; margin: 0px 10px 40px 0px; padding: 0px; }
.banermhp h2, .banerseda h2, .banermprhp h2, .banermkat h2, .banermclnadp  {   font-family: 'Roboto Condensed', sans-serif; font-weight: 300; text-transform: uppercase; }

.banernew {font-family: 'Roboto', 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 {display:inline-block; background-color: rgba(183, 152, 94, 1); height:44px; line-height: 40px;border: 2px solid rgba(183, 152, 94, 1); white-space: nowrap; letter-spacing: 8px; position: relative;  width: 100%; margin:0; padding:0px 10px; color: #ffffff; font-size: 1.3vw; z-index:100; text-transform: lowercase;}
.banermprhp h2  {position: absolute;  bottom: 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(179, 122, 15, 0.9); }
h2.vybran {bottom: 100%; margin-bottom:-44px}

.banermprhpmaska, .banermmaska {width:100%; height:100%; position:absolute; top:0px; left:0px; background-color:rgba(17, 39, 81, 0.15); z-index: 99; }

.banermhp h2 {display: block;  position: absolute; bottom: 92px; vertical-align: bottom; width: 100%; margin: 0px; color: #5a5b62; font-size: 18px ; }
.banermhpcl {line-height: 17px; font-size: 11px; margin: 10px 0px 14px 0px; padding: 0; position: absolute; bottom: 30px; word-wrap: normal; text-align: center; 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: #8c8d8e; position:relative; cursor: pointer; display: inline-block;  text-align: center; vertical-align: top; height: auto; width: 111%; margin: 0px -5.5% 40px -5.5%; 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;
}
.mhpkateg  {width:30%;  }
.mhpkategmenu {width:100%;  top:43px; position:absolute; z-index:1000; padding: 15px; background-color:rgba(179, 122, 15, 0.9);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:#989ba0; }
.banerseda h2, .banerseda .banermhpcl {color: #ffffff; margin: 10px 5% 0px 5%;  width: 90%;}
.banerseda h2 {font-size: 21px }
.banerseda .banermhpcl {bottom: 24px; -webkit-line-clamp: 3; height:55px; margin: 10px 5% 0px 5%;  width: 90%;}
.banerfhl {border: 0px; width:100%; margin-bottom: 20px;}
.banerfhlpng {opacity:0.4; width:30%}

.banermhsipka {
	  position: relative; white-space: nowrap; text-transform: uppercase; font-family: 'Roboto',  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:95%; display: inline-block; }

.banermhp:hover .banermhsipka, .banerm:hover .banermsipka {color: #d8ebfd; border-color: #a6c2dd; background: rgba(58,77,113,0.5);}
.banermhp:hover h2 {color: #5a5b62;}
.banermhp:hover .banerfhlpng {opacity:0.6; width:32%}
.banerseda:hover  {background-color:#7c828c; }
.banerseda:hover h2 {font-weight:300; color: #ffffff; border-bottom: 2px solid #bfbfbf;}

.banerm, .banermkat {position:relative; display: inline-block;  text-align: center; vertical-align: top; width: 23%; border: 1px solid rgba(183, 152, 94, 1); margin: 0px 10px 15px 0px; padding: 0px; }
.banerm {height: 240px; border: 0px solid #bfbfbf; }
.banerm h2 { height:25px; overflow: hidden; bottom: 91px; font-size: 15px ; padding: 0px 5% 8px 5%; margin: 0px; margin-top: 5px;}
.banermcl {line-height: 17px; font-size: 11px; margin: 10px 0px 14px 0px; padding: 0px 5% 0px 5%; position: absolute; bottom: 35px; word-wrap: normal; text-align: center; display: block;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; height:35px; overflow: hidden; width: 100%;  /* fallback */}
.banermsipka { display: block; position: absolute; bottom: 5px; white-space: nowrap; text-transform: uppercase;font-family: 'Roboto',  sans-serif; letter-spacing: 3px; font-size:10px; padding:2px 12px 4px 12px;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); border:0px solid #a2a2a2;}

.banerm:hover {background: rgba(82,109,145,0.1);}

.banerm:hover, .banermkat:hover, .banermhp:hover{top: -5px; transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-webkit-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;}
.banerm: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: #cf6405; font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; font-weight: bold; font-size: 12px; margin: 10px 0px 10px 0px;}

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


.polozkam {position:relative; cursor: pointer; display: inline-block;  text-align: center; vertical-align: top;  border: 0px solid #bfbfbf; margin: 0px 10px 30px 0px; padding: 0px; margin: 0px}
.polozkam .polozkanadp {font-size: 14px;}

.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 { position: relative; cursor:pointer; display: inline-block; text-align: center; border: 1px solid #eaeaea; width: 18%; background-color: #ffffff; padding: 11px 0px 0px 0px; margin: 0px 0.85% 2% 0.85%; }
.polozka { border: 0px solid #eaeaea; }

.polozkafgt, .polozkafgtext, .polozka  {  -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;}

.polozka, .polozkanadp {
transition: all 300ms;
-moz-transition: all 300ms;
-webkit-transition: all 300ms;
-o-transition: all 300ms;}

.polozka:hover{top: -5px;}
.polozka:hover .polozkanadp{color: rgba(150, 86, 4, 1); }

.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, #produktobrazekvelky, .produktobrazekmaly  { max-width: 100%; max-height: 100%; }
.polozkafgtobrobal, #produktobrazekvelkyobal, .produktobrazekmalyobal { position: absolute;  display: block; top: 0; bottom: 0; left: 0; right: 0;text-align: center; }
.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: #cf6405; 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; bottom: 0; max-width:90%; max-height:90%}
.polozkanadp { text-align: center; text-transform: uppercase; font-size: 14px; line-height: 14px;  font-weight: bold;   }
.polozkapodnadp { font-size: 11px; font-weight: normal;  }
.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; right:12px; bottom:47px; }
.polozkastavskladuhl {position: absolute; white-space:nowrap; display:none; right: 0px; bottom:0px; padding:4px 8px; font-size: 12px; color: #ffffff; background-color: #818287}
.cena { font-weight: bold; font-size: 16px; }

.polozkanadp, .polozkapodnadp,  .poltext, .polozkad, .cena, .cenasleva {display:block; width: 100%; padding-left: 10px; padding-right:10px; margin-bottom: 10px; }
.akceznacka  {  margin-left: auto; margin-right: auto; left: 0; right: 0; z-index: 1000; right: 29px; /* same as height */ height: 29px; position: absolute; line-height: 25px; /* same as height, for vertical centering */
	-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; }
.akceznackatext {font-size: 25px; font-weight: bold; font-style: italic; text-transform: uppercase; display:inline-block;padding: 0; }
/*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}
#produktblokobrazky, #produktblokpopisy, #produktbloktext, #produktblokobrazkymale, #produktobrazekvelky, .produktobrazekmaly, #produktobrazekvelkyobal, .produktobrazekmalyobal {border: 0px solid #111111}
#produktblokobrazky, #produktblokpopisy, #produktbloktext, #produktblokobrazkymale, #produktblokobrazekvelky {margin: 0 -2px 10px ; display: inline-block; vertical-align: top}
#produktblokobrazky {width:60%}
#produktblokpopisy {width:37%; padding-left: 3%}
#produktbloktext {width:70%; line-height: 25px; display:block; text-align: center; -moz-text-align-last: center; text-align-last: center;}
#produktblokpopisy h1 {color: #818287; text-align:left; font-size: 35px; height:auto; line-height: 40px; letter-spacing: 0px; margin: 20px 0px 30px 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;}
#produktblokobrazekvelky {width: 78%;position: relative; display: inline-block}
#produktblokobrazkymale {width: 22%; display: inline-block}
.produktblokobrazekmaly {position: relative; width: 100%; vertical-align:bottom; display: inline-block; margin: 0px 0px 15px}

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

.dstab td {padding:5px 10px; }
.dstabcenaold {text-decoration: line-through}
.dstabcenanew { color: #cf6405; font-weight: bold; font-size: 16px; }
.dstableva {background-color: rgba(164,157, 145, 1); color:#ffffff}
.dstabprava  {background-color: #ececf2; vertical-align: middle}
.zl { color: #e2f20d }
.fial { color: #9A53FF }
.polozkatblok { color: # }
.polozkatblok h1 {color: #; 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-size: 11px; 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); height:28px; white-space: nowrap}
.blokprehled:nth-of-type(1) div:nth-child(1){width: 45%; 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: 10%; margin-left:0px;}
.blokprehled:nth-of-type(2) div:nth-child(7n+2){width: 35%; }
.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: 48%; 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: 85%; 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: 65%; 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: 53%; }
.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: 60%; 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: 60%; 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: 83%; 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: 42%;}
.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}
.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:#8e2128; margin-top: 10px; font-size:11px; font-weight: bold; display:block}
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; }
.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; color: #818287;  }

#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; }

#nahledkosik {text-align: left; font-size: 13px; width: auto; display: none; top:30px; padding: 20px;  margin:0; }
#kosicek {background-color: rgba(183, 152, 94, 1); font-size: 15px; right: 0px; position:absolute;   padding: 4px 10px 3px 10px; text-align:right; margin: 0px;  cursor: pointer; color: #fffff; z-index: 1000; display: inline-block;}
#kosicek:hover {	background-color: rgba(139, 91, 0, 1);  }
.kosicekcislo {	font-weight:bold  }
#kosicek a:hover { color: #c6e2ff; }

a:link #kosicek , a:visited #kosicek,  #kosicek a:link, #kosicek a:visited  { color: #ffffff }


#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; display: block; font-size: 9px;  z-index: 51; padding: 0px; margin: 0px; top: 95px; }
#nav > a {display: none; }
#nav li {position: relative; list-style-type:none; text-align: left; }
#nav li a { color: #42444c; 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: 18px}
#nav > ul > li {width: auto; min-width: 100px; height: 100%; display: inline-block; padding-left: 20px; padding-right: 20px; }
#nav > ul > li > a {height: 100%; letter-spacing: 1px; font-size: 14px; line-height: 15px; text-align: center; }
#nav > ul > li:not( :last-child ) {border-right: 1px solid rgba(183, 152, 94, 1); }
#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {color: #405298; }

/* 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 15px 0px 15px; bottom: 0px; color: #999a9a; background-color:rgba(0, 0, 0, 0.1); }
#tladmin {width:15px; height:15px; cursor:pointer; position: fixed; z-index: 999; top: 0px; right: 0px; display:block; }
#filtrace {display:block; width:100%;text-align: left; margin-bottom: 25px; }
#filtrhlava, #dalsifiltryhlava {font-size: 14px; cursor:pointer; line-height: 14px; padding:5px;  font-weight: bold;color: #ffffff; background: rgba(183, 152, 94, 1);}
#dalsifiltry, #filtrace {color: #555867; background-color:rgba(236, 236, 242, 0.3);}
#filtrhlava i, #dalsifiltryhlava i {display: inline-block; padding:5px 10px; margin: -5px 10px -5px -5px ; background-color: rgba(150, 86, 4, 1);}
#dalsifiltryhlava i {background-color: rgba(150, 86, 4, 0.1);}
#dalsifiltryhlava {font-size: 14px; background-color:rgba(236, 236, 242, 0.8); color: #555867; }
#dalsifiltry {display:block}
.filtrblok {display:inline-block; vertical-align:top; padding: 15px; border-left: 1px dotted #cfcfcf }
/*.filtrblok {width:17%;}*/
.filtrblok {width:auto;}
.filtrblok a:link, .filtrblok a:visited {color:#4f5055}
.filtrblok a:hover {color:#00367c}
.fbplny {width:100%}
/*.fbsirsi {width:28% }*/
.fbsirsi {width:100% }
#filtracedetail {display:block; }
.filtr {white-space:nowrap}
.filtrakt {font-weight:bold}
.filtrneakt {opacity: 0.2}
.filtrnadp {display:block; padding-bottom: 10px; text-transform: uppercase; color:#555867; font-size: 14px; line-height: 14px;  font-weight: bold;}
.filtrnadp i, #smazkosiku  { color:#b34069;}
.filtrtext {display:block; width:100%;}
.filtrtext > .filtr {display: inline-block; margin:0px 20px 10px 0px}
.filtrtext i {font-size: 14px; margin-right: 2px; }
/*.sloupce3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;} */
.sloupce3 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
.bezsloupcu > .filtr {display: inline-block; margin:0px 15px 10px 0px; }

.drobdelic {width: 24px; display: inline-block; text-indent: -5000px;}
.drobeckovka{ background-color:rgba(218, 227, 234, 0.7);; font-size:11px; line-height: 24px; text-align: left; margin-left:5%; padding:0px 270px 0px 0px; display:block;  }
.drobeckovka a{display:inline-block;background:white;padding:0px 15px 5px 20px; height: 24px; margin-left:-26px;position:relative;z-index:2;color:#333333}
.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 a: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:before{display:inline-block;content:".";position:absolute;left:-10px;top:3px;width:18px;height:18px;background:transparent;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:hover{color:#4c8cac;}
.ie8 .drobeckovka{min-height:1px}.ie8 .drobeckovka a:after{display:none}
.ie8 .drobeckovka .drobdelic{width:20px}


@media screen and (max-width: 1800px) {
.banermhp, .sliderbanner1obal  {width: 23%;}
.banermhp {width: 23%;}
}

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

}

@media screen and (max-width: 1500px) {
.banerm {height: 245px;}
.banerm h2 {padding-top: 8px;}
}

@media screen and (max-width: 1320px) {
#nav > ul > li {padding-left: 15px; padding-right: 15px; }
#nav > ul > li > a { letter-spacing: 0px; font-size: 14px; }
#velkahlavnipng {top:-290px; margin-bottom:-265px;}
.sliderhlavnitext {font-size: 1.4vw; bottom:10.1%;}
.banerm {height: 230px;}
}

@media screen and (max-width: 1200px) {
#nav > ul > li {padding-left: 10px; padding-right: 10px; }
#nav > ul > li > a { letter-spacing: 0px; font-size: 14px; }
.banermhp, .sliderbanner1obal  {width: 31%;}
.polozkafgt, .polozka  { width: 23%;}
.banerm {width: 31%; height: 250px;}
.blokbaneruprhpobal  { margin-top: -80px ;}
}

@media screen and (max-width: 1150px) {
#nav { top: 78px; }
/*.filtrblok {width:15%;}*/
.fbplny {width:100% }
/*.fbsirsi{width:35% } */
.menuprava  { top: 20px;}
.loga2 img { margin-bottom:-15px}
.loga2 img {height:36px;}
.loga2 img:last-child {height:29px;}
#hlavapruh, #nahradaimghl  {height:120px;}
#nahradaimghl {margin-bottom: -95px}
#obalobrazekhl {top:95px; margin-bottom:95px}
header.headmala #nav { top: 11px; }
header.headmala #nav li ul li:first-child { padding-top:2px}
header.headmala #hlavapruh {height:55px;}
.logo, header.headvelka .logo, header.headvelka .logohp,  .logohp  { top: 24px; height:45px; left:41px}
#velkahlavnipng {top:-270px; margin-bottom:-245px;}
#bocnifixed {display: none}
.paticka { font-size: 11px;  }
.paticka { height: 35px; }
#patickaleva {padding: 0px 15px 5px 0px;}
.banerm {height: 215px;}
h1  {padding: 30px 0; }
}

@media screen and (max-width: 1050px) {
.sliderhlavnitext {font-size: 1.5vw; bottom:9.5%;}
#produktblokobrazekvelky {width: 100%;}
#produktblokobrazkymale {width: 100%; text-align:left}
.produktblokobrazekmaly {width: 25%; vertical-align:bottom; margin: 0px 0px 15px}
.banerm {height: 235px;}
.banermprhp h2 { font-size: 1.6vw; letter-spacing: 5px; }
}


@media screen and (max-width: 1000px) {
#nav { width: 100%; font-size: 7px; right: 0%; top: 50px; }
#nav > ul > li > a { letter-spacing: 0px; font-size: 12px; }
#nav li ul a {font-size: 11px;  padding: 8px 15px 8px 15px;}
.menuprava  { top: 15px; right: 5%; }
#hlavapruh, #nahradaimghl  {height:85px;}
#nahradaimghl {margin-bottom: -85px}
#obalobrazekhl {top:85px; margin-bottom:85px}
header.headmala .logo, header.headmala .logohp { top:-15px; }
header.headmala #hlavapruh {height:40px;}
header.headmala #nav { top: 5px; }
header.headmala #nav li ul li:first-child { padding-top:9px}
.logo, header.headvelka .logo, header.headvelka .logohp,  .logohp { top: 12px; height:35px; left:28px}/**/
.sliderbanner2 {width:93%}
.banerm {height: 230px;}

}

@media screen and (max-width: 950px) {
/*.filtrblok {width:17%;}*/
.fbplny {width:100% }
/*.fbsirsi{width:28% }*/
/*.sloupce3 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;} */
}

@media screen and (max-width: 870px) {
.banermhp, .sliderbanner1obal  {width: 48%;}
.polozkafgt, .polozka  { width: 31%;}
#tladmin {display:none}
#stredtext h1 {width:100%; }
#stredtext .text {width:100%;}
#velkahlavnipng {width:45%;top:-250px; margin-bottom:-225px;}
#nav > a { right: 17px; top:-4px; width: 25px; height: 25px; text-align: left; text-indent: -9999px; position: absolute;}
#nav > a:before {position: absolute; border-top: 3px solid #777777; border-bottom: 3px solid #777777; height:13px; top: 22%; left: 20%; right: 20%; content: ''; }
#nav > a:after {position: absolute; border-bottom: 3px solid #777777; 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: 31px; 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: 7px }
.loga2 {display:none}
header {position: fixed; width: 100%; z-index:450}
header.headvelka {}
#hlavapruh, #nahradaimghl  {height:58px;}
#nahradaimghl {margin-bottom: -45px}
#obalobrazekhl {top:45px; margin-bottom:45px}
header.headmala .logo, header.headmala .logohp  {top:7px; height:26px; opacity:1}
header.headmala .menuprava {opacity: 0; visibility: hidden}
header.headvelka .menuprava {opacity: 1; visibility: visible}
header.headmala #nav li ul li:first-child { padding-top:0px}
#nav {position: fixed; display: block; top: 14px; width: 100%; left: 0px; float: none; }
header.headmala #nav {top: 11px;}
header.headmala #nav > ul {top: -2px;}
header.headvelka #nav > ul {top: 0px;}
/*.filtrblok {width:auto;}*/
.logo, header.headvelka .logo, header.headvelka .logohp,  .logohp  { top: 11px;height:36px; left:25px;}
.sliderhlavnitext {font-size: 1.85vw; bottom:8.9%; letter-spacing: 8px;}
.sliderbanner2 {width:90%}
#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 #nahledkosik {margin-top:11px; margin-right:-40px}
header.headmala #kosicek {top: 9px; right:60px; }
header.headmala #hlavapruh {height:40px;}
#kosicek:hover {background-color: transparent; }
a:link #kosicek , a:visited #kosicek,  #kosicek a:link, #kosicek a:visited, #kosiceknadpis { color: #4e566e }
#produktbloktext {width:100%;}
.banermhsipka {margin: 10px 40px 10px 0px; }
.banerm {height: 265px; width: 47%; }
.jmenozakaznika{display:none; }
.banermprhp { width:43%}
.banermprhp h2 {  font-size: 2.3vw; }
}

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

@media screen and (max-width: 790px) {
.facebook { margin-left: 7px; }
.sliderbanner2 {width:87%}
#produktblokobrazky {width:100%}
#produktblokpopisy {width:100%; padding-left: 0}
#produktblokobrazekvelky {width: 78%;}
#produktblokobrazkymale {width: 22%; }
.produktblokobrazekmaly {width: 100%; margin: 0px 0px 15px}
.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) {
h1  {font-size: 30px; height:auto; line-height: 35px; padding-top:0px; letter-spacing: 0px;  background-image: none; background-size: 0px}
.filtrblok {width:100%; padding: 15px; border-left: 0px; border-bottom: 1px dotted #cfcfcf }
.fbsirsi{width:100% }
/*.sloupce3 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;} */
/*.filtrtext > .filtr {display: inline-block; margin:0px 20px 10px 0px}*/
#dokonceniobjednavky2 {width:90% }
.banerm {height: 255px;}
.plovoknotl2 {width:45%}
}

@media screen and (max-width: 700px) {
.menutext {font-size: 16px ; }
.menutext:not( :last-child )  { margin: 8px 15px 8px 0px;}
.banermhp, .sliderbanner1obal  {width: 47%;}
.polozkafgt, .polozka  { width: 31%;}
#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; }
.sliderbanner2 {width:83%}
.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;  letter-spacing: 4px; }
}

@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:85%; margin-bottom: 20px; }
.banermprhp h2{ font-size: 3.5vw; }
.sliderbanner2 {width:80%}
.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: 20%; 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: 28%;}

.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: 81%; }
.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: 32%; 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: 43%; }
.blokprehled:nth-of-type(3) div:nth-child(2){width: 57%;}

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

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

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

.blokprehled2:nth-of-type(6) div:nth-child(1) {width: 50%; }
.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:50px; border: 0px; top:0; left: 0px;  }
.inputnumberplus, .inputnumberminus {width:20px; top:0; left: 50px; 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; }
.blokbaneruprhpobal  {margin-top: -70px ;}
}

@media screen and (max-width: 500px) {
h1  {font-size: 25px; line-height: 30px; }
.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; }
#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;  }
#tlogin {display: none}
.menuprava  { right: 63px; top: 8px }
#hlavapruh, #nahradaimghl  {height:50px;}
header.headmala .logo, header.headmala .logohp  {}
header.headmala #nav {top: 9px;}
header.headmala #nav > ul {top: -5px;}
#kosicek { right:190px; top:12px;}
#nahledkosik {display: none}
.vlajka, #tliconlogin img, #tliconhledejhlava, #malykosik  {width: 22px; }
.menuprava  { right: 60px; top: 7px }
.banermhp, .sliderbanner1obal  {width: 100%; margin-bottom: 35px}
.banermhpcl  {padding: 0px 5% 0px 5%}
.banerseda .banermhpcl {bottom: 20px; padding-top:15px; height:70px; }
.polozkafgt, .polozka  { width: 98%;}
.stredhp {margin-top: 80px;}
#hlavapruh, #nahradaimghl {height:50px;}
.logo, header.headvelka .logo, header.headvelka .logohp,  .logohp  { top: 10px; height:29px; }
html {font-size: 75%; /* 12 */}
#stredtext h1, #stredtext .text {width:100%; }
.stred {width:90%;}
#velkahlavnipng {width:70%;top:0px; float:none; margin-bottom:0px;}
.sliderhlavnitext {font-size: 2.5vw; bottom:7.8%; letter-spacing: 7px;}
.sliderbanner2 {width:70%}
#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: 70%;  }
.blokprehled:nth-of-type(4) div:nth-child(2) {width: 30%;}

.blokprehled2:nth-of-type(1) div:nth-child(1){width: 56%; }
.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%; }
.blokprehled2:nth-of-type(2) div:nth-child(5n+2){width: 41%; }
.blokprehled2:nth-of-type(2) div:nth-child(5n+3){width: 9%;}
.blokprehled2:nth-of-type(2) div:nth-child(5n+4){width: 18%; }
.blokprehled2:nth-of-type(2) div:nth-child(5n+5){width: 17%;}
.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; margin-top: -60px ;}

}

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

@media screen and (max-width: 400px) {
h1  {font-size: 22px; line-height: 27px; }
.menutext {font-size: 14px ; }
.menutext:not( :last-child )  {padding-right: 10px; margin: 6px 6px 6px 0px;}
#slider-wrapper {display:none}
#mistoslider {display:block; }
#nav > a {width: 28px; height: 28px; right: 10px; top:-6px; }
#nav > a:before {height:10px; }
#nav > a:after {height:6px; }
#nav > a:after {top: 60%; }
#nav > ul {margin-top: 30px;  }
#hlavapruh, #nahradaimghl {height:44px;}
.menuprava  { right: 50px; top: 6px }
#obrazekhl {}
#obalobrazekhl {top:44px; margin-bottom:44px}

.banermhp, .sliderbanner1obal   {margin-bottom: 30px}
header.headmala .logo, header.headmala .logohp  { top:8px; opacity: 1; left:5%; height:25px;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);}

.logohp, header.headvelka .logohp { color: #ffffff; padding: 0; top:60px; opacity: 1; left:50%; height:55px;
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-ms-transform: translate(-50%);
	-o-transform: translate(-50%);
	transform: translate(-50%);}
.logo,  header.headvelka .logo  { height:23px;  top: 9px; left:76px;  }

.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%;}
.sliderbanner2 {width:65%}
.razenishoph .razblok div, .razenishopd .razblok div, { margin: 0px 3px}
.blokformul {width:99%};
#produktblokobrazekvelky {width: 100%;}
#produktblokobrazkymale {width: 100%; }
.produktblokobrazekmaly {width: 32%; margin: 0px 0px 15px}

.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: 40%; 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: 19%; margin-top:10px;}
.blokprehled2:nth-of-type(2) div:nth-child(5n+2){width: 81%; }
.blokprehled2:nth-of-type(2) div:nth-child(5n+3){width: 40%; 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: 40%; }
.blokprehled2:nth-of-type(3) div:nth-child(2){width: 60%;}

.blokprehled2:nth-of-type(4) div:nth-child(1) {width: 70%; }
.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; letter-spacing: 5px;  }
.blokbaneruprhpobal  {padding: 22px 0px 4px 0px; margin-top: -40px ;}
}

@media screen and (max-width: 350px) {
.razenishoph .razblok div, .razenishopd .razblok div { margin: 0px 4px}
.logohp, header.headvelka .logohp { top:53px; height:55px; }
/*.logohp img  { height:55px; }*/
.vlajka, #tliconlogin img, #tliconhledejhlava {margin-left:5px; top: 8px; width: 17px;}
.menuprava  { right: 45px; }
#kosicek { right:135px; top:10px;}
.banerm {height: 245px;}
}

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