html, body { height: 100%; }
body *, body { margin: 0; padding: 0; }
body { background: #d0d0d0; font-size: 1em; color: #551b4e; }
button {cursor: pointer;}

.none, #topcart span.none { display: none; }
.hidden { visibility: hidden; }
.clear { clear: both;}
.bold { font-weight: bold; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.fright { float: right; }
.fleft { float: left; }
.cont { margin: 10px 0; }
.contright { margin-right: 10px;}
.loginmarg { margin-left: 55px}
.scont { margin: 3px 0; }
.light {color: grey;}
.imgcont { padding: 5px; background: #E0E0E0; margin: 15px 10px 5px 0; }

.arial { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; }
.tahoma, body { font-family: Open Sans,Tahoma,Geneva,Arial,Helvetica,sans-serif; }

.strike { text-decoration: line-through; }

.mark { display:none;}
.antispam { display:none;}

.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	transition: opacity 300ms;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.nostyle, #popup ul, #topnavig, #topnavig ul, #top ul, #footer ul, #left .menu, #left ul, #filter table ul, #content .textpage ul, #wres { list-style: none; }
#content .textpage ul { margin-left: 30px; }
#content .textpage ul li {background: url(../images/text-ul-blt-sq.gif) no-repeat left 10px; padding-left: 20px; line-height: 2em;}

table, tr, td { border-collapse: collapse; }
.upper, h1 a { text-transform: uppercase; }
label, input, select, #webs a img { vertical-align: middle; }


.colorWhite{color:white !important;}
.kakc, #content h1, #content a.kakc { color: #E1007A;}
.kakb { background-color: #E1007A; }
.skladem {color: #84C900; text-decoration: none;}
.skladem_info {color: #7a7a2c; text-decoration: none;}

a {text-decoration: none}
a:hover { text-decoration: underline; }
a img { border: 0; }

#container { height: 100%; min-height: 100%; position: relative; width: 1416px; margin: 0 auto; background: #d0d0d0 url(../images/container-bckg-dark.gif) repeat-y left top; }
body>#container { height: auto; }

/* common */
footer { background-color: white; margin-left: 25px; }
footer #foot-offer {border-top: 1px solid #E8E8E8; padding-left: 20px; padding-right: 20px; width: 1326px; }
footer h3 {margin-bottom: 20px; font-weight: normal; text-align: center; margin-top: 20px; }

footer .boxnews {width: 310px; height: 150px; margin-right: 20px; font-size: 13px; text-align: left; }
footer .boxnews img {width: 100px; height: 100px; float: left; margin-right: 10px;}
footer .boxnews a {color: #551b4e; font-weight: bold;}

#top, #foot-offer, #footer, #topnavig, #foot-offer, footer { width: 1366px;}

/* top */
#top { height: 190px; margin: 0 auto; background: #f5f5f5; }
#top h2 { width: 375px; height: 135px; }
#top h2 a { display: block; position: absolute; width: 257px; height: 74px; top: 41px; left: 80px; background: url(../images/logo-kak.png) no-repeat left top;}

#top ul, #top form { position: absolute; left: 400px; }
ul#toplinks { top: 20px; left: 410px; }
#top li { float: left; font-size: 14px; padding: 0 16px; }
/*#top li.first { border: none; padding-left: 2px; }*/
#top li a { color: #e2007a; text-decoration: none; }
#top li a:hover {text-decoration: underline;}
#toplinks li a { background: url(../images/ico-arrow-right-top.png) no-repeat left center; padding-left: 12px; }

#top ul.express-menu {position: absolute; left: 70px; top: 145px;}
#top ul.express-menu li {padding: 0 10px 0 10px; border-right: 1px solid #551b4e;}
#top ul.express-menu li.last {border: 0;}
#top ul.express-menu li a {color: #551b4e; font-size: 1.4em;}

#quicksearch { top: 57px; }
#quicksearch input { border: 1px solid #f5f5f5; font-size: 22px; padding: 15px 15px 15px 30px; width: 505px; color: #979797; border-radius: 30px 0px 0px 30px; 
-webkit-box-shadow: -3px 6px 3px -4px rgba(226,226,226,1);
-moz-box-shadow: -3px 6px 3px -4px rgba(226,226,226,1);
box-shadow: -3px 6px 3px -4px rgba(226,226,226,1);
}
#quicksearch button { border: 0; background: #e2007a; vertical-align: middle; padding: 14px 20px 12px 13px; border-radius: 0px 30px 30px 0px; margin-left: -5px;}

ul#topuser { top: 15px; left: 1182px; z-index: 103; }
#topuser .log {background: url(../images/ico-login.png) no-repeat left bottom; padding: 3px 0 3px 35px;  font-size: 1.1em; color: #551b4e; font-weight: bold;}

#toplinks2 { position: absolute; top: 140px; left: 900px; padding-left: 5px; height: 50px; width: 550px;}
#toplinks2 .tlblock {float: left; display: flex; margin-right: 25px;}
#toplinks2 .tlblock.last {margin: 0;}
#toplinks2 img { margin-right: 10px; float: left; max-height: 27px; }
#toplinks2 p { font-size: 13px; color: #e2007a; line-height: 1.2em;}
#toplinks2 p a {text-decoration: none; color: #e2007a; font-size: 12px;}
#toplinks2 p a:hover {text-decoration: underline;}
#toplinks2 b { color: #551b4e; }


#topuser .log b { background: url(../images/user-arrow-ico.gif) no-repeat center bottom; padding-bottom: 7px; }
#topuser ul { left: 0px; top: 24px; }
#topuser ul li { width: 116px; border-left: none; padding: 0; }
#topuser ul li a { font-size: 12px; padding: 5px 5px 5px 16px; }
#topuser .first:hover ul { display: block; }

p#topcart, p#compare { width: 156px; position: absolute; left: 1095px; font-size: 12px; }

p#topcart { border: 1px solid #f5f5f5; font-size: 22px; width: 185px; top: 57px; color: #e2007a; border-radius: 30px; padding: 15px 30px 15px 30px; 
-webkit-box-shadow: -3px 6px 3px -4px rgba(226,226,226,1);
-moz-box-shadow: -3px 6px 3px -4px rgba(226,226,226,1);
box-shadow: -3px 6px 3px -4px rgba(226,226,226,1);
background: white url(../images/ico-cart-top.png) no-repeat left 30px center;
}

p#topcart .count {position: absolute; left: 58px; height: 20px; width: 22px; border-radius: 50%; background-color: #9ce100; color: white; font-size: 12px; z-index: 101; 
       text-align:center; padding-top: 2px;}

/* common */
#content, #left { padding-bottom: 50px; padding-top: 20px; }
#content { margin: 0 50px 0 0 !important; }
.homepage #hm-left { margin: 0 20px 0 0 !important; margin: 0 13px 0 0; }
.homepage #content {  margin: 0 0 0 20px !important; margin: 0 0 0 13px; }
#left {  margin: 0 0 0 25px !important; margin: 0 0 0 13px; }

/* content */
#content { width: 1030px; float: right; padding: 0px 0px 50px; font-size: 13px; }
.homepage #content { float: left;  width: 770px; }

#content h1, #content h3, #content h4, #content h5, #content h6 { font-weight: lighter; }

#content h1 { font-size: 40px; padding: 16px 0 8px; }

#content a { color: #333; }

.breadcrumb { font-size: 13px; padding: 40px 7px 5px 0; }
.breadcrumb .home { background: url(../images/ico-14-domu.png) no-repeat left center; display: block; float: left; width: 14px; height: 14px; margin-right: 5px;}

/* pagetext */
#content .textpage h1 { font-size: 1.5em; }
#content .textpage h3 { font-size: 1.4em; }
#content .textpage h4 { font-size: 1.3em; }
#content .textpage h5 { font-size: 1.2em; }
#content .textpage h6 { font-size: 1.1em; }

#content .textpage {  line-height: 1.7em; font-size: 1.1em; }
#content .textpage img {  max-width: 840px; height: auto; }
#content .textpage a {text-decoration: underline;}
#content .textpage a:hover {text-decoration: none;}
#content .textpage p, #content .textpage ul, #content .textpage ol, #content .textpage h3, #content .textpage h4, #content .textpage h5, #content .textpage h6, #content .textpage table { margin-bottom: 10px; }
#content .textpage table tr td a {font-size: 13px;}
#content .textpage h3 {color: #DF007A; padding: 16px 0 8px;}
#content .textpage h4, #content .textpage h5, #content .textpage h6 { margin-top: 15px; }

/* popis kategorii */
#content .textpagekat { line-height: 1.4em; margin-top: 10px;}
#content text .textpagekat text {font-size: 12px; }
#content .rozbalit {margin: 5px 0px 30px; }
#content #showtext { color: #E1007A; }
#content #showtext .plus { font-size: 10px; font-weight: bold; color: white; background-color: #551b4e; padding-left: 2px; padding-right: 2px; margin-right: 4px;}
#content #showtext.up {display: none;}

#content .imgcont { line-height: 1em; }

#content #mailing td, #content #mailing th {border: 0px; padding: 0; }
#content .bookcont .textpage td, #content .textpage th {border: 0;}

#content .page-group { margin-bottom: 40px; }
#content .page-group .date { font-weight: bold; font-size: .8em; margin-top: 2px; }

.banner {  margin: 20px 0; /*background: #9CE100;*/ }

/* left */
#left { width: 285px; float: left; font-size: 16px; border-right: 1px solid white; position: relative;}

#left .eshop-menu {position: relative;}
#left .eshop-menu a.maine {text-decoration: none;}
#left .eshop-menu .eshop {height: 50px; background: linear-gradient(#fd127d, #bf1069); border-radius: 10px; margin-left: 14px; color: white; font-size: 1.4em; margin-bottom: 15px;
       -webkit-box-shadow: 1px 6px 5px -1px #b7b7b7;
    -moz-box-shadow: 1px 6px 5px -1px #b7b7b7;
    box-shadow: 1px 6px 5px -1px #b7b7b7;
    text-transform: uppercase;
}        
#left .eshop-menu:hover .eshop, #left .eshop-menu:active .eshop, #left .eshop-menu .eshop.active {background: linear-gradient(to bottom, #bf1069 5%, #fd127d 100%); /*border-radius: 10px 10px 0 0;*/}

#left .eshop-menu .eshop p {text-align: center;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);}

#left .hlavni {margin-left: 14px; font-size: 16px; margin-top: 80px;}

#left .eshop-menu .menu, #left .params { margin-left: 14px; border: 1px solid #ebebeb; border-radius: 10px; margin-bottom: 15px; z-index: 1;
       -webkit-box-shadow: 5px 6px 5px -4px rgba(226,226,226,1);
    -moz-box-shadow: 5px 6px 5px -4px rgba(226,226,226,1);
    box-shadow: 5px 6px 5px -4px rgba(226,226,226,1);
}
#left .eshop-menu .menu.category { position: absolute; top: 50px; background: white; width: 270px; visibility: hidden; }
#left .eshop-menu:hover .menu.category { opacity: 1; transition-delay: 0.4s; visibility: visible; z-index: 105; /*border-radius: 0 0 10px 10px; */}
#left .menu li {cursor: pointer;}
#left .menu .group {position: relative;}
#left .l0.menu .hlavnix {display: flex; align-items:center;}
/*#left .l0.menu .hlavnix.l0 {background: url(../images/ico-arrow-right-pink.png) no-repeat right 15px center; padding: 5px 0 5px 0;}*/
#left .l0.menu .hlavnix.l0 { padding: 5px 0 5px 0; border-bottom: 1px solid white;}
#left .l0.menu .hlavnix.l0:hover {transition-delay: 0.4s; border-bottom: 1px solid #ebebeb; border-right: 0;
       box-shadow: 0 4px 4px -1px #ebebeb;
    -moz-box-shadow: 0 4px 4px -1px #ebebeb;
    -webkit-box-shadow: 0 4px 4px -1px #ebebeb;
}
#left .l0.menu .hlavnix.l0:hover ul.rich {visibility: visible; opacity: 1; transition-delay: 0.4s;}
/*#left .l0.menu .active .hlavnix.l0 {background: url(../images/ico-arrow-down-pink.png) no-repeat right 15px center;*/
#left .l0.menu img.group-ico {width: 42px; height: 42px; float: left; margin: 4px 12px 4px 15px; vertical-align: middle;}
#left .menu li.active { border-bottom: 0; }
#left .menu a { color: #744f6f; text-decoration: none; display: block;  }
#left .l0.menu li.active {border-bottom: 1px solid #ebebeb;}
#left .l0.menu .l1 li.active {border-bottom: 0;}

#left .l0 {  font-weight: bold;}
#left .menu li.active .hlavnix a.active {font-weight: bold;}
#left .l1 { font-weight: normal;}
#left .l0.menu .hlavnix.l1 {background: url(../images/ico-arrow-right-top.png) no-repeat left center; padding-left: 15px;}

#left .l0 li { border-bottom: 1px solid #ebebeb; }
#left .l0 li.last { border-bottom: 0; }
#left .l0 .l1 li {border-bottom: 0; margin-bottom: 5px;}
#left ul.l1 { padding-left: 15px; margin-bottom: 5px; }
#left ul.l2 { padding-left: 20px; margin-top: 5px; font-size: 0.9em;}
#left ul.l3 { padding-left: 20px; margin-top: 8px; font-size: 0.9em;}
#left ul.l4 { padding-left: 20px; margin-top: 11px; font-size: 0.9em;}
#left ul.l5 { padding-left: 20px; margin-top: 14px; font-size: 1em;}
#left ul.l6  { padding-left: 20px; margin-top: 17px; font-size: 1em;}

#left .menu a:hover, #left .bmenu a:hover { text-decoration: underline; color: #e2007a;}

/* topnavig */
#topnavig { height: 40px; top: 135px; background: #551B4E; }
#topnavig a { position: relative; z-index: 102; }
#topnavig li { float: left; background: url(../images/topnavig-dlm.gif) no-repeat left center; padding-left: 1px; transition: 0s; }
#topnavig li.first { margin-left: 13px !important; margin-left: 8px; background: none; }
#topnavig a, #topuser ul a { color: white; text-decoration: none; display: block; }
#topnavig a { font-size: 14px; padding: 9px 7px 14px 7px; font-weight: bold; background: url(../images/topnavig-blt.gif) no-repeat center 30px; }
#topnavig a:hover, #topnavig li:hover a { background-color: #ffffff; color: #333333; background-image: url(../images/topnavig-blt-a-bily.gif); }

#topnavig ul { visibility: hidden; opacity: 0; background: #ffffff; position: absolute; z-index: 101; }
#topuser ul { display: none; background: #A86AA0; position: absolute; z-index: 101; }
#topnavig ul { left: 0; }
#topnavig li:hover ul { visibility: visible; opacity: 1; transition-delay: 0.4s;}

#topnavig ul li { float: none; height: auto; }
#topuser ul li { float: none;height: auto; background: url(../images/topnavig-l1-dlm.gif) repeat-x left top; border-bottom: 1px solid #884C80; }
#topuser ul li a { background: url(../images/topnavig-l1-blt.gif) no-repeat 7px center; }
#topuser ul li a:hover { background-color: #551B4E; color: white;  background-image: url(../images/topnavig-l1-blt-a.gif); }

/* rich menu */
/*#topnavig a:hover span {text-decoration: underline;}*/
#left ul.rich { visibility: hidden; opacity: 0; background: #ffffff; position: absolute; z-index: 101; left: 263px; top: -1px; }
#left ul.rich li {width: 940px; background: none; box-shadow: 0px 1px 3px #ebebeb; padding-bottom: 10px; border-radius: 0 10px 10px 10px; border: 1px solid #ebebeb;}

#left ul.rich li .rich-cont {position: relative;}
#left ul.rich li .rich-cont:after{
    content: " ";
    position: absolute;
    left:-3px;
    top:0;
    height: 60px;
    border-left: 5px solid white;
}
#left ul.rich li .category { width: 300px; padding: 5px; font-size: 12px; margin: 20px 0px 10px; }
#left ul.rich li .category .list { margin-left: 60px; padding-left: 10px; padding-right: 10px;}
#left ul.rich li .category.first { width: 610px; }
#left ul.rich li .category img.icon {width: 50px; height: 50px; }
#left ul.rich li .category h3 a {font-size: 1.1em; color: #E1007A; margin-bottom: 5px; font-weight: bold;}
#left ul.rich li .category h3 a:hover {text-decoration: underline;}
#left ul.rich li .category a {background: none; font-size: 1.1em; background-image: none; padding: 0px 0px 0px 0px; font-weight: normal; display: inline; line-height: 1.6em;}
#left ul.rich li .category a.next {color: #E1007A; font-weight: bold; }
#left ul.rich li .category .morecateg {font-weight: bold;}
#left ul.rich li .category .morecateg .pad {padding-left: 10px;}

