@media screen, projection {
	.old {display: none; visibility: hidden; position: absolute; z-index: -1}
	.fl {float: left}
	.fr {float: right}
	.cb {clear: both}
	.tc {text-align: center !important}
	.tl {text-align: left !important}
	.tr {text-align: right !important}
	.tj {text-align: justify !important}
	.lc {text-transform: lowercase !important}
	.dispbl {display: block}
	.nd {display: none}
	.nw {behavior: url("css/nw.htc")}
	.vt {vertical-align: top !important}
	.vb {vertical-align: bottom !important}
	.vm {vertical-align: middle !important}
	.m0 {margin: 0 !important}
	.m5 {margin: 5px !important}
	.m10 {margin: 10px !important}
	.m20 {margin: 20px !important}
	.mt5 {margin-top: 5px !important}
	.mt10 {margin-top: 10px !important}
	.mt20 {margin-top: 20px !important}
	.ml10 {margin-left: 10px !important}
	.mtb-10 {margin: 10px 0 !important}
	.p0 {padding: 0 !important}
	.p5 {padding: 5px !important}
	.p10 {padding: 10px !important}
	.p15 {padding: 15px !important}
	.p20 {padding: 20px !important}
	.p0_20 {padding: 0 20px !important}
	.w5 {width: 5px !important}
	.w10 {width: 10px !important}
	.w20 {width: 20px !important}
	.w30 {width: 30px !important}
	.w40 {width: 40px !important}
	.w50 {width: 50px !important}
	.w60 {width: 60px !important}
	.w70 {width: 70px !important}
	.w80 {width: 80px !important}
	.w90 {width: 90px !important}
	.w100 {width: 100px !important}
	.w120 {width: 120px !important}
	.w130 {width: 130px !important}
	.w150 {width: 150px !important}
	.w170 {width: 170px !important}
	.w150 {width: 150px !important}
	.w180 {width: 180px !important}
	.w200 {width: 200px !important}
	.w210 {width: 210px !important}
	.w220 {width: 220px !important}
	.w230 {width: 230px !important}
	.w240 {width: 240px !important}
	.w250 {width: 250px !important}
	.w300 {width: 300px !important}
	.w450 {width: 450px !important}
	.w500 {width: 500px !important}
	.w33pc {width: 33% !important}
	.w50pc {width: 50% !important}
	.w48pc {width: 48% !important}
	.w40pc {width: 40% !important}
	.w100pc {width: 100% !important}
	.nborder {border: none !important}
	.hand {cursor: pointer}
	.hidden_elem {display: none}

	.rel {position: relative}
	.rel .sleva-banner {position: absolute; color: #000; margin: auto; width: 60%; left: 17%; height: 37%; top: 28%; padding: 10px; background: url(/img/pozadi-sleva.png) repeat; text-align: center}

	.rel .sleva-banner h2 {margin: 0; padding: 0; font-size: 36px; font-weight: bold; margin-top: 12px}
	.rel .sleva-banner h3 {margin: 0; padding: 0; font-size: 30px; font-weight: bold}
	.rel .sleva-banner h4 {margin: 0; padding: 0; font-size: 18px; font-weight: normal; text-transform: uppercase}
	.rel .sleva-banner h5 {margin: 0; padding: 0; font-size: 16px; font-weight: bold}

	.dsbl span {color: #AAA !important}
	.gift-select .name em {font-size: 95%}
	.pd-part-variant del {color:#ea002d;}
	.readonly {background-color: #efefef}

	#step-list a {text-decoration: none; font-style: normal}

	.ui-helper-hidden-accessible {display: none}

	.ui-state-hover, .ui-state-focus { background:#f2f2f2; }
	.ui-state-hover a, .ui-state-hover a:hover { background:#f2f2f2; }

	#kosik-mnozstvi {border:1px solid #c7bec2;vertical-align:middle;box-shadow:inset 0 2px 4px rgba(0,0,0,0.18);font-size:15px;width:49px;height:33px;padding:5px 2px 5px 3px;text-align:left}

	#price-variants li label del {color:#ea002d; font-size:133.3333%;}

}

@media (min-width: 100px) {
	.rel .sleva-banner h2 {margin: 0; padding: 0; font-size: 20px; font-weight: bold; margin-top: 12px}
	.rel .sleva-banner h3 {margin: 0; padding: 0; font-size: 15px; font-weight: bold}
	.rel .sleva-banner h4 {margin: 0; padding: 0; font-size: 11px; font-weight: normal; text-transform: uppercase}
	.rel .sleva-banner h5 {margin: 0; padding: 0; font-size: 10px; font-weight: bold}
}

@media (min-width: 350px) {
	.rel .sleva-banner h2 {margin: 0; padding: 0; font-size: 28px; font-weight: bold; margin-top: 12px}
	.rel .sleva-banner h3 {margin: 0; padding: 0; font-size: 22px; font-weight: bold}
	.rel .sleva-banner h4 {margin: 0; padding: 0; font-size: 16px; font-weight: normal; text-transform: uppercase}
	.rel .sleva-banner h5 {margin: 0; padding: 0; font-size: 13px; font-weight: bold}
}

@media (min-width: 628px) {
	.rel .sleva-banner h2 {margin: 0; padding: 0; font-size: 23px; font-weight: bold; margin-top: 12px}
	.rel .sleva-banner h3 {margin: 0; padding: 0; font-size: 18px; font-weight: bold}
	.rel .sleva-banner h4 {margin: 0; padding: 0; font-size: 14px; font-weight: normal; text-transform: uppercase}
	.rel .sleva-banner h5 {margin: 0; padding: 0; font-size: 12px; font-weight: bold}
}

@media (min-width: 760px) {
	.rel .sleva-banner h2 {margin: 0; padding: 0; font-size: 28px; font-weight: bold; margin-top: 12px}
	.rel .sleva-banner h3 {margin: 0; padding: 0; font-size: 22px; font-weight: bold}
	.rel .sleva-banner h4 {margin: 0; padding: 0; font-size: 16px; font-weight: normal; text-transform: uppercase}
	.rel .sleva-banner h5 {margin: 0; padding: 0; font-size: 13px; font-weight: bold}
}

@media (min-width: 900px) {
	.rel .sleva-banner h2 {margin: 0; padding: 0; font-size: 36px; font-weight: bold; margin-top: 12px}
	.rel .sleva-banner h3 {margin: 0; padding: 0; font-size: 30px; font-weight: bold}
	.rel .sleva-banner h4 {margin: 0; padding: 0; font-size: 18px; font-weight: normal; text-transform: uppercase}
	.rel .sleva-banner h5 {margin: 0; padding: 0; font-size: 16px; font-weight: bold}
}