@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 > 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 > .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 > 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 > div {/*height: 90px;*/}
.slevyproverneklienty_grid > div.rukasrdce {height: 95px;}
.slevyproverneklienty_grid.hlavicka {padding: 0px; border-top: 0px solid white;}
.slevyproverneklienty_grid.hlavicka > div {text-align: center; padding: 0px; font-weight: 600; height: auto;}
.pozn_slevyvernostni {text-align: center; position: relative;}
.pozn_slevyvernostni > 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 > 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 > div {padding: 0px 30px;}
#sidebar .dnesnimenu > 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 > li {padding: 0px; margin: 0px; display: block; background: transparent; float: none;}
.nav-tabs>li>a {padding: 0px; margin: 0px; background: transparent; border: 0px solid white; display: block !important; color: inherit; text-decoration: inherit;}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {padding: 0px; margin: 0px; background: transparent !important; border: 0px solid white !important;}
.tab-content > div {display: block; opacity: 0; height: 0px; overflow: hidden;}
.tab-content > 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 > li {position: relative; wodth: 100%;}
ul.hp_programy > li a { position: relative; width: 100%;}
ul.hp_programy > li a h3 {transition: background-color 0.5s linear;}
ul.hp_programy > li a:hover {box-shadow: 0px 30px 30px -30px rgb(0 0 0 / 25%);}
ul.hp_programy > li a:hover h3 , ul.hp_programy > li.active a h3 {background: #AFD800; color: white;}
ul.hp_programy > 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 > 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 > 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 > 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 > * {width: 100%;}
.program-grid {
display: grid;
grid-template-columns: 270px auto ;
grid-template-rows: 120px 120px ;
grid-gap: 0px;
padding: 20px 0px;
}
.program-grid > 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 > 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 > .varianty_nadpis {width: 25%; padding-right: 15px;}
.body_v3 .varianty_celek > .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 > 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 > div , .varianty.chody > div {border: 1px solid #A8D202; width: 100%; aspect-ratio: 3/2;}
.varianty.chody > div.ne {border: 0px solid #A8D202;}
.varianty.chody > div.ne p {color: #A0AE9F;}
.varianty > 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 > div.poznamka div.sipka {background: transparent url(../images/poznamkaK.png) top left no-repeat; position: absolute; left: -20px; width: 26px; height: 20px;}
.varianty > div.poznamka strong {display: block; padding-top: 1em; font-size: 15px; font-weight: 700; color: black;}
.varianty.doplnky > div {/*height: 170px;*/ width: 100%; aspect-ratio: 210 / 200; position: relative; height: auto !important;}
.body_v3 .varianty.doplnky > div {/*height: 200px;*/}
.varianty.doplnky > div > 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 > div.nej {background: #BADE24; display: block; position: relative; }
.ratio {background: red; width: 100px; }
.ratio1 {aspect-ratio: 1 / 2;}
.varianty > div.nej > 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 > 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 > 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 > div {width: 100%; grid-gap: 15px;
-webkit-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual;}
.varianty > div.poznamka .abs {position: relative; top: -20px; font-size: 12px; line-height: 14px;}
.varianty > 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 > p > 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 > * {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 > div {/*border: 1px solid red; overflow: hidden;*/}
.pozadi-flexi-grid > 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 > div.text {
grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3;}
.pozadi-flexi-grid > div.foto {
grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; position: relative;}
.pozadi-flexi-grid > 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 > div.foto > .presah {position: absolute; width: 150%; height: 100%;}
.body_v3 .pozadi-flexi-grid > div.foto > .presah {position: absolute; width: 123%; height: 100%; left: -11%;}
.pozadi-flexi-grid .mojeslideshow > p > 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 > 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 > 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 > 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 > div.nadpis h1 {text-align: center;}
.body_v3 .pozadi-flexi-grid > div.text > ul {position: relative; z-index: 1; padding: 20px 0px;}
.body_v3 .pozadi-flexi-grid > 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 > input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox
.rscustom_radio label:has(> 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 > 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 > div {
border: 1px dotted #BBBBBB;
}
.varovani {border: 1px solid #F9CE5E; background: #FEF7E5; padding: 15px; border-radius: 7px;}