/* footer */
#footer { background: #551b4e; padding-top: 10px; font-size: 11px; }
#footer img {vertical-align: bottom;}
#footer .copyright {padding-left: 300px; color: #988094; padding-bottom: 30px;}

#footer .foot-info {display: block; padding-left: 300px;}
#footer .foot-info ul { font-size: 15px; padding-bottom: 15px; position: relative; display: inline-block; vertical-align: top; width: 24%; }
#footer .foot-info li { line-height: 2em; color: white;}
#footer .foot-info li.header { font-weight: bold; font-size: 16px; line-height: 3em; background: none; padding-left: 0; color: #e2007a;}
#footer .foot-info a { color: white; text-decoration: none; }
#footer .foot-info a:hover {text-decoration: underline;}


/* errors */
#popup ul.errors, #popup ul.notice, #content ul.errors, #content ul.notice { margin: 10px 0; padding: 6px 0; }
ul.errors li, p.error, ul.notice li { background-image: url(../images/error-ico.gif); background-repeat: no-repeat; background-position: left 4px; padding-left: 11px; position: relative; margin-bottom: 3px; }
ul.notice li { background-image: url(../images/notice-ico.gif); }

/* popup */
#popup, #ppoverlay { position: absolute; left: 0; top: 0; z-index:10000; font-size: 12px; }
#ppoverlay { background: #333; }
#popup { width: 590px; background: white; border-radius: 10px; -webkit-box-shadow: -1px 1px 14px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 1px 14px 0px rgba(0,0,0,0.75);
box-shadow: -1px 1px 14px 0px rgba(0,0,0,0.75); 
}
#popup .content {margin: 15px;}
#popup h3 { font-size: 26px; padding: 10px 25px; color: #e2007a; font-weight: lighter; }
#popup h3 { margin: 10px; }
#popup #close { position: absolute; right: 10px; top: 0; text-align: center; height: 34px; }
#popup #close a {background: url(../images/ico-popup-close.png) no-repeat right top; display: block; height: 34px; line-height: 30px; padding-right: 45px; color: #551b4e;}
#popup #close a:hover {color: #e2007a;}
/*#popupclose { display: block; margin: 0 auto; text-decoration: none; width: 50px; padding: 2px 4px; background: #551B4E; color: white; font-weight: bold; border: 1px outset #551B4E; }*/
#popup p, #popup ul.errors, #popup ul.notice, #popup form { margin: 10px; }
#popup ul.info { margin: 10px; }
#popup .info li { background: url(../images/text-ul-blt-sq.gif) no-repeat left 10px; padding-left: 20px; font-size: 12px; line-height: 2em;}
#popup iframe { width: 380px; margin: 0 10px; }
#popup h4 {font-size: 1.3em; font-weight: bold; margin: 10px; }
#popup table.trans {margin-left: 10px; font-size: 1.1em; width: 95%; max-height: 190px; border: 1px #e6e6e6 solid; }
#popup table.trans tr td { padding: 4px;}
#popup table.trans tr.secrow td {background: #f7f7f7;} 
#popup table.trans tr td.termin {color: #84c900; font-weight: bold; text-align: right;}
#popup table.trans .icon-trans img {max-height: 20px;}

