<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
* {margin: 0px;padding: 0px;}
#tinymce  {background: white; color:#797776; font-size: 14px;line-height:1.2em;}
#tinymce td {}
body#tinymce  {background: white; text-align: left;}

#tinymce img	{max-width: 100%;}

h1, h2, h3, h4, h5, h6 {  color: #1f3f2a; padding: 2em 0px 0.3em 0px; font-weight: 700; line-height: 1.1em;  } 



h1  {font-size:1.685em;margin: 0px; line-height: 1.8em; font-weight: 700; padding: 2.5em 0em 0.5em 0em; }
h2 {font-size:1.375em;margin: 0px; line-height: 1.4em; font-weight: 700;  }
h3 {font-size:1.25em;margin: 0px; line-height: 1.4em; }
h4 {font-size:1.125em;margin: 0px; line-height: 1.4em; }
h5 {font-size:1em;margin: 0px; line-height: 1.4em; }

h3 &gt; img.ic	{padding-right: 10px; height: 47px; width: auto;}

h1.hlavni, h1 strong {color: #AFD800; font-size: 36px; font-weight: 800; }
h2.hlavni, h2 strong, h1.hlavni strong {color: #AFD800; font-size: 50px; font-weight: 800; line-height: 54px;}

	.body_v3 h1 strong {font-size: 32px; line-height: 34px;}
	.body_v3 h1 {padding-top: 1.5em;}

h2.moduletitle	{text-align: center; }

.pas &gt; .moduletitle	{font-weight: 1.4 em; width: 95%; margin: auto; padding: 105px 0px 30px 0px; }

h1 span.p	{font-size: 14px; display: block; font-weight: 400; /*position: absolute; top: 20px;*/ line-height: 16px; color:#1D1D1D; padding-bottom: 15px;}

b, strong {font-weight: 600;}
a, .alink {color:#A6CE01; transition: color .4s ease-in-out; text-decoration: underline; cursor: pointer; }
#obsah a, .alink	{font-weight: 600;}
a:hover, a.link:hover, a:active, a.link:active  {color: black;}
a.nolink	{text-decoration: none; color: inherit;}
a img {border:0px;}

ul { margin: 0px 0px 10px 10px;}
ol {margin: 0px; padding: 0px 0px 0px 0.4em;}
ol li  {padding: 0.4em  0px 0.4em  1em; margin: 0em 0em 0em 2em;}
ul li  {list-style-type: none; margin: 0px; padding: 0.4em 0em 0.4em 2em; background: transparent url(../images/buleta.png) 0px 10px no-repeat; }


ul li:nth-child(3n+1) { background: transparent url(../images/tecka1.png) 0px 10px no-repeat; }
ul li:nth-child(3n+2) { background: transparent url(../images/tecka2.png) 0px 10px no-repeat; }
ul li:nth-child(3n+0) { background: transparent url(../images/tecka3.png) 0px 10px no-repeat; }

.vystraha	{
	background: #F8EA89;
	border: 1px solid #AFD800;
	font-size: 18px;
	padding: 15px;
	text-align: center;
}


.color1	{color: #DFD300;}
.color2	{color: #AED800;}
.color3	{color: #1F3F2A;}
.color4	{color: #FEF7E5;}
.color5	{color: #F3FDEE;}
.color6	{color: #848484;}

p {margin: 0px; padding: 6px 0px;}
table {border-collapse:collapse;border-spacing:0; font-size: 100%;}

.nadpis_bez_odskoku  {padding-top: 5px;}


.tabulka th {padding: 4px 10px 4px 10px; background: #189FD6 ;color:white; border: 1px solid white;}
.tabulka_prazdna  {border-collapse: collapse;}
.tabulka_prazdna td {vertical-align: top;padding-right: 10px;padding-bottom:10px;}
.obtekany_vlevo {float:left;margin-right:20px;}
.obtekany_vpravo  {float:right;margin-left:20px;}

.clr  {
clear: both;
height: 1px;
overflow: hidden;
}

.jidelnicky_tab  {border-collapse: collapse; text-align: center; width: 100%; font-size: 15px; line-height: 15px;}
.jidelnicky_tab td, .jidelnicky_tab th {padding: 1em;}
.jidelnicky_tab tr.linka_nad	{border-top: 2px dotted #E7F4B4;}
.jidelnicky_tab tr.linka_pod	{border-bottom: 2px dotted #E7F4B4;  }
.jidelnicky_tab tr.linka_ne	{border-bottom: none; border-top: none;}
.jidelnicky_tab tr.linky td	{border-bottom: 2px dotted #F3F1EA; height: 3em; vertical-align: middle; padding: 0.1em 1em;}

.jidelnicky_tab tr.linky .far	{opacity: 0.2; font-size: 1.1em; color: black; margin-right: 1em;}
.jidelnicky_tab tr.linky div:hover .far	{opacity: 0.4;}

.jidelnicky_tab.scelkem tr:nth-last-child(2) td	{border-bottom: none;}
.jidelnicky_tab  td.zahlavi, .jidelnicky_tab  td.zahlavi_n	{border-bottom: 0px solid white; border-top: 0px solid white; background: #F3FDEE; font-weight: 600; /*width: 8em;*/ } 
.tabulka_cenik	td.zahlavi {width: 140px;}
.jidelnicky_tab .mez	{width: 10px !important; border-bottom: 0px solid white !important; padding: 0px !important;}


.text-align_left	{text-align: left;}
.text-align_right	{text-align: right;}
.text-align_center	{text-align: center;}


.tabulka_jidelnicku .hodnoty_celkem_min	{display: none;}
.tabulka_jidelnicku .nazevjidelnicku	{text-align: left; padding-left: 0px;}


.tabulka_jidelnicku .jidelnicky_tab tr.linky td	{height: auto; padding: 10px;}
.tabulka_jidelnicku .nazevjidelnicku &gt; div	{display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap;}

.tabulka_jidelnicku .jidelnicky_tab td.zahlavi_n	{width: 7.5em; border-bottom: 0px solid white; }
.tabulka_jidelnicku .ico2	{display: none;}
.tabulka_jidelnicku .ico1	{display: inline-block;}

.hodnoty_celkem_respo	{display: none;}

@media only screen and (max-width: 750px) {
	.tabulka_jidelnicku .ico1	{/*display: none;*/}
	.tabulka_jidelnicku .ico2	{display: inline-block;}
	.tabulka_jidelnicku .nazevjidelnicku	{text-align: left; padding-left: 10px;}
	.tabulka_jidelnicku .hodnoty	{display: none; }
	.tabulka_jidelnicku .linka_nad	{display: none; }
	.tabulka_jidelnicku .hodnoty_celkem_respo	{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 10px; font-size: 15px; padding: 25px 0px 25px 0px;}
	.tabulka_jidelnicku .hodnoty_celkem_respo div	{text-align: center;}
	.tabulka_jidelnicku .hodnoty_celkem_respo strong	{display: block;}
}

hr  {

height:1px;color:#E9E9E9;background-color:transparent;

border-top: 2px dotted #E9E9E9;
margin: 5px 0px;
border-bottom: 0px dotted #E9E9E9 !important;
}


.button_hlavni	{font-size: 15px; padding: 13px 10px; color: white !important; font-weight: 600; display: inline-block; background: #AED800  !important; text-decoration: none  !important; border-radius: 70px; transition: background 0.7s linear, border 0.7s linear, color 0.7s linear; border: 2px solid #AED800  !important; text-align: center;}

@media only screen and (max-width: 500px) {
	.button_hlavni	{padding: 8px 10px; font-size: 14px;}
}

.button_hlavni.outline	{font-size: 15px; color: #AED800  !important; font-weight: 600; display: inline-block; background: white  !important; border: 2px solid #AED800  !important;  text-decoration: none; border-radius: 70px; }
.button_hlavni:hover	{background: #1F3F2A  !important; color: white  !important; text-decoration: none; border: 2px solid #1F3F2A  !important; }
.button_hlavni.outline:hover	{background: white !important; color: #1F3F2A  !important; text-decoration: none; border: 2px solid #1F3F2A  !important;}


.slevyproverneklienty	{width: 100%; font-size: 14px;}
.slevyproverneklienty th	{text-align: center; color: #1F3F2A;}
.slevyproverneklienty td	{vertical-align: middle; padding: 40px 0px; text-align: left;}
.slevyproverneklienty tr	{border-top: 2px dotted #F3F1EA;}
.slevyproverneklienty tr:nth-child(1)	{border-top: 0px solid white;}
.faj1, .faj2 , .fajplus	{padding: 30px 30px 30px 75px; border-radius: 7px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap;}
.faj1	{background: #F3FDEE url(../images/faj1.png) 35px center no-repeat; }
.faj2	{background: #FEF7E5 url(../images/faj2.png) 35px center no-repeat; }
.fajplus	{background: #FEF7E5 url(../images/fajplus.png) 35px center no-repeat; }


.rukasrdce	{padding-left: 85px; margin-right: 0px; background: transparent url(../images/rukasrdce.png) left 10px no-repeat; background-size: auto 80px; font-size: 15px; width: 100%;}



.rukasrdce strong	{display: block; font-size: 20px; padding: 15px 0px 5px 0px;}

.rukasrdce .bubl1, .rukasrdce .bubl2, .rukasrdce .bubl3, .rukasrdce .bubl4, .rukasrdce .bubl5	{width: 95px; height: 95px; text-align: center; padding: 15px 10px; font-size: 14px; line-height: 16px;}
.rukasrdce .bubl1	{background: transparent url(../images/bubl1.png) center center no-repeat; background-size: contain;}
.rukasrdce .bubl2	{background: transparent url(../images/bubl2.png) center center no-repeat; background-size: contain;} 
.rukasrdce .bubl3	{background: transparent url(../images/bubl3.png) center center no-repeat; background-size: contain;}
.rukasrdce .bubl4	{background: transparent url(../images/bubl4.png) center center no-repeat; background-size: contain;}
.rukasrdce .bubl5	{background: transparent url(../images/bubl5.png) center center no-repeat; background-size: contain;}

.slevyproverneklienty_grid	{
	border-top: 2px dotted #F3F1EA;
	padding: 17px 0px;
	position: relative; 	  
	  display: grid;
	  grid-template-columns: 200px 1fr 1fr ;
	  /*grid-template-rows: 0.5fr;*/
	  grid-gap: 10px;	  
}

.slevyproverneklienty_celek.priplatky .slevyproverneklienty_grid	{grid-template-columns: 200px 1fr;}

.slevyproverneklienty_celek.priplatky .slevyproverneklienty_grid .rukasrdce	{background: transparent !important;}

.slevyproverneklienty_grid	 &gt; div	{/*height: 90px;*/}

.slevyproverneklienty_grid	 &gt; div.rukasrdce	{height: 95px;}

.slevyproverneklienty_grid.hlavicka	{padding: 0px; border-top: 0px solid white;}
.slevyproverneklienty_grid.hlavicka &gt; div	{text-align: center; padding: 0px; font-weight: 600; height: auto;}

.pozn_slevyvernostni	{text-align: center; position: relative;}
.pozn_slevyvernostni &gt; div.abs	{position: absolute; width: 100%; height: 200px; background: white; padding: 20px; z-index: 1;}


 

@media only screen and (max-width: 740px) {
	.slevyproverneklienty_grid 	{		
		  grid-template-columns: 100px 1fr 1fr ;	  	  
		}
	 .slevyproverneklienty_celek.priplatky .slevyproverneklienty_grid	{		
		  grid-template-columns: 100px 1fr ;	  	  
		}	
		
	.slevyproverneklienty_grid	 &gt; div.rukasrdce	{padding-left: 0px; margin-right: 0px; background: transparent;}
	.faj1, .faj2	{padding: 0px 10px 0px 50px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap;}
	.faj1	{background: #F3FDEE url(../images/faj1.png) 15px center no-repeat; }
	.faj2	{background: #FEF7E5 url(../images/faj2.png) 15px center no-repeat; }

}

.pozn_slevyvernostni_v3	{display: none; text-align: center;}

@media only screen and (max-width: 560px) {
	.slevyproverneklienty_grid	{		
		  grid-template-columns: 75px 1fr 1fr ;	grid-gap: 5px;  	  
		}
	.slevyproverneklienty_grid.spec	{		
		  grid-template-columns: 75px 1fr;	grid-gap: 5px;  	  
		}
		
	.slevyproverneklienty_celek.priplatky .slevyproverneklienty_grid	{		
		  grid-template-columns: 75px 1fr ;	  	  
		}
		
	.faj1, .faj2, .fajplus	{padding: 0px 10px 0px 10px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; font-size: 13px;}
	.faj1	{background: #F3FDEE; }
	.faj2	{background: #FEF7E5; }
	.fajplus	{background: #FEF7E5; }
	.rukasrdce .bubl1, .rukasrdce .bubl2, .rukasrdce .bubl3, .rukasrdce .bubl4, .rukasrdce .bubl5	{width: 75px; height: 75px; text-align: center; padding: 5px 3px;
	
	
	}
	.rukasrdce .br	{display: inline-block;}
	.rukasrdce strong	{display: block; font-size: 18px; padding-top: 12px;}
	
	.pozn_slevyvernostni_v3	{display: block;}
	.pozn_slevyvernostni	{display: none;}
	
	
	
}

/*** nový ypůsob sloupců ********/
.sloupce2	{	display: grid; grid-gap: 40px; grid-template-columns: 47% auto ;}
.sloupce3	{	display: grid; grid-gap: 40px; grid-template-columns: 31% auto 31%;}
.body_v3 .sloupce2 , .body_v2  .sloupce2 , .body_v3 .sloupce3 , .body_v2  .sloupce3	{grid-template-columns: 100%;}
.body_v3 .sloupce2.nekolabovat , .body_v2  .sloupce2.nekolabovat	{display: grid; grid-gap: 40px; grid-template-columns: 47% auto ;}

.sloupec2 {width: 49%; margin-left: 2%; float: left;}
.sloupec3 {width: 31.3%; margin-left: 2%; float: left;}

.body_v2 .sloupec2, .body_v2 .sloupec3   {margin: 0px; float: none; width: 100%;}
.body_v3 .sloupec2, .body_v3 .sloupec3   {margin: 0px; float: none; width: 100%;}

/*.body_v2 #pata .sloupec3 {width: 31.3%; margin-left: 2%; float: left;}*/

.sloupec0 {margin-left: 0px;}

.limit1	{max-width: 1120px; margin: auto;}

.ic	{display: inline-block;}
.ic_zarovka	{background: transparent url(../images/zarovka.png) 0px 0px no-repeat; width: 45px; height: 35px; position: relative; top: 10px;}

.ic_div	{width: 100%; padding: 0em 0em 0em 3em; height: auto; }
.ic_tel	{background: transparent url(../images/ic_tel.png) 0px 4px no-repeat; }
.ic_mail	{background: transparent url(../images/ic_mail.png) 0px 4px no-repeat; }
.ic_pribor	{background: transparent url(../images/pribor.png) 0px 0px no-repeat; width: 32px; height: 44px;}
.ic_kosik	{background: transparent url(../images/ic_kosik.png) 0px 0px no-repeat; width: 45px; height: 30px; position: relative; top: 10px;}

.jic	{display: inline-block; width: 70px; height: 70px; background-repeat:no-repeat; background-size:80px 80px; background-position: center; flex-shrink: 0;}
.jic.j5	{background-image: url(../images/j_prozdravi.png);}
.jic.j18	{background-image: url(../images/j_prozdraviplus.png);}
.jic.j30	{background-image: url(../images/j_salatplus.png);}
.jic.j9	{background-image: url(../images/j_bezmasa.png);}
.jic.j23	{background-image: url(../images/j_promamy.png);}
.jic.j49	{background-image: url(../images/j_laktominus.png);}
.jic.j27	{background-image: url(../images/j_proteinplus.png);}
.jic.j66	{background-image: url(../images/j_proteinextra.png);}
.jic.j26	{background-image: url(../images/j_fitplus.png);}
.jic.j39	{background-image: url(../images/j_detoxpro.png);}
.jic.j63	{background-image: url(../images/j_veganplus.png);}
.jic.j46	{background-image: url(../images/j_rodinaplus.png);}
.jic.j75	{background-image: url(../images/j_flexin.png);}
.jic.j76	{background-image: url(../images/j_keto.png);}
.jic.j11	{background-image: url(../images/j_doplnky.png);}
.jic.j77	{background-image: url(../images/j_mojemenu.png);}
.jic.j78	{background-image: url(../images/j_menicko.png);}
.jic.j81	{background-image: url(../images/j_vikend.png);}
.jic.j84	{background-image: url(../images/j_pznacesty.svg); background-size:70% auto;}

.jic.j85	{background-image: url(../images/j_prodeti.png);}

noscript  {height: 0px; overflow: hidden; display: none;}

.flex-flex-start-center-nowrap	{display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap;}
.flex-flex-start-center-wrap	{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.flex-flex-start-top-wrap	{display: flex; justify-content: flex-start; align-items: top; flex-wrap: wrap;}

.flex-space-between-center-wrap	{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.flex-space-between-center-nowrap	{display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;}
.flex-space-between-top-nowrap	{display: flex; justify-content: space-between; align-items: top; flex-wrap: nowrap;}
.flex-space-between-space-around-wrap	{display: flex; justify-content: space-between; align-items: space-around; flex-wrap: wrap;}




/* ======================================================================================================= 

                       obsahové styly speciální

==========================================================================================================*/
.home_header	{height: 700px;  background: white url(/images/stranky/image-hp.jpg) center center no-repeat;}
.home_header .main_limit	{display: flex; align-items: center; justify-content: space-between; height: 100%;}
.home_header .intro	{width: 590px; line-height: 1.4em; }
.home_header .intro h1	{font-size: 44px; font-weight: 800; padding-bottom: 0.5em; padding-top: 0em;}
.home_header .intro h1 strong	{display: block; font-size: 48px;}
.home_header .intro li	{line-height: 1.6em; padding-bottom: 2em; padding-top: 2px; width: 80%;}

.dnesnimenu	{background: white; overflow: hidden;  border: 1px solid #E6E6E6; border-radius: 7px; font-size: 14px;  }
.dnesnimenu &gt; div	{padding: 0px 30px;}
#sidebar .dnesnimenu &gt; p	{display: none;}
.dnesnimenu .hlav	{background: #FEF7E5; display: flex; align-items: center; justify-content: space-between; padding: 15px 25px 15px 25px; }
.dnesnimenu .hlav .nazev	{color: #AFD800;}
.dnesnimenu .hlav strong	{font-size: 16px; color: #304536;}

.dnesnimenu .hlav .bubl4	{width: 63px; height: 63px; background: transparent url(../images/bubl4.png) center center no-repeat; background-size: 100% 100%; color: white; text-align: center; font-weight: 500; padding-top: 1em; line-height: 1.2em; font-size: 16px; flex-shrink: 0;}

.dnesnimenu .chod	{border-bottom: 1px dotted #F2F2F2; padding: 7px 0px; line-height: 1.2em; color: #21402B;}
.dnesnimenu .chod h5	{padding: 6px 0px; color: #859088; margin: 0px; text-transform: uppercase; font-weight: 400; font-size: 0.95em;}
.dnesnimenu .chod p	{padding: 0px; font-weight: 600;}
.dnesnimenu .celkem	{padding: 20px 30px; text-align: center;}
.dnesnimenu a , #obsah .dnesnimenu a {color: #8C8C8C; font-weight: 400;}
/* ------------------------------------------------------------------------------------ */

/* --- tabs ---------------- */
ul.nav-tabs	{/*padding: 0px; margin: 0px; display: flex;*/ 
position: relative; 	  
	  display: grid;
	  grid-template-columns: 1fr 1fr 1fr 1fr ;
	  grid-template-rows: auto;
	  grid-gap: 20px;
	  padding: 0px;
border: 0px solid white;}
ul.nav-tabs &gt; li	{padding: 0px; margin: 0px; display: block; background: transparent; float: none;}
.nav-tabs&gt;li&gt;a	{padding: 0px; margin: 0px; background: transparent; border: 0px solid white; display: block !important; color: inherit; text-decoration: inherit;}
.nav-tabs &gt; .active &gt; a, .nav-tabs &gt; .active &gt; a:hover, .nav-tabs &gt; .active &gt; a:focus	{padding: 0px; margin: 0px; background: transparent  !important;  border: 0px solid white !important;}

.tab-content &gt; div	{display: block; opacity: 0; height: 0px; overflow: hidden;}
.tab-content &gt; div.active	{display: block; opacity: 1; height: auto;}

/* --- tabs hp_programy---------------- */
ul.hp_programy {
	
	/*justify-content: space-between;*/

position: relative; 	  
	  display: grid;
	  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	  grid-template-rows: auto;
	  grid-gap: 30px;
	  padding: 0px !important;
	  margin: 0px !important;
	  

}

.body_v2 ul.hp_programy {
	

	  grid-template-columns: 1fr 1fr 1fr;
	  grid-gap: 40px;
	  padding-left: 30px !important;
	  padding-right: 30px !important;


	  
	  

}

.body_v3 ul.hp_programy {
	  grid-template-columns: 1fr 1fr 1fr;
	  grid-gap: 30px;
	  padding-left: 30px !important;
	  padding-right: 30px !important;
}

@media only screen and (max-width: 700px) {
	.body_v3 ul.hp_programy {
	  grid-template-columns: 1fr 1fr;
	  grid-gap: 30px;
	  padding-left: 30px !important;
	  padding-right: 30px !important;
	}	
}

@media only screen and (max-width: 450px) {
	.body_v3 ul.hp_programy {
	  grid-template-columns: 1fr 1fr;
	  grid-gap: 20px;
	  padding-left: 0px !important;
	  padding-right: 0px !important;
	}	
}


ul.hp_programy::before	{content: none;}
ul.hp_programy &gt; li	{position: relative; wodth: 100%;}
ul.hp_programy &gt; li a	{ position: relative; width: 100%;}

ul.hp_programy &gt; li a h3 {transition: background-color 0.5s linear;}

ul.hp_programy &gt; li a:hover	{box-shadow: 0px 30px 30px -30px rgb(0 0 0 / 25%);}

ul.hp_programy &gt; li a:hover h3 , ul.hp_programy &gt; li.active a h3	{background: #AFD800; color: white;}
ul.hp_programy &gt; li a:hover h3 {background: rgba(175,216,0,0.5)}

ul.hp_programy .hp_program	{width: 100%; position: relative}

.ikona {position: relative; width: 100%; height: 100%; background: #F2FDED; border-radius: 7px; overflow: hidden;}
.ikona img	{position: absolute;}
.ikona img:nth-child(1)	{z-index: 1; bottom: 0px; right: 0px; width: 70%;}
.ikona img:nth-child(2)	{z-index: 2; width: 60%; margin: 10% 20%;}
.ikona	h3 {z-index: 3; position: absolute; width: 100%; padding: 1em; text-align: center; bottom: 0px;
font-weight: 600;
font-size: 1.4em;
line-height: inherit !important;
color: #1f3f2a; 
font-family: inherit;
}

.body_v21 .ikona	h3	{font-size: 17px; padding: 0.9em;}
.body_v2 .ikona	h3	{font-size: 17px; padding: 0.8em;}
.body_v3 .ikona	h3	{font-size: 15px; padding: 0.7em;}

.ikona	p {z-index: 3; position: absolute; width: 66%; left: 17%; top: 29%; text-align: center; font-size: 1.25em; font-weight: 700; text-transform: uppercase; line-height: 1.4em;}

.stitky	{position: relative; height: 0px; text-align: center; z-index: 4;}
.stitky p	{position: absolute; top: -15px; text-align: center; width: 100%; z-index: 4;}
.stitky p strong	{background: #DFD301; color: white; padding: 5px 7px; border-radius: 7px;}
.stitky &gt; div.pozntip	{position: absolute; bottom: -15px; left: -20px; text-align: center; width: 150px; z-index: 4; white-space: normal; padding-bottom: 35px; background: transparent url(../images/poznamkaK_bottom.png) center bottom no-repeat; font-size: 12px; line-height: 14px; font-weight: bold;}

.varianty.chody .stitky	{position: absolute; left: 10px; top: 3px;}

.tab-content.hp_programy	{padding-top: 30px;}
.tab-content.hp_programy p	{text-align: center; max-width: 1000px; margin: auto;}
.tab-content.hp_programy p .button_hlavni	{margin-top: 30px; margin-bottom: 30px;}
/*
.body_v3	.tab-content.hp_programy p .button_hlavni	{margin-top: 10px; margin-bottom: 10px; padding: 0px !important; color: #AFD800 !important; background: transparent !important; text-decoration: underline !important; border: 0px solid white  !important; transition: none;}
*/
.fade	{transition: opacity 0.8s linear; opacity: 0;}
.fade.active	{opacity: 1;}


/* ---- nabídka jídelníčků --------------------------*/
.jidelnicek	{width: 125px; padding: 7px; }
.jidelnicek .jidelnicek_ico	{/*height: 105px;*/ aspect-ratio: 136/120;}

#mobilesubmenu .jidelnicek.empty	{display: none;}

@media only screen and (max-width: 480px) {
	#mobilesubmenu .jidelnicky_nabidka .jidelnicky {
   justify-content: center;
	}
	#mobilesubmenu .jidelnicek	{width: 33%; padding: 5px;}
	/*.jidelnicek	{width: 110px; }*/
	#mobilesubmenu ul.nav .nav-child.toggle	{padding: 0px 10px;}
}

@media only screen and (max-width: 360px) {
	/*.jidelnicek	{width: 110px; padding: 3px;}*/
	#mobilesubmenu .jidelnicek	{width: 33%; padding: 3px;}
	#mobilesubmenu ul.nav .nav-child.toggle	{padding: 0px 3px;}
}

.jidelnicky_doplnky .skupina	{width: 157px; margin: auto;}
	#mobilesubmenu .jidelnicky_doplnky .skupina	{width: 100%; margin: auto;}
.jidelnicky_doplnky .skupina p	{font-size: 14px; text-align: center;}
.jidelnicky_doplnky .jidelnicek	{margin: auto;  }

.jidelnicky_doplnky .pomspace	{height: 183px; padding-top: 27px; width: 100%;}
	#mobilesubmenu .jidelnicky_doplnky .pomspace	{height: auto; padding-top: 0px; width: 100%;}

.jidelnicky_nabidka {display: flex; /*justify-content: space-between;*/ flex-wrap: wrap; width: 81%;}
	.body_v1 .jidelnicky_nabidka {width: 86%;}
	.body_v2 .jidelnicky_nabidka {}
	.body_v2 .jidelnicky_inner .jidelnicky_nabidka, .body_v3 .jidelnicky_inner .jidelnicky_nabidka {flex-wrap: nowrap; width: 1800px;}
	#mobilesubmenu .jidelnicky_nabidka {display: block; width: 100%; text-align: center;
	
	
	display: flex; justify-content: space-between;  flex-wrap: wrap; padding-top: 10px;
	}
	
.jidelnicky_nabidka .skupina	{/*width: 49%;*/ padding-bottom: 32px; /*border: 1px solid white; */}
/*
.jidelnicky_nabidka .skupina:nth-child(1)	{width: 56%; padding-bottom: 32px;  }
.jidelnicky_nabidka .skupina:nth-child(2)	{width: 42%; padding-bottom: 32px;  }
.jidelnicky_nabidka .skupina:nth-child(3)	{width: 56%; padding-bottom: 32px;  }
.jidelnicky_nabidka .skupina:nth-child(4)	{width: 42%; padding-bottom: 32px;  }
*/


.body_v2 .jidelnicky_inner .skupina, .body_v3 .jidelnicky_inner .skupina	{/*width: 24%;*/ width: auto !important; padding-right: 20px;}
#mobilesubmenu .jidelnicky_nabidka .skupina	{width: auto; margin: auto; }
.jidelnicky_nabidka .jidelnicky {display: flex; /* justify-content: space-between;  */ flex-wrap: wrap;}
#mobilesubmenu .jidelnicky_nabidka .jidelnicky {display: flex; /* justify-content: space-between; */ flex-wrap: wrap;}

.jidelnicky_nabidka .jidelnicky .jidelnicek	{}
.jidelnicky_nabidka .jidelnicky .jidelnicek.act 	{background: #AED800; border-radius: 15px;}
.jidelnicky_nabidka .jidelnicky .jidelnicek &gt; a:hover .jidelnicek_ic 	{background-color: #AED800;}

.cenik_nabidka .jidelnicek .jidelnicek_ic.act, .cenik_nabidka .jidelnicek .jidelnicek_ic.klik {background-color: #AED800; }

.jidelnicek .jidelnicek_ico 	{position: relative; border: 1px solid #AED800; border-radius: 7px; background-color: white; width: 100%;  display: block; text-align: center; text-decoration: none; padding: 0px; transition: background-color 0.5s linear;}
.jidelnicek .jidelnicek_ico  &gt; img	{width: 80% !important; }
.jidelnicek .jidelnicek_ico h6	{position: absolute; bottom: 0px; padding: 6px 3px !important; margin: 0px; text-align: center; width: 100%;}

.jidelnicek a.jidelnicek_ico:hover	{background: #AED800; }

.jidelnicek .jidelnicek_ic {width: 100%; background-color: white; border: 1px solid #AED800; border-radius: 7px; position: relative; margin-bottom: 5px; background-size: 85px 85px;
 background-repeat: no-repeat;
  background-position:  center 7%; 
}
#mobilesubmenu .jidelnicek .jidelnicek_ic	{background-color: #F3FDEE;

background-size: 80% auto;
 background-repeat: no-repeat;
  background-position:  center -5px; 
}

.jidelnicky_nabidka .jidelnicky .jidelnicek.act .jidelnicek_ic {background-color: transparent !important; border: 1px solid rgba(0,0,0,0); }

.jidelnicky_nabidka  h4	, .jidelnicky_doplnky   h4	{font-size: 16px; padding: 0px 0px 10px 10px;}



/* --- stránka programy---------------- */
.stranka_programy	{}
.stranka_programy h2	{background: #FEF7E5; padding: 35px; text-align: center; margin-top: 70px;}

.stranka_programy .program {display: flex; justify-content: space-between; padding: 45px 0px;}
.stranka_programy .hp_program	{width: 100%;}
.stranka_programy .text, .program-grid	.text {padding: 40px 0px 20px 50px; position: relative;}
.stranka_programy .text &gt; *	{width: 100%;}

.program-grid	{
	display: grid;
	  grid-template-columns: 270px auto  ;
	  grid-template-rows: 120px 120px  ;
	  grid-gap: 0px;

	  padding: 20px 0px;

}
.program-grid	&gt; div	{/*padding: 3px; background: white;*/}
.program-grid .grid-foto	{ grid-area: 1 / 1 / span 2 / span 1; width: 100%;} 
.program-grid .grid-text	{ grid-area: 1 / 2 / span 1 / span 1; }
 .program-grid .grid-odkazy { padding-left: 50px; display: flex; justify-content: space-between; align-items: center;}
 .program-grid .buttony	{display: flex; align-items: center; justify-content:flex-end; }
  .program-grid .buttony	{text-align: right;}
 .program-grid .buttony a	{margin-left: 20px;}
/*.program-grid .grid-button	{ grid-area: 2 / 2 / span 1 / span 2; }*/

.program-grid .grid-foto.pomer	{aspect-ratio: 270/240;}

@media only screen and (max-width: 900px) {
	.program-grid	{
			display: grid;
		  grid-template-columns: 30% auto  ;
		  grid-template-rows: auto auto;
		  padding: 10px 0px;
	}
	.program-grid .grid-foto	{ grid-area: 1 / 1 / span 1 / span 1; } 
	.program-grid .grid-odkazy { grid-area: 1 / 2 / span 1 / span 1; display: flex; flex-direction: column ; align-items: center; justify-content: center; padding-left: 10px; }

	.program-grid .grid-text	{ grid-area: 2 / 1 / span 1 / span 2; padding: 30px 0px 0px 0px;}
	.program-grid .buttony	{ display: block;}
	.program-grid .buttony a	{display: block; text-align: center; width: 200px; margin: 15px 0px;}	
} 


@media only screen and (max-width: 600px) {
	.program-grid	{

		  grid-template-columns: 47% auto  ;

	}
	 .program-grid .buttony	{width: 100%;}
	.program-grid .buttony a	{display: block; text-align: center; width: 100%; margin: 5px 0px;}
	
	.program-grid .ic_pribor	{
	/*display: none;*/
	width: 16px; height: 22px; background-size: contain; margin-right: 5px !important;
	}
	
	.aktualnijidelnicek	{flex-wrap: nowrap; justify-content: center; margin: auto; }
	.program-grid p	{margin: 0px; padding: 0px;}
	.body_v3 .ikona h3	{margin-bottom: 3px;}
}

@media only screen and (max-width: 400px) {
	
	.aktualnijidelnicek	{flex-wrap: nowrap; justify-content: center; margin: auto; font-size: 13px;}

}



.stranka_programy .program_buttony &gt; p 	{ padding: 0px 0px 0px 20px; }

.stranka_programy .aktualnijidelnicek ,  .program-grid .aktualnijidelnicek	{opacity: 0.7; color: #1f3f2a;}
.program-grid .aktualnijidelnicek:hover	{color: #1F3F2A; opacity: 1;}
.stranka_programy .aktualnijidelnicek .ic , .program-grid  .aktualnijidelnicek .ic	{margin-right: 16px;}

.ico_bez	{background: transparent url(../images/ico_bez.png) left center no-repeat; padding: 20px 0px 20px 50px; margin-top: 20px;}

/* --- podstránka programy -------------------- */
.program_head	{width: 100%; /*height: 390px; */ position: relative; padding: 40px 0px;}
.program_head .podtisk	{position: absolute; right: 0px; bottom: 0px; z-index: 1;}
.program_head .main_limit	{position: relative; z-index: 2;}
.program_head .obr	{}
.program_head .obr img	{width: 250px; max-width: 250px;}
.program_head .pretext	{width: 480px; padding-right: 118px;}

.program_head .text	{border-left: 2px solid #AFD800; padding-left: 30px;}

.program_head h1	{padding: 0px;}
.program_head h4	{padding: 0px;}




@media only screen and (max-width: 1050px) {
	.program_head .flex-space-between-center-nowrap	{
	
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
	
	}
	
	
	.program_head .flex-space-between-center-nowrap .flex-flex-start-center-nowrap	{
		width: 100%;
	}
	.program_head .flex-space-between-center-nowrap .text	{
		width: 100%;
	}
	.program_head h4	{padding-top: 0px;}
	.program_head h1	{padding-top: 25px;}
	.program_head .pretext	{padding-right: 0px; width: auto;}
}


@media only screen and (max-width: 700px) {
	.program_head .flex-flex-start-center-nowrap	{display: block; text-align: center;}
	.program_head .obr	{padding-top: -30px;}
	.program_head .obr img	{width: 130px; max-width: 130px;}
	
	.program_head h1 span.p	{position: static; padding: 0px 0px 7px 0px; margin: 0px; top: 0px; line-height: 16px;}
	.program_head h1  strong {padding: 0px; font-size: 43px;}
	.program_head h1	{padding: 0px; line-height: 45px;}
	.program_head  {padding: 0px; height: auto; overflow: auto;}
	.program_head .text	{border-left: 0px solid white; padding: 10px 15px 15px 15px; text-align: center;}
}


.tab_srovnavaci	{box-shadow: 80px 120px 30px -140px rgba(0,0,0,1);}
.tab_srovnavaci	td	{width: 185px; text-align: center;  padding: 0px 10px; background: white; height: 50px; line-height: 17px;}
.tab_srovnavaci	td.sel	{cursor: pointer;}
.tab_srovnavaci	.linky td	{background: white; border-bottom: 2px dotted #EAE6DD; }
.tab_srovnavaci	.linky.bezlinky td	{border-bottom: 0px solid white;}
.tab_srovnavaci	.zelena td	{background: #BADE24; border: none; width: 185px;  padding: 5px;  text-align: center; font-weight: 500; padding: 20px;}

.tab_srovnavaci	.linky td.act	{background:#F2FDED; }
.tab_srovnavaci	.zelena td.act	{background: #B1D41E;  }
.tab_srovnavaci	.zelena .button_hlavni	{background: transparent !important; border: 2px solid white !important; color: white  !important; padding: 7px 30px; cursor: pointer; margin-top: 7px;}
.tab_srovnavaci	.zelena .button_hlavni:hover	{background: white  !important; color: #B1D41E  !important;}


.tab_srovnavaci	td.zahlavi	{background: none; width: 200px;  text-align: center;}
.tab_srovnavaci	.linky td.zahlavi	{text-align: right !important; border: none; color: #232122; font-weight: 600; font-size: 15px; padding-right: 30px;}
.tab_srovnavaci	td.mez	{width: 40px; border: 0px solid white;}
.tab_srovnavaci h5	{font-size: 16px; text-align: center; padding-top: 0px; height: 120px; line-height: 17px;}
.tab_srovnavaci h5 img	{width: 75px; height: auto; display: block; margin: auto; position: relative; top: 3px;}

.rohA1	{background-image: url(../images/rohA1.png) !important; background-repeat: no-repeat !important; background-attachment: fixed; background-position: left top !important; }
.rohA2	{background-image: url(../images/rohA2.png) !important; background-repeat: no-repeat !important; background-attachment: fixed; background-position: right top !important; }
.rohA3	{background-image: url(../images/rohA3.png) !important; background-repeat: no-repeat !important; background-attachment: fixed; background-position: left bottom !important; }
.rohA4	{background-image: url(../images/rohA4.png) !important; background-repeat: no-repeat !important; background-attachment: fixed; background-position: right bottom !important; }

.varianty_celek {display: flex; justify-content: flex-start; align-items: top; flex-wrap: wrap; padding: 20px 0px;}
.varianty_celek.chody	{padding: 9px 0px;}
.varianty_celek &gt; .varianty_nadpis	{width: 25%; padding-right: 15px;}

.body_v3 .varianty_celek &gt; .varianty_nadpis	{width: 100%; text-align: center;}



.varianty {width: 75%;
display: grid;
	  grid-template-columns: 1fr 1fr 1fr 1fr 1fr  ;
	  grid-gap: 18px;
}

.varianty.chody	{grid-template-columns: 1fr 1fr 1fr 1fr 1fr ;
	  grid-gap: 18px;}

.body_v3 .varianty.doplnky, .body_v3 .varianty_celek  .varianty.chody	{
	grid-template-columns: 1fr 1fr 1fr  ;
}

@media only screen and (max-width: 500px) {
	.body_v3 .varianty.doplnky, .body_v3 .varianty_celek .varianty.chody	{
		grid-template-columns: 1fr 1fr  !important ;
	}
	

	
}

.m190 .varianty.varianty_kalorie /* lakto- */	{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr  ;}	
.m246 .varianty.varianty_kalorie /* flexi in */	{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr  ;}	

.m188 .varianty.varianty_kalorie /* bM */	{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr  ;}	
.m139 .varianty.varianty_kalorie /* pZ */	{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr  ;}	
.m193 .varianty.varianty_kalorie /* protein extra */	{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr  ;}	
.m191 .varianty.varianty_kalorie /* protein+ */	{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr  ;}	
.m192 .varianty.varianty_kalorie /* fit+ */	{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr  ;}

@media only screen and (max-width: 740px) {
	.varianty.varianty_kalorie	{
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important ;
	}
}

@media only screen and (max-width: 500px) {
	.varianty.varianty_kalorie	{
		grid-template-columns: 1fr 1fr 1fr !important ;
	}
}

.varianty &gt; div	{position: relative; color: #1F3F2A; background: #F2FDED; font-weight: 700; text-decoration: none; text-align: center; padding: 5px; text-align: center; width: 100%; height: 90px; border-radius: 5px; 
display: flex; justify-content: center; align-items: center; flex-wrap: nowrap;}

.varianty.varianty_linka  &gt; div	, .varianty.chody  &gt; div	{border: 1px solid #A8D202; width: 100%; aspect-ratio: 3/2;}

.varianty.chody  &gt; div.ne	{border: 0px solid #A8D202;}
.varianty.chody  &gt; div.ne p	{color: #A0AE9F;}

.varianty &gt; div.poznamka	{color: #1F3F2A; background: transparent; display: block;

grid-area: 1 / 2 / span 1 / span 4;
text-align: left; color: black; font-size: 14px;
font-weight: 400;
}

.varianty &gt; div.poznamka div.sipka	{background: transparent url(../images/poznamkaK.png) top left no-repeat; position: absolute; left: -20px; width: 26px; height: 20px;}

.varianty &gt; div.poznamka strong	{display: block; padding-top: 1em; font-size: 15px; font-weight: 700; color: black;}

.varianty.doplnky &gt; div	{/*height: 170px;*/ width: 100%; aspect-ratio: 210 / 200; position: relative; height: auto !important;}
.body_v3 .varianty.doplnky &gt; div	{/*height: 200px;*/}
.varianty.doplnky &gt; div &gt; p	{width: 100%; height: 100%;}
.varianty p	{padding: 0px; line-height: 18px;}
.varianty .varianta br	{display: none;}
.varianty .varianta img	{margin: auto; margin-bottom: 15px; width: 80%; height: auto; margin-bottom:10px; display: block; }
.varianty &gt; div.nej	{background: #BADE24; display: block; position: relative; }

.ratio	{background: red; width: 100px; }
.ratio1	{aspect-ratio: 1 / 2;}

.varianty &gt; div.nej &gt; p	{padding-top: 0px; display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; width: 100%; height: 100%;}


.varianty .stitky p strong	{border: 2px solid white;}

.body_v3 .varianty_celek	{display: block;}
.body_v3 .varianty_celek h4	{width: 100%; padding: 20px 0px 20px 0px;}
.body_v3 .varianty_celek .varianty	{width: 100%; grid-gap: 15px;}

.poznamka	{opacity: 0.7; font-size: 0.8em;}

.varianty &gt; div.poznamka .abs	{position: relative; top: -20px; max-width: 400px;}

@media only screen and (max-width: 600px) {
	.varianty_celek .varianty	{width: 100%; grid-gap: 10px; grid-template-columns: 1fr 1fr 1fr 1fr;}
	.varianty &gt; div.poznamka .abs	{position: relative; top: -30px;}
}
@media only screen and (max-width: 450px) {
	.body_v3 .varianty_celek	{}
	.body_v3 .varianty_celek .varianty	{width: 100%; grid-gap: 7px; grid-template-columns: 1fr 1fr 1fr;}
	.body_v3 .varianty_celek .varianty &gt; div	{width: 100%; grid-gap: 15px; 
				-webkit-hyphens: manual;
				-ms-hyphens: manual;
				hyphens: manual;}
	.varianty &gt; div.poznamka .abs	{position: relative; top: -20px; font-size: 12px; line-height: 14px;}
	.varianty &gt; div.poznamka strong	{font-size: 12px;}
}

/* ---- pozadí flexi ------------------------------------------------- */
.pozadi-flexi	{display: flex; /*height: 500px;*/ position: relative;    flex-wrap: wrap; overflow: hidden;}
		.body_v3 .pozadi-flexi, .body_v2 .pozadi-flexi.pozadi-flexi-v2 {height: auto; }

.pozadi-flexi	.text {width: 50%; position: relative; height: 100%; background: transparent;  display: flex; display: flex; justify-content: flex-end;}
		.body_v3 .pozadi-flexi	.text, .body_v2 .pozadi-flexi.pozadi-flexi-v2 .text {width: 100%; height: auto; text-align: center;}
.pozadi-flexi	.text .vnor	{margin-right: 0px; padding: 0px 80px 20px 0px; position: relative; background: transparent;}


	.body_v3 .pozadi-flexi .text .vnor.main_limit50	{margin: auto; padding: 0px;}

.pozadi-flexi	.foto .vnor	{position: relative;}
		.body_v1 .pozadi-flexi	.text .vnor	{margin-right: 0px;}
.pozadi-flexi	.stin	{position: absolute; top: 0px; left: 0px; height: 100%; width: 150px; z-index: 1; background-image: linear-gradient(to right, rgba(252,252,254,1), rgba(252,252,254,0));}

.pozadi2 .pozadi-flexi	.stin	{background-image: linear-gradient(to right, rgba(243,253,238,1), rgba(243,253,238,0));}
.pozadi4 .pozadi-flexi	.stin	{background-image: linear-gradient(to right, rgba(250,251,253,1), rgba(250,251,253,0));}
		.body_v3	.pozadi-flexi	.stin, .body_v2 .pozadi-flexi.pozadi-flexi-v2 .stin	{position: absolute; top: 0px; left: 0px; height: 150px; width: 100%; z-index: 1; background-image: linear-gradient(to bottom, rgba(252,252,254,1), rgba(252,252,254,0));}
		.body_v3 .pozadi2	.pozadi-flexi	.stin, .body_v2 .pozadi-flexi.pozadi-flexi-v2 .stin	{ background-image: linear-gradient(to bottom, rgba(243,253,238,1), rgba(243,253,238,0));}
		.body_v3 .pozadi4	.pozadi-flexi	.stin, .body_v2 .pozadi-flexi.pozadi-flexi-v2 .stin	{ background-image: linear-gradient(to bottom, rgba(252,252,254,1), rgba(252,252,254,0));}
		
		
		
.pozadi-flexi	.foto {width: 50%; height: 100%; position: relative;}
		.body_v3 .pozadi-flexi	.foto , .body_v2 .pozadi-flexi.pozadi-flexi-v2 .foto	{width: 100%; height: auto;}
.pozadi-flexi	.foto img	{height: 100% !important; width: auto !important; max-width: none; }
		.body_v3 .pozadi-flexi	.foto img , .body_v2 .pozadi-flexi.pozadi-flexi-v2 .foto img	{height: auto !important; width: 100% !important;}
		
		.body_v3 .pozadi-flexi	.foto .mojeslideshow &gt; p &gt; img	{object-fit: cover; width: 100% !important;height: 100%  !important;position: absolute;}



.pozadi-flexi.proc-zvolit {height: 820px;}
	.body_v3 .pozadi-flexi.proc-zvolit {height: auto; }
.pozadi-flexi.proc-zvolit h2	{padding: 114px 0px 20px 0px;}
	.body_v3 .pozadi-flexi.proc-zvolit h2	{text-align: center;}
.pozadi-flexi.proc-zvolit .text	{color: #23402C;font-weight:600;}
.pozadi-flexi.proc-zvolit .text .poz_srdicka	{position: absolute; left: -251px; top: 20px; width: 211px; height: 516px; background: transparent url(../images/poz_srdicka.png) center center no-repeat;}
.body_v3 .pozadi-flexi.proc-zvolit .row	{display: flex; flex-direction: column; justify-content: center;}
.body_v3 .pozadi-flexi.proc-zvolit .row &gt; *	{text-align: center; margin: 0px;}


.pozadi-flexi.proc-zvolit .text .vnor {padding-right: 30px;}

.pozadi-flexi.proc-zvolit .text .row	{/*display: flex; align-items: center; flex-wrap: no-wrap; padding: 10px 0px;*/}
.pozadi-flexi.proc-zvolit .text .row img	{margin-right: 10px;}

.proc-zvolit-zs	{display: grid;
	  grid-template-columns: 1fr 1fr   ;
	  grid-template-rows: auto  ;
	  grid-gap: 20px;

	  padding: 0px;}

.proc-zvolit-zs img	{width: 77px; height: 77px;}

.proc-zvolit-zs div.rowT span	{display: block; align-self: start;}

.proc-zvolit-zs div.rowT	{
	display: grid;
	  grid-template-columns: 77px auto  ;
	  grid-template-rows: 77px auto  ;
	  grid-gap: 10px;
	  padding: 0px;
	  }

@media all and (max-width: 680px) {
	.proc-zvolit-zs div.rowT	{
	  grid-template-columns: 100%  ;
	  text-align: center;
	  }	
}


.pozadi-flexi.home {height: 750px;}
	.body_v3 .pozadi-flexi.home {height: auto; }
.pozadi-flexi.home .dnesnimenu_spacer, .pozadi-flexi-grid.home .dnesnimenu_spacer	{position: absolute; z-index: 4; right: 0px; top: 0px; width: 340px; height: 100%;   display: flex; justify-content: flex-end; align-items: center; padding: 10px 0px 0px 0px;}	
	.body_v3 .pozadi-flexi-grid.home .dnesnimenu_spacer	{display: none;}
.pozadi-flexi.home .dnesnimenu	{/*height: 700px;*/ height: auto; width: 300px; position: relative; top: 40px;}	
.pozadi-flexi.home .text .vnor	{ padding: 80px 120px 0px 0px;}
		.body_v3 .pozadi-flexi.home .text .vnor	{ padding: 30px 30px 30px 0px;}
		
.pozadi-flexi.priprava-jidel .text	{
	
	background-color: rgb(252,252,254);}
.pozadi-flexi.priprava-jidel .text .poz_srdicka	{position: absolute; left: -251px; top: 20px; width: 211px; height: 516px; background: transparent url(../images/poz_srdicka.png) center center no-repeat;}	
	
.pozadi-flexi.priprava-jidel .text .vnor	{ padding: 80px 120px 0px 0px;}
		.body_v3 .pozadi-flexi.priprava-jidel .text .vnor	{ padding: 30px 30px 30px 0px; text-align: center;}


		
		

.pozadi-flexi.programy	{/*height: 520px;*/}	
.pozadi-flexi.programy	.foto img	{height: 130% !important;}
		.body_v3 .pozadi-flexi.programy	.foto img	{height: auto !important; width: 100% !important;}


/* ================ pozadi-flexi-grid ======================================== */


.home h1	{font-weight: 800; font-size: 30px;}
		
.pozadi-flexi-grid	{
	display: grid;
	  grid-template-columns: 480px auto;
	  grid-template-rows: auto 350px;
	  grid-gap: 0px;
	  padding: 0px;
}

.pozadi-flexi-grid &gt; div 	{/*border: 1px solid red; overflow: hidden;*/}	

.pozadi-flexi-grid &gt; div.nadpis {
	grid-column-start: 1;   grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; display: flex; align-items: flex-end;}
.pozadi-flexi-grid &gt; div.text {
	grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3;}
.pozadi-flexi-grid &gt; div.foto {
	grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; position: relative;}
	
.pozadi-flexi-grid &gt; div.nadpis	h1	{width: 100%;}

.pozadi-flexi-grid .stin {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 150px;
    z-index: 1;
    background-image: linear-gradient(to right, rgba(252,252,254,1), rgba(252,252,254,0));
}

.pozadi-flexi-grid	.foto {
    width: 100%;
    height: 100%;
    position: relative;
}
		
.pozadi-flexi-grid &gt; div.foto &gt; .presah	{position: absolute; width: 150%; height: 100%;}
	.body_v3 .pozadi-flexi-grid &gt; div.foto &gt; .presah	{position: absolute; width: 123%; height: 100%; left: -11%;}
.pozadi-flexi-grid .mojeslideshow &gt; p &gt; img	{object-fit: cover; width: 100% !important; height: 100%  !important; position: absolute;}

.body_v3  .pozadi-flexi-grid	{
	display: grid;
	  grid-template-columns: auto;
	  grid-template-rows: auto 300px auto;
	  grid-gap: 0px;
	  padding: 0px;
}

.body_v3 .pozadi-flexi-grid &gt; div.nadpis {
	grid-column-start: 1;   grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; text-align: center;}
.body_v3 .pozadi-flexi-grid &gt; div.text {
	grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 4; position: relative;  }
.body_v3 .pozadi-flexi-grid &gt; div.foto {
	grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; position: relative;}
	
.body_v3	.pozadi-flexi-grid	.stin, .body_v2 .pozadi-flexi-grid.pozadi-flexi-v2 .stin	{position: absolute; bottom: 0px; left: 0px; height: 150px; width: 100%; z-index: 1; background-image: linear-gradient(to bottom, rgba(252,252,254,1), rgba(252,252,254,0));}

.body_v3 .pozadi-flexi-grid .mojeslideshow	{height: 100%;}
.body_v3 .pozadi-flexi-grid .mojeslideshow p	{height: 100%; overflow: hidden; min-height: 100%;}

.body_v3 .pozadi-flexi-grid &gt; div.nadpis h1	{text-align: center;}

.body_v3 .pozadi-flexi-grid &gt; div.text &gt; ul	{position: relative; z-index: 1; padding: 20px 0px;}
.body_v3 .pozadi-flexi-grid &gt; div.text .in_pozadi	{width: 200%; left: -50%; height: 100%; position: absolute !important; z-index: 0; background: #FEF7E5;



}
/* ================ form ======================================== */

input, textarea {border: 1px solid #DDDDDD; padding: 28px 31px  !important; background: white; border-radius: 7px; display: inline-block; font-size: inherit !important; color: black; transition: box-shadow 0.5s linear !important;
font-family: inherit !important; line-height: 16px !important; position: static !important; display: inline-block !important; margin: 0px !important;
box-shadow: 0px 0px 1px 0px rgba(0,0,0,0) !important;
}

select {border: 1px solid #DDDDDD !important; background: white; border-radius: 7px;  color: black; transition: box-shadow 0.5s linear !important;font-family: inherit !important; height: 60px; padding-right: 15px;}
select:focus {outline:inherit;}
select option	{padding: 28px 31px; height: 60px !important;}

/*input:focus	{ box-shadow: 0px 20px 25px -23px rgba(0,0,0,0.8) !important; color: black !important; border: 1px solid #A8D202 !important;}*/

input[type="submit"], .button, button  {font-size: inherit !important; background: #A7CE01; color: white;  padding: 21px 25px  !important; text-decoration: none; border-radius: 5px; border: 0px !important; cursor: pointer;}
input[type="submit"]:hover, .button:hover, button:hover  {color: #85B916; border: 0px;}

.validation-advice  {color:#FF7F00; font-style:italic; padding: 5px 0px 5px 0px;}
.validation-failed {border: 1px solid #FF7F00 !important;}

label, input, textarea{font-weight: inherit;}

input:focus, textarea:focus {box-shadow: 0px 3px 2px -1px rgba(0,0,0,0.4) !important; border: 1px solid #A8D202 !important; color: black !important; }

.fpol	{position: relative;}
.fpol label	{position: absolute; top: -1px; left: 23px; padding: 5px; background: white;}
.fpol	{padding: 15px 0px 20px 0px;}

.fpol textarea, .fpol input, .fpol textarea {
	width: 100%;
	}
	
textarea::placeholder {
  color: #A1A1A1;
}

/* 
rscustom_radio
*/

/* ch-box checkbox */
label.ch_box , label.ch_radio , .rscustom_radio label {
  display: inline-block;
  position: relative;
  padding: 0px 0px 0px 38px;
  line-height: 27px;
  cursor: pointer;
	font-size: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rscustom_radio	{padding-bottom: 15px;}
.rscustom_radio label {display: block;}

.xdsoft_datetimepicker .xdsoft_datepicker	{width: auto;}



/* Hide the browser's default checkbox */
.ch_box input, .ch_radio input , .rscustom_radio label &gt; input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}




/* Create a custom checkbox 

.rscustom_radio label:has(&gt; input:checked)	{background: red !important; color: red !important;}
*/
.ch_box .checkmark  {
  position: absolute;
  top: 0;
  left: 0;
  height: 28px;
  width: 28px;
  background-color: white;
  border-radius: 5px;
  border: 2px solid #CDCDCD;
  transition: box-shadow 0.5s ease-in-out;
}

.ch_radio .checkmark , .rscustom_radio label  .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 28px;
  width: 28px;
  background-color: white;
  border-radius: 50%;
  border: 2px solid #CDCDCD;
  transition: box-shadow 0.5s ease-in-out;
}

/* On mouse-over, add a grey background color */
.ch_box:hover input ~ .checkmark , .ch_radio:hover input ~ .checkmark , .rscustom_radio label:hover input ~ .checkmark   {
  /*border: 2px solid #BBBBBB;*/
  box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
}

/* When the checkbox is checked, add a blue background */
.ch_box input:checked ~ .checkmark , .ch_radio input:checked ~ .checkmark, .rscustom_radio label input:checked ~ .checkmark {
  border: 2px solid #AED800;
  background: white url(../images/check.png) center center no-repeat;
}

/*
.ch_radio input:checked ~ .checkmark {
  border: 2px solid #AED800;
  background: white url(../images/check.png) center center no-repeat;
}
*/



	
.formular_objednavka h3	{padding: 50px 0px 15px 0px;}
.formular_objednavka h3.popover-title	{padding: 8px 14px;}
.formular_objednavka textarea	{height: 130px;}




p.tel, #pata p.mail	{padding-left: 40px; line-height: 1.8; }
p.tel strong, p.mail strong	{display: inline-block; padding-bottom: 5px;}
p.tel {background: transparent url(../images/ic_tel.png) 0px 5px no-repeat;}
p.mail {background: transparent url(../images/ic_mail.png) 0px 12px no-repeat; padding-top: 14px; padding-left: 40px;}

.tel_info	{display: block;}

.body_v3  .ikonky	{padding: 0px 0px 15px 0px;}
/*.body_v3  .tel_info	{display: none;}*/
.body_v3  p.tel, .body_v3 p.mail, .body_v2  p.tel, .body_v2 p.mail	{width: 200px; text-align: left; margin: auto; display: table; padding-top: 5px; 
padding-bottom: 5px; background-position: 0px 5px; }

p.mail strong a	{color: inherit;}
p.tel strong a	{color: inherit; text-decoration: none;}
	
	
h2 .c	{color: #BAC5BD; padding: 0.2em 0em 0em 0em; border: 3px solid #BAC5BD; width: 42px; height: 42px; overflow: hidden; text-align: center; border-radius: 50%; display: inline-block; position: relative; top: 10px; margin-right: 0.4em; font-size: 24px;}	
.formular_objednavka h2	{padding: 50px 0px 20px 0px;}
.formular_objednavka .cenikpas	{background: #F3FDEE; padding: 20px 0px ; position: relative;}




.jidelnicek_pripravila	{max-width: 550px; display: grid;
	  grid-template-columns: 204px auto  ;
	  grid-template-rows: 230px;
	  grid-gap: 40px;
	  margin: auto;
	  }

.body_v3 .jidelnicek_pripravila	{ display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; flex-direction: column;
	  }	  
	

.jidelnicek_pripravila .grafika	{position: relative; }  
.jidelnicek_pripravila .grafika	.prvky	{position: absolute; top:19px; left: -50px; width: 100px; height: 208px; background: transparent url(../images/jidelnickypripravila_grafika.png) center center no-repeat;} 

.jidelnicek_pripravila .foto	{overflow: hidden; width: 204px; height: 204px; border-radius: 50%;}
.jidelnicek_pripravila .foto &gt; img	{width: 100%; height: 100%; object-fit: cover;}
.jidelnicek_pripravila .link {padding-top: 15px;}

.rozvozova_mista_sloupce	{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 20px;
	}


	
@media only screen and (max-width: 700px) {
	.rozvozova_mista_sloupce	{
	grid-template-columns: 1fr 1fr;
	grid-gap: 0px;
	} 
	.rozvozova_mista_sloupce ul	{
		margin-bottom: 30px;
	}
}
	
@media only screen and (max-width: 500px) {
	.rozvozova_mista_sloupce	{
	grid-template-columns: 1fr;
	grid-gap: 0px;
	}  
	.rozvozova_mista_sloupce ul	{
		margin-bottom: 0px;
	}
}


.seznam_odbernych_mist	{}
.seznam_odbernych_mist	.misto {display: grid;
	  grid-template-columns: 0.5fr 1fr 1fr 0.7fr;
	  grid-gap: 10px;
	  padding: 15px 0px;}
	  
.seznam_odbernych_mist a	{color: inherit !important;  font-weight: inherit !important;}	  

@media only screen and (min-width: 768px) {
	.seznam_odbernych_mist	.infomenu  { padding: 0px !important; margin: 0px !important; background: transparent !important; border: 0px solid white !important; }
	.seznam_odbernych_mist	.infomenu h3.class_toggle { display: none;}
	  
}
@media only screen and (max-width: 767px) {
	.seznam_odbernych_mist	.infomenu  { border: 1px solid #E8F5E4;
    background: white;
    border-radius: 7px;
    padding: 22px 18px !important;
    transition: border 1s linear, background-color 1s linear;
    margin: 5px 0px;}
	
	.seznam_odbernych_mist	.infomenu.toggle {
    border: 1px solid #DCEBD8;
    background-color: rgba(255,255,255,0);
	}
	
	.seznam_odbernych_mist	.infomenu h3.class_toggle { display: block;}
	.seznam_odbernych_mist	.infomenu .con {max-height: 0px; overflow: hidden;}
	.seznam_odbernych_mist	.infomenu.toggle .con {max-height: 20000px;}
	  
}

	  
@media only screen and (max-width: 768px) and (min-width: 579px)  {
	.seznam_odbernych_mist	div.misto {display: grid;
	  grid-template-columns: 1fr 1fr;
	  grid-gap: 5px;}
	  
	.seznam_odbernych_mist	div:nth-child(1)  {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 2;}
	
	.seznam_odbernych_mist	div:nth-child(2)  {
		grid-column-start: 2;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 2;}
	
	.seznam_odbernych_mist	div:nth-child(3)  {
		grid-column-start: 2;
		grid-column-end: 3;
		grid-row-start: 2;
		grid-row-end: 3;}
		
	.seznam_odbernych_mist	div:nth-child(4)  {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 2;
		grid-row-end: 3;}
	  
}	 

@media only screen and (max-width: 580px) {
	.seznam_odbernych_mist	div.misto {
	  grid-template-columns: 1fr;
	  grid-gap: 0px;}
	  
} 

a.telefonek	{color: inherit; text-decoration: none; font-weight: inherit !important;}	  
a.telefonek:before	{
	font-family: "Font Awesome 5 Free";
	content: "\f095"; margin-right: 5px; text-decoration: none; font-weight: 600 !important; }	 


.poznamkaK_top	{background: transparent url(../images/poznamkaK_top.png) top left no-repeat; padding-left: 25px; }

.ingallery, #ingallery-popup, .ingallery a .ingallery-item-stats-caption {font: 13px 'Poppins', sans-serif;font-weight:normal;}
	
	
.format_buttony_rozvoz	{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.body_v3 .format_buttony_rozvoz	{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.format_buttony_rozvoz a	{margin: 0.2em; display: block;}

.p_tip	{background: transparent url(../images/zarovka.png) 0px 15px no-repeat; padding: 20px 0px 20px 40px;}

.page404	{}
.page404	h1	{font-size: 100px; padding: 40px 0px 20px 0px; margin: 0px; line-height: 110%;}
.page404	h3	{font-size: 32px; padding: 10px 0px; margin: 0px; line-height: 110%;}
.page404	h4	{font-size: 22px; color: #AFD800; padding: 10px 0px; margin: 0px; line-height: 110%;}

/*.page404 .foto	{width: 100%; height: auto;}*/
.pozadi-flexi.page404	{align-items: center;}
.pozadi-flexi.page404 .foto img {
    width: 100% !important;
	height: auto !important;
}

.pozadi-flexi.page404 .stin	{display: none;}




.recepty_text	{	
	position: relative; 	  
	display: grid;
	grid-template-columns: 224px auto ;
	grid-gap: 20px;
	padding: 0px;	
}

@media only screen and ( max-device-width: 600px ) , (max-width: 600px) {			/* čárka je jako OR */
	.recepty_text	{	
		grid-template-columns: auto ;	
	}
}

#tinymce .recepty_text &gt; div	{
	
	border: 1px dotted #BBBBBB;
}




.varovani	{border: 1px solid #F9CE5E; background: #FEF7E5; padding: 15px; border-radius: 7px;}

.formResponsive input[type="checkbox"] {
    padding-left: 18px;
    margin-right: 5px;
    width: 28px;
    height: 28px;
    border-radius: 5px;
    border: 2px solid #CDCDCD;    
    background-color: white;
}
</pre></body></html>