/*popokno reklama*/
#reklamaOkno{
    position: fixed;
    z-index: 40000;
    left:0;right:0;
    top:0;bottom:0;
	margin:auto;
    width: 730px;
    width:90%;
    height:90%;
    max-width:730px;
    max-height: 490px;
    background: #fff; 
    padding: 0 0 0 0;
	border: 2px solid #000;
    -webkit-box-shadow: 0px 0px 30px 1000px rgba(50, 50, 50, 0.50);
    -moz-box-shadow: 0px 0px 30px 1000px rgba(50, 50, 50, 0.50);
    box-shadow: 0px 0px 30px 1000px rgba(50, 50, 50, 0.5);
    background-size:100% !important;
	box-sizing: border-box;
}
#reklamaPlky{position:relative;width:100%;height:100%;}
#reklamaPlky.bezpozadi{opacity:0;}
#reklamaPlky div{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0;
	z-index: 2000;
	padding: 14px;
	margin: 0 auto;
	box-sizing: border-box;
}
#reklamaPlky div .datatable{max-width:100%;height:100%;}
#reklamaPlky div .datatable,#reklamaPlky div .datatable *{background:transparent;}
#reklamaPlky div .datatable td,#reklamaPlky div .datatable th{padding:0;margin:0;}
#reklamaPlky div h3,#reklamaPlky div h4,#reklamaPlky div h2,#reklamaPlky div h1{background: transparent;}
#reklamaPlky div a{text-decoration:none;}
#reklamaPlky div img{max-width: 100%;position: absolute;top: 0;z-index: -1;border-radius:25px 0 25px 25px;}
#closeReklama{
    width: 25px;
    position: absolute;
    top: -15px;
    right: -12px;
    cursor: pointer;
    background: #000;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 25px;
    font-size: 1.6em;
    z-index: 5000;
    font-weight: bold;
    padding: 2px;
	height: 25px;
	line-height: 25px;
}
#odkazpopup{
    display: block;
    height: 100%;width:100%;
    z-index: 4000;top:0;
    position: absolute;
}
@media only screen and (max-width : 810px){
	#reklamaOkno{height:0;padding-top:60%;box-sizing: border-box;max-height: none;}
	#reklamaPlky{position:absolute;top: 0;}
}

/*popokno kosiku*/
.tuk{display:block;background:red;color:#fff;width:130px;height: 25px;margin: 10px auto;border-radius:10px;line-height:23px;font-weight:bold;}
.tuk:hover,#popupbck .close:hover{cursor:pointer;}
#popupbck{background: rgba(128,128,128,0.5);width:100%;height:100%;position: fixed;z-index: 100000;top: 0;display:none;}
#popupbck #popupokno{position: absolute;width: 550px;height: 460px;border: 1px solid white;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background: #fff;box-shadow: 0px 0px 10px #454545;border-radius: 5px;}
#popupokno *{float:left;}
#popupokno p{width: 100%;text-align: center;font-size: 1.5em;margin-top: 15px;}
#popupbck .close{float: right;margin: 7px 10px;font-size: 1.5em;font-weight: bold;clear: both;}
#popupbck .koupeni{width: 100%;margin-top: 5%;}
#popupbck .produkt_obrazek{width: 50%;height: 150px;text-align: center;position:relative;}
#popupbck .produkt_obrazek img{float: none;max-height: 120px;}
#popupbck .produkt_obrazek p{position:absolute;bottom:0;left:0;right:0;font-size:1.15em;padding: 0 10px;box-sizing: border-box;}
#popupbck .kosik{width: 50%;height: 150px;background: url(/images/popokno/kosik.png) center no-repeat;background-size: 40%;position:relative;}
#popupbck .kosik a{display:block;position:absolute;top:0;width:100%;height:100%;}
#popupbck .kosik:before{content:"\21E2";display:block;color:#000;font-size: 110px;line-height: 110px;margin-left: -15%;}
#popupbck .dalsi_nakup{width: 100%;border-top: 1px solid;margin-top:10px;padding: 10px 10px;box-sizing: border-box;min-height:156.967px;}
#popupbck .dalsi_nakup h4{width:100%;}
#popupbck .dalsi_nakup .productAdd{margin:10px 5px 0;width:93px;}
#popupbck .nextxfinish{width: 100%;height: 50px;}
#popupbck .next,#popupbck .finish{background-color:#b31e22;color: #fff;text-decoration: none;position: relative;margin: 6px 0 0 25px;padding: 7px 13px;font-weight: bold;}
#popupbck .finish{background-image: url(/images/popokno/malejkosik.png);background-position:8px center;background-repeat:no-repeat;float:right;margin: 6px 25px 0 0;padding-left: 35px;}
#popupbck .finish:hover{background-image: url(/images/popokno/malejkosik-hover.png);}
#popupbck .next:hover,#popupbck .finish:hover{cursor:pointer;background-color:#e3e3e3;color:#6d6868;}

#preload{
	/* display:block!important; */
	position: fixed;width: 100%;height: 100%;z-index: 100000;background: rgba(128,128,128,0.5);top: 0;}
#preload .preloader{
	font-size:0;
	position:absolute;
	top: 0;bottom: 0;left: 0;right: 0;
	vertical-align: middle;
	margin: auto;
	display: inline-block;
	width: 200px;height: 200px;
	border-radius:25px;
	background: url(/images/popokno/preloadercz.gif);
}

@media only screen and (max-width : 550px) {
	#popupbck #popupokno{width:100%;height:590px;height:auto;overflow-x: hidden;overflow-y: auto;}
	#popupbck .dalsi_nakup .productAdd{width: 25%;}
}
@media only screen and (max-width : 385px) {
	#popupbck #popupokno{height:auto;}
	#popupbck .dalsi_nakup{display:none;}
	#popupbck .dalsi_nakup .productAdd{width: 46%;}
	#popupbck .next, #popupbck .finish{float:none;margin: 10px auto;display: block;text-align: center;}
}
@media only screen and (max-width : 320px) {
	#popupbck #popupokno{min-width:320px;overflow-x: hidden;overflow-y: auto;}
	#popupbck .dalsi_nakup .productAdd{width: 93px;}
	#popupbck .kosik:before{font-size:25vw;margin-left: -25%;}
	#popupbck .kosik{width: 40%;float: right;}
	#popupbck .produkt_obrazek{width: 60%;}
}