#topinfo {position: relative; width: 100%; font-size: 15px; text-align: left; background: #fff9d7; font-family: sans-serif;
               border-bottom: 1px #eae3b8 solid; padding: 10px 0 10px 0; }
#topinfo a {color: #E1007A;}
#topinfo div.info {width: 970px; margin: 0 auto; position: relative;}
#topinfo .close {position: absolute; right: 10px; top: 2px; font-weight: bold; }
#topinfo .close a {color: #868686;text-decoration: none;}
#topinfo .close a:hover {color: #dadada;}

/* carousel */
/*.carouselbox, .pcarouselbox { position: relative; margin: 10px auto; height: 194px; border: solid #DADADA; border-width: 1px 0; }
.carousel, .pcarousel { height: 184px; width: 672px; overflow: hidden; margin: 0 auto; position: relative; padding: 5px 0; }

.ccontrol-l, .ccontrol-r, .carouselbox a.prev, .carouselbox a.next { display: block; position: absolute; z-index: 2;}
.ccontrol-l, .ccontrol-r { top: -1px; width: 16px; height: 100%; height: 196px; background: url(../images/carousel-left.gif) no-repeat left center; left: 0;}
.ccontrol-r { background: url(../images/carousel-right.gif) no-repeat right center; left: 684px;}

.carouselbox a.prev, .carouselbox a.next { width: 12px; height: 186px; top: 5px; }
.carouselbox a.prev { left: 4px; background: url(../images/carousel-prev.gif) no-repeat left top;  }
.carouselbox a.next { background: url(../images/carousel-next.gif) no-repeat left top; left: 0; }
.carouselbox a.noact { background-position: left bottom; }

.pcarouselbox { height: 244px; }
.pcarouselbox .ccontrol-l, .pcarouselbox .ccontrol-r { height: 246px; }
.pcarousel, .pcarouselbox a.prev, .pcarouselbox a.next { height: 236px; }
.pcarouselbox .ccontrol-l { background-image: url(../images/pcarousel-left.gif); }
.pcarouselbox .ccontrol-r { background-image: url(../images/pcarousel-right.gif); }
.pcarouselbox a.prev { background-image: url(../images/pcarousel-prev.gif); }
.pcarouselbox a.next { background-image: url(../images/pcarousel-next.gif); }

.carouselscroll { width: 2000px; }
*/
#content .carproduct { text-align:center; height: 184px; width: 164px; border: dotted #E9E9E9; border-width: 0 2px; }
#content .carproduct h4 { padding: 4px; height: 3.5em;  font-size: 12px; }
#content .carproduct a { text-decoration: none;  color: #333; }

