/* ----------- reset css ---------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {/* to je od nas pro redakci*/
	font-family : Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	font-size: 80%;
	height: 100%;
	text-align: left;
	margin: 0px;
	padding: 0px;	
}
sup{vertical-align: super;font-size: smaller;}
sub{vertical-align: sub;font-size: smaller;}
small{font-size: smaller;}
ul {
	list-style: disc;
}
ol{
    list-style: outside none decimal !important;
	margin-left:20px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ---------------------------- nase nastaveni pro main ( co je treba pro redakci atd.) ---*/
html{height: 100%;}
body {
	font-family: Arial,"Helvetica CE",Helvetica,sans-serif;
	color: #0f2445;
	background-color: #FFF;
	font-size: 80%;
	height: 100%;
	text-align: left;
	margin: 0px;
	padding: 0px;	

}
body.myBody{
    text-align: center;
    background: #b2d46e url("../images/podklad-body.jpg") center top no-repeat;     
     }

table{
	font-size: 100%;
	border-collapse: collapse;
	border: 1px solid #d55178;
	margin: 15px 0;
}


td,th {
	color: #444444;
	font-family: Arial,"Helvetica CE",Helvetica,sans-serif;
	margin: 0px;
	padding: 3px 5px;
	border-right: 1px solid #d55178;
}
th {
	font-weight: bold; color: #d65376;
	border: 1px solid #d55178;
}
tr.jedna td {background: #fefcfd;}
tr.dva td {background: #fcf1f4;}

table.datatable {border: 0px;}
table.datatable th {border: 0px;}
table.datatable td {border: 0px;}

form{
	display:inline;
}
textarea, select{
	font-family: Arial,"Helvetica CE",Helvetica,sans-serif;
	font-size: 1em;
	border:none;
	background-color: #fff;
	border: 1px solid #a5acb2; 
 }
 
fieldset{
	padding: 1em;
	border: 0px;
	background: #f0f7e3;
	margin-top: 20px;
}
legend {
  color: #fff;
  background: #b4d673;
  padding: 4px 7px;
  width:100%;
  
  }
.firmudaj legend:hover,.adresat legend:hover{cursor:pointer;}
.firmudaj legend::after,.adresat legend::after{content: '';display: inline-block;background-repeat: no-repeat;width: 13px;height: 7px;margin: 0 0 0 0.5rem;}
/* .firmudaj legend:not(.sipka)::after,.adresat legend:not(.sipka)::after{background-image: url('/images/openArrows.png');} */
/* .firmudaj legend.sipka::after,.adresat legend.sipka::after{background-image: url('/images/closeArrows.png');} */
/* .firmudaj legend,.adresat legend{
	width:100%;
	background-image: url('/images/openArrows.png');
	background-repeat: no-repeat;
	background-position:140px 13px;
}
.firmudaj legend.sipka,.adresat legend.sipka{
	width:100%;
	background-image: url('/images/closeArrows.png');
	background-repeat: no-repeat;
	background-position:140px 13px;
} */
  
ul{
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}
li {
	padding: 0px;
	margin: 0px;
	
}

p {
	margin: 0em;
	padding: 0em;
	margin-top: 5px;
	padding-right: 5px;	
}

img {
	border: 0px; 
	padding: 0px; 
	margin: 0px;
}


/* --------------- Odkaz ----------------------- */
a:link, a {
 	color: #7b9b3b;
 	text-decoration:underline;
}
a:visited{color: #7b9b3b;}
 
a:hover, a:active, a:focus  {
	color: #d55178; text-decoration: none;
}
 

/* ------------------ nadpisy ------------------ */
h1,h2,h3,h4,h5,h6{
	padding:0px;
	margin:0px;	
}

h1 {font-weight:bold;font-size:1.8em;margin:10px 0;}
h2 {font-size:1.6em;padding:10px 0 0px 0;margin-top:10px;}
h3 {font-weight:bold;font-size:1.4em;padding:5px 0 5px 0;margin-top:10px;}
h4 {font-weight:bold;font-size:1.2em;padding:5px 0 0 0;margin-top:10px;}
h5 {font-weight:bold;padding:0;margin-top:10px;}

/* ---------------------------formulare----------------------- */ 
fieldset {
  border:1px solid #dddddd;
  background-color:#fff;  
  padding:8px;
  margin-top:15px;
  
}

legend {
  color:#222222;
  background-color:#dddddd;
}

input {
  border:1px solid #dddddd;
}
.inputTextSmall {
  width: 70px;
}

.inputText {
	width: 200px;
}

.inputSelect {
	width: 200px;
}

.inputTextarea {
	width: 200px;
	height: 100px;
	border: 1px solid #dddddd;
}

.inputSubmit {padding: 3px 0;
  margin-top:1em; 
  font-weight: bold; 
  font-size: 0.9em; 
  width: 80px;  
  text-align: center;  
  color:#222222;
  background-color:#dddddd;
  text-decoration: none; 
  text-transform: uppercase; 
  border:0;
}
#doSearch{color:transparent;}
.currencyLabel{width: 0;height: 0;opacity: 0;display: block;overflow: hidden;}

/* ------------------TRIK CASCADES-------------------- */
.clearFloat{
	clear:both;
}
.errMsg{
	display: block;
	vertical-align: middle;
	padding: 2px;
	padding-left: 25px;
	padding-top: 3px;
	min-height: 17px;
	_height: 17px;
	border: 1px solid #ed1a3b;	
	background-color:#ed1a3b;
	color: #fff;
	font-weight: bold;
    clear:both;
}

.infoMsg{
	display: block;
	vertical-align: middle;
	padding: 2px;
	padding-left: 25px;
	padding-top: 3px;
	min-height: 17px;
	_height: 17px;
	border: 1px solid #b2d46e;	
	color:#b2d46e;
	font-weight: bold;
    clear:both;
}
.fileSize{
	float: left;
	height: 17px;
	padding-top: 3px;
	padding-right: 10px;
}
.hide{
	display: none;
}
.noborder {
	border: 0em;
}

.pageNumbersC{
	padding: 2px;
	border: 1px solid #EBEBEB;	
	min-height: 15px;
	_height: 15px;
}

#debugInfo {position:absolute;left:5px;top:5px;font-weight:bold;}
/* --------------------------- datova tabulka -------------------------- */
.datatable {
	/*background: #EBEBEB;*/
}

.datatable th{
	font-weight: bold;
	color: #0f2445;
	
}
.datatable td{
	color: #0f2445;
}

.datatable td.suda{
	background: #FFF;
	color: #0f2445;
}
.datatable td.cena{
	text-align: right;
	white-space: nowrap;
	color: #151515;
}

.datatable td img{}

.tvary {text-align: center;}

/* --------------------------- Facebook like button ---------------------- */
#fb_likebut{
float:left;
position:relative;
width:350px;
margin:10px;
height:10px;
}
/* --------------------------- Google +1 button ---------------------- */
.gplone_butt{
float:left;
position:relative;
width:350px;
margin:10px;
height:10px;
}

.photoList {float: left;height:100px; margin-left:10px;padding:0;width:140px; text-align: center;}
.photoList img {max-height:100px; width:auto;}
.fotogalerie a, .fotogalerie a:hover, .fotogalerie a:focus, .fotogalerie a:active {text-decoration: none !important;}
.fotogalerie {border-bottom: 1px dotted #808080;}

#napostuFrame, #zasilkovnaFrame, #DPDFrame {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(90, 90, 90);
    height: 500px;
    margin-top: -600px;
    padding-top: 5px;
    position: absolute;
    width: 685px;
    z-index: 10;
}
#napostuFrame iframe, #zasilkovnaFrame iframe, #DPDFrame iframe {
    border: 0px none;
    height: 460px;
    margin: 5px 0px 0px;
    width: 680px;
}
.ulozenka_select {width:400px;}
.zasilkovna_select {width:400px;}
.dpd_select{width:400px;}

#specialPhoto{float:left; clear:both; width:500px !important; margin-top:0 !important; margin-bottom:1em !important;}
#specialPhoto_mainImage{width: 274px;padding:0px; margin:0px 15px 15px 0px;margin-top: 13px;float:left;clear:both; width:100%; }

/* ------------- seznam produktu ---------------*/
.hidden {display:none;}

/*editace z xichtu*/

a.updatebtn {float:right;display:block;border:1px solid; padding:2px 4px;color:#fff !important;background:#678abb !important;text-decoration:none;clear:both;}
a.updatebtn:hover {background:#fff !important;color:#678abb !important; }

.prelepkyIkon {display:block; position:absolute; margin-top:80px; z-index:10;}
.prelepkyIkon.prodDetail{margin-top:10px;}
.prelepkyIkony{width:120px; display:block; float:left;clear:both; margin:3px 0; padding:2px 5px; background-color:#c2c2c2; color:#000; text-align:left;}

.openZasilkovnaFrameSpan, .openDPDFrameSpan {cursor:pointer;}

.catalogFilter{float:right; }

.puvodnicena {
    display:none;
}
.datatable td.basketImage img{max-width:100px; max-height: 100px;}
.datatable tr.radekKosiku td{vertical-align:middle;}

tr.radekKosiku td a.BasDeleteProduct{text-decoration:none;display: flex;align-items: center;float: right;font-size: 12px;color:red;}
tr.radekKosiku td a.BasDeleteProduct span{font-size:2.4rem;margin: 0 0 0 5px;}
tr.radekKosiku td a.BasDeleteProduct:hover{color: #bb1b1b;}

.payByComgate a {
    border: 2px solid #b11111;
    display: block;
    width: 300px;
    text-align: center;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    text-decoration: none;
    color: black;
}

/* ----------------- popokno ----------------- */
#popupbck{background:rgba(128,128,128,0.5);width:100%;height:100%;position:fixed;z-index:100000;top:0;display:none;overflow-y:auto}
#popupbck #popupokno{position:relative;width:550px;top:15%;margin:0 auto;background:transparent;display:-ms-grid;display:grid;-ms-grid-columns:100%;grid-template-columns:100%;-webkit-filter:drop-shadow(0 0 10px #454545);filter:drop-shadow(0 0 10px #454545);font-size: 0.85rem;line-height: 1.2em;color: #000;}
#popupokno .productAdd .images img{height:95px;width:80px}
#popupbck .zavrit{position:absolute;top:-.1em;right:.2em;line-height:1em;font-size:1.9em;cursor:pointer}
#popupbck .pprodukt{background:#fff}
#popupbck .koupeni{background:#E8E9EA;display:-webkit-box;display:-ms-flexbox;display:flex;padding:.5em}
#popupbck .produkt_obrazek{position:relative;width:50px;height:50px;border:1px solid #000;margin:.2em .35em 0 0;background:#fff;-webkit-box-flex:0;-ms-flex:0 50px;flex:0 50px}
#popupbck .produkt_obrazek img{max-width:90%;max-height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
#popupbck .ptxt{text-align:left;padding-right:1em;-webkit-box-flex:1;-ms-flex:1 190px;flex:1 190px}
#popupbck .ptxt span{font-weight:700}
#popupbck .dalsi_nakup{-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;-ms-grid-row:4;-ms-grid-row-span:1;grid-row:4/5;margin-top:10px;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:233px;font-size:.89em;background:#fff}
#popupbck .dalsi_nakup h4{width:100%}
#popupbck .dalsi_nakup .productAdd{margin:10px 5px 0;width:calc(100%/5 - 10px);padding:0;float:none;display:inline-block}
#popupbck .nextxfinish{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:2em;padding-bottom:2em}
#popupbck .next,#popupbck .finish{border:1px solid #000;color:#fff;padding:.1em 0 .3em;text-transform:uppercase;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;width:240px;line-height:2em;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;text-decoration:none}
#popupbck .next{padding-right:.5em;margin-left:-55px;background:#7d7d7d}
#popupbck .finish{padding-left:.5em;margin-right:-55px;background:#7d7d7d}
#popupbck .next:hover,#popupbck .finish:hover{cursor:pointer;background-color:#c6c6c6}
.nextxfinish .next span,.nextxfinish .finish span{display:inline-block}
.nextxfinish .next .sipky,.nextxfinish .finish .sipky{margin:0 .3em;font-size:1.6em;font-weight:500;position:relative;top:2px}
#preload{position:fixed;width:100%;height:100%;z-index:100000;background:rgba(128,128,128,0.5);top:0}
#preload .preloader{font-size:0.8rem;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/preloader_all.gif) no-repeat;
					color: #000;display: flex;flex-direction: column;justify-content: flex-end;padding-bottom: 27px;box-sizing: border-box;background-size: 85%;background-color: #fff;background-position: top center;text-align: center;}
#dzttarget{padding: 0 10px 10px 10px;box-sizing: border-box;}

.basketAddMulti {width:30px;float:left;}

/*GoPay*/
.GoPayBtn {
    text-align: center;
    margin: 2em;
}

.GoPayBtn a {
    padding: 3em;
    border: 3px solid #1899d6;
    text-decoration: none;
    display: inline-block;
    margin: 0 auto;
}

.GoPayBtn a strong {
    color: #1899d6 !important;
}

/*UserSection_start*/
.reguserLoginDiv{font-size: inherit;line-height: 1.1em;}
.reguserLoginDiv a.loginA{text-decoration: none;}
.reguserLoginDiv a.loginA:hover{text-decoration: underline;}
.reguserLoginDiv #reguserLoginForm:not(.reguserLoginFormVisible){display: none;}
.reguserLoginDiv *,.reguserLoginDiv ::after,.reguserLoginDiv ::before{box-sizing: border-box;}
.reguserLoginDiv #reguserLoginForm{position: fixed;width: 100%;height: 100%;background-color: rgb(0,0,0,0.45);top: 0;left: 0;right: 0;bottom: 0;z-index: 700;display: grid;grid-template-columns: 2rem 1fr 2rem;grid-template-rows: 2rem 1fr 2rem;}
#reguserLoginForm .reguserLoginForm{}
#reguserLoginForm .reguserLoginForm{grid-column: 2/-2;grid-row: 2/-2;justify-self: center;align-self: start;background: #fff;position: relative;display: grid;grid-template-columns: 1.75em auto 1fr 1.75em;grid-template-rows: 1.75em auto 1.75em;gap: 0.15em 0.15em;border: 1px solid #aaa;}
#reguserLoginForm .reguserLoginForm .reguserLoginFormClose{font-size: 1.2rem;font-weight: bold;line-height: 0.5em;grid-column: -2/-1;grid-row: 1;justify-self: center;align-self: center;width: 1em;height: 1em;display: flex;justify-content: center;align-items: center;color: #000;cursor: pointer;padding: 0;border: 0;background: transparent;}
#reguserLoginForm .reguserLoginForm .reguserLoginFormClose:hover{color: #d0d0d0;}
#reguserLoginForm .reguserLoginForm .loginBox{grid-column: 2;grid-row: 2;padding: 0.25em 0.5em;}
#reguserLoginForm .reguserLoginForm .registrBox{grid-column: 3;grid-row: 2;padding: 0.25em 0.5em;}
#reguserLoginForm .reguserLoginForm h3{margin: 0;padding: 0;margin-bottom: 1em;line-height: 1.2em;}
#reguserLoginForm .reguserLoginForm form{display: block;}
#reguserLoginForm .reguserLoginForm .odsadZleva{padding: 0;}
table.reguserTable{width: auto;border: 0;margin: 1em 0 0;padding: 0;}
table.reguserTable tbody{border: 0;}
table.reguserTable tr{border: 0;}
table.reguserTable td{padding: 0.25em 0.35em;border: 0;box-sizing: border-box;}
table.reguserTable td:first-child{padding-left: 0;vertical-align: middle;}
table.reguserTable td:last-child{padding-right: 0;vertical-align: middle;}
table.reguserTable td label{}
table.reguserTable td input:not([type="submit"]){background-color: #fff;}
table.reguserTable td input.inputText{border: 1px solid #c8c8c8;padding: 0.25em;font-size: 1em;line-height: 1.1em;width: 250px;max-width: 100%;box-sizing: border-box;}
table.reguserTable td input.inputText:focus{outline: 1px solid #000;}
table.reguserTable td input.poptatBtn.onas,.orderListTable .poptatBtn.onas{cursor: pointer;width:auto;height:auto;padding:1em 1.5em;display: inline-block;line-height: 1.3em;}
table.reguserTable td input.poptatBtn.onas{margin: 0.4em 0 0.75em;}
.orderListTable .poptatBtn.onas{margin: 0.25em 0;margin-right: 0.75em;}
table.reguserTable td a{}
#reguserLoginForm .reguserLoginForm table.reguserTable{width: 100%;margin-top: 0;}
#reguserLoginForm .reguserLoginForm table.reguserTable td + td{padding-left: 0;}
.reguserLoginDiv{position: relative;}
.reguserLoginDiv:not(:hover) .reguserLoginHover{display: none;}
.reguserLoginDiv .reguserLoginHover{position: absolute;top: 100%;right: 0;padding: 0.75rem;background: #fff;border: 1px solid #aaa;z-index: 720;}
#reguserLoginForm .reguserLoginForm .registrBox .tl-regist{cursor: pointer;width: auto;height: auto;margin: 0.5em 0;display: inline-block;line-height: 1.3em;padding: 0.75em 1.0em;text-decoration: none;transition: all .3s;background-color: #000;color: #fff;border: 1px solid #000;}
#reguserLoginForm .reguserLoginForm .registrBox .tl-regist:hover{background-color: #e3e3e3;color: #000;}
@media only screen and (max-width:700px) {
	#reguserLoginForm .reguserLoginForm{grid-template-columns: 1.75em 1fr 1.75em;grid-template-rows: 1.75em auto auto 1.75em;}
	#reguserLoginForm .reguserLoginForm .reguserLoginFormClose{}
	#reguserLoginForm .reguserLoginForm .loginBox{grid-column: 2;grid-row: 2;padding: 0;padding-bottom: 0.5rem;}
	#reguserLoginForm .reguserLoginForm .registrBox{grid-column: 2;grid-row: 3;padding: 0;padding-top: 0.5rem;}
}
/*prihlasen*/
ul.userNavig{margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;}
ul.userNavig li{margin: 0;padding: 0;list-style: none;}
ul.userNavig li a{white-space: nowrap;color: #000;}
ul.userNavig li a span{}
.odkazyuserNavig ul.userNavig{flex-direction: row;gap: 0.5em 1em;}
.odkazyuserNavig ul.userNavig li a{text-decoration: none;padding: 0.2em 0.85em;border: 1px solid #b0b0b0;color: #000;display: inline-block;}
.odkazyuserNavig ul.userNavig li a:hover{border-color: #000;}
.reguserLoginHover ul.userNavig{margin: 0;flex-direction: column;gap: 0.75em;}
.orderListTable,.orderListTable th,.orderListTable td{border:1px solid black;vertical-align: middle;}
.orderListTable th,.orderListTable td{padding: 0.3em 0.5em;}
.orderListTable th{color: #000;}
.orderListTable td{color: #000;}
@media only screen and (max-width:500px) {
	.reguserLoginDiv #reguserLoginForm{grid-template-columns: 0.25rem 1fr 0.25rem;grid-template-rows: 0.5rem 1fr 0.5rem;}
	#reguserLoginForm .reguserLoginForm table.reguserTable,
	#reguserLoginForm .reguserLoginForm table.reguserTable > tbody,
	#reguserLoginForm .reguserLoginForm table.reguserTable > tbody > tr,
	#reguserLoginForm .reguserLoginForm table.reguserTable > tbody > tr > th,
	#reguserLoginForm .reguserLoginForm table.reguserTable > tbody > tr > td{display: block;}
	.UserSection #content #reguserform table,
	.UserSection #content #reguserform table > tbody,
	.UserSection #content #reguserform table > tbody > tr,
	.UserSection #content #reguserform table > tbody > tr > th,
	.UserSection #content #reguserform table > tbody > tr > td{display: block;}
}
.tabBoxScrol{overflow: hidden;overflow-x: scroll;width: 100%;padding-bottom: 16px;box-sizing: border-box;}
.tabBoxScrol table{min-width: 720px;margin: 0;}
/*UserSection_end*/

@media only screen and (max-width:680px) {
	#popupbck .next,#popupbck .finish{margin-left:auto;margin-right:auto}
}
@media only screen and (max-width:590px) {
	#popupbck{overflow-y:auto}
	#popupbck #popupokno{width:85%;max-width:550px;top:2%;margin:0 auto}
	#popupbck .dalsi_nakup #adProduct{overflow:hidden;overflow-x:auto}
	#popupbck .dalsi_nakup #adProducts{width:calc(150px * 5)}
	#popupbck .dalsi_nakup .productAdd{width:calc(100%/3 - 10px);width:140px;margin-bottom:15px}
	#popupbck .nextxfinish{display:block}
	#popupbck .next,#popupbck .finish{margin-bottom:10px}
}

/*-_-mobilni baner-_-*/
.fader.mobile{display:none;}

/*-_-kalkulator-_-*/
.vlastni-fotoobraz-sekce{position:relative;background: #eeeeef;padding: 1em 0;}
.vlastni-fotoobraz-sekce::before {content: '';display: block;width: 100vw;height: 100%;position: absolute;top: 0;left: 0;z-index:-1;margin-left: calc(-1*(100vw - 100%)/2);background: #eeeeef;}
.vlastni-fotoobraz-sekce form{display: block;}
.vlastni-fotoobraz-box{display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: auto 1fr;gap: 0 0.5em;padding: 1em;}
.vlastni-fotoobraz-box .vf-obrazek{grid-column: 1/2;grid-row: 1/-1;justify-self: center;align-self: center;background: #fff;padding: 0.5em;}
.vlastni-fotoobraz-box .vf-moznosti{grid-column: 2/3;grid-row: 1/2;}
.vlastni-fotoobraz-box .vf-tlacitka{grid-column: 2/3;grid-row: 2/3;}
.vf-obrazek{display: grid;grid-template-columns: var(--okraj) 1fr 1fr var(--okraj);grid-template-rows: var(--okraj) 1fr auto auto;aspect-ratio: 1/1;width: 100%;max-width: 555px;}
.vf-obrazek .vfo-rozmer-box{position: relative;display: flex;justify-self: center;align-self: center;align-items: center;justify-content: center;width: 1em;}
.vf-obrazek .vfo-rozmer-box.rozmer-sirka{grid-column: 2/4;grid-row: 1/2;}
.vf-obrazek .vfo-rozmer-box.rozmer-vyska{grid-column: 1/2;grid-row: 2/3;}
.vf-obrazek .vfo-rozmer-box .alert{position: absolute;white-space: nowrap;background: #fff;border: 1px solid #b00b0b;padding: 0.15em 0.25em;left: 0;color: #b00b0b;}
.vf-obrazek .vfo-rozmer-box.rozmer-sirka .alert{top: 100%;margin-left: calc(-1*(300px - 100%)/2);margin-top: 0.25em;}
.vf-obrazek .vfo-rozmer-box.rozmer-vyska .alert{top: calc(50% - (var(--okraj)/2));left: 100%;margin-left: 0.25em;}
.vf-obrazek .vfo-rozmer-box.rozmer-clock {top: 10px;right: 10px;height:50px;width:50px;background: url('/data/web_72/clock.svg') no-repeat;aspect-ratio: 1/1;background-size: contain;background-position: center;cursor:pointer;}
.vf-obrazek .vfo-rozmer-box.rozmer-counterclock {top: 10px;left: 10px;height:50px;width:50px;background: url('/data/web_72/counterclock.svg') no-repeat;aspect-ratio: 1/1;background-size: contain;background-position: center;cursor:pointer;}
.vf-obrazek .vfo-rozmer{position: relative;display: flex;align-items: center;gap: 0.5em;transition: all linear 0.3s;width:300px;}
.vf-obrazek .vfo-rozmer .Irozmery::-webkit-outer-spin-button,.vf-obrazek .vfo-rozmer .Irozmery::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}
.vf-obrazek .vfo-rozmer .Irozmery[type=number]{-webkit-appearance: textfield;-moz-appearance: textfield;appearance: textfield;width: 100%;flex: 1;min-width: 125px;border-color: #eeeeef;background: #eeeeef;}
.vf-obrazek .vfo-rozmer span{white-space: nowrap;flex:1;}
.vf-obrazek .rozmer-sirka .vfo-rozmer{}
.vf-obrazek .rozmer-vyska .vfo-rozmer{transform: rotate(-90deg);}
.vf-obrazek .vfo-rozmer-preddefinovana{grid-column: 2/3;grid-row: 3/4;justify-self: center;align-self: center;width:100%;max-width: 200px;}
.vf-obrazek .vfo-obraz{grid-column: 2/4;grid-row: 2/3;width: 100%;height: 100%;padding: 1em;}
.vf-obrazek .vfo-obraz .vfo-obraz-ikona{cursor: pointer;background: url('/data/web_72/upload-mrak.svg') no-repeat;width: 100%;max-width: 400px;aspect-ratio: 1/1;background-size: contain;background-position: center;}
.vf-obrazek .vfo-nahrat{grid-column: 3/4;grid-row: 3/4;justify-self: center;}
.vf-obrazek .vfo-nahrat .input-file{display: none;}
.vf-obrazek #selectioninfo{grid-column: 1/-1;grid-row: 4/5;justify-self: center;margin:0.5em 0 0;font-size: 0.85em;}
.vf-obrazek .vfo-obraz-nahrany{width:100%;height:100%;}
.vf-obrazek .vfo-obraz-nahrany .croppr-container{width:100%;height:100%;display: flex;align-items: center;justify-content: center;}
/*.vf-obrazek .vfo-obraz-nahrany .croppr{width:100%;height:100%;}
.vf-obrazek .vfo-obraz-nahrany .croppr img{height:100% !important;}*/
.vf-moznosti{display: flex;flex-wrap: wrap;gap: 0.5em;}
.vf-moznosti .vf-varianta{flex: 1 1 100%;max-width: calc(100%/3 - 0.5em);background: #fff;padding: 1.5em 0.5em;border: 1px solid #fff;}
.vf-moznosti .vf-varianta.vybral{border-color: rgba(0,0,0,0.45);box-shadow: 0 0 10px 0 rgba(0,0,0,0.45) inset;}
.vf-moznosti .vf-varianta .vfv-box{display: flex;flex-direction: column;gap: 0.5em;cursor: pointer;}
.vf-moznosti .vf-varianta .vfv-box .vfv-nahled{background-position: center;background-size: contain;background-repeat: no-repeat;aspect-ratio: 4/3;width: 100%;max-height: 140px;}
.vf-moznosti .vf-varianta .vfv-box .vfv-nahled.vfv-img-vse{background-image: url('/data/web_72/iko-vse.svg');}
.vf-moznosti .vf-varianta .vfv-box .vfv-nahled.vfv-img-ram{background-image: url('/data/web_72/iko-ram.svg');}
.vf-moznosti .vf-varianta .vfv-box .vfv-nahled.vfv-img-platno{background-image: url('/data/web_72/iko-platno.svg');}
.vf-moznosti .vf-varianta .vfv-box .vfv-popis{color: #B40502;text-align: center;}
.vf-moznosti .vf-varianta .vfv-box input{display: none;}
.vf-tlacitka{display: flex;flex-direction: column;justify-content: flex-end;align-items: center;gap: 0.5em;padding: 0.5em 0 0;}
.vft{width: 100%;max-width: 350px;}
.vf-tlacitka .vft-sipka{background: url('/data/web_72/sipka-varianta.svg') no-repeat;background-size: contain;background-position: center;height: 115px;margin-bottom: auto;}
.vf-tlacitka .vft-material{}
.vf-tlacitka .vft-material .material-ram{width: 100%;text-align: center;background-color: #fff;}
.vf-tlacitka .vft-submit{}
.vf-tlacitka .vft-submit input{width: 100%;}
.vf-tlacitka .vft-cena{background: #000;color: #fff;padding: 0 0.25em;display: flex;align-items: center;justify-content: center;}
.vf-tlacitka .vft-cena span{white-space: nowrap;flex: 1;}
.vf-tlacitka .vft-cena span:nth-child(1){text-align: right;}
.vf-tlacitka .vft-cena span:nth-child(2){text-align: left;}
.vf-tlacitka .vft-cena input.vf-input-cena{border-color: transparent;width: 100%;flex: 1;text-align: right;}
.vf-tlacitka .vft-cena input.vf-input-cena:focus{outline: 0;}
@media only screen and (max-width:990px) {
	.vf-obrazek .vfo-rozmer-preddefinovana{max-width: 140px;}
}
@media only screen and (max-width:720px) {
	.vlastni-fotoobraz-box{grid-template-columns: 100%;grid-template-rows: repeat(3,auto);gap: 0.5em;}
	.vlastni-fotoobraz-box .vf-obrazek{grid-column: 1/-1;grid-row: 1/2;}
	.vlastni-fotoobraz-box .vf-moznosti{grid-column: 1/-1;grid-row: 2/3;}
	.vlastni-fotoobraz-box .vf-tlacitka{grid-column: 1/-1;grid-row: 3/4;}
}

/*uredni deska*/
.UrDeskaBox{display: block;overflow-x: auto;overflow-y: hidden;width: 100%;padding-bottom: 0.5em;}
.UrDeskaBox .tabledUrDeska{min-width: 525px;}
table.tabledUrDeska{width: 100%;border: 1px solid #000;border-collapse: collapse;margin: 0;padding: 0;}
table.tabledUrDeska tbody tr th{color: #000;}
table.tabledUrDeska tbody tr th,table.tabledUrDeska tbody tr td{padding: 0.15em 0.35em;border: 1px solid #000;}
table.tabledUrDeska tbody tr :where(th,td:last-child){white-space: nowrap;}
/*uredni deska end*/

#popUpC{background: rgba(128,128,128,0.5);width: 100%;height: 100%;position: fixed;z-index: 100000;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;}
#popUp{position: relative;font-size: 1rem;filter: drop-shadow(0 1px 4px #333);}
#popUp *{box-sizing: border-box;}
#popUpclose{z-index:300;position: absolute;top: 0;right: 0;width: calc(1em + 0.13em);height: calc(1em + 0.13em);font-size: 1.7em;line-height: 1em;display: flex;align-items: center;justify-content: center;padding: 0;background: #fff;border-radius: 100%;border: 1px solid #595959;box-sizing: border-box;margin: calc(-1*(1em + 0.13em)/3);cursor: pointer;transition: all linear 0.3s;font-family: arial;}
#popUpclose:hover{color: #fff;background: #222;}
#popUp .content{max-width:90vw;max-height:90vh;display: grid;grid-auto-rows: 100%;overflow: hidden;border-radius: 15px;background:#fff;}
#popUp img.PoPobrazek{aspect-ratio: auto;width: 100%;height: 100%;object-fit: cover;position: relative;z-index: 1;}
#popUp a.PoPodkaz{position: relative;z-index: 3;}
#popUp .Popobsah{padding: 0.95em;position: relative;z-index: 2;min-width: 250px;min-height: 150px;}
/*vse pres cele*/
#popUpC.cele .content,#popUpC:not(.pulka) .content{grid-auto-columns: 100%;}
#popUpC.cele img.PoPobrazek,#popUpC:not(.pulka) img.PoPobrazek{grid-column: 1/2;grid-row: 1/2;}
#popUpC.cele a.PoPodkaz,#popUpC:not(.pulka) a.PoPodkaz{grid-column: 1/2;grid-row: 1/2;}
#popUpC.cele .Popobsah,#popUpC:not(.pulka) .Popobsah{grid-column: 1/2;grid-row: 1/2;}
#popUpC.maxSV:not(.pulka) .Popobsah{width: 90vw;height: 90vh;max-width: 100%;max-height: 100%;}
/*pul text a obrazek*/
@media only screen and (min-width: 950px){#popUp{max-width: 1300px;}}
#popUpC.pulka .content{grid-auto-columns: 1fr 1fr;}
#popUpC.pulka img.PoPobrazek{grid-column: 1/2;grid-row: 1/2;}
#popUpC.pulka a.PoPodkaz{grid-column: 1/3;grid-row: 1/2;}
#popUpC.pulka .Popobsah{grid-column: 2/3;grid-row: 1/2;}
@media only screen and (max-width: 600px){
	#popUpC.pulka .content{grid-auto-columns: 100%;grid-template-rows: 1fr 1fr;}
	#popUpC.pulka img.PoPobrazek{grid-column: 1/2;grid-row: 2/3;}
	#popUpC.pulka a.PoPodkaz{grid-column: 1/2;grid-row: 1/3;}
	#popUpC.pulka .Popobsah{grid-column: 1/2;grid-row: 1/2;}
}
/*vice obrazku*/
#popUp .pop-viceObrazku{display:flex;flex-wrap:wrap;}
#popUp .pop-viceObrazku img{max-width:150px;}

.Popobsah table,.Popobsah table.datatable{max-width:100%;height:100% !important;width: 100% !important;background: transparent;font-size:1em;font-family:inherit;}
.Popobsah table,.Popobsah table tbody,.Popobsah table tr,.Popobsah table th,.Popobsah table td,
.Popobsah table.datatable,.Popobsah table.datatable tbody,.Popobsah table.datatable tr,.Popobsah table.datatable th,.Popobsah table.datatable td
{margin:0;padding:0;color:inherit;}
.Popobsah h6,.Popobsah h5,.Popobsah h4,.Popobsah h3,.Popobsah h2,.Popobsah h1{font-size:2.5em;background: transparent;line-height:normal;margin:0;padding:0;}

/*naseptavac vyhledavani*/
#naseptavac_searchText{position:absolute;z-index:30;color:#000;font-size:1.0em;padding:0 0;width: calc(100%*2);max-width:450px;background: #fff;right: 0;border: 0;top: calc(100% + 13px);filter: drop-shadow(0 2px 2px #1c1c1c);display: flex;flex-direction: column;}
#naseptavac_searchText *,#naseptavac_searchText ::before,#naseptavac_searchText ::after{box-sizing: border-box;}
#naseptavac_searchText:after{content: '';display: block;width: 0;height: 0;border-style: solid;border-width: 0 14px 13px 14px;border-color: transparent transparent #fff transparent;position: absolute;top: -13px;right: 15%;}
#naseptavac_searchText .spitni_link:first-child,#naseptavac_searchText .spitni_link_over:first-child{border:0;}
#naseptavac_searchText .spitni_link,#naseptavac_searchText .spitni_link_over{width:100%;text-align: left;clear: both;border-top: 1px solid #000;display: flex;align-items: center;}
#naseptavac_searchText .spitni_link a,#naseptavac_searchText .spitni_link_over a{text-decoration:none;text-align: left;width:100%;padding:0.15em 0.75em;margin: 0;display: flex;align-items:center;line-height: 1.4em;color:#000;font-weight: 400;}
#naseptavac_searchText .spitni_link img,#naseptavac_searchText .spitni_link_over img{width: 25px; height: 25px;margin-right: 0.75em;margin-top: 0;object-fit: contain;}
#naseptavac_searchText .spitni_link_over{background-color:#eaeaea;}
#naseptavac_searchText .spitni_link_over a{color:#111;}
@media only screen and (max-width: 650px){
	#naseptavac_searchText{width:100%;left: 0;right: auto;top:calc(100% + 2px);}
	#naseptavac_searchText:after{display:none;}
	#naseptavac_searchText .spitni_link img,#naseptavac_searchText .spitni_link_over img{align-self: start;margin-top: 0.3em;}
}

/*detailProduktuPlouvouciBox*/
@media only screen and (min-width:881px) {
	#productItemX .detailbox.plouvouciBox{display: none;}
}
@media only screen and (max-width:880px) {
	body.myBody.detailproduktu #smartsupp-widget-container{display:none;}
	#productItemX .detailbox.plouvouciBox{position: fixed;bottom: 0;left: 0;right: 0;z-index: 22;background: #fff;padding: 10px;box-sizing: border-box;display: grid;grid-template-columns: auto 1fr;gap: 1em 2em;border: 0;margin: 0;box-shadow: 0 0 15px -5px #aaa;width: 100%;max-width: none;}
	#productItemX .detailbox.plouvouciBox .plovouciCena{grid-column: 1/2;grid-row: 1/2;align-self: center;}
	#productItemX .detailbox.plouvouciBox .plouvouciObalTl{grid-column: -2/-1;grid-row: 1/2;align-self: center;}
	#productItemX .detailbox.plouvouciBox .plovouciCena{display: grid;grid-template-columns: 100%;}
	#productItemX .detailbox.plouvouciBox .plovouciCena :where(.prc,#price1,#price2){justify-self: stretch;align-self: stretch;}
	#productItemX .detailbox.plouvouciBox .plovouciCena :where(.prc,#price2){font-size: 1.2em;}
	#productItemX .detailbox.plouvouciBox .plovouciCena .prc{grid-column: 1;grid-row: 1;}
	#productItemX .detailbox.plouvouciBox .plovouciCena #price1{grid-column: 1;grid-row: 2;font-size: 0.75em;}
	#productItemX .detailbox.plouvouciBox .plovouciCena #price2{grid-column: 1;grid-row: 1;}
	#productItemX .detailbox.plouvouciBox .plouvouciObalTl .plovouciTl{display: block;width: 100%;padding-left: 0.5em;padding-right: 0.5em;white-space: nowrap;}
}

/*heslo kontrola / ukazani hesla */
.inputSubmit:disabled,.inputSubmit.submitDis{opacity: 0.5;cursor: not-allowed;}
input.passgood,input.passbad{outline: 1px solid transparent;border:1px solid transparent;}
input.passgood{outline-color: green;border-color: green;background:#daf6da}
input.passbad{outline-color: red;border-color: red;background:#f2d7d7}
button.passOko[type="button"]{display: inline-flex;border: 0;background: none;padding: 0;margin: 0;cursor: pointer;width: 20px;vertical-align: middle;margin-left: calc(-1*(20px + 10px));border-radius: 0;}