#page{display:block !important;}
img {  image-rendering: -webkit-optimize-contrast;}
input[type="text"]:read-only {background: #dddddd;}
.loga, #bezpaticky{background:white}
.loga{margin: 0;padding: 2% 0 2% 0;}
#zob_velikost_obr{text-decoration:underline; cursor:pointer;}
.w23{width:23%}
.w38{width:38% !important}
.w57{width:57% !important}
.mt1{margin-top:1% !important}
.prazdny{background:#e0eff6;border-radius: 6px; padding: 5%;text-align:center;font-size: 1.5em;font-weight: bold;color: #232323;}
.prazdny .fa-shopping-basket{font-weight: bold;color: #62adcf;font-size: 2em;vertical-align: middle;margin: -1% 1% 0 0;}
.fotoposouvani{position:absolute;width:100%;}
.podtrzeny{padding: 0.2% 0 0 0;border-bottom: 1px solid #eee;}
.detailmalyw span.nahoru{position: absolute;top: 0;width: 6%;left: 0%;z-index: 1;left: 4.5%;text-align: center;font-size: 2em;background: white;opacity: 0.4;}
.detailmalyw span.dolu{position: absolute;bottom: 0;width: 6%;left: 0%;z-index: 1;left: 4.5%;text-align: center;font-size: 2em;background: white;opacity: 0.4;}
.detailmalyw{position: relative;overflow: hidden;}
.dnone{display:none;}
.dopravce, .platba {border: 1px solid #ddd;padding: 1%;border-radius:6px; margin: 1% 0 1% 0; position:relative;}
.zahranici{margin: 0 0 1% 0; position:relative;border:none !important; padding: 0 0 2% 0}
.postovnecena{position: absolute;right: 1%;bottom: 0;top: 0;top: 50%;transform: translateY(-50%);color: #02bed7;}
.postovnecenaz{position: absolute;right: 1%;bottom: 0;top: 0;top: 50%;transform: translateY(-50%);color: green;}
.z1{display:block;}
#sliderdiv{font-size:0.9em;}
input{font-family: Rams;}
#jcarouselpopis{display:none !important;}
.shopmenuitem a{font-weight: 600 !important;color:#373841 !important}
.shopmenuitem a:hover{color:#23B9D7 !important}
.fa-search{position:absolute;top:24%;left:3.5%}
.fa-shopping-cart{margin: 0 7.9% 0 5%}
.cislastranekactivnishop{background:#23b9d7;border: 1px solid #23b9d7 !important;}   
.nenalezen{padding:3% 0 3% 0;}
.menufss img, .menupdf img, .menufu img, .menuff img, .menulf img, .menuprf img, .menuust img, .menuosu img{border-radius:8px;}
.hledane a{text-decoration:none}
.mr0{margin-right:0 !important}
.fa-exclamation-triangle{color:#990d0d;}
.stin{box-shadow: 0px 5px 8px 3px #888888;}
.textgreen{color:#18ab4a}
.fa-check-circle{color:#18ab4a}
.infokosik{background: #18ab4a;color: white;}
.redkosik{background: #990d0d;color: white;}
input[type=submit]{cursor:pointer}
.bgwhite{background:white !important}
#vdetail2, #vdetail3, #vdetail4, #vdetail5, #vdetail6, #vdetail7, #vdetail8, #vdetail9, #vdetail10, #vdetail11, #vdetail12, #vdetail13{display:none}
#detail2 span, #detail3 span, #detail4 span, #detail5 span, #detail6 span, #detail7 span, #detail8 span, #detail9 span, #detail10 span, #detail11 span, #detail12 span, #detail13 span{display:none}
.zbozip th, .zbozippredmety th {text-align: left}
.roluj{cursor:pointer}
h1{font-size: 1.8em;font-family: Rams-Bold;}
.pokracovat:hover,.pokracovat2:hover{background:#505050;}
.pokracovatlight:hover,.pokracovat2light:hover{background:#e1e1e1;} 
.bgbarva1{background:#fdb813}
.bgbarva2{background:#6e9a35}
.bgbarva3{background:#0083bf}
.bgbarva4{background:#4B4F5B}
.bgbarva5{background:#d7182a}
.bgbarva6{background:#f47920}
.bgbarva7{background:#02bed7}
.bgbarva8{background:#000000}
.bgbarva9{background:#ffffff}
.bgbarva10{background:#723e98}
.objchyba{font-size:1.3em;display:block;margin:5% 2% 2% 2%;color:red;}
.zpetnaobj{display:inline-block;font-size: 1.2em;padding: 8px;border-radius: 6px;border: 1px solid #a1a1a1;background: #f1f1f1;color: #373841;margin: 1% 0 3% 0;}
.orange{color:#f29200;}
.detailmaly{cursor:pointer}
.textlgrey{color:#cccccc;}
.stitek{display: inline-block;position: absolute;background: yellow;width: 100%;left: 0;bottom: 0;text-align: center;z-index:1;padding: 1%;font-weight: bold;}
.stitekorange{display: inline-block;position: absolute;background: #f29200;width: 100%;left: 0;bottom: 0;text-align: center;z-index:1;padding: 1%;font-weight: bold;}
.vybranobarvy{background-image: url(https://oushop.osu.cz/images/oushop/ano.png);background-repeat: no-repeat;background-position: center;background-size: contain;}
.nahoru, .dolu{cursor:pointer;}
.nahoru{display:none;}
.nahledvelikosti:hover{background:#eeeeee}
.vybrano:hover{color:white;background:#373841}
.hledane:hover{background: #cccccc;}
.dopravaflex{display: flex; flex-direction: row; margin-bottom: 1%;}
.yellow{color: white;background: #df7f04;padding: 1em;}

@media only screen and (max-width:640px){
  h2{position:relative}
  .dleceniku{display:block;color:#02bed7;}
  .doprava1{width: 20%;display: flex;align-items: center;}
  .doprava2{width: 70%;margin: 3% 5% 3% 5%;}
  .doprava2nadpis{font-size: 1.1em;font-family:Rams-Bold;font-weight: 500;margin: 0 0 2% 0;}
  .doprava2radektext{font-size:1em;width: 45%;display: inline-block;}
  .doprava2radekpopis{width: 25%;display: inline-block;text-align:right;}
  .doprava2radekcena{font-size:1.15em;color:#02bed7;font-family:Rams-Bold;font-weight: 500;width: 26%;display: inline-block;text-align:right;}
  .anotace td,  .anotace th{font-size:1em;}
  input[type="radio"] {-ms-transform: scale(0.8);-moz-transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8); border: none; vertical-align: middle; margin: 2px 3px 3px 0px;}
  .footershop {padding: 1.5% 0 0 0}
  .plachtawidth{width:85% !important;}
  .mnobr{display:block;margin:0}
  .fa-shopping-cart{position: absolute;top: 0;right: -8%;font-size: 1.4em;z-index:101;padding: 5%;}
  #shopalogo{display: inline-block;width: 100%;position: absolute; padding:15% 0 0 0;z-index:100;top:0;left:0}
  #shopalogo img{max-width: 50%;position: absolute;left: 15.8%;top: 11.5%;width: 45%;}
  #logosho{width: 100%;}
  #menu .fa-bars{position: absolute;top: 0%;font-size: 1.4em;left: 5%;z-index:101;display: inline-block; padding: 4.5% 0 0 0;}
  #menu .fa-times{position: absolute;top: 0%;font-size: 1.4em;left: 5%;z-index:101;display: inline-block; padding: 4.5% 0 0 0;}
  #searchdivshop{position:absolute;left:0;top:0;width:100%;}
  #searchdivshopon{position:absolute;left:0;top:100%;width:100%;background: #f1f1f1;z-index: 1000;height: 80px;display:none}  
  #searchdivshop .fa-search{font-size: 1.4em;top: 0;left: 73%;z-index:101;padding: 5% 0 0 0;}
  #searchshop{display: none;}
  #searchshopm{width: 68%;background: white;border-radius: 8px;border: 1px solid #888888;font-size: 1.1em;color: #727272;position: absolute;top: 15%;left: 2.5%;padding: 2%;z-index:102;}  
  .nomobil{display:none !important}
  .shopmenuou{width:85% !important;background:white;position:absolute;}
  .shopmenuitem{text-align: left !important;margin: 0 4% 0 4% !important;background: none !important; padding: 2.5% 0 2.5% 0 !important; position:relative;width: 92% !important;}
  .shopmenuitem a{background: none !important;}
  .shopmenuitem .fa-angle-right{position: absolute;top: 20%;right: 3%;font-size: 1.4em;}
  .shopmenuitem .fa-angle-left{font-size: 1.4em;vertical-align: middle;margin: 0 2% 0.4% 2%;}
  .shopmenuitem2{text-align: left !important;margin: 0 4% 0 12% !important;background: none !important; padding: 2.5% 0 2.5% 0 !important; position:relative;width: 84% !important;}
  .shopmenuitem2 a{background: none !important;}
  .obsahshop{position:relative;}
  #menu .fa-times{display:none} 
  #hlpodmenu1 li, #hlpodmenu2 li{list-style:none;border-bottom: 1px solid #d0d0d0;}
  #hlpodmenu1 ul, #hlpodmenu2 ul{margin:0;padding:0;background:white;font-size:1.356em}
  #hlpodmenu1 li a, #hlpodmenu2 li a{display: block;text-decoration: none;color:#373841;}
  #hlpodmenu1, #hlpodmenu2{position:absolute;}
  .obsahshop h2{font-weight:500;font-size: 1.5em;margin: 4% 0 0.6% 0;font-family:Rams-Bold;}
  .obsahshop h3{font-weight:500;font-size: 1.3em;margin: 4% 0 0.6% 0;font-family:Rams-Bold;}  
  #searchmenushop button{display: inline;margin: 0;padding: 0;border: none;font-size: 1em;color: #373841;}
  .nahoresmall{background: #efefef;padding: 10%;border-radius: 10px;}
  .nahoresmall img{position: relative;top: 50%;transform: translateY(-50%);}  
  .nahorebig{background: #efefef;padding: 0%;border-radius: 10px;}
  .nahorebig img{position: relative;top: 50%;transform: translateY(-50%);border-radius: 10px;}  
  .dole{padding: 3%;}
  .podobsahshop{padding:3%;}
  .swiper-button-next, .swiper-button-prev {display:none !important}
  .hledane{background: #dddddd;padding: 6px;border-radius: 6px;margin: 0px 6px 8px 0;display:inline-block;}  
  .oushopgal{float:left;width:33.33%}
  .oushopgalmain{margin-top:7%;}
  .patblokshop, .patblokshop p{text-align:center}
  .pismena a, .pismena span{display:none;}
  .pismena{font-size: 1.3em}
  .nahledshopimg4, .nahledshopimg6{background: #efefef;padding:8%;border-radius: 10px;text-align: center;overflow: hidden;position:relative;}
  .nahledshop6 img {position: relative;top: 50%;transform: translateY(-50%);}
  .nahledshop4 img {position: relative;top: 50%;transform: translateY(-50%);}  
  .shopnadpiskat{margin-bottom: 5% !important;}  
  .nahledshop4{width:45%;margin:2.4%;float:left;}
  .nahledshop6{width:45%;margin:2.4%;float:left;}
  .nahledbig{padding:0 !important}  
  .mclear{clear:both}  
  .cislastranekshop{margin:0;display:inline-block;font-size: 1.2em;width: 2.1em;padding: 5px;border-right: solid 1px #dddddd;border-top: solid 1px #dddddd;border-bottom: solid 1px #dddddd; color:black;text-decoration:none}
  .zpetcislastranek{margin:0;display:inline-block;font-size: 1.2em;width: 2.1em;padding: 5px;border-left: solid 1px #dddddd;border-right: solid 1px #dddddd;border-top: solid 1px #dddddd;border-bottom: solid 1px #dddddd; color:black;text-decoration:none;border-radius:3px;}
  .vpredcislastranek{margin:0;display:inline-block;font-size: 1.2em;width: 2.1em;padding: 5px;border-right: solid 1px #dddddd;border-top: solid 1px #dddddd;border-bottom: solid 1px #dddddd; color:black;text-decoration:none;border-radius:3px;}
  .nacistdalsi{cursor:pointer;border-radius:10px; color:#23b9d7;border:1px solid #dddddd;font-size: 1.3em;padding: 5px 10px 5px 10px;width:auto;display:inline-block;border-radius:8px;position:relative}
  .strankyshop{display:inline-block}  
  .cislastranekshop{margin:8% 0 0 0;display:inline-block;font-size: 1.3em;width: 1.8em;padding: 5px;border-right: solid 1px #dddddd;border-top: solid 1px #dddddd;border-bottom: solid 1px #dddddd; color:black;text-decoration:none}
  .zpetcislastranek{margin:8% 0 0 0;display:inline-block;font-size: 1.3em;width: 1.8em;padding: 5px;border-left: solid 1px #dddddd;border-right: solid 1px #dddddd;border-top: solid 1px #dddddd;border-bottom: solid 1px #dddddd; color:black;text-decoration:none;border-radius:5px 0px 0px 5px;}
  .vpredcislastranek{margin:8% 0 0 0;display:inline-block;font-size: 1.3em;width: 1.8em;padding: 5px;border-right: solid 1px #dddddd;border-top: solid 1px #dddddd;border-bottom: solid 1px #dddddd; color:black;text-decoration:none;border-radius:0px 5px 5px 0px;}  
  .strankyshopdiv{text-align: center;position:relative;margin:4% 2% 4% 2%;}  
  .vyhledatoff{display: inline-block !important;z-index: 1002 !important;position: absolute !important;top: 1% !important;left: 69% !important;font-size: 1.3em;}
  .vyhledat{background: #02bed7;color: white !important;padding: 2% !important;position: absolute;right: 2%;top: 15%;font-size: 1.1em !important;z-index: 1001;border-radius: 8px;}
  .filtr{position:relative;}
  .filtrselect{cursor:pointer;font-size:1.3em;background:white;border-radius: 5px;border: 1px solid #ddd;padding: 5px 8px 5px 8px;display: inline-block; position:absolute; top:0; right:2.7%;z-index: 1;}
  .filtrselect span{float:left;display:inline-block;}
  .filtrselect i{float:right;}
  .filtrselectnabidka{display:none;float:left;}
  .filtrselectnabidka span{display:block;padding: 8px 0px 0px 0px;}
  .wrazeni{width: 35%;}  
  .zbozil{position:relative;border-radius:10px;background:#f1f1f1;padding:6% 12.5% 6% 12.5%;}
  .zbozip{margin-top:1%;}
  .zbozip h1, .zbozippredmety h1{margin:0 0 2.4% 0;font-size:1.5em;font-family:Rams-Bold;}
  .zbozip h2, .zbozippredmety h2{margin-top:0;font-size:1.2em;}
  .zbozip h3, .zbozippredmety h3{margin:2% 0 0 0;font-size:1.2em;font-family:Rams-Bold;color:#990d0d}
  .zbozip h4, .zbozippredmety h4{margin:0 0 4% 0;font-size:1em;font-weight:normal}
  .fa-exclamation-triangle{font-size:1.3em;margin-right:6px;}
  .fa-check-circle{font-size:1.3em;margin-right:6px;}  
  .fa-truck{font-size:1.3em;margin-right:6px}
  #pocetdokosiku{display:none;font-size: 1em;padding: 8px;border-radius: 6px;width: 5%;border: 1px solid #bbb;coloÿ #ሴɧ7272;margin: 1% 0 3% 0;float:left;}
  #vlozitdokosiku{font-size: 1em;padding: 8px;border-radius: 6px;width: 100%;border: 1px solid #c2c2c4;background:#373841;color: white;margin: 1% 0 3% 0;float:right;}
  .anotace{height:auto;overflow:hidden} 
  .cely{text-align: center;margin: 1% 0 1% 0;cursor:pointer;display:none;}    
  .infokosik{padding: 1.5%;border-radius: 5px;}
  .redkosik{padding: 1.5%;border-radius: 5px;}    
  .pocetkosik{background: red;color: white;border-radius: 50%;padding: 1% 2% 1% 2%;font-size: 0.7em;position: absolute;right: 2%;top: 35%;z-index: 1000; }  
  .zbozilpredmety{position:relative;width:100%;padding:0;margin:1% 0 5% 0;}
  .zbozippredmety{width:100%;margin-top:1%;clear:both}  
  .detailmaly {width: 18%;margin: 0% 2% 2% 0;background: #f1f1f1;position: relative;overflow: hidden;}
  .detailmaly span{background: #02bed7;position: absolute;top: 0;z-index: 100;width: 100%;height: 5px;display: inline-block;}
  .detailvelky {width: 100%;}
  .detailvelky img{border-radius:6px;}  
  .skrytnahled {height:0;background:white;padding:0}
  .detailmalyw{margin-top:4%}
  .kosikkroky{width:100%}  
  .pokracovat{font-size: 1.2em;padding: 8px;border-radius: 6px;border: 1px solid #373847;background: #373847;color: white;margin: 1% 0 3% 0;width:48%}
  .pokracovat2{font-size: 1.2em;padding: 8px;border-radius: 6px;border: 1px solid #373847;background: #373847;color: white;margin: 1% 0 3% 0;width:30%}
  .pokracovatlight{font-size: 1.2em;padding: 8px;border-radius: 6px;border: 1px solid #a1a1a1;background: #f1f1f1;color: #373841;margin: 1% 0 3% 0;width:30%}
  .pokracovat2light{font-size: 1.2em;padding: 8px;border-radius: 6px;border: 1px solid #a1a1a1;background: #f1f1f1;color: #373841;margin: 1% 0 3% 0;width:30%}  
  .kosikcelkem{font-size: 1.6em;font-family:Rams-Bold;font-weight: 500;}
  .ltlacitko{font-size: 1.2em;padding: 8px;border-radius: 6px;border: 1px solid #373847;background: #373847;color: white;}
  .stlacitko{font-size: 1em;padding: 5px;border-radius: 5px;border: 1px solid #373847;background: #373847;color: white;}
  .sinput{font-size: 1em;padding: 5px;border-radius: 5px;border: 1px solid #373847;color: #373847;}
  .sinput:focus{background: white;}
  .stlacitko:focus,.pokracovat:focus,.pokracovat2:focus{background: #373847;}
  .modsipkadolu{background: #02bed7;border-radius: 50%;padding: 3px 5px 2px 6px;}
  .modsipkadolu2{background: #02bed7;border-radius: 50%;padding: 4px 7px 2px 8px;}
  .kosikpocet{font-size: 1.2em;padding: 5px;border-radius: 4px;width: 30px;border: 1px solid #898989;color: #373847;margin: 1% 0 3% 0;float: left;text-align:center;}
  .dodaniiko{width:5%; margin-right: 1%;}
  .doprava{width:96%;}
  .doprava p{font-size:1.05em}
  .dodanipodkategorie{margin-left:5% !important}
  .dodanipodkategorie{display:none;margin-bottom:2%;}
  .dotkat0{cursor:pointer}
  .doprava input[type=text], .doprava input[type=email]{font-size: 1em;padding:1%;border-radius: 6px;border: 1px solid #898989;color: #373847;margin: 0.5% 0 1% 0; width:98%;}
  .doprava select{font-size: 1em;padding:0.9%;border-radius: 6px;border: 1px solid #898989;color: #373847;margin: 0.5% 0 1% 0;background:white}
  .doprava textarea{font-size: 1em;padding:1%;border-radius: 6px;border: 1px solid #898989;color: #373847;margin: 0.5% 0 1% 0; width:98%;}  
  .souhrnnad{display:none;}
  .vybratdopravu{font-size:1.3em;font-family:Rams-Bold;font-weight: 500margin:1% 0 2% 0}
  .souhrntitle{font-size:1.2em;font-family:Rams-Bold;font-weight: 500margin:0% 0 3% 0}
  .souhrn td{padding: 0 3% 0 0; position: relative;}
  .souhrnkosikcelkem{font-size:1.3em;font-family:Rams-Bold;font-weight: 500}
  .celkemdoprava{font-size:1.0em;font-family:Rams-Bold;font-weight: 500}
  .nahledvelikosti{cursor:pointer;display: inline-block;padding: 1%;border: 1px solid #898989;border-radius: 6px;margin: 1% 1% 2% 0;min-width: 10.83%;text-align: center;}
  .nahledbarvy{cursor:pointer;display: inline-block;padding: 3.4% 1% 3.4% 1% ;border: 1px solid #898989;border-radius: 6px;margin: 1% 1% 2% 0;width: 5%;text-align: center;}
  .neniskladem{cursor:no-drop;display: inline-block;padding: 1%;border: 1px solid #898989;border-radius: 6px;margin: 1% 1% 2% 0;min-width: 12%;text-align: center;background:#d1d1d1}
  .neniskladembarva{cursor:no-drop;display: inline-block;padding: 1%;border: 1px solid #898989;border-radius: 6px;margin: 1% 1% 2% 0;width: 12%;text-align: center;opacity:0.25}  
  .vybrano{color:white;background:#373841}
  .kontakt1, .kontakt2, .kontakt3{;text-align:center;font-size: 1em}  
  .fa-clock, .fa-map-marker-alt, .fa-landmark{display: inline-block;font-size: 3em;margin: 7% 0 4% 0;color: #02bed7;}
  .kontaktbox1{background:#f1f1f1;border-radius:8px; padding: 2% 4% 2% 26.5%; position:relative;font-size: 1.05em;margin: 5% 0 0 0;}
  .kontaktbox1 img {position: absolute;top: 18%;left: 3%;width: 19%;}
  .kontaktbox2{background: #f1f1f1;border-radius: 8px;padding: 2% 4% 2% 26.5%;position: relative;font-size: 1.05em;margin: 5% 0 0 0;}
  .kontaktbox2 img {position: absolute;top: 18%;left: 3%;width: 19%;}  
  .kontaktbox1 h2, .kontaktbox2 h2{font-size:1em;}
  #mapa{margin-top: 3%;}    
  .kosikimg{width:15%}  
  .souhlas{margin:4% 0 4% 0}
  .souhlas input{float:left;}
  .souhlas span{float:left;margin-left: 1%;width:90%}
  .obsahshop{font-size: 1.18em;}
  #obsahkosiku td, #obsahkosiku th{font-size:0.9em;}
  .krok3l p, .krok3r p{margin:0 0 1.5% 0}
  .detailmaly {width: 15%;margin-bottom: 2.19%;background:#f1f1f1;position:relative;overflow: hidden;}  
  .detailmaly span{background: #02bed7;position: absolute;bottom: 0;width: 100%;height: 5px;display: inline-block;}
  .detailvelky {position:absolute; width: 82%; top:0; left: 18%;}
  .detailvelky img{border-radius:6px;}    
}

@media only screen and (min-width:1041.01px) and (max-width:1200px){
  nav{font-size:0.99em}
  .obsahshop{font-size: 0.8em;} 
  .shopmenuou{float: left; margin: 1%;width:63%}  
}  

@media only screen and (min-width:960.01px) and (max-width:1040px){
  nav{font-size:0.99em}
  .obsahshop{font-size: 0.8em;} 
  .shopmenuou{float: left; margin: 1%;width:63%}  
}  

@media only screen and (min-width:770.01px) and (max-width:960px){
  nav{font-size:0.99em}
  .obsahshop{font-size: 0.8em;} 
  .shopmenuou{float: left; margin: 1%;width:66%}  
  .podobsahshop{font-size:1.2em;}  
  #slidernav{font-size:0.9em;}
}  

@media only screen and (min-width:690.01px) and (max-width:770px){
  nav{font-size:1.2em}
  .obsahshop{font-size: 0.8em;} 
  .shopmenuou{float: left; margin: 1%;width:66%}  
  .main{font-size:1em;}
  .podobsahshop{font-size:1.3em;}  
  #slidernav{font-size:0.9em;}  
}  
@media only screen and (min-width:640.001px) and (max-width:690px){
  nav{font-size:1.3em}
  .obsahshop{font-size: 0.8em;} 
  .shopmenuou{float: left; margin: 1%;width:66%}
  .main{font-size:1em;}    
  .podobsahshop{font-size:1.3em;}
  #slidernav{font-size:0.9em;}
}  

@media only screen and (min-width:640.01px) and (max-width:960px){
  h2{position:relative}
  .dleceniku{position:absolute;right: 3%;color:#02bed7;}
  .obsahshop{min-height:300px;}
  .doprava1{width: 15%;display: flex;align-items: center;}
  .doprava2{width: 75%;margin: 3% 5% 3% 5%;}
  .doprava2nadpis{font-size: 1.3em;font-family:Rams-Bold;font-weight: 500;margin: 0 0 2% 0;}
  .doprava2radektext{font-size:1.15em;width: 30%;display: inline-block;}
  .doprava2radekpopis{width: 16%;display: inline-block;text-align:right;}
  .doprava2radekcena{font-size:1.5em;color:#02bed7;font-family:Rams-Bold;font-weight: 500;width: 16%;display: inline-block;text-align:right;}
  #page{font-size: 1.2em;}
  input[type="radio"] {-ms-transform: scale(0.8);-moz-transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8); border: none; vertical-align: top;vertical-align: middle;margin: 1px 3px 3px 0px;}
  #shopalogo{display:inline-block;float:left;max-width: 14.5%;margin-top: 1%;}
  .footershop {padding: 1.5% 0 0 0}
  .shopmenuitem {padding: 2% 1.23% 1.6% 1.23%;}
  #searchshop{float:none !important;width:55%;padding: 2.5% 3% 3% 13%;background: #f1f1f1;border-radius: 15px;border: none; font-size: 0.7em; color: #727272;margin-top: 1%;}
  #searchdivshop{font-size: 1.1em !important;}
  #searchdivshopon{display:none}
  #searchmenushop{float:right;font-size:0.80em;text-transform:uppercase;width:20%;position:absolute;left:79.5%;top:24%;}
  #hlmenu5shop{margin-right: 3%;float: right !important;}
  .hlpodmenucastshop{width:29.6%;margin:1% 2% 1% 1.7%;float:left;}
  #menutel{display:none}
  #menu .fa-bars{display:none !important}
  #menu .fa-times{display:none !important} 
  .mobilonly{display:none !important}
  .spannormal{float: none !important;margin: 0 !important;font-size: 1em !important;color: #373841 !important;}
  #hlmenu5shop span{display:inline-block !important}                
  .obsahshop h2{font-weight:500;font-size: 1.4em;margin: 4% 0 0.6% 0;font-family:Rams-Bold;}
  .obsahshop h3{font-weight:500;font-size: 1.25em;margin: 4% 0 0.6% 0;font-family:Rams-Bold;}  
  #searchmenushop button{display: inline;margin: 0;padding: 0;border: none;font-size: 1em;color: #373841;cursor:pointer}
  .nahoresmall{background: #efefef;padding: 10%;border-radius: 10px;}
  .nahoresmall img{position: relative;top: 50%;transform: translateY(-50%);}
  .nahorebig{background: #efefef;padding: 0%;border-radius: 10px;}
  .nahorebig img{position: relative;top: 50%;transform: translateY(-50%);border-radius: 10px;}  
  .dole{padding: 3%;font-size: 0.85em}
  .hledane{background: #dddddd;padding: 6px;border-radius: 6px;margin: 0px 6px 8px 0;display:inline-block;}
  .oushopgal{float:left;width:16.66%}
  .loga{text-align:center;}
  .loga img{width:33%;text-align:center;}
  .shopmenuitem2{padding:3px 0 3px 0;font-size:0.7em}
  .shopnadpiskat{margin-bottom: 1% !important;margin-top: 2% !important;}
  .nahledshopimg4{background: #efefef;padding:8% 14% 8% 14%;border-radius: 10px;overflow: hidden;position:relative;}
  .nahledshopimg6{background: #efefef;padding:8% 14% 8% 14%;border-radius: 10px;overflow: hidden;position:relative;}
  .nahledshop4{float:left;width:24.25%;margin:1% 1% 1% 0;}
  .nahledshop6{float:left;;width:15.83%;margin:1% 1% 1% 0;}  
  .nahledshop6, .nahledshop4{font-size:0.8em}
  .nacistdalsi{cursor:pointer;border-radius:4px; color:#23b9d7;border:1px solid #dddddd;font-size: 0.7em;padding: 5px 10px 5px 10px;width:auto;display:inline-block;position:relative}
  .strankyshop{position:absolute; right: 0px;top:0}
  .strankyshopdiv{text-align: center;position:relative;margin:4% 2% 4% 2%;}
  .strankyshop{display:inline-block}  
  .cislastranekshop{margin:0;display:inline-block;font-size: 0.6em;width: 1.8em;padding: 5px;border-right: solid 1px #dddddd;border-top: solid 1px #dddddd;border-bottom: solid 1px #dddddd; color:black;text-decoration:none}
  .zpetcislastranek{margin:0;display:inline-block;font-size: 0.6em;width: 1.8em;padding: 5px;border-left: solid 1px #dddddd;border-right: solid 1px #dddddd;border-top: solid 1px #dddddd;border-bottom: solid 1px #dddddd; color:black;text-decoration:none;border-radius:3px 0px 0px 3px;}
  .vpredcislastranek{margin:0;display:inline-block;font-size: 0.6em;width: 1.8em;padding: 5px;border-right: solid 1px #dddddd;border-top: solid 1px #dddddd;border-bottom: solid 1px #dddddd; color:black;text-decoration:none;border-radius:0px 3px 3px 0px;}  
  .nahledshop6 img {position: relative;top: 50%;transform: translateY(-50%);}
  .nahledshop4 img {position: relative;top: 50%;transform: translateY(-50%);}
  .nahledbig{padding:0 !important}
  .filtr{position:relative;}
  .filtrselect{cursor:pointer;font-size:0.8em;z-index:1005;background:white;border-radius: 5px;border: 1px solid #ddd;padding: 4px 8px 4px 8px;display: inline-block; position:absolute; top:0; right:0}
  .filtrselect span{float:left;display:inline-block;}
  .filtrselect i{float:right;cursor:pointer}
  .filtrselectnabidka{display:none;float:left;}
  .filtrselectnabidka span{display:block;padding: 4px 0px 0px 0px;}
  .wrazeni{width: 14.3%;}
  .zbozil{position:relative;float:left;width:22%;border-radius:10px;background:#f1f1f1;padding:3% 5% 3% 5%;margin:1% 0 3% 0;}
  .zbozip{float:right;width:63%;margin-top:1%;}
  .zbozip h1, .zbozippredmety h1{margin:0 0 0.4% 0;font-size:1.5em;font-family:Rams-Bold;}
  .zbozip h2, .zbozippredmety h2{margin-top:0;font-size:1.2em;}
  .zbozip h3, .zbozippredmety h3{margin:2% 0 0 0;font-size:1.2em;font-family:Rams-Bold;}
  .zbozip h4, .zbozippredmety h4{margin:0 0 4% 0;font-size:1em;font-weight:normal}
  .fa-exclamation-triangle{font-size:1.3em;margin-right:6px;}
  .fa-check-circle{font-size:1.3em;margin-right:6px;}  
  .fa-truck{font-size:1.3em;margin-right:6px}
  #pocetdokosiku{font-size: 1.2em;padding: 8px;border-radius: 6px;width: 10%;border: 1px solid #898989;color: #373847;margin: 1% 0 3% 0;float:left;text-align:center;}
  #vlozitdokosiku{font-size: 1.2em;padding: 8px;border-radius: 6px;width: 82.5%;border: 1px solid #373847;background:#373847;color: white;margin: 1% 0 3% 1%;float:right;}  
  .anotace{height:50px;overflow:hidden} 
  .cely{text-align: center;margin: 1% 0 1% 0;cursor:pointer}  
  .infokosik{padding: 1%;border-radius: 8px;}
  .redkosik{padding: 1%;border-radius: 8px;}   
  .pocetkosik{background: red;color: white;border-radius: 50%;padding: 1% 2.5% 1% 2.5%;font-size: 0.7em;position: absolute;right: 6%;}  
  .zbozilpredmety{position:relative;float:left;width:48%;padding:0;margin:1% 0 0 0;overflow: hidden;}
  .zbozippredmety{float:right;width:47%;margin-top:1%;}  
/*  .detailmaly {width: 15%;margin-bottom: 2.2%;padding-top: 20%;background:#f1f1f1;position:relative;overflow: hidden;}
  .detailmaly img {position:absolute;top:0;left:0;}*/
  .detailmaly {width: 15%;margin-bottom: 2.19%;background:#f1f1f1;position:relative;overflow: hidden;}  
  .detailmaly span{background: #02bed7;position: absolute;bottom: 0;width: 100%;height: 5px;display: inline-block;}
  .detailvelky {position:absolute; width: 82%; top:0; left: 18%;}
  .detailvelky img{border-radius:6px;}  
  .skrytnahled {height:0;background:white;padding:0}   
  .kosikkroky{width:80%}  
  .pokracovat{font-size: 1em;padding: 8px;border-radius: 6px;border: 1px solid #373847;background: #373847;color: white;margin: 1% 0 3% 0;width:24%}
  .pokracovat2{font-size: 1em;padding: 8px;border-radius: 6px;border: 1px solid #373847;background: #373847;color: white;margin: 1% 0 3% 0;width:30%}
  .pokracovatlight{font-size: 1em;padding: 8px;border-radius: 6px;border: 1px solid #a1a1a1;background: #f1f1f1;color: #373841;margin: 1% 0 3% 0;width:15%}
  .pokracovat2light{font-size: 1em;padding: 8px;border-radius: 6px;border: 1px solid #a1a1a1;background: #f1f1f1;color: #373841;margin: 1% 0 3% 0;width:30%}
  .kosikcelkem{font-size: 1.6em;font-family:Rams-Bold;font-weight: 500;}
  .ltlacitko{font-size: 1.2em;padding: 8px;border-radius: 6px;border: 1px solid #373847;background: #373847;color: white;}
  .stlacitko{font-size: 1em;padding: 5px;border-radius: 5px;border: 1px solid #373847;background: #373847;color: white;}
  .sinput{font-size: 1em;padding: 5px;border-radius: 5px;border: 1px solid #373847;color: #373847;}
  .sinput:focus{background: white;}
  .stlacitko:focus,.pokracovat:focus,.pokracovat2:focus{background: #373847;}
  .modsipkadolu{background: #02bed7;border-radius: 50%;padding: 3px 5px 2px 6px;}
  .modsipkadolu2{background: #02bed7;border-radius: 50%;padding: 4px 7px 2px 8px;}
  .kosikpocet{font-size: 1.2em;padding: 8px;border-radius: 6px;width: 40px;border: 1px solid #898989;color: #373847;margin: 1% 0 3% 0;float: left;text-align:center;}
  .dodaniiko{width:5%; margin-right: 1%;}
  .doprava{width:50%;float:left;}
  .doprava p{}
  .dodanipodkategorie{margin-left:5% !important}
  .dodanipodkategorie{display:none;margin-bottom:2%;}
  .dotkat0{cursor:pointer}
  .doprava input[type=text], .doprava input[type=email]{font-size: 1.1em;padding:1%;border-radius: 4px;border: 1px solid #dddddd;color: #373847;margin: 0.5% 0 1% 0; width:98%;}
  .doprava select{font-size: 1.1em;padding:0.9%;border-radius: 6px;border: 1px solid #dddddd;color: #373847;margin: 0.5% 0 1% 0;}
  .doprava textarea{font-size: 1.1em;padding:1%;border-radius: 6px;border: 1px solid #dddddd;color: #373847;margin: 0.5% 0 1% 0; width:98%;}  
  .souhrnnad{width:42%;float:right;}
  .souhrn{border-radius: 8px;border: 1px solid #ddd;padding: 8% 8% 4% 8%;margin-top:4%;}
  .vybratdopravu{font-size:1.3em;font-family:Rams-Bold;font-weight: 500margin:1% 0 2% 0}
  .souhrntitle{font-size:1.2em;font-family:Rams-Bold;font-weight: 500margin:0% 0 3% 0}
  .souhrnflex {display: flex;flex-direction: row;}
  .souhrn1 {width: 18%; padding:2% 4% 0 0; float:left;}
  .souhrn2 {width: 75%; padding:1% 1% 0 0; float:right; position:relative;}
  .souhrncena{position:absolute;bottom:0;font-size: 1em;}
  .souhrnkosikcelkem{font-size:1.3em;font-family:Rams-Bold;font-weight: 500}
  .celkemdoprava{font-size:1.0em;font-family:Rams-Bold;font-weight: 500}
  .nahledvelikosti{cursor:pointer;display: inline-block;padding: 1%;border: 1px solid #898989;border-radius: 6px;margin: 1% 1% 2% 0;min-width: 10.83%;text-align: center;}
  .nahledbarvy{cursor:pointer;display: inline-block;padding: 3.4% 1% 3.4% 1% ;border: 1px solid #898989;border-radius: 6px;margin: 1% 1% 2% 0;width: 5%;text-align: center;}
  .neniskladem{cursor:no-drop;display: inline-block;padding: 1%;border: 1px solid #898989;border-radius: 6px;margin: 1% 1% 2% 0;min-width: 12%;text-align: center;background:#d1d1d1}
  .neniskladembarva{cursor:no-drop;display: inline-block;padding: 1%;border: 1px solid #898989;border-radius: 6px;margin: 1% 1% 2% 0;min-width: 12%;text-align: center;opacity:0.25}  
  .vybrano{color:white;background:#373841}
  .krok3l{float:left;width:49%}
  .krok3r{float:right;width:49%}  
  .kontakt1, .kontakt2, .kontakt3{float:left;width:33.3%;text-align:center;font-size: 1em}
  .fa-clock, .fa-map-marker-alt, .fa-landmark{display: inline-block;font-size: 3em;margin: 7% 0 7% 0;color: #02bed7;}
  .kontaktbox1{background:#f1f1f1;border-radius:8px; padding: 2% 2% 2% 12.5%; width:35%;position:relative;float:left;font-size: 1.05em;margin: 5% 0 0 0;}
  .kontaktbox1 p, .kontaktbox2 p{text-align:left;}
  .kontaktbox1 img {position: absolute;top: 18%;left: 3%;width: 19%;}
  .kontaktbox2{background: #f1f1f1;border-radius: 8px;padding: 2% 2% 2% 12.5%;width: 35%;position: relative;float: right;font-size: 1.05em;margin: 5% 0 0 0;}
  .kontaktbox2 img {position: absolute;top: 18%;left: 3%;width: 19%;}  
  .kontaktbox1 h2, .kontaktbox2 h2{font-size:1em;}
  #mapa{margin-top: 3%;}
  .kosikimg{width:10%}  
  .souhlas{margin:4% 0 4% 0}
  .souhlas input{float:left;}
  .souhlas span{float:left;margin-left: 1%;width:90%}
}


@media only screen and (min-width:960.01px){
  h2{position:relative}    
  .dleceniku{position:absolute;right: 30%;color:#02bed7;}
  .doprava1{width: 13%;display: flex;align-items: center;}
  .doprava2{width: 77%;margin: 3% 5% 3% 5%;}
  .doprava2nadpis{font-size: 1.3em;font-family:Rams-Bold;font-weight: 500;margin: 0 0 2% 0;}
  .doprava2radektext{font-size:1.15em;width: 25%;display: inline-block;}
  .doprava2radekpopis{width: 12%;display: inline-block;text-align:right;}
  .doprava2radekcena{font-size:1.5em;color:#02bed7;font-family:Rams-Bold;font-weight: 500;width: 12%;display: inline-block;text-align:right;}
  input[type="radio"] {-ms-transform: scale(0.8);-moz-transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8); border: none; vertical-align: top;vertical-align: middle;margin: 1px 3px 3px 0px;}
  #shopalogo{display:inline-block;float:left;max-width: 14.5%;margin-top: 1%;}
  .footershop {padding: 1.5% 0 0 0}
  .shopmenuou{float: left; margin: 1%;width:63%}
  .shopmenuitem {padding: 1.5% 2% 1% 2%}
  #searchshop{float:none !important;width:55%;padding: 2.5% 3% 3% 12%;background: #f1f1f1;border-radius: 15px;border: none; font-size: 0.8em; color: #727272}
  #searchdivshop{font-size: 1.5em !important;}
  #searchdivshopon{display:none}
  #searchmenushop{float:right;font-size:0.80em;text-transform:uppercase;width:20%;position:absolute;left:79.5%;top:25%;}
  #hlmenu5shop{margin-right: 3%;float: right !important;}
  .hlpodmenucastshop{width:29.6%;margin:1% 2% 1% 1.7%;float:left;}
  #menutel{display:none}
  #menu .fa-bars{display:none !important}
  #menu .fa-times{display:none !important} 
  .mobilonly{display:none !important}
  .spannormal{float: none !important;margin: 0 !important;font-size: 1em !important;color: #373841 !important;}
  #hlmenu5shop span{display:inline-block !important}
  .obsahshop h2{font-weight:500;font-size: 1.5em;margin: 4% 0 0.6% 0;font-family:Rams-Bold;}
  .obsahshop h3{font-weight:500;font-size: 1.3em;margin: 4% 0 0.6% 0;font-family:Rams-Bold;}  
  #searchmenushop button{display: inline;margin: 0;padding: 0;border: none;font-size: 1em;color: #373841;cursor:pointer}
  .nahoresmall{background: #efefef;padding: 10%;border-radius: 10px;}
  .nahoresmall img{position: relative;top: 50%;transform: translateY(-50%);}  
  .nahorebig{background: #efefef;padding: 0%;border-radius: 10px;}
  .nahorebig img{position: relative;top: 50%;transform: translateY(-50%);border-radius: 10px;}
  .dole{padding: 3%;}
  .hledane{background: #dddddd;padding: 8px;border-radius: 8px;margin: 0 8px 10px 0;display:inline-block;}
  .oushopgal{float:left;width:16.66%}
  .loga{text-align:center;}
  .loga img{width:33%;text-align:center;max-width: 540px;}
  .shopmenuitem2{padding:3px 0 3px 0;font-size:0.9em}
  .shopnadpiskat{margin-bottom: 1% !important;margin-top: 2% !important;}
  .nahledshopimg4{background: #efefef;padding:8% 14% 8% 14%;border-radius: 10px;overflow: hidden;position:relative;}
  .nahledshopimg6{background: #efefef;padding:8% 14% 8% 14%;border-radius: 10px;overflow: hidden;position:relative;}
  .nahledshop4{float:left;width:24.25%;margin:1% 1% 1% 0;}
  .nahledshop6{float:left;width: 15.83%;margin:1% 1% 1% 0;}  
  .nahledbig{padding:0 !important}         
  .nacistdalsi{cursor:pointer;border-radius:10px; color:#23b9d7;border:1px solid #dddddd;font-size: 1em;padding: 5px 10px 5px 10px;width:auto;display:inline-block;border-radius:8px;position:relative}
  .strankyshop{position:absolute; right: 0px;top:0}
  .strankyshopdiv{text-align: center;position:relative;margin:4% 1.5% 0 1.5%;}
  .strankyshop{display:inline-block}  
  .cislastranekshop{margin:0;display:inline-block;font-size: 1em;width: 1.6em;padding: 5px;border-right: solid 1px #dddddd;border-top: solid 1px #dddddd;border-bottom: solid 1px #dddddd; color:black;text-decoration:none}
  .zpetcislastranek{margin:0;display:inline-block;font-size: 1em;width: 1.6em;padding: 5px;border-left: solid 1px #dddddd;border-right: solid 1px #dddddd;border-top: solid 1px #dddddd;border-bottom: solid 1px #dddddd; color:black;text-decoration:none;border-radius:3px 0px 0px 3px;}
  .vpredcislastranek{margin:0;display:inline-block;font-size: 1em;width: 1.6em;padding: 5px;border-right: solid 1px #dddddd;border-top: solid 1px #dddddd;border-bottom: solid 1px #dddddd; color:black;text-decoration:none;border-radius:0px 3px 3px 0px;}  
  .nahledshop6 img {position: relative;top: 50%;transform: translateY(-50%);}
  .nahledshop4 img {position: relative;top: 50%;transform: translateY(-50%);}
  .filtr{position:relative;}
  .filtrselect{cursor:pointer;z-index:1005;background:white;border-radius: 5px;border: 1px solid #ddd;padding: 4px 8px 4px 8px;display: inline-block; position:absolute; top:0; right:0}
  .filtrselect span{float:left;display:inline-block;}
  .filtrselect i{float:right;cursor:pointer}
  .filtrselectnabidka{float:left;}
  .filtrselectnabidka span{display:block;padding: 4px 0px 0px 0px;}
  .wrazeni{width: 12.3%;}
  .zbozil{position:relative;float:left;width:22%;border-radius:10px;background:#f1f1f1;padding:3% 5% 3% 5%;margin:1% 0 3% 0;}
  .zbozip{float:right;width:63%;margin-top:1%;}
  .zbozip h1, .zbozippredmety h1{margin:0 0 0.4% 0;font-size:1.8em;font-family:Rams-Bold;}
  .zbozip h2, .zbozippredmety h2{margin-top:0;font-size:1.2em;}
  .zbozip h3, .zbozippredmety h3{margin:2% 0 0 0;font-size:1.2em;font-family:Rams-Bold;}
  .zbozip h4, .zbozippredmety h4{margin:0 0 4% 0;font-size:1em;font-weight:normal}
  .fa-exclamation-triangle{font-size:1.3em;margin-right:6px;}
  .fa-check-circle{font-size:1.3em;margin-right:6px;}
  .fa-truck{font-size:1.3em;margin-right:6px}
  #pocetdokosiku{font-size: 1.2em;padding: 8px;border-radius: 6px;width: 8%;border: 1px solid #898989;color: #373847;margin: 1% 0 3% 0;float:left;text-align:center;}
  #vlozitdokosiku{font-size: 1.2em;padding: 8px;border-radius: 6px;width: 86%;border: 1px solid #373847;background:#373847;color: white;margin: 1% 0 3% 0;float:right;}
  .anotace{height:50px;overflow:hidden} 
  .cely{text-align: center;margin: 1% 0 1% 0;cursor:pointer}
  .infokosik{padding: 1%;border-radius: 8px;}
  .redkosik{padding: 1%;border-radius: 8px;}  
  .pocetkosik{background: red;color: white;border-radius: 50%;padding: 1% 2.5% 1% 2.5%;font-size: 0.7em;position: absolute;right: 8%;z-index: 100;}
  .zbozilpredmety{position:relative;float:left;width:48%;padding:0;margin:1% 0 0 0;overflow: hidden;}
  .zbozippredmety{float:right;width:47%;margin-top:1%;}  
/*  .detailmaly {width: 15%;margin-bottom: 2.2%;padding-top: 20%;background:#f1f1f1;position:relative;overflow: hidden;}
  .detailmaly img {position:absolute;top:0;left:0;}*/
  .detailmaly {width: 15%;margin-bottom: 2.19%;background:#f1f1f1;position:relative;overflow: hidden;}
  .detailmaly span{background: #02bed7;position: absolute;bottom: 0;width: 100%;height: 5px;display: block;}
  .detailvelky {position:absolute; width: 82.5%; top:0; left: 17.3%;}
  .detailvelky img{border-radius:6px;}  
  .skrytnahled {height:0;background:white;padding:0}
  .kosikkroky{width:60%}
  .pokracovat{font-size: 1.2em;padding: 8px;border-radius: 6px;border: 1px solid #373847;background: #373847;color: white;margin: 1% 0 3% 0;width:24%}
  .pokracovat2{font-size: 1.2em;padding: 8px;border-radius: 6px;border: 1px solid #373847;background: #373847;color: white;margin: 1% 0 3% 0;width:30%}
  .pokracovatlight{font-size: 1.2em;padding: 8px;border-radius: 6px;border: 1px solid #a1a1a1;background: #f1f1f1;color: #373841;margin: 1% 0 3% 0;width:15%}
  .pokracovat2light{font-size: 1.2em;padding: 8px;border-radius: 6px;border: 1px solid #a1a1a1;background: #f1f1f1;color: #373841;margin: 1% 0 3% 0;width:30%}
  .kosikcelkem{font-size: 1.6em;font-family:Rams-Bold;font-weight: 500;}
  .ltlacitko{font-size: 1.2em;padding: 8px;border-radius: 6px;border: 1px solid #373847;background: #373847;color: white;}
  .stlacitko{font-size: 1em;padding: 5px;border-radius: 5px;border: 1px solid #373847;background: #373847;color: white;}
  .sinput{font-size: 1em;padding: 5px;border-radius: 5px;border: 1px solid #373847;color: #373847;}
  .sinput:focus{background: white;}
  .stlacitko:focus,.pokracovat:focus,.pokracovat2:focus{background: #373847;}
  .modsipkadolu{background: #02bed7;border-radius: 50%;padding: 3px 5px 2px 6px;}
  .modsipkadolu2{background: #02bed7;border-radius: 50%;padding: 4px 7px 2px 8px;}
  .kosikpocet{font-size: 1em;padding: 8px;border-radius: 6px;width: 50px;border: 1px solid #898989;color: #373847;margin: 1% 0 3% 0;float: left;text-align:center;}
  .dodaniiko{width:5%; margin-right: 1%;}
  .doprava{width:60%;float:left;}
  .doprava p{}
  .dodanipodkategorie{margin-left:5% !important}
  .dodanipodkategorie{display:none;margin-bottom:2%;}
  .dotkat0{cursor:pointer}
  .doprava input[type=text], .doprava input[type=email]{font-size: 1.1em;padding:1%;border-radius: 6px;border: 1px solid #dddddd;color: #373847;margin: 0.5% 0 1% 0; width:98%;}
  .doprava select{font-size: 1.1em;padding:0.9%;border-radius: 6px;border: 1px solid #dddddd;color: #373847;margin: 0.5% 0 1% 0;}
  .doprava textarea{font-size: 1.1em;padding:1%;border-radius: 6px;border: 1px solid #dddddd;color: #373847;margin: 0.5% 0 1% 0; width:98%;}
  .souhrnnad{width:32%;float:right;}
  .souhrn{border-radius: 8px;border: 1px solid #ddd;padding: 8% 8% 4% 8%;margin-top:4%;}
  .vybratdopravu{font-size:1.3em;font-family:Rams-Bold;font-weight: 500margin:1% 0 2% 0}
  .souhrntitle{font-size:1.2em;font-family:Rams-Bold;font-weight: 500margin:0% 0 3% 0}
  .souhrnflex {display: flex;flex-direction: row;margin-bottom: 3%;}
  .souhrn1 {width: 18%; padding:2% 4% 0 0; float:left;}
  .souhrn2 {width: 75%; padding:1% 1% 0 0; float:right; position:relative;}
  .souhrncena{position:absolute;bottom:0;font-size: 1em;}
  .souhrnkosikcelkem{font-size:1.3em;font-family:Rams-Bold;font-weight: 500}
  .celkemdoprava{font-size:1.0em;font-family:Rams-Bold;font-weight: 500}
  .nahledvelikosti{cursor:pointer;display: inline-block;padding: 1%;border: 1px solid #898989;border-radius: 6px;margin: 1% 0.8% 2% 0;min-width: 10.8%;text-align: center;}
  .nahledbarvy{cursor:pointer;display: inline-block;padding: 3.4% 1% 3.4% 1% ;border: 1px solid #898989;border-radius: 6px;margin: 1% 1% 2% 0;width: 5%;text-align: center;}  
  .neniskladem{cursor:no-drop;display: inline-block;padding: 1%;border: 1px solid #898989;border-radius: 6px;margin: 1% 1% 2% 0;min-width: 12%;text-align: center;background:#d1d1d1}
  .neniskladembarva{cursor:no-drop;display: inline-block;padding: 3.4% 1% 3.4% 1%;;border: 1px solid #898989;border-radius: 6px;margin: 1% 1% 2% 0;width: 5%;text-align: center;opacity:0.25}  
  .vybrano{color:white;background:#373841}
  .krok3l{float:left;width:49%}
  .krok3r{float:right;width:49%}
  .kontakt1, .kontakt2, .kontakt3{float:left;width:33.3%;text-align:center;font-size: 1em}
  .fa-clock, .fa-map-marker-alt, .fa-landmark{display: inline-block;font-size: 3em;margin: 7% 0 7% 0;color: #02bed7;}
  .kontaktbox1{background:#f1f1f1;border-radius:8px; padding: 2% 2% 2% 12.5%; width:35%;position:relative;float:left;font-size: 0.9em;margin: 5% 0 0 0;}
  .kontaktbox1 img {position: absolute;top: 18%;left: 3%;width: 19%;}
  .kontaktbox2{background: #f1f1f1;border-radius: 8px;padding: 2% 2% 2% 12.5%;width: 35%;position: relative;float: right;font-size: 0.9em;margin: 5% 0 0 0;}
  .kontaktbox2 img {position: absolute;top: 18%;left: 3%;width: 19%;}
  #mapa{margin-top: 3%;}
  .kosikimg{width:10%}
  .souhlas{margin:4% 0 4% 0}
  .souhlas input{float:left;}
  .souhlas span{float:left;margin-left: 1%;width:90%}  
  .obsahshop{font-size: 1.1em;min-height:300px;}
}