#content .pcarousel .carproduct { height: 236px; }

/* forms */
fieldset { border: 0; }
input { width: 262px; }
input.radio { vertical-align: bottom; width: auto; }
label.block { display: block; margin-bottom: 4px; }

#content fieldset, #popup fieldset { border-width: 1px 0; padding: 10px; }
#content fieldset.w262 { width: 262px; }
#content label, #popup label { color: #e2007a; font-size: 1.3em; margin-left: 15px; font-weight: lighter; }
#content fieldset input, #popup input { height: 40px; background-color: #f5f5f5; border-radius: 10px; font-size: 1.6em; padding: 3px 8px 4px; border: solid 1px #dcdcdc; }
#popup input {width: 90%; }
#popup input[type="checkbox"] {width: 0; height: 0;}
#content fieldset textarea, #popup textarea { width: 90%; background-color: #f5f5f5; border-radius: 10px; font-size: 1.2em; padding: 10px; border: solid 1px #dcdcdc; }
#content fieldset textarea.nowidth {width: auto;}
/*#content fieldset input:focus, #popup input:focus {box-shadow: 0 0 2px 1px #969696;}*/
#popup fieldset .login-help a {color: #551b4e;}
#popup fieldset .login-help a:hover {color: #e2007a;}
#popup fieldset .login-help {margin: 20px 0 35px 15px;}

#content label.norm { font-weight: normal; }
#content button, #popup button, #content a.cmd, #content .btns {font-size: 18px; vertical-align: middle; 
          background: linear-gradient(to bottom, #e20079 5%, #a20656 100%);
          border-radius: 20px; width: 188px; border: 0; margin-bottom: 10px; margin-top: 15px; text-align: center; 
          height: 36px; line-height: 36px; 
          font-weight: normal; 
          -moz-box-shadow: 3px 8px 2px -6px #b7b7b7;
	-webkit-box-shadow: 3px 8px 2px -6px #b7b7b7;
	box-shadow: 3px 8px 2px -6px #b7b7b7;
	background-color:#e20079;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	color:#ffffff;
 }
 #content button:hover, #popup button:hover, #content a.cmd:hover, #content .btns:hover {
    background: linear-gradient(to bottom, #a20656 5%, #e20079 100%);
    background-color: #a20656;
}
#popup button {margin-right: 33px; margin-bottom: 20px; }

/* katalog */
#content ul.category { margin: 20px 0 30px 0; overflow: hidden; }
#content ul.category li { float: left; margin: 0 10px 10px 0; height: 100px; width: 150px; vertical-align: middle; text-align: center; 
              border-radius: 15px; padding: 5px; font-size: 1.2em; 
              background-color: #f5f5f5;
              /*background: #f5f5f5 url(../images/ico-arrow-right-small-pink.png) no-repeat right 7px center;*/
}
#content ul.category li a {display: block; text-decoration: none; color: #724c6c; overflow: hidden; }
#content ul.category li a span {line-height: 20px; text-overflow: ellipsis; vertical-align: middle; display: inline-block;}
#content ul.category li a img {height: 52px; text-align: center; float: outside; mix-blend-mode: multiply; }
#content ul.category li a:hover {color: #e2007a; }
#content ul.category li:hover {background-color: #e5e5e5;}

#content ul.category-search {margin-top: 20px;}
#content ul.category-search a { background: url(../images/category-ico.gif) no-repeat left center; padding-left: 20px; white-space: nowrap; }

