

/* == jidelnicky =============================================================== */

.hotovky	{background: #F9F9F9;  }

.nazevchodu {color: #AFD800;font-weight: 800;padding: 1em 0em 0.1em 0em!important;}

.skupina	{font-size: 1.4em; padding: 0.3em 0em 0.6em 0em; color: black; font-weight: 600; }

.chod	{
	
	/*display: flex; flex-wrap: wrap; */

padding: 0.7em 0em;


display: grid;
	  grid-template-columns: auto 110px ;
	  grid-gap: 5px;
	  

}
.chod .nazev	{font-weight: 600; color: black; box-sizing: border-box; display: block;/*width: 75%; */position: relative;}
.chod .cena	{/*width: 25%;*/ text-align: right; color: #1f3f2a; font-size: 1.2em; display: block; position: relative;}

@media only screen and (max-width: 550px) {
	.chod .nazev	{font-size: 14px;}
	.chod .cena	{font-size: inherit;}	
	.chod	{ grid-template-columns: auto 95px ; }
	.objednavka_komplet .plocha	{padding: 3em 0.5em 0.2em 0.5em !important;}
	
	
}

.nabidka_den	{ height: 100%; display: flex; flex-direction: column;}
.nabidka_den	.chody	{padding: 1em;  flex-grow: 1; background: white;}
.nabidka_den1	.chody	{background: #F9F9F9;}
.nabidka_den1 .datum	{opacity: 0;}

.chod {border-top: 1px solid #F2F2F2;}
.chod0 {border-top: 0px solid #F2F2F2;}


.uk-slidenav-position .uk-slidenav {display: block; position: absolute; z-index: 66666666;}
.uk-slidenav-position .uk-slidenav-previous {
    top: 40%;
	left: -50px;
}
.uk-slidenav-position .uk-slidenav-next {
    top: 40%;
	right: -50px; 
}

.sipkyFix .uk-slidenav-position .uk-slidenav-previous {
    left: 10px;
}

.sipkyFix .uk-slidenav-position .uk-slidenav-next {
    right: 10px; 
}

/*
#okoloSlide a.uk-slidenav	{position: static; display: inline-block; position: relative;}	
#okoloSlide a.uk-slidenav-previous {
    left: -220px;
}
#okoloSlide a.uk-slidenav-next {
    left: 0px; 
}

#okoloSlide .uk-dotnav	{position: absolute; top: 35px; right: 55px; width: 250px; justify-content: center; display: none;}
*/

.slidok	{position: relative; padding-bottom: 2em;}
.sipky	{position: absolute; width: 100%; top: 45%; z-index: 101; height: 10px;}
.sipky .uk-slidenav	{position: absolute; left: -60px; top: 45%;}
.sipky .uk-slidenav.uk-slidenav-next	{left: auto; right: -50px;}

.fix .sipky .uk-slidenav	{position: absolute; left: 10px; top: 45%;}
.fix  .sipky .uk-slidenav.uk-slidenav-next	{left: auto; right: 10px;}


/* == objednavka =============================================================== */
.tyden	{display: flex; justify-content: space-between; align-items: flex-end; font-size: 1.1em; position: relative; z-index: 2;}
.tyden.fixed	{position: fixed; top: -8px; box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.2); }

.body_v2 .tyden.fixed, .body_v3 .tyden.fixed {top: 0px;}

@media only screen and (max-width: 900px) {
	.tyden.fixed	{top: 0px;}
}



.tyden > *	{flex-grow: 1; 
background: #F2F2F2; border-left: 1px solid white; border-right: 1px solid white; padding: 0.5em;  text-align: center; display: block; text-decoration: none; height: 2.5em;

}
.tyden > * > *	{opacity: 0.35;}
.tyden > .alink > * , .tyden > * > .alink	{opacity: 1; color: black; cursor: pointer; display: block; text-align: center;}
.tyden > *.vybrany	{padding: 0.7em 0.5em; background: white; border-left: 1px solid #F2F2F2; border-right: 1px solid #F2F2F2; border-top: 1px solid #F2F2F2; height: 3em; }
.tyden > *.vybrany > span	{color: #AFD800;}

.tyden .dalsi	{ position: relative; color: black;}
.tyden .dalsi .fa	{font-size: 1.6em; display: inline-block; padding: 0.4em; color: white !important; position: absolute; right: 0px; top: -0.1em; /*font-weight: 400;*/}
.tyden .dalsi.predchozi .fa	{ left: 0px; top: -0.2em; right: 100%;}
.tyden .dalsi .dalsityden	{display: inline-block; width: 5em; line-height: 1.1em; font-size: 0.7em;}

.celkem_fix	{color: black; opacity: 0.9em; display: block !important;}
.celkem_fix	 span	{color: #AFD800; opacity: 1; font-size: 1.2em;}

.celkem_fix .alink	{text-decoration: underline;}
.celkem_fix .alink:hover	{opacity: 0.5 !important;}

.celkem_fix .desktop	{display: block; opacity: 1;}
.celkem_fix .nodesktop	{display: none; opacity: 1;}

.body_v2 .celkem_fix .desktop, .body_v3 .celkem_fix .desktop	{display: none; opacity: 1;}
.body_v2 .celkem_fix .nodesktop, .body_v3 .celkem_fix .nodesktop	{display: block; opacity: 1;}

.dden	{display: none;}
.tyden > .dden > *	{display: inline-block; padding: 0em 0.5em;}

.body_v2 .tyden > * , .body_v3 .tyden > *		{display: none;}

.body_v2	.dden, .body_v3	.dden	{display: flex; justify-content: center; align-items: center; padding: 0px;}


#celkem_fix.play	{
  animation-name: objednavkaEfekt;
  animation-duration: 1s;
}

@-webkit-keyframes objednavkaEfekt	{
  0%   {background-color:#F2F2F2; }
  50%  {background-color:#CDCDCD; }
  100% {background-color:#F2F2F2; }
}

.objednavka_komplet	{display: flex;align-items: stretch; justify-content: space-between ;

}

.body_v2 .objednavka_komplet , .body_v3 .objednavka_komplet	{display: block;}
.body_v2  .objednavka_komplet > div , .body_v3  .objednavka_komplet > div	{width: 100%;}

/*.objednavka_komplet h2	{  text-align: center; width: 100%; color: #0176BC; font-weight: 600;}*/



.objednavka_komplet > div	{ width: 49%;  position: relative;}



.objednavka_komplet .cast_menu /*, .objednavka_komplet .cast_objednavka*/	{display: flex; flex-direction: column; }
.objednavka_komplet .plocha	{border: 1px solid #F2F2F2; padding: 1.5em; flex-grow: 1; overflow: auto !important;}
.objednavka_komplet .cast_objednavka .plocha 	{background: #F2F2F2; /*position: fixed; top: 0px;*/ }
.objednavka_komplet  .plocha	{overflow: visible !important;}
.dnesnimenu	{position: relative;}
#tip_menu	{padding: 0.5em; font-size: 0.9em; background: #CCCCCC; position: absolute; top: 0px; right: 0px;}

.objednavka_komplet .dnesnimenu .chod	{border-bottom: 0px solid white; padding: 11px 0px;}
.objednavka_komplet form	{margin: 0px;}

.body_v2 #tip_menu	{padding: 0.2em;}

.cast_menu	.chod	{cursor: pointer;}

.but_plus	{position: relative; width: 11px; height: 11px; top: -11px; margin-left: 29px; left: -33px; display: inline-block; cursor: pointer; }
.but_plus span	{position: absolute; width: 300%; height: 300%; background: transparent url(../images/objednavka/plusB.png) center center no-repeat;}
.chod .but_plus span:nth-child(2)	{transition: opacity 0.5s linear; opacity: 0;}
.cast_menu .chod:hover .but_plus span:nth-child(2)	{background: transparent url(../images/objednavka/plusM.png) center center no-repeat; opacity: 1;}

.but_pridat span	{background: transparent url(../images/objednavka/pridat.png) center center no-repeat;}
.but_pridat:hover span:nth-child(2)	{background: transparent url(../images/objednavka/pridatH.png) center center no-repeat; opacity: 1;}

.but_odebrat span	{background: transparent url(../images/objednavka/odebrat.png) center center no-repeat;}
.but_odebrat:hover span:nth-child(2)	{background: transparent url(../images/objednavka/odebratH.png) center center no-repeat; opacity: 1;}

.buttonky {width: 100px; text-align: right; display: inline-block; position: relative;}

.cast_objednavka .chod {border-top: 1px solid white; padding: 1em 0em; grid-template-columns: auto 180px;}
.cast_objednavka .chod0 {border-top: 0px solid #F2F2F2;}
.cast_objednavka .chod .nazev	{ color: black; box-sizing: border-box;  line-height: 1.1em;

display: flex; align-items: center; flex-wrap: nowrap;

}
@media only screen and (max-width: 500px) {
	.cast_objednavka .chod .nazev	{flex-wrap: wrap; }
}


.cast_objednavka .chod .cena	{ text-align: right; /*color: #AFD800; font-size: 1.6em;*/ display: block; position: relative; font-weight:600}

.cast_objednavka .chod .buttonky	{display: inline-block; padding-top: 5px;}

.cast_objednavka .chod.dishOK_NE	{ }
.cast_objednavka .chod.dishOK_NE .nazev	{color: red;}

.cast_objednavka .alink	{text-decoration: underline; cursor: pointer;}

.cast_objednavka h4	{color: #AFD800; font-size: 1.5em;}

.podrobnosti_den .celkem_cena	{border-bottom: 1px solid white; border-top: 1px solid white;}

.celkem_cena {

display: grid;
	  grid-template-columns: auto 140px ;

	  grid-gap: 5px;
	font-size: 1.2em; padding: 0.5em 0em; }


.final	{display: flex; justify-content: space-between; font-size: 1.4em; padding: 0.5em 0em; flex-wrap: wrap;}



.celkem_cena .cena	{font-size: 1.1em; text-align: right; display: flex; align-items: center; flex-wrap: wrap;justify-content: flex-end; }

.celkem_uplny	{font-size: 1.8em; color: #AFD800; padding: 1em 0.9em; font-weight: 600;}

/*.final > *	{width: 50%; padding: 1.7em; font-size: 0.8em; }*/

@media only screen and (max-width: 500px) {
	.final > *	{width: 100%; padding: 1.7em; font-size: 0.8em; text-align: center;}
	.final > div:nth-child(1)	{order: 2;}
	.final > div:nth-child(2)	{order: 1;}
}

.final > a, .final > .button	{background: #0176BC; color: white;text-align: center; display: block; text-decoration: none; font-weight: 600;
padding-left: 5px; padding-right: 5px; text-align: center;
}
.final .alink	{text-decoration: underline; color: #969696; cursor: pointer;}
.final .alink:hover	{color: block;}

.dalsidny > div	{display: flex; justify-content: space-between;}
.dalsidny > div a	{color: black;}
.dalsidny > div .cena	{width: 50%; text-align: right; /*color: #0176BC;*/}
/* ---------------------------------------------------------- objednavka ------- */



/* --- login form ------------------- -------------------------- */
noscript	{display: none;}
#system-message	{display: none;}
.obsahy_prepinaci > div	{display: none;}
.obsahy_prepinaci > div.vybrany	{display: block;}


/*  ----------------------------------------------------- */


/* --- inputy ------------------- -------------------------- */

.validation-advice  {color:#FFA600; font-style:italic; padding: 0.3em 0em; position: absolute;}
.validation-failed {border: 1px solid #FFA600 !important;}

.objednavka_komplet .validation-advice {position: relative;}

input, textarea, select {border: 1px solid #CDCDCD; padding: 1.5em; display: inline-block; color: #8C8C8C; font-size: 1.1em;}

input.required, textarea.required, select.required	{border-bottom: 1px solid #FFA600;}

input:focus, textarea:focus, select:focus	{color: black; border: 1px solid black;}

input[type="submit"], .button, button  {font-size: 1em; background: #0076BC; color: white;  padding: 1.2em 4em; text-decoration: none;border: 0px; cursor: pointer; }
input[type="submit"]:hover, .button:hover, button:hover  {}


.inform	input {width: 100%;}

.pol_form	{padding: 0.8em 0em; /*border: 1px solid rgba(0,0,0,0.1);*/ min-height: 130px; display: block;}


.pol_form h3	{padding-top: 60px;}

.pol_form_jmeno, label	{color: #8C8C8C }
.pol_objednat	{padding: 3em 0em; text-align: center;}
.pol_objednat button	{padding: 2em 5em;}

.button2	{border: 1px solid #CDCDCD; color: black; background: white;}

.prepinacjidelnicku	{position: relative; border-bottom: 1px solid #BDBDBD; margin: 0em 0em 2em 0em; display: flex;}
.prepinacjidelnicku li	{display: inline-block; padding: 1em; margin: 0px 4px; position: relative; top: 1px;  border-left: 1px solid #BDBDBD; border-top: 1px solid #BDBDBD; border-right: 1px solid #BDBDBD; text-align: center; color: #BDBDBD; cursor: pointer;}
.prepinacjidelnicku li.vybrany	{background: white; color: black;}
.prepinacjidelnicku	span {display: block;}
.prepinacjidelnicku	span.maly	{font-size: 0.8em; opacity:0.8;}

/*  ----------------------------------------------------- */

/* --- obsahové styly ------------------------------- */
.slp {display: flex; flex-wrap: wrap;   justify-content: space-between; align-items: flex-start;
 }
.slp2 > div {width: 47%;}
.slp3 > div {width: 31%;}

@media only screen and (max-width: 1000px) {
 .slp2 > div {width: 100%;}
.slp3 > div {width: 100%;}
}


.uvodnitext	{width: 80%; margin: auto; padding: 0em 0em 1em 0em;}
.body_v2 .uvodnitext , .body_v3 .uvodnitext	{width: 100%;}

.for_user	{padding: 2em 0em; text-align: center;}
.for_user .main_limit	{text-align: center;}
.for_user fieldset	{border: 0px; padding: 1em 0em; }
.for_user fieldset input	{width: 25em;}
.for_user fieldset .control-group	{padding: 1em 0em;}
/* ------------------------------- obsahové styly --- */

#popupHlaska  {position: fixed; top: 20%; padding: 20px 0px 20px 0px;  width: 50%; margin: 0% 25% 0% 25%; 
background: #FFDC73;
border: 1px solid #FFBF00;
opacity: 0;
box-shadow: 4px 4px 20px -10px black;
z-index: 9999999999;
}

#popupHlaska_zavrit {position: absolute; padding: 3px 5px 3px 5px ; background: white; color: #888888; right: 5px; top: 5px; cursor: pointer;}
#popupHlaska_zavrit:hover {color: black;}

.slozeni span	{cursor: pointer; }
.slozeni .jmeno:hover	{text-decoration: underline;}
.slozeni .ikonk	{margin-left: 1em; line-height: 0.9em; text-align: center; display: inline-block; font-size: 1.2em; color: white;  position: relative; }

@media only screen and (max-width: 600px) {
	.slozeni .ikonk	{display: none;}
}

.slozeni .ikonk img	{width: 1.3em; height: 1.3em; display: inline-block; background: #CCCCCC; padding: 0.1em; position: relative; top: 0.2em;}	

/*.dish11 .slozeni .jmeno	{font-weight: 800;}*/
/* ======================= Popover ====================================== */

.popover {
  min-width: 400px;
  /*position: fixed;
  left: 60px !important; */
}


/* Popover Header */
.popover-title {
padding: 5px !important;
margin: 0px  !important;
font-size: 1em !important;
}

/* Popover Body */
.popover-content {
	font-size: 0.9em;
}

/* Popover Arrow */
.arrow {

}


.prehledjidelnicku li	{opacity: 0; transition: opacity 0.7s linear; }
.prehledjidelnicku li.uk-active	{opacity: 1;}

.prehledjidelnicku .uk-slider-container-offset	{ margin: 0px;}


/*.prehledjidelnicku	{display: none; overflow: hidden; width: 0px; height: 0px;}*/

.objednavka_komplet select	{padding: 12px; height: auto; width: auto;}

.objednavka_komplet .nazev input	{padding: 7px 0px !important; height: auto; width: 35px; text-align: center; display: inline-block;}