#filter .pslider {font-size: 0.9em; margin-left: 15px; position: relative;}
#filter #slider, #filter .pslider .sliderpar { width: 210px; position: relative; height: 18px; margin: 0 10px; }
#filter .pslider .back {background: #ebebeb; height: 2px; position: absolute; top: 8px; width: 202px; margin-left: 10px;}
#filter #slider .handle, #filter .pslider .sliderpar .handle { position: absolute; height: 20px; width: 18px; background: url(../images/slider-handle.png) no-repeat left top; z-index: 3; cursor: pointer;}
#filter #slider_span, #filter .pslider .sliderpar .sliderpar_span { position: absolute; top: 8px; height: 2px; background: #DF007A; z-index: 2;}

#downpager {margin-top: 40px; position: relative; overflow: hidden;}
#downpager .pager, #downpager .moveUp, #downpager .nextProducts { height: 55px; border: 1px solid #ebebeb; border-radius: 15px; font-size: 1.5em; width: 254px; 
                                                                  display: flex; align-items: center;
        -webkit-box-shadow: 5px 6px 5px -4px rgba(226,226,226,1);
    -moz-box-shadow: 5px 6px 5px -4px rgba(226,226,226,1);
    box-shadow: 5px 6px 5px -4px rgba(226,226,226,1);
    float: left;
}
#downpager .nextProducts {width: 282px; position: absolute; left: 362px; justify-content: center;}
#downpager .pager {justify-content: center; position: absolute; right: 0;}
#downpager .moveUp img {margin-right: 25px; margin-left: 23px; }
#downpager .moveUp a {text-decoration: none;}
#downpager .pager a, #downpager .nextProducts a {margin-right: 12px; text-decoration: none;}
#downpager .pager a:hover, #downpager .moveUp a:hover, #downpager .nextProducts a:hover {text-decoration: underline;}
#downpager .pager * { display: block; float: left;  }
#downpager .pager .sep {margin-right: 10px;}
/*#content .pager a.btn { border: 1px solid; border-color: #E6359E #B70065 #B70065 #E6359E; background: #DF007A; color: white; text-decoration: none; font-size: 11px; font-weight: bold; padding: 3px; }*/
#downpager .pager .active, #downpager .nextProducts a span.pocet { background-color: #e2007a; width: 34px; height: 34px; border-radius: 50%; color: white; text-align: center; line-height: 34px; margin-right: 10px; }
#downpager .nextProducts a span.pocet {margin-right: 0; padding: 8px; }
#downpager .pager .prev { margin-right: 8px; }
#downpager .pager .next { margin-right: 0; }

#content .souvwizard .next { width: 150px; height: 40px; margin-top: 40px; margin-bottom: 20px; position: relative; left: 50%; margin-left: -64px; }
#content .souvwizard .next a { display: block; padding-top: 10px; padding-bottom: 10px;}
#content .souvwizard .next a.detail:hover { text-decoration: underline; background: linear-gradient(#96c234, #9bdb0b);}
#content .souvwizard .next a.detail { background: -webkit-linear-gradient(#9bdb0b, #96c234); 
                                 background: -moz-linear-gradient(#9bdb0b, #96c234);
                                 background: -o-linear-gradient(#9bdb0b #96c234);
                                 background: -ms-linear-gradient(#9bdb0b, #96c234);
                                 background: linear-gradient(#9bdb0b, #96c234);
         color: white; font-size: 1.4em; text-decoration: none; border: 1px solid #88ad30; text-shadow: 0 -1px 0px #88ad30; border-radius: 10px;}
#content .souvwizard .next a.detail.up span {display: none;}
#content .souvwizard .next a.detail.up:after {content: "Skrýt";}
#content .souvwizard {padding-bottom: 15px;}
#content .souvwizard h2 {padding-bottom: 2px; margin-top: 40px;}
#content .souvwizard p {padding-bottom: 6px;}
#content .prislodkaz {padding-top: 25px; padding-bottom: 10px; }

/* Sort */
#content #catalogue-sort {margin-top: 45px; line-height: 44px; height: 44px; margin-bottom: 10px;}
#content #catalogue-sort p.desc {font-size: 1.2em; margin-right: 28px;}
#content #catalogue-sort ul.sort {list-style: none; line-height: 44px;}
#content #catalogue-sort ul.sort li {float: left; margin-right: 11px; width: 160px; font-size: 1.4em; text-align: center; height: 43px; font-weight: lighter;
         border: 1px solid #f5f5f5; border-radius: 15px 15px 0 0; border-bottom: 0; background-color: #f5f5f5;}
#content #catalogue-sort ul.sort li.active {background-color: white; color: #e2007a;
        -webkit-box-shadow: 5px 0px 6px -3px rgba(226,223,224,1);
-moz-box-shadow: 5px 0px 6px -3px rgba(226,223,224,1);
box-shadow: 5px 0px 6px -3px rgba(226,223,224,1);
}
#content #catalogue-sort ul.sort li a {display: block; text-decoration: none;}
#content #catalogue-sort ul.sort li a:hover {background-color: #e5e5e5; border-radius: 15px 15px 0 0; color: #e2007a;}

/* products */
#products {display: flex; flex-wrap: wrap; }
#products .product { border-right: 1px solid #ebebeb; width: 240px; /*height: 645px;*/ padding: 35px 8px 30px 8px; position: relative; font-size: 11px; 
           display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          flex-direction: column;
          -webkit-box-pack: justify;
          justify-content: space-between;
}
.product.wiz {height: 480px; width: 235px; border-right: 1px solid #ebebeb; padding: 35px 8px 30px 8px; position: relative; font-size: 11px;}
/*.product.first { border-top: 1px solid #DBDBDB; }*/
.product.last { border-right: 0; }
.product.linenext {border-top: 1px solid #ebebeb; }

#content .product h3 { font-size: 16px; font-weight: bold; text-align: center; margin-bottom: 40px; height: 42px; text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden; }
#content .product h3 a { text-decoration: none; color: #551b4e; }
#content .product h3 a:hover {text-decoration: underline;}
#content .product .avail-cont {display: flex; justify-content: center;}
#products .product .middle .avail-cont {margin-bottom: 15px;}
#content .product p.avail { /*position: absolute; bottom: 210px; left: 40px;*/
    font-size: 1.5em; padding: 8px 20px 8px 20px; border: 1px solid #84C900; border-radius: 20px; text-align: center; width: 130px; 
}
#content .product.wiz p.avail {bottom: 130px; }
#content .product p.avail.orange {border-color: #AD7023;}
#content .product p.avail.blue {border-color: blue;}

/*#content .product .nadpis { height: 40px; }
#content .product .img { float: right; width: 120px; height: 120px; }*/
#content .product.wiz .cena {bottom: 0;}
#content .product .cena { /*position: absolute; left: 0; bottom: 20px;*/ width: 100%; text-align: center; }
#content .product .cenaBg { margin: 5px;
                            width: calc(100% - 10px);
}
#content .product .kat {margin-bottom: 10px;}
#content .product .kat p { text-align: center; font-size: 1.2em}
#content .product .cena { font-size: 1.4em }
#content .product .cena .mainprice { font-size: 1.7em; }
#content .product .cena .code {color: #cecece; font-size: 0.7em;}
#content .product .info a, #content .avail a, #content .info .avail2 a, #params a.dost { color: #9ce100; text-decoration: none; vertical-align: top; display: block; }
#content .product .info a.orange, #content .avail a.orange, .dropdown-content .avail.orange { color: #AD7023; }
#content .product .info a.blue, #content .avail a.blue, .dropdown-content .avail.blue { color: blue; }
#content .product .compare-cont {height: 40px; vertical-align: middle; line-height: 40px; margin-bottom: 5px;}
#content .product a.compare { background: url(../images/ico-comp-katalog.png) no-repeat left center; text-align: center; padding: 5px 0 5px 40px; }

#content .product .popis {
    height: 95px;
    overflow: hidden;
    font-size: 1.1em;
    color: #551b4e;
    text-align: center;
    line-height: 1.3em;
    margin-top: 10px;
    margin-bottom: 10px;
}

#content .product ul.states {
    list-style: none;
    position: absolute;
    left: 0;
    top: 160px;
    margin-top: 0;
    background: transparent;
    text-align: center;
    line-height: 1.2em;
    width: 0; 
    font-size: 1.1em;
}

#content .product .states li, #content #detailform ul.states li{
    width: 100px;
    background-color: rgba(255,255,255,.8);
    color: #676767; font-weight: bold;
    margin-bottom: 2px;
    padding: 5px;
}
#content .product ul.states-h li.doprava, #content #detailform ul.states-h li.doprava{
    background: #84C900;
}
#content .product ul.states-h li.black, #content #detailform ul.states-h li.black{
    background: black;
}
#content .product ul.states-h li.sance, #content #detailform ul.states-h li.sance{
    background: #00d9e1;
}
#content .product ul.states-h li.zdarma, #content #detailform ul.states-h li.zdarma{
    background: #ff6600;
}
#content .product ul.states-h li.zlevneno, #content #detailform ul.states-h li.zlevneno{
    background: #fada00; color: #e74a69;
}

#content .product ul.states-h, #content #detailform ul.states-h {position: absolute; left: 5px; top: 80px; text-transform: uppercase; font-size: 1.1em; font-weight: bold;}
#content #detailform ul.states-h.detail {top: -14px; font-size: 0.9em;}
#content .product .newIkony {position: absolute; right: 0; top: 0;}
#content .product .newIkony .cashback, #content .product ul.states-h li, #content #detailform ul.states-h li { height: 70px;
  width: 75px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%; 
  background: #df007a; 
  color: white;
}
#content .product .newIkony .cashback b {font-size: 1.3em;}

#content .product .img {
    float: none;
    height: 215px;
    width: 100%;
    position: relative;
}

#content .product .icons { width: 90px; }
#content .icons .ico { display: block; width: 35px; height: 42px; background-repeat: no-repeat; background-position: left top; float: left; margin: 0 8px 4px 0; }

.product .deduction {position: absolute; top: 240px; right: 20px; width: 120px; color: white; border-radius: 4px; text-align: center; padding: 3px;
             font-size: 16px; font-weight: bold; 
             background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(113, 152, 26, .55)), to(rgba(113, 152, 26, .55))), -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(113, 152, 26, 0)), color-stop(0.5, rgba(113, 152, 26, .1)), color-stop(0.501, rgba(113, 152, 26, 0)), color-stop(1, rgba(113, 152, 26, 0)));
    background: -moz-linear-gradient(top, rgba(113, 152, 26, .55), rgba(113, 152, 26, .85)), -moz-linear-gradient(left top, rgba(113, 152, 26, 0), rgba(113, 152, 26, .1) 50%, rgba(113, 152, 26, 0) 50%, rgba(113, 152, 26, 0));
    background: -ms-linear-gradient(top, rgba(113, 152, 26, .55), rgba(113, 152, 26, .85)), -ms-linear-gradient(left top, rgba(113, 152, 26, 0), rgba(113, 152, 26, .1) 50%, rgba(113, 152, 26, 0) 50%, rgba(113, 152, 26, 0));
    background: linear-gradient(top, rgba(113, 152, 26, .55), rgba(113, 152, 26, .85)), linear-gradient(left top, rgba(113, 152, 26, 0), rgba(113, 152, 26, .1) 50%, rgba(113, 152, 26, 0) 50%, rgba(113, 152, 26, 0));
}

.product .deduction .akceinfo{
    font-size: 14px;
}

.product .akcePopupDiv {
    background-color: #fdf988;
    position: absolute;
    top: -19px;
    width: calc(100% - 10px);
    display: none;
    color: #E1007A;
    padding: 5px;
    font-size: 15ppx;
    text-align: center;
    margin-left: -7px;
}

.betterStrike{
    background-image: linear-gradient(transparent 10px,#E1007A 10px,#E1007A 11px,transparent 10px);
}

.betterStrike2{
    background-image: linear-gradient(transparent 16px,#E1007A 16px,#E1007A 18px,transparent 10px);
}


.product .akcnicenatext {
    float: right;
    font-size: 14px;
    color: black;
    padding-right: 5px;
}

.marginP{
    margin-top: 10px;
}

.bottomPaddingNo{
    padding-bottom: 0 !important;
}

.product .akcepopup {   
    padding: 3px;
    background: #fdf988;
    border-radius: 10px;
    min-width: 120px;
}

.product .akcepopup.cashback{ border-style: dashed; border-width: 1px; font-size: 0.8em; margin-bottom: 10px; position: relative;}
.product .akcepopup .cashback-price {font-size: 1.2em; }
.product .akcepopup.cashback a {position: absolute; top: 11px; right: 7px;}


/* tip */
#tip, #tip .over { position: absolute; width: 200px; display: none; height: 20px; font-size: 11px; }
#tip div.content { background: white url(../images/ajax-loader-1.gif) no-repeat center center; border: 1px solid black;  padding: 5px; /*margin-top: 10px;*/}
#tip div.ready { background: white; }
#tip .over { height: 100%; /*background: red;*/ }

#overlay { position: absolute; z-index:10; background: #DDD url(../images/ajax-loader-2.gif) no-repeat center center; }

/* detail */
#content .icons2 .doprava { background-image: url(../images/ico-detail-doprava.png); }
#content .icons2 .novinka { background-image: url(../images/ico-detail-novinka.png); }
#content .icons2 .black { display: none; }
#content .icons2 .akce { background-image: url(../images/ico-detail-trhak.png); }
#content .icons2 .odber { background-image: url(../images/ico-detail-odber.png); }
#content .icons2 .odeslani { background-image: url(../images/ico-detail-odeslani.png); }
#content .icons2 .darek { background-image: url(../images/ico-detail-darek.png); }

#content .btns-afteradd {height: 36px; margin-top: 15px;}
#content button.addcart, #content .btns { font-size: 18px; padding: 0px 0 7px 50px; vertical-align: middle; 
          width: 188px; border: 0; margin-bottom: 10px; margin-top: 15px; text-align: left; 
          text-transform: uppercase; 
          background: url(../images/ico-cart-white.png) no-repeat 120px center, linear-gradient(to bottom, #e20079 5%, #a20656 100%);
}
#content .btns {height: 36px; line-height: 36px; cursor: pointer; padding: 0; margin: auto; margin-top: 15px; }
#content .btns a {color: white; text-decoration: none; margin-left: 50px;}
#content .btns a.agent {margin: 0; display: block;}
 #content .btns.agent { text-align: center; margin: 15px auto 10px auto; background: linear-gradient(to bottom,#2ba3f5 5%,#3697d9 100%);
 }
#content .btns.send {text-transform: none; background: linear-gradient(to bottom, #e20079 5%, #a20656 100%); text-align: center; margin: 0; margin-top: 20px;}
#content .btns.send:hover {background: linear-gradient(to bottom, #a20656 5%, #e20079 100%);}

#content button.addcart:hover, #content .btns:hover {
    background: url(../images/ico-cart-white.png) no-repeat 120px center, linear-gradient(to bottom, #a20656 5%, #e20079 100%);
}
#content .btns.agent:hover {background: linear-gradient(to bottom,#3697d9 5%,#2ba3f5 100%)}

#content h3.other { font-size: 1.6em; color: #DD007A; margin-bottom: 10px;}

.bookmark { height: 36px; margin-top: 26px; font-size: 14px; }

.precart { margin: 10px 0 40px; }
.precart h3 { color: #551B4E; font-size: 18px; margin-bottom: 10px; }
.precart p { font-size: 16px; margin-bottom: 12px; }
.precart .img { border: 1px solid #D9D9D9; margin-right: 18px; }
.precart .data { margin-left: 139px; }
#content a.btn { font-size: 16px; display: block; text-decoration: none; background: #D4D4D4; border: 1px solid; 
      border-color: #E6E6E6 #AAA #AAA #E6E6E6; padding: 10px 15px 10px; border-radius: 30px; 
}
#content a.btn:hover {background: #e4e4e4;}
#content a.cmd { text-decoration: none; }

.pcoffer h3, .incom h3 { font-size: 20px; color: #DD007A; margin-bottom: 8px; }
#content .pcoffer h4 { color: #551B4E; font-weight: bold; font-size: 14px; margin-bottom: 5px; }
#content .pcoffer .pcarousel h4 { font-weight: normal; }
#content .pcarousel strong { font-size: 14px; color: #DD007A; }
#content .pcarousel label { font-size: 11px; }
#content .pcarousel .oprice { margin-right: 10px; }

.offer { margin-bottom: 35px; }
.offer table { width: 100%; }
.offer th, .offer td { padding: 4px; }
.offer th { background: #E6E6E6; border: solid #DDD; border-width: 1px 0; }
.offer td { border: solid #EAEAEA; border-width: 1px 0; }
.offer td img.prod {width: 65px;}
.offer .first { width: 30px; }
.offer .price { width: 120px; }
.offer .code { width: 70px; }
.offer .avail {color: #84C900; }
.offer .orange { color: #AD7023; }
.offer td .btns-fav {margin-top: 10px; }
.offer td .btns-fav a.detail { background: url(../images/ico-cart-white.png) no-repeat center center, linear-gradient(to bottom, #e20079 5%, #a20656 100%); 
         width: 30px; height: 25px; border-radius: 5px; text-decoration: none; display: block; background-size: 20px; }
.offer td .btns-fav { padding-right: 9px; padding-bottom: 9px; position: relative;}
.offer td .btns-fav .addcart { position: absolute; top: 0; left: 2px; }

.incom p { margin-bottom: 10px; }
.bbtns { margin: 14px 0; }

#wres { position: absolute; background: white; font-size: 12px; z-index: 103; border: 1px solid #ebebeb; border-radius: 15px; margin-top: 5px; padding: 15px;
        -webkit-box-shadow: 5px 6px 5px -4px rgba(226,226,226,1);
-moz-box-shadow: 5px 6px 5px -4px rgba(226,226,226,1);
box-shadow: 5px 6px 5px -4px rgba(226,226,226,1);
}
#wres a { color: #333; padding: 4px 0px; text-decoration: none; display: block;}
#wres a:hover { background: #555656;  color: white; } 
#wres .hover2 { background: #555656;  color: white; } 
#wres a img {height: 25px; vertical-align: middle; margin-right: 5px; mix-blend-mode: multiply; }
#wres p {display: inline; font-weight: 400; padding: 4px;}
#wres hr {border-top: 1px solid #ebebeb; color: white; background-color: white; margin: 7px 0 7px 0;}
#wres .nadpisS {font-size: 1.2em; display: block; color: #e42685; margin-bottom: 3px;}

#sidebanner { position: absolute; top: 135px; left: 1390px; }
#leftsidebanner { position: absolute; top: 135px; left: -135px; }

#aprinterw { height: 92px; margin-bottom: 10px; }
#aprinterw a { position: absolute; width: 700px; height: 92px; background: url(../images/a-printerwizard-bckg.png) no-repeat left top; }

/* Kontaktní formulář */
#mail {}
#mail h4 { color: #DD007A; font-weight: bold; font-size: 18px; margin-bottom: 5px; margin-top: 25px;}
#mail p {font-size: 16px;}

.paramscont div.params {border: 1px solid #EAEAEA; border-radius: 3px; margin-bottom: 5px; padding-top: 3px; padding-left: 3px;}

.rating {width: 113px; height: 20px; position: relative; background-color: #a9a9a9; float: left; margin-right: 10px; }

.rating.catalogue {float: none; margin: 0 auto; }

.rating .star-rating-value {height: 100%; position: absolute; background-color: #fada00;  }

.rating .star-bg {position: absolute;
  height: 100%;
  width: 100%;
  background: url(../images/star.svg) repeat;
  background-size: contain; }

#availform label {font-size: 1.2em;}
#availform h4 {margin-bottom: 20px;}

#availform input[type="text"] {padding: 10px; border: solid 1px #dcdcdc; transition: box-shadow 0.3s, border 0.3s; border-radius: 2px; font-size: 1.3em;}
#availform input[type="text"]:focus, #availform input[type="text"].focus {border: solid 1px #E1007A; box-shadow: 0 0 3px 1px #969696;}
#availform div.spamcode {margin-top: 25px;}

#content .bestsell {
    margin-top: 20px;    
}

#content .bestsell h2 {color: #e2007a; margin-bottom: 15px; font-weight: normal; font-size: 2.2em; }

#content .bestsell .product { position: relative; font-size: 11px;
    height: 196px; width: 315px; margin-right: 15px; border: 1px solid #ebebeb; border-radius: 15px; padding: 0;
    -webkit-box-shadow: 5px 6px 5px -4px rgba(226,226,226,1);
    -moz-box-shadow: 5px 6px 5px -4px rgba(226,226,226,1);
    box-shadow: 5px 6px 5px -4px rgba(226,226,226,1);
}

#content .bestsell .product.last {margin-right: 0;}

#content .bestsell .product .cont-right h3 {font-size: 1.4em; text-align: center; margin-bottom: 20px; max-height: 42px; text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;}
#content .bestsell .product .cont-right h3 a {color: #551b4e; text-decoration: none; }
#content .bestsell .product .cont-right h3 a:hover {text-decoration: underline;}


#content .bestsell .product span.nr {
    vertical-align: middle; display: inline-block;  text-align: center;
    background: #e2007a;
    color: white;
    font-size: 1.6em;
    width: 32px;
    height: 32px;
    line-height: 26px;
    border-radius: 0 0 14px 14px;
    position: absolute;
    top: -2px;
    left: 20px;
}
#content .bestsell .product .cont-left {
    float: left;
    margin-top: 30px;
    height: 160px;
}
#content .bestsell .product .cont-left img {
    width: 110px;
    height: 110px;
}
#content .bestsell .product .cont-right{
    padding: 15px 8px 0 8px;
    float: right;
    width: 185px;
}

#content .bestsell .product .cont-right .info {text-align: center; }
#content .bestsell .product .cont-right .info .big {font-size: 2.1em;}

#content .productmodels h2 {
    font-size: 18px;
    font-weight: normal;
}

#content .product p.transbest {
    font-size: 1.5em; padding: 8px 20px 8px 20px; border: 1px solid #84C900; border-radius: 20px; margin-top: 10px; text-align: center;
}

#content .productmodels .models { margin: 5px 0 10px 0; line-height: 180%; }
#content .productmodels .models li { float: left; margin-right: 17px; }
#content .productmodels .models li.last { float: none; }


#filter .pslider .price {padding: 10px 15px 15px 5px;}

#filter .filter-group {border-bottom: 1px solid #ebebeb;}
#filter .filter-group.last {border-bottom: 0;}
#filter .filter-group .skladem {padding: 0 0 13px 35px; color: #551b4e; font-size: 0.9em; }
#filter .filter-title { color: #551b4e; font-size: 1.0em; padding: 16px 0 13px 20px; margin-bottom: 7px; }
#filter h4.filter-title {font-weight: normal; background: url(../images/filter_show_ico.gif) no-repeat right 17px center; }
#filter a.up h4.filter-title {background: url(../images/filter_hide_ico.gif) no-repeat right 17px center;}
#filter a {text-decoration: none;}
#filter .filter-group .filter-item, #filter .filter-group .other-items {padding: 0 0 7px 35px; color: #551b4e; font-size: 0.8em; }
#filter .filter-group .other-items a {text-decoration: none; color: grey;}
#filter .filter-group .other-items a:hover {text-decoration: underline;}
#filter .filter-group .other-items a.up span {display: none;}
#filter .filter-group .other-items a.up:after {content: "Skrýt ostatní"; }
#filter .filter-group label span {color: gray;}

#filter .filter-group input[type="checkbox"] {
    position: absolute;
    left: -999em;
}

#filter .filter-group input[type="checkbox"] + label {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

#filter .filter-group input[type="checkbox"] + label::before {
   content: "";
   display: inline-block;
   vertical-align: -15%;
   height: 1.7ex;
   width: 1.7ex;
   background-color: white;
   border: 1px solid rgb(166, 166, 166);
   margin-right: 0.5em;
}

#filter .filter-group input[type="checkbox"]:checked + label::after {
   content: '';
   position: absolute;
   width: 0.9ex;
   height: 0.4ex;
   background: rgba(0, 0, 0, 0);
   top: 0.6ex;
   left: 0.4ex;
   border: 3px solid #e2007a;
   border-top: none;
   border-right: none;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

#filter .filter-group input[type="checkbox"]:disabled + label{
    cursor: default; color: #ebebeb;
}
#filter .filter-group input[type="checkbox"]:disabled + label::before{
    background-color: #ebebeb; border: 1px solid #ebebeb;
}

#content .product .disc-cont {position: absolute; top: 0; width: 93%;}

#content .product .disc-cont .disccode {
    padding: 5px 5px 5px 40px; background: #fdf988; font-weight: bold; font-size: 1.2em; margin-bottom: 10px; position: relative; display: block; height: 30px; box-sizing: border-box;
}

#content .product .disc-cont .disccode .ico-disc {
    left: 0;
    top: 0;
    font-size: 14px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    background: #ffdc45;
    color: rgba(55,55,55,.7);
}
#content .product .disc-cont .disccode .ico-disc:after{
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -8px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid;
    color: #ffdc45;
}

#content .clanek {margin-top: 15px;}
#content .clanek .ozn {background-color: #DF007A; color: white; margin-right: 10px; padding: 5px; border-radius: 5px;}
#content .clanek img {max-height: 80px;}
#content .clanek a h2 {font-size: 1.1em; color: #DF007A; margin-bottom: 5px;}
#content .clanek p {color: grey;}

#nresults {margin-top: 30px;}
/*#nresults {background: #dadada; text-align: center;}*/

/* Kategorie big image */ 
#content .category-b {margin-top: 20px;}
#content .category-b ul {font-size: 14px; list-style: none; }
#content .category-b ul li {border: 1px solid #DBDBDB; width: 206px; height: 200px; padding: 8px; text-align: center; float: left; margin-bottom: 10px; margin-right: 10px; }
#content .category-b ul li.last { margin-right: 0px; }
#content .category-b ul li a { display: block; height: 200px; background-position: 50% calc(100% - 25px); background-size: auto 140px; background-repeat: no-repeat;}