@charset "UTF-8";
* {margin: 0px;padding: 0px;}
html {height: 100%;box-sizing: border-box; }
*, *:before, *:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body { min-height: 100%; font-family: 'Poppins', sans-serif; background: #F6FFF2; color:#1D1D1D; font-size: 14px;line-height:1.6em;text-align:center; position: relative;
font-weight: 300;
opacity: 0;
transition: opacity 0.5s ease-in-out;
letter-spacing: -0.02em;
}
body.loaded {opacity: 1;}
.padspac {padding: 30px;}
.fpol > div {position: relative; z-index: 0;}
.fpol label {z-index: 1;}
.padspac .fpol input, .padspac .fpol select, .padspac textarea {box-sizing: inherit;}
/*
#DFD400
#AFD800
#203F2D
#595959
*/
.dragging {/*opacity: 0.95;*/}
.touch {}
.main_limit {margin:auto;text-align:left;position:relative; max-width: 1330px; }
.body_v1 .main_limit {width: 97%;}
.body_v2 .main_limit {width: 97%; margin: auto; }
.body_v3 .main_limit {width: 95%; margin: auto; }
.main_limit50 {width: 665px; }
.main_limit35 {width: 590px; }
.body_v1 .main_limit50, .body_v2 .main_limit50, .body_v3 .main_limit50,
.body_v1 .main_limit35, .body_v2 .main_limit35, .body_v3 .main_limit35 {width: 95%; margin: 0px 2.5%; }
#template_header {width: 100%; margin-top: 0px;z-index:50;top:0px;left:0px; background: white; /*background-size: 2em 2em;*/ ; /*position: fixed;*/ line-height:1.2em; transition: height 1s linear;}
.id139 #template_header { position: static; }
.id139 #obsah {
margin-top: 0px !important;
}
/*
.body_v3 #template_header {position: static;}
.body_v3 #obsah {margin-top: 0px !important;}
*/
.body_v2 #template_header {}
body.pfix #template_header {position: fixed; height: auto;}
/*
body.pfix #template_header .menu1 {height: 0px; opacity: 0; padding: 0px;}
body.pfix #template_header .menu2 {height: 0px; opacity: 0; padding: 0px;}
*/
#template_header .main_limit {}
/* ========= menu =============== */
#template_header .menu ul li {background: transparent; line-height: inherit;}
#template_header .menu ul {padding: 0px; margin: 0px; }
#template_header .menu1 ul {align-self: center;}
/* ========= menu1 =============== */
#template_header .menu1 {background: #F3FDEE; padding: 1em 0px; font-size: 0.85em; opacity: 1; transition: opacity 0.3s linear, padding 0.3s linear; height: auto; /*overflow: hidden;*/}
.body_v1 #template_header .menu1, .body_v2 #template_header .menu1 {font-size: 0.85em; }
#template_header .menu1 > .main_limit {display: flex; justify-content: space-between;}
#template_header .menu1 a {color: #595959;}
#template_header .menu1 ul li {display: inline-block; padding: 3px 8px 3px 29px;}
#template_header .menu1 ul.top1 {color: #000400;}
#template_header .menu1 ul.top1 li {background: transparent url(../images/fajfka_zluta.png) 0px 3px no-repeat; }
#template_header .menu1 ul.top2 li.tel {background: transparent url(../images/ictop_tel.png) 0px 0px no-repeat; }
#template_header .menu1 ul.top2 li span {color: #8A9189;}
#template_header .menu1 ul.top2 li.mail {background: transparent url(../images/ictop_mail.png) 0px 0px no-repeat; }
#template_header .menu1 ul.top2 li.user {background: transparent url(../images/ictop_user.png) 0px 0px no-repeat; padding-right: 0px; }
.body_v1 #template_header .menu1 ul.top1 li, .body_v2 #template_header .menu1 ul.top1 li {background-size: 19px 13px !important; padding: 3px 6px 3px 22px; background-position: 0px 5px;}
.body_v1 #template_header .menu1 ul.top2 li, .body_v2 #template_header .menu1 ul.top2 li {background-size: 18px 18px !important; padding: 3px 6px 3px 22px; background-position: 0px 2px;}
/* ========= menu2 =============== */
#template_header .menu2 {background: white; padding: 1em 0px; font-size: 0.9em; transition: opacity 0.3s linear, padding 0.3s linear; height: auto; overflow: hidden;}
#template_header .menu2 .main_limit {display: flex; justify-content: space-between; align-items: center;}
#template_header .menu2 ul li {display: inline-block; font-weight: 400;}
#template_header .menu2 ul li a {text-decoration: none; color: #375340;}
#template_header .menu2 ul li a:hover {background: none; color: #AED800;}
#template_header .menu2 .submenu {display: flex; align-items: center;}
.template_logo {display: block; width: 250px; }
.template_logo a {display: block; width: 100%; }
.template_logo a img {padding: 0px; width: 100%;}
.template_logo a:hover {opacity: 0.7;}
#template_header .menu2 a.button_hlavni {padding: 20px;}
#template_header .menu2 .kosik {margin: 0px 55px; padding: 10px 5px 10px 70px; display: block; background: transparent url(../images/kosik.png) 3px center no-repeat; background-size: auto 30px; position: relative; color: #1F3F2A; font-weight: 600; font-size: 1.05em;}
#template_header .menu2 .kosik span {display: block; position: absolute; top: -10px; left: 30px; background: #AED800; color: white; padding: 5px; border-radius: 30px; min-width: 30px; text-align: center;}
/* ========= menu3 =============== */
#template_header .menu3 {background: #F1D511; padding: 0px; font-size: 1em; font-weight: 500; border-top: 1px solid #EAF4FE; z-index: 10; position: relative; }
#template_header .menu3 .main_limit {display: flex; justify-content: space-between; align-items: center;}
#template_header .menu3 .main_limit > ul {margin-left: -18px;}
#template_header .menu3 ul li {display: inline-block; font-weight: 600; margin: 0px; padding: 0px 0px 0px 0px;}
#template_header .menu3 ul li a {text-decoration: none; padding: 1.4em 18px; display: block; color: #1F3F2A;}
#template_header .menu3 ul li a:hover, #template_header .menu3 ul li a:focus {background: none; color: white;}
#template_header .menu3 .vyzkousejte {padding: 0px 5px 0px 45px; display: block; background: transparent url(../images/sipkabila.png) 0px 0px no-repeat; font-size: 0.81em;}
#template_header .menu3 ul.nav li {}
#template_header .menu3 ul.nav a {text-decoration: none;}
#template_header .menu3 ul.nav ul {opacity: 0; position: absolute; transition: opacity 0.7s linear; display: block; height: 0px; overflow: hidden; display: none; z-index: 5;}
#template_header .menu3 ul.nav ul.zjev, #template_header .menu3 ul.nav ul.zjev ul {display: block; opacity: 1; height: auto;}
#template_header .menu3 ul.nav ul.hovered, #template_header .menu3 ul.nav ul.hovered ul {display: block; opacity: 1; height: auto;}
#template_header .menu3 ul.nav li.parent a.open {background: transparent url(../images/zobacek.png) center 101% no-repeat;}
/*
#template_header .menu3 ul.nav ul {z-index: -1; position: absolute; z-index: 50; opacity: 0; background: #F3FDEE; transition: opacity 1s ease-in-out; overflow: hidden; height: 0px; width: 100%;}
#template_header .menu3 ul a:hover , .menuhorni ul .active > a {color: white; }
#template_header .menu3 ul li:hover ul, #template_header .menu3 ul li:hover ul ul {z-index: 5; opacity: 1; height: auto; overflow: none;}
#template_header .menu3 ul.nav ul li {display: block;}
*/
#megamenu {opacity: 0; background: rgba(0,0,0,0.3); width: 100%; height: 0px; overflow: auto; transition: opacity 0.7s linear; z-index: 5; position: relative;}
#megamenu.zjev , #megamenu.hovered {display: block; position: absolute; opacity: 1; height: auto; height: 16000px;}
#megamenu.zjev .main_limit , #megamenu.hovered .main_limit, #template_header .menu3 ul.nav-child {background: #F3FDEE; border-radius: 0px 0px 5px 5px;}
#template_header .menu3 ul.nav-child {padding: 20px 30px; border-radius: 0px 0px 5px 5px;}
#template_header .menu3 ul.nav-child li {padding: 0px; display: block;}
#template_header .menu3 ul.nav-child li a {padding: 15px 0px; border-top: 2px dotted #DCE4C0;}
#template_header .menu3 ul.nav-child li:first-child a {border-top: 0px dotted #DCE4C0;}
#template_header .menu3 ul.nav-child li a:hover {color: #9CC101;}
#megamenu .main_limit {padding: 0px;}
#megamenu .main_limit > div {padding: 60px 55px; display: none; z-index: 0; height: 0px; overflow: hidden;}
.body_v1 #megamenu .main_limit > div {padding: 40px 20px;}
.body_v2 #megamenu .main_limit > div {padding: 30px 15px;}
#megamenu.zjev .main_limit > div , #megamenu.hovered .main_limit > div {display: none; z-index: 0; height: 0px;}
#megamenu .main_limit > div.zjev , #megamenu .main_limit > div.hovered , #megamenu .main_limit > div {display: block; z-index: 1; height: auto;}
#mobilemenu {top: 0px; width: 100%; z-index: 20; /*position: relative;*/}
.pfix.scroll_nahoru #mobilemenu {position: fixed; transition: top 0.3s ease-in-out; top: 0px !important;}
#mobilemenu .menu1 {background: white; padding: 26px 0px;}
#mobilemenu .menu2 {background: #F1D511; }
#mobilemenu .menu1 .main_limit, #mobilemenu .menu2 .main_limit {display: flex; align-items: center;}
#mobilemenu .menu1 .main_limit > div, #mobilemenu .menu2 .main_limit > div {width: 50%;}
#mobilemenu .menu1 .main_limit > div:nth-child(1) {padding-right: 15px; }
#mobilemenu .menu1 .main_limit > div:nth-child(2), #mobilemenu .menu2 .main_limit > div:nth-child(2) {text-align: right; }
#mobilemenu .menu1 .main_limit > div .template_logo {width: 100%; }
#mobilemenu .menu2 .main_limit > div a { display: inline-block; }
#mobilemenu .menu2 .main_limit > div a:hover { filter: brightness(100) saturate(0%); }
a.zavolejtenam:hover img {transition: filter 0.7s ease-in-out;}
a.zavolejtenam:hover img {
filter: brightness(0%) saturate(0%) invert(21%) sepia(19%) saturate(688%) hue-rotate(86deg) brightness(96%) contrast(87%);
}
@media only screen and (max-width: 400px) {
#mobilemenu .menu1 a.zavolejtenam img {width: 40px; height: 40px;}
#mobilemenu .menu1 .button_hlavni {font-size: 14px; padding: 9px 10px;}
}
#mobilemenu .menu2 .menutoggle { color: white; padding: 23px 0px 23px 60px; display: inline-block; font-weight: 600;
background: transparent url(../images/menu.png) 0px center no-repeat; cursor: pointer;
}
#mobilemenu .menu2 .menutoggle.toggle {background: transparent url(../images/menuX.png) 10px center no-repeat;}
#submenus {
z-index: 50; position: fixed !important;
}
#mobilesubmenu {position: relative; opacity: 0; transition: opacity 0.7s ease-in-out; width: 100%; height: 0px; z-index: 5; }
#mobilesubmenu.toggle { opacity: 1;}
#mobilesubmenu .clona {position: absolute; overflow: hidden; height: 0px; background-color: rgba(0,0,0,0.3); width: 100%;}
#mobilesubmenu.toggle .clona {height: 11600px; overflow: auto;}
#mobilesubmenu .menu {background: #F3FDEE; width: 100%; padding: 20px 0px;}
#mobilesubmenu .nav {margin: 0px;}
#mobilesubmenu .menu ul {padding: 0px; margin: 0px;}
#mobilesubmenu .menu li {padding: 0px; margin: 0px; background: none !important;}
#mobilesubmenu .menu .menumobiL li>a, #mobilesubmenu .menu .menumobiL li>.alink {display: block; background: white url(../images/mobilemenu.png) 97% 27px no-repeat; padding: 24px; margin: 0px 0px 5px 0px; border: 1px solid #AED800; color: #20402B; text-decoration: none ; font-weight: 600; border-radius: 4px; overflow: hidden; text-align: center; cursor: pointer; position: relative;}
#mobilesubmenu .menu .menumobiL li>.alink.spec {display: grid;
grid-template-columns: auto 40px ;
grid-template-rows: auto ;
grid-gap: 0px;
padding: 0px;
}
#mobilesubmenu .menu .menumobiL li>.alink.spec > a {padding: 24px 24px 24px 64px; width: 100%; display: block; color: #20402B; text-decoration: none ; font-weight: 600; z-index: 2; position: relative;}
#mobilesubmenu .menu .menumobiL li>.alink.spec.toggle > a {}
#mobilesubmenu .menu .menumobiL li>.alink > a {height: 100%; width: 80%; display: block; }
#mobilesubmenu .menu .menumobiL li>.alink > a:hover , #mobilesubmenu .menu .menumobiL li > a:hover {text-decoration: underline;}
#mobilesubmenu .menu .menumobiL li>.alink.toggle { margin-bottom: 0px; border-radius: 4px 4px 0px 0px; background: #AED800 url(../images/mobilemenu_u.png) 97% 27px no-repeat;}
#mobilesubmenu .menu .menumobiL li>a:hover, #mobilesubmenu .menu .menumobiL li>.alink:hover {/*background: #AED800; */}
#mobilesubmenu .menu .menumain {
padding-top: 30px; border-top: 2px dotted #DBE3BE; margin-top: 35px;
}
#mobilesubmenu .menu .menumain a {
display: block;
text-align: center;
padding: 14px;
color: #20402B; text-decoration: none;
font-weight: 400;
}
#mobilesubmenu .menu .menumain a:hover {background: inherit;}
#mobilesubmenu ul.nav .nav-child {display: none;}
#mobilesubmenu ul.nav .nav-child.toggle {display: block; padding: 0px 19px; border: 1px solid #AED800; border-radius: 0px 0px 4px 4px ; background: white; /*margin-bottom: 5px;*/}
#mobilesubmenu ul.nav .nav-child.toggle li> a {margin: 0px; background: none; border: 0px; border-top: 2px dotted #DBE3BE; }
#mobilesubmenu ul.nav .nav-child.toggle li:first-child > a { border-top: 0px dotted #DBE3BE; }
/* =========== obsah a patičky ============================== */
.body_v3 #obsah, .body_v2 #obsah {padding-top: 0px !important;}
.pas_acy {background: #F3D91F url(../images/acymailing-pozadi.png) center center no-repeat;
background-position: -200px center;
background-size: cover; }
.pas_acy .vnor {max-width: 1140px; height: 340px; margin: auto; padding: 100px 20px 20px 100px; text-align: left; color: #1F3F2A; }
.pas_acy h3 {font-size: 27px; padding: 0px 0px 30px 0px; line-height: 1.4em; font-weight: 700;}
.pas_acy p {font-size: 16px;}
.pas_acy {background-position: -100px center;}
@media only screen and (min-width: 1800px) {
.body_v0 .pas_acy {background-position: 0px center;}
}
.body_v1 .pas_acy {background-position: -90px center;}
@media only screen and (max-width: 1500px) {
.body_v0 .pas_acy {background-position: -160px center;}
}
@media only screen and (max-width: 1350px) {
.body_v1 .pas_acy {background-position: -180px center;}
}
.body_v2 .pas_acy {background-position: -180px center;}
.body_v3 .pas_acy {background-position: -260px center;}
@media only screen and (max-width: 780px) {
.body_v3 .pas_acy {background-position: -300px center;}
}
.body_v1 .pas_acy .vnor, .body_v3 .pas_acy .vnor {padding: 100px 10px 20px 200px;}
.body_v2 .pas_acy .vnor, .body_v3 .pas_acy .vnor {padding: 100px 10px 20px 170px;}
.body_v3 .pas_acy .vnor, .body_v3 .pas_acy .vnor {padding: 100px 10px 20px 100px;}
@media only screen and (max-width: 700px) {
.body_v3 .pas_acy {background: #F3D91F;}
.body_v3 .pas_acy .vnor {padding: 100px 20px 20px 20px;}
}
.body_v2 .pas_acy .vnor, .body_v3 .pas_acy .vnor {text-align: center; height: auto;}
.pas_acy .moduletable {max-width: 540px; margin: auto;}
#pata {color: #1F3F2A; padding: 55px 0px 20px 0px; font-size: 0.875em; line-height: 1.2;}
.body_v3 #pata .main_limit {text-align: center;}
#pata .logo {padding-top: 14px;}
.body_v3 .logo, .body_v2 .logo {display: none;}
#pata .ikonky a {display: inline-block; margin-right: 11px;}
#pata h3 {font-size: 1.125em; padding-bottom: 10px; }
#pata hr {margin: 20px 0px;}
#pata p.tel, #pata p.mail {padding-left: 40px; line-height: 1.8; }
#pata p.tel strong, #pata p.mail strong {display: inline-block; padding-bottom: 3px; padding-top: 3px;}
#pata p.tel {background: transparent url(../images/ic_tel.png) 0px 5px no-repeat;}
#pata p.mail {background: transparent url(../images/ic_mail.png) 0px 14px no-repeat; padding-top: 14px;}
#pata .tel_info {display: block;}
.body_v3 #pata .ikonky , .body_v2 #pata .ikonky {padding: 0px 0px 15px 0px;}
.body_v3 #pata .tel_info, .body_v2 #pata .tel_info {display: none;}
.body_v3 #pata p.tel, .body_v3 #pata p.mail , .body_v2 #pata p.tel, .body_v2 #pata p.mail {width: auto; text-align: center; margin: auto; display: table; padding-top: 5px; padding-bottom: 5px; background-position: 0px center; }
#pata p.mail strong a {color: inherit;}
#pata p.tel strong a {color: inherit; text-decoration: none;}
.body_v3 #pata hr {
height: 1px;
color: #E9E9E9;
background-color: transparent;
border-top: 1px solid #E2F0DC;
}
.body_v3 #pata .pata1 .sloupec3, .body_v2 #pata .pata1 .sloupec3 {width: 100%; text-align: center;}
#pata .mapa {background: transparent url(../images/mapa.png) center center no-repeat; background-size: cover; height: 190px; width: 100%; max-width: 400px;
border: 1px solid #E6E1D3; border-radius: 5px; box-shadow: 0px 30px 30px -30px rgba(0,0,0,0.25);
display: flex; justify-content: center; align-items: center;}
#pata .mapa .button_hlavni {background: #ECD00D !important; border: 0px solid white !important; font-size: 15px;}
#pata .mapa .button_hlavni:hover {background: #1E3F2A !important;}
.body_v3 #pata .mapa, .body_v2 #pata .mapa {background: transparent; border: 0px solid white; box-shadow: none; height: auto !important; padding: 10px 0px; margin: auto;}
.body_v3 #pata .mapa .button_hlavni, .body_v2 #pata .mapa .button_hlavni {background: #ECD00D url(../images/mapa_bod.png) 15px center no-repeat !important; padding-left: 50px; }
#pata .uplnedole {opacity: 0.75;}
#pata .uplnedole2 {text-align: right;}
#pata .uplnedole a {color: inherit; padding-right: 20px; text-decoration: none;}
.body_v3 #pata .uplnedole, .body_v3 #pata .uplnedole2 {text-align: center; padding: 10px 0px;}
.infomenu .con {}
.infomenu > h3.class_toggle {cursor: auto;}
.body_v3 .infomenu , .body_v2 .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; }
.body_v3 .infomenu.toggle, .body_v2 .infomenu.toggle { border: 1px solid #DCEBD8; background-color: rgba(255,255,255,0);}
.body_v3 .infomenu > h3.class_toggle , .body_v2 .infomenu > h3.class_toggle { cursor: pointer; margin: 0px; text-align: left; padding: 0px !important; background: transparent url(../images/acc1.png) right center no-repeat; font-size: 0.93em;}
.body_v3 .infomenu.toggle > h3 , .body_v2 .infomenu.toggle > h3 {background: transparent url(../images/acc2.png) right center no-repeat;}
.body_v3 #pata .infomenu .con, .body_v2 #pata .infomenu .con {max-height: 0px; overflow: hidden; transition: max-height 0.5s ease-in-out, margin 0.7s ease-in-out; border: 0px solid rgba(255,255,255,0); text-align: left;}
.body_v3 #pata .infomenu.toggle .con, .body_v2 #pata .infomenu.toggle .con {max-height: 1000px; margin: 10px 0px 0px 0px;}
.infomenu a {color: inherit; text-decoration: none;}
.infomenu a:hover {text-decoration: underline;}
.okoloslider {position: relative; width: 100%; height: 170px;}
.okoloslider > div {position: absolute; width: 100%; height: 170px; }
.body_v1.sidebared .dcomponent, .body_v0.sidebared .dcomponent {background: white; padding-right: 60px; width: 100%; position: relative;}
.body_v1.sidebared #obsah, .body_v0.sidebared #obsah {background: transparent url(../images/sidebared.png) center center; background-size: 100% 100%;}
.body_v1.sidebared .obsah, .body_v0.sidebared .obsah {display: grid; grid-template-columns: 1fr 325px; grid-gap: 0px;}
.item-page {width: 100%; position: relative;}
/* ============== moduly =============================== */
/* bezlimitu */
.pas {text-align: left; background: white; overflow: hidden;}
.pas.pozadi1 {background: #FEF7E5;}
.pas.pozadi2 {background: #F3FDEE;}
.pas.pozadi3 {background: #F3D91F url(../images/pozadi3.png) center top; background-size: 100% auto;}
.pas.pozadi4 {background: #FAFBFD;}
.pas.pozadi5 {background: white url(../images/pozadi-srdicka.png) center top; background-size: 100% auto;}
.body_v3 .pas.pozadi3 {background: #F3D91F url(../images/pozadi3-v3.png) center top; background-size: auto auto; background-repeat: repeat-y}
.body_v3 .pas.pozadi5 {background: white url(../images/pozadi-srdicka-v3.png) center top; background-size: auto auto; background-repeat: repeat-y}
.pas h2 {font-size: 1.685em;}
.pas .main_limit {padding: 60px 0px 35px 0px; }
.pas.bezlimitu .main_limit {padding: 0px; }
.pas.bezodsazeni .main_limit {padding: 0px; }
.pas.bezodsazeni {padding-top: 0px; padding-bottom: 0px;}
.vertical-pad { padding: 60px 0px 35px 0px; }
.pas.objednat .main_limit {padding: 70px 0px;}
.pas.linka {/*border-top: 1px solid #E6E6E6; */border-bottom: 1px solid #E6E6E6;}
.pas.linka.pozadi4 {border-bottom: 1px solid #F8FAFC;}
#sidebar { padding: 17px 0px 17px 17px; position: relative; }
#sidebar_float {position: relative;}
#sidebar h4 {font-size: 16px; font-weight: 600; background: #F3FDEE; padding: 20px; display: flex; align-items: center;}
#sidebar h4 .ic {top: inherit; flex-shrink: 0;}
#sidebar h4.prehled {background: #DFD301;}
#sidebar .objednat {background: #F3D91F; padding: 1.5em; text-align: center;}
#sidebar .vanocni .objednat {background: #F3D91F url(../images/christmas-symbols-pattern.png); color: white; padding-top: 70px; padding-bottom: 50px;}
#sidebar_float > div { background: white; border: 1px solid #EAEAEB; border-radius: 7px; overflow: hidden; margin-bottom: 26px;}
#sidebar_float > div.blank { background: transparent; border: 0px solid #EAEAEB; border-radius: none; margin-bottom: 0px;}
#sidebar_float > div.blank .modblank {background: white; border: 1px solid #EAEAEB; border-radius: 7px; overflow: hidden; margin-bottom: 26px;}
#sidebar_float div.vnor {padding: 17px; font-size: 13px;}
#obsah #sidebar_float a {color: inherit; font-weight: inherit;}
#obsah #sidebar_float a.button_hlavni {color: white;}
#sidebar_float .tel_info {opacity: 0.8;}
#sidebar_float p.tel {margin-left: 10px; padding-left: 37px}
.pas.m127 .main_limit {padding: 0px;}
/* ====================== modul-novinky-h ==================================== */
.modul-novinky-hp {
/*
display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; align-content: stretch;
*/
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
.modul-novinky-hp > div {/*width: 49%;*/ position: relative;}
.modul-novinky-hp > div:nth-child(1) > div {height: 100%; }
.modul-novinky-hp .mod-articles-category-introtext {max-height: 45px; overflow: hidden; position: relative;}
.modul-novinky-hp .mod-articles-category-readmore {}
.modul-novinky-hp .mod-articles-category-introtext:after{
content: " ";
height: 15px;
width: 100%;
/*border: 1px solid red;*/
position: absolute;
bottom: 0px;
left: 0px;
z-index: 1;
background-image: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));
}
.body_v3 .modul-novinky-hp {
grid-template-columns: 1fr;
}
.body_v3 .modul-novinky-hp > div:nth-child(1) {order: 2;
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;
}
.body_v3 .modul-novinky-hp > div:nth-child(2) {grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2; }
.body_v3 .modul-novinky-hp > div:nth-child(1) ul li:nth-child(2) {display: none;}
.modul-novinky-hp .uk-slideshow-items {aspect-ratio: 831/486; width: 100% !important; height: auto !important; min-height: initial !important;}
.body_v3 .modul-novinky-hp > div {width: 100%;}
.modul-novinky-hp > div:nth-child(2) {margin: 0px ;background: white !important; border: 1px solid #EEE7D5; border-radius: 11px; overflow: hidden;}
.modul-novinky-hp .odsazeni ul {margin: 0px ; padding: 0px;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr;
grid-gap: 20px;
/*display: flex; flex-direction: column; justify-content: space-between;*/
height: 100%; }
.body_v3 .modul-novinky-hp .odsazeni ul {margin: 0px ; padding: 0px;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
grid-gap: 20px;
}
.modul-novinky-hp > div:nth-child(1) ul li, .blogitem {margin: 0px ; padding: 30px; background: white !important; border: 1px solid #EEE7D5; border-radius: 11px; }
.modul-novinky-hp .nadpis, .blog .nadpis, .nadpis-blog {display: flex; justify-content: flex-start; align-items: center;}
.nadpis-blog.vyhledavaniVysledek {padding: 2em 0em 0em 0em;}
.modul-novinky-hp .nadpis > a , .blog .nadpis > a, .nadpis-blog > a {padding: 5px 0px 5px 15px; display: inline-block; text-decoration: none; color: inherit;}
.blog .nadpis > a h2 {font-size: inherit; padding: 0px; margin: 0px; display: inline-block;}
.modul-novinky-hp .mod-articles-category-date, .blog .datum, .datum-blog {text-align: center; display: inline-block; width: 60px; height: 60px; padding: 10px 5px; background: #F2FDED; border-radius: 7px; font-size: 14px;}
.modul-novinky-hp .mod-articles-category-date strong , .blog .datum strong , .datum-blog strong {display: block; font-size: 17px;}
.modul-novinky-hp ul.uk-dotnav {flex-direction: column; flex-direction: row; justify-content:center; }
.textvedle {padding: 0px 0px 0px 20px; color: #243C2C;}
.nadpis-blog.vyhledavaniVysledek a {color: #A6CE01; text-decoration: underline;}
@media all and (max-width: 600px) {
.body_v3 .modul-novinky-hp ul.uk-slideshow-items {min-height: 250px !important;}
}
ul.uk-dotnav>li {background: none !important;}
.uk-dotnav>*>* , .uk-dotnav>li>a {background: transparent !important; border: 2px solid #C0C6C2 !important;}
.uk-dotnav>.uk-active>* {transform: none !important; background: #C5E44B !important; border: 2px solid #C5E44B !important;}
.uk-scope .uk-dotnav>*>* {width: 16px; height: 16px;}
.uk-slidenav-previous {background: transparent url(../images/slide-sip-left.png) center center no-repeat; width: 33px; height: 33px;}
.uk-slidenav-next {background: transparent url(../images/slide-sip-right.png) center center no-repeat; width: 33px; height: 33px;}
.uk-slidenav-previous svg , .m116 .uk-slidenav-next svg {display: none;}
.m125 .uk-slidenav-next, .m125 .uk-slidenav-previous {top: 45%;}
/* ============ jídelníčky ============================== */
.jidelnicky_okolo {display: flex; justify-content: space-between; flex-wrap: wrap; transition: opacity 0.3s linear;}
#mobilesubmenu .jidelnicky_okolo {display: block; padding: 0px;}
.jidelnicky_okolo.sch {opacity: 0;}
.jidelnicek_sipky {display: none;}
.body_v2 .pas .jidelnicky_outer, .body_v3 .pas .jidelnicky_outer {position:relative; overflow: hidden; width: 100%;}
.body_v2 .pas .jidelnicky_inner , .body_v3 .pas .jidelnicky_inner { overflow: hidden; margin: 0px; width: 100%;}
.body_v2.touch .pas .jidelnicky_inner, .body_v3.touch .pas .jidelnicky_inner { overflow-x:scroll; overflow-y:visible;}
.body_v2 .pas .jidelnicky_inner .jidelnicek_sipky, .body_v3 .pas .jidelnicky_inner .jidelnicek_sipky { display: block; z-index: 3;}
.m107 .jidelnicek_sipky {display: none !important;}
.body_v2 .jidelnicky_inner .jidelnicky_okolo, .body_v3 .jidelnicky_inner .jidelnicky_okolo {width: 2000px;}
.jidelnicky_doplnky {/*width: 20%;*/ padding: 0px 15px; border-left: 2px dotted #DAE3BD; }
.body_v1 .jidelnicky_inner .jidelnicky_doplnky {width: 140px;}
@media only screen and (max-width: 1350px) {
.jidelnicky_doplnky {padding: 0px; width: 140px;}
}
.body_v2 .jidelnicky_doplnky, .body_v1 .jidelnicky_doplnky {/*width: 25%; padding: 0px;*/}
.body_v2 .jidelnicky_inner .jidelnicky_doplnky, .body_v3 .jidelnicky_inner .jidelnicky_doplnky {width: 200px;}
#mobilesubmenu .jidelnicky_doplnky {width: 100%; border-left: 0px dotted #DAE3BD; border-top: 2px dotted #DAE3BD; padding: 0px;}
.jidelnicek_ic.jidelnicek82 {background-image: url(../images/j_jime3xdenne.webp);}
.jidelnicek_ic.jidelnicek5 {background-image: url(../images/j_prozdravi.png);}
.jidelnicek_ic.jidelnicek18 {background-image: url(../images/j_prozdraviplus.png);}
.jidelnicek_ic.jidelnicek9 {background-image: url(../images/j_bezmasa.png);}
.jidelnicek_ic.jidelnicek23 {background-image: url(../images/j_promamy.png);}
.jidelnicek_ic.jidelnicek26 {background-image: url(../images/j_fitplus.png);}
.jidelnicek_ic.jidelnicek27 {background-image: url(../images/j_proteinplus.png);}
.jidelnicek_ic.jidelnicek66 {background-image: url(../images/j_proteinextra.png);}
.jidelnicek_ic.jidelnicek39 {background-image: url(../images/j_detoxpro.png);}
.jidelnicek_ic.jidelnicek49 {background-image: url(../images/j_laktominus.png);}
.jidelnicek_ic.jidelnicek63 {background-image: url(../images/j_veganplus.png);}
.jidelnicek_ic.jidelnicek46 {background-image: url(../images/j_rodinaplus.png);}
.jidelnicek_ic.jidelnicek30 {background-image: url(../images/j_salatplus.png);}
.jidelnicek_ic.jidelnicek11 {background-image: url(../images/j_doplnky.png);}
.jidelnicek_ic.jidelnicek75 {background-image: url(../images/j_flexin.png);}
.jidelnicek_ic.jidelnicek74 {background-image: url(../images/j_kombiweek.png);}
.jidelnicek_ic.jidelnicek76 {background-image: url(../images/j_keto.png);}
.jidelnicek_ic.jidelnicek77 {background-image: url(../images/j_mojemenu.png);}
.jidelnicek_ic.jidelnicek78 {background-image: url(../images/j_menicko.png);}
.jidelnicek_ic.jidelnicek81 {background-image: url(../images/j_vikend.png);}
.jidelnicek_ic.jidelnicek84 {background-image: url(../images/j_pznacesty.svg); background-size: 52% 52% !important; background-position: center 25% !important;}
.jidelnicek_ic.jidelnicek85 {background-image: url(../images/j_prodeti.png);}
.jidelnicek_ic h6 {display: block; width: 100%; position: absolute; bottom: 5px; text-align: center;
}
.jidelnicek_den {border: 1px solid #AED800; position: relative; border-radius: 15px; padding: 10px 20px; margin: 0px 0px 50px 0px; /*overflow: hidden;*/}
.body_v2 .jidelnicek_den {padding: 0px 10px;}
.body_v3 .jidelnicek_den {padding: 0px;}
.relative {position: relative; padding: 0px; margin: 0px; z-index: 1; }
.jidelnicek_nadpis {position: absolute; top: -13px; left: -1px; background: white; padding: 0px 21px 21px 0px; font-size: 19px;}
.jidelnicek_nadpis:first-letter {
text-transform: uppercase;
}
.body_v3 .jidelnicek_nadpis {padding: 0px 10px 5px 0px;}
.programy {display: flex; justify-content: space-between; flex-wrap: wrap; font-weight: 500;}
.programy .program {text-decoration: none; display: block; width: 49%; text-align: center; background: white; border-radius: 15px; border: 1px solid #AED800; padding: 3px 2px; color: #AED800; font-size: 14px; font-weight: 500 !important; margin-top: 7px; letter-spacing: -0.05em;}
.programy .program:hover {opacity: 0.7;}
#mobilesubmenu .programy .program {font-size: 12px;}
.jidelnicky_nabidka .jidelnicky .jidelnicek.act .programy .program {border: 1px solid white; background: transparent; color: white;}
.jidelnicky_nabidka .jidelnicky .jidelnicek.act .programy .program.act {background: white; color: #AED800; }
.jidelnicky_tab {}
.cenik_nabidka { white-space: nowrap; }
.cenik_nabidka .jidelnicek {width: 120px; height: 110px; border: 1px solid #AED800; background: white; margin: 5px 10px 5px 10px; display: inline-block; border-radius: 15px; position: relative; transition: background 0.7s linear; cursor: pointer; padding: 0px;}
@media only screen and ( max-device-width: 600px ) , (max-width: 600px) {
.objform .cenik_nabidka .jidelnicek {width: 85px; height: 80px; margin: 0px 3px;}
.objform .cenik_nabidka .jidelnicek h6 {margin: 0px; padding: 0px 3px; line-height: 105%; top: 65%; bottom: inherit;}
.objform .cenik_nabidka .jidelnicek .jidelnicek_ic {background-size: 55px 55px;
background-repeat: no-repeat;
background-position: center 1%;
white-space: normal;
}
}
.cenik_nabidka > a {text-decoration: none;}
#online_kalk .cenik_nabidka .jidelnicek h6 {bottom: 5px; margin: 0px; padding: 0px;}
.m279 .cenik_nabidka .jidelnicek,
.m110 .cenik_nabidka .jidelnicek,
.m381 .cenik_nabidka .jidelnicek,
.m387 .cenik_nabidka .jidelnicek,
.m386 .cenik_nabidka .jidelnicek,
.m406 .cenik_nabidka .jidelnicek
{width: 120px; height: 110px; border: 1px solid #AED800; background: white; margin: 60px 10px 5px 10px; display: inline-block; border-radius: 15px; position: relative; transition: background 0.7s linear; cursor: pointer; padding: 0px;}
.cenik_nabidka .jidelnicek .jidelnicek_ic {width: 100%; height: 100%;
background-size: 85px 85px;
background-repeat: no-repeat;
background-position: center 7%;
position: absolute;
z-index: 1;
}
.cenik_nabidka .jidelnicek h6 {position: absolute; bottom: 5px; width: 100%; z-index:2;
top: 64%; white-space: normal; padding: 0px 5px;
}
.cenik_nabidka .jidelnicek:hover, .cenik_nabidka .jidelnicek:hover {background: #AED800;}
.cenik_nabidka .jidelnicek .jidelnicek_ic {border: 0px solid white; background-color: transparent;}
.cenik_nabidka .c_inner {display: block;}
.cenik_nabidka_okolo .kolsipka {top: 30px; z-index: 3;}
.m279 .cenik_nabidka_okolo .kolsipka,
.m110 .cenik_nabidka_okolo .kolsipka,
.m387 .cenik_nabidka_okolo .kolsipka,
.m381 .cenik_nabidka_okolo .kolsipka {top: 88px; z-index: 3;}
/*.body_v3 #myDraggable {position: relative;}*/
.nabidkaprogram.cenik_nabidka .jidelnicek {width: 130px; height: 90px; position: relative; background: #F2FDED;}
.nabidkaprogram.cenik_nabidka .jidelnicek.act , .cenik_nabidka .jidelnicek.act {background: #AED800;}
.nabidkaprogram.cenik_nabidka .jidelnicek > div {width: 100%; height: 100%; padding: 25px 5px; text-align: center; }
.nabidkaprogram.cenik_nabidka .jidelnicek h6 { padding: 0px; position: static; font-size: 17px;}
.body_v3 .c_outer, .c_outer.rolovat {position:relative; overflow: hidden; width: 100%;}
.body_v3 .c_inner, .c_outer.rolovat .c_inner { /*overflow-x:scroll;*/
/*overflow-y:visible;*/
overflow: hidden;
margin: 0px 0px 0px 180px;
}
.touch .c_inner, .touch .s_inner {
overflow-x:scroll !important;
overflow-y:visible !important;
overflow: auto !important;
}
.s_outer {position:relative; /*overflow: hidden;*/ width: 100%;}
.s_inner { overflow: hidden; margin: 0px; width: 100%; }
.body_v3 .cenik_tab, .c_outer.rolovat { table-layout: fixed; width: auto;}
.body_v3 .scelkem , .c_outer.rolovat .scelkem {width: 900px !important; max-width: 900px !important;}
.body_v3 .cenik_tab .zahlavi , .body_v3 .jidelnicky_tab .zahlavi, .body_v3 .tab_srovnavaci .zahlavi ,
.c_outer.rolovat .zahlavi
{
position: absolute; width: 100px; left: 0px; display: flex; align-items: center ; justify-content: center;
}
.body_v3 .jidelnicek_den.nocolapse .jidelnicky_tab .zahlavi {
position: static; width: auto;
}
.body_v3 .jidelnicek_den.nocolapse {
overflow: hidden;
}
.body_v3 .tabulka_cenik .jidelnicky_tab .zahlavi {width: 120px;}
.body_v3 .tab_srovnavaci, .c_outer.rolovat {width: 100% !important; max-width: 100% !important; width: auto;}
.body_v3 .tab_srovnavaci .zahlavi , .body_v3 .srovnavacitab.c_outer.rolovat .zahlavi{ width: 190px; }
.c_outer.rolovat .zahlavi { width: 150px; }
.c_outer.rolovat .tab_srovnavaci .zahlavi { width: 190px; }
.body_v3 .c_outer.rolovat .tab_srovnavaci .zahlavi { width: 170px; font-size: 13px; line-height: 15px; }
.tab_srovnavaci {table-layout: fixed;}
.body_v3 .cenik_tab .zahlavi span, .body_v3 .jidelnicky_tab .zahlavi span ,
.c_outer.rolovat .zahlavi span {text-align: center; display: block;}
.body_v3 .jidelnicky_tab .mez, .c_outer.rolovat .mez {display: none !important;}
.cenik_tab { /*table-layout: fixed;*/ width: auto;}
.body_v3 .c_outer, .c_outer.rolovat {position:relative; overflow: hidden; width: 100%;}
.body_v3 .c_inner , .c_outer.rolovat .c_inner { margin: 0px 0px 0px 100px; }
.body_v3 .tabulka_cenik .c_inner { margin: 0px 0px 0px 120px; }
.body_v3 .srovnavacitab .c_inner , .c_outer.rolovat .c_inner { margin: 0px 0px 0px 190px; }
.body_v3 .tabulka_cenik .c_outer.rolovat .c_inner { margin: 0px 0px 0px 120px; }
.cenik_tab .chod {width: 8em;}
.cenik_tab.jidelnicky_tab tr.linky td.chod {padding: 0px; position:relative;}
.cenik_tab.jidelnicky_tab tr.linky td.chod a {width: 100%; height: 100%; background: #CCCCCC; display: block; color: inherit; text-decoration: none; font-weight: 300 !important; padding: 1em; background: transparent; transition: background-color 0.7s ease-in-out;}
.cenik_tab.jidelnicky_tab tr.linky td.chod a:hover {background: #F3FDEE;}
.ukaz_v1, .ukaz_v2, .ukaz_v3 {display: none;}
.body_v1 .ukaz_v1 , .body_v2 .ukaz_v2 , .body_v3 .ukaz_v3 {display: block;}
.skryj, .body_v1 .skryj_v1, .body_v2 .skryj_v2, .body_v3 .skryj_v3 {display: none;}
.clonaL {width: 10px; height: 100%; position: absolute;top: 0px; background: transparent url(../images/clonaL.png) center center repeat-y; z-index: 1; }
.clonaR {width: 10px; height: 100%; position: absolute;top: 0px; right: 0px; background: transparent url(../images/clonaR.png) center center repeat-y; z-index: 1; }
.kolsipka {width: 33px; height: 67px; position: absolute;top: 124px; transition: opacity 0.5s ease-in-out; cursor: pointer;}
.c_outer.rolovat .kolsipka {display: block !important; z-index: 10;}
.kolsipka:hover {filter: grayscale(15%);}
.kolsipkaR {background: transparent url(../images/kolsipka_R.png) center center no-repeat; }
.kolsipkaL {background: transparent url(../images/kolsipka_L.png) center center no-repeat; }
.kolsipkaL {left: 0px;}
.kolsipkaR {right: 0px;}
.c_inner .kolsipkaL {left: 100px;}
.tabulka_cenik .c_inner .kolsipkaL {left: 120px;}
.srovnavacitab .c_inner .kolsipkaL {left: 190px;}
.srovnavacitab .c_inner .kolsipkaL, .srovnavacitab .c_inner .kolsipkaR {top: 285px;}
.kolo.kolsipka {width: 56px; height: 56px;}
.kolo.kolsipkaR {background: transparent url(../images/kolosipka_R.png) center center no-repeat; right: -28px; }
.kolo.kolsipkaL {background: transparent url(../images/kolosipka_L.png) center center no-repeat; left: -28px;}
.limitR .kolsipkaR {opacity: 0.25;}
.limitL .kolsipkaL {opacity: 0.25;}
.body_v3 .kolo.kolsipka {width: 33px; height: 67px; top: 20px;}
.body_v3 .kolo.kolsipkaR {background: transparent url(../images/kolsipka_R.png) center center no-repeat; right: -2.8%; }
.body_v3 .kolo.kolsipkaL {background: transparent url(../images/kolsipka_L.png) center center no-repeat; left: -2.8%; }
.c_outer.rolovat {position:relative; overflow: hidden; width: 100%;}
.c_outer.rolovat .c_inner { margin: 0px 0px 0px 150px; }
.c_outer.rolovat.srovnavacitab .c_inner { margin: 0px 0px 0px 190px; border-radius: 7px; overflow: hidden; }
@media only screen and (max-width: 500px) {
.c_outer.rolovat.srovnavacitab .c_inner { margin: 0px 0px 0px 150px; border-radius: 7px; overflow: hidden; }
.body_v3 .c_outer.rolovat .tab_srovnavaci .zahlavi { width: 150px; font-size: 11.7px; line-height: 13px; padding: 5px;
-webkit-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual;
}
.body_v3 .tab_srovnavaci td {width: 150px;}
.srovnavacitab .c_inner .kolsipkaL {left: 150px;}
}
.c_outer.rolovat .kolo.kolsipka {width: 33px; height: 67px; top: 20px;}
.c_outer.rolovat .kolo.kolsipkaR {background: transparent url(../images/kolsipka_R.png) center center no-repeat; right: -2.8%; }
.c_outer.rolovat .kolo.kolsipkaL {background: transparent url(../images/kolsipka_L.png) center center no-repeat; left: -2.8%; }
/* ============== obecné =============================== */
.pozadi-flexi.priprava-jidel {
height: 520px;
/*background-size: auto;
background-image: url(../images/holky.jpg);
min-height: 497px;
*/
}
.pozadi-flexi.priprava-jidel .foto {overflow: hidden;}
.pozadi-flexi.priprava-jidel .foto > img {position:relative; left: 0px;}
@media only screen and (max-width: 1700px) {
.pozadi-flexi.priprava-jidel {height: 470px;}
}
@media only screen and (max-width: 1500px) {
.pozadi-flexi.priprava-jidel {height: 450px;}
.pozadi-flexi.priprava-jidel .foto {width: 55%;}
.pozadi-flexi.priprava-jidel .text {width: 45%;}
}
@media only screen and (max-width: 1300px) {
.pozadi-flexi.priprava-jidel .foto > img {position:relative; left: -30px;}
.pozadi-flexi.priprava-jidel .text .vnor { padding: 80px 90px 0px 0px !important; }
}
@media only screen and (max-width: 1200px) {
.pozadi-flexi.priprava-jidel .foto > img {position:relative; left: -60px;}
.pozadi-flexi.priprava-jidel .foto {width: 58%;}
.pozadi-flexi.priprava-jidel .text {width: 42%;}
.pozadi-flexi.priprava-jidel .text .vnor { padding: 80px 80px 0px 0px !important; }
}
@media only screen and (max-width: 1100px) {
.pozadi-flexi.priprava-jidel .foto > img {position:relative; left: -90px;}
.pozadi-flexi.priprava-jidel .foto {width: 60%;}
.pozadi-flexi.priprava-jidel .text {width: 40%;}
.pozadi-flexi.priprava-jidel .text .vnor { padding: 80px 60px 0px 0px !important; }
.body_v3 .pozadi-flexi.priprava-jidel .text .vnor { padding: 10px 0px !important; }
}
@media only screen and (max-width: 1000px) {
.pozadi-flexi.priprava-jidel .foto > img {position:relative; left: -140px;}
.body_v3 .pozadi-flexi.priprava-jidel .foto > img {position:relative; left: 0px;}
}
/*.priprava-jidel .main_limit > div {padding: 118px 0px 90px 0px ; max-width: 650px; }*/
.button_hlavni {padding: 20px;}
/* -- formuláře */
.odesilani {padding: 58px 0px 35px 0px; text-align: center;}
.odesilani_poznamka {text-align: center;}
.acysubbuttons {padding-left: 20px;}
table.acym_form {width: 100%;}
@media only screen and (max-width: 500px) {
table.acym_form, table.acym_form tbody, table.acym_form tr, table.acym_form td {display: block; width: 100%; padding: 0px; text-align: center;}
table.acym_form td {display: block; width: 100%; padding: 7px 0px;}
}
.acym_form input {border-radius: 50px; background: #FEF7E5; width: 100% !important; max-width: 100% !important;}
.acym_form .button {color: white; background: #A7CE01 !important; font-weight: 600; transition: background-color 0.7s linear !important;}
.acym_form input:focus { }
.acym_form .button:hover {background: #21432B !important; color: white !important;}
.tooltiphover {cursor: pointer; display: inline-block;}
.tooltip.in{opacity:1!important;}
.tooltip-main {
width: 15px;
height: 15px;
border-radius: 50%;
font-weight: 700;
background: #f3f3f3;
border: 1px solid #737373;
color: #737373;
margin: 4px 121px 0 5px;
float: right;
text-align: left !important;
opacity: 1 !important;
}
.tooltip-qm {
float: left;
margin: -2px 0px 3px 4px;
font-size: 12px;
}
.tooltip-inner {
max-width: 500px !important;
font-size: 14px;
padding: 10px 15px 10px 20px;
background: #F3FDEE;
color: rgb(0, 0, 0, .7);
border: 1px solid #AED800;
text-align: left;
opacity: 1 !important;
padding: 2em;
}
.tooltip.show {
opacity: 1 !important;
}
.tooltip-arrow {
border: 0px solid white !important; width: 20px; height: 6px; background: transparent url(../images/tooltip_arrow.png) center bottom no-repeat;
}
ul.breadcrumbC {margin: 0px; padding: 23px 0px;}
ul.breadcrumbC li.active {/*display: none;*/}
ul.breadcrumbC li:nth-child(n) { background: transparent !important; margin: 0px; padding: 0px 10px 0px 0px;}
ul.breadcrumbC .divider {display: inline-block; width: 7px; height: 11px; background: transparent url(../images/nav_sipka.png) center center no-repeat; margin: 0px 5px 0px 10px;}
ul.breadcrumbC a {text-decoration: none;}
ul.breadcrumbC a > span {opacity: 0.45; color: #1F3F2A; }
ul.breadcrumbC a:hover > span {opacity: 1; }
ul.breadcrumbC li > span {opacity: 0.68; color: #1F3F2A;}
ul.breadcrumbC .b0 {display: inline-block; height: 17px; width: 17px; background: transparent url(../images/nav_home.png) center center no-repeat;}
ul.breadcrumbC .b0 span {display: none;}
/* =========== speciální styly ===================================*/
.stranka_programy {/*padding-top: 20px;*/}
.stranka_programy ul.uk-accordion > li {margin: 0px; padding: 0px; background: transparent;}
.stranka_programy .uk-scope .uk-accordion-title::before {display: none;}
.stranka_programy a.uk-accordion-title {
display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;
font-size: 21px;
color: #1D402A;
margin-top: 0px;
line-height: 1.4em;
font-weight: 700;
background: #AFD800;
/*background-origin: content-box;*/
padding: 18px 15px 18px 15px;
text-align: left;
border-radius: 7px;
transition: margin 0.5s linear;
position: relative;
}
.body_v3 .stranka_programy a.uk-accordion-title {font-size: 18px;}
@media only screen and (max-width: 400px) {
.body_v3 .stranka_programy a.uk-accordion-title {
font-size: 16.5px ;
}
}
.stranka_programy a.uk-accordion-title:after {
display: block;
width: 37px;
height: 37px;
content: " ";
background: transparent url(../images/accord2_bottom.png) center center no-repeat;
flex-shrink: 0;
}
.stranka_programy li.uk-open a.uk-accordion-title:after {
background: transparent url(../images/accord2_top.png) center center no-repeat;
}
.stranka_programy a.uk-accordion-title:hover , .stranka_programy .uk-scope .uk-accordion-title:focus {color: #1D402A}
.uk-scope .uk-link, .uk-scope a {color: inherit;}
.stranka_programy a.uk-accordion-title.uk-active {
font-size: 22px;
color: #1f3f2a;
margin-top: 0px;
line-height: 1.4em;
font-weight: 700;
background: #FEF7E5 url(../images/accord_top.png) right center no-repeat;
background-origin: content-box;
padding: 27px 15px;
text-align: center;
margin-bottom: 0px;
}
.stranka_programy .uk-accordion-content, .stranka_programy .uk-accordion-content .uk-margin {
padding: 0px !important;
}
.stranka_programy h3.uk-margin-top-remove {display: none;}
ul.newsfeed {display: flex; justify-content: space-between; align-items: stretch; flex-wrap: nowrap;}
.body_v3 ul.newsfeed {display: block;}
ul.newsfeed > li {width: 30%; background: transparent !important; /* border: 1px solid #CCCCCC; */ position: relative; padding: 0px 0px 20px 0px; }
.body_v3 ul.newsfeed > li {width: 100%;}
.body_v3 ul.newsfeed > li:nth-child(2), .body_v3 ul.newsfeed > li:nth-child(3) {display: none;}
ul.newsfeed > li .img_resizer {border-radius: 7px; overflow: hidden;}
ul.newsfeed > li .cat {color: #ABCF26; font-size: 14px; padding:; text-align: center; padding-top: 30px;}
ul.newsfeed > li a {display: block; text-align: center; text-decoration: none;}
ul.newsfeed > li a h3 {padding: 8px 0px 17px 0px; text-decoration: none; font-size: 16px; font-weight: 600;}
ul.newsfeed > li a:hover h3 {text-decoration: underline;}
ul.newsfeed > li .datum {color: #959595; text-align: center;}
ul.newsfeed > li .text {padding: 30px 0px 30px 0px; text-align: left; color: #435D4B; font-size: 14px;}
ul.newsfeed > li .header-social {text-align: left;}
ul.newsfeed > li .inner-header-social a {display: inline-block; color: #313131; font-weight: 300;}
.header-social {text-align: center; position: relative; width: 100%; }
.social {
width: 100%;
position: absolute;
bottom: 0px;
display: grid;
grid-template-columns: auto 125px auto ;
grid-template-rows: auto ;
grid-gap: 0px;
}
.social .linka {border-top: 1px solid #DEDEDE; position: relative; top: 10px;}
.social .inner-header-social {
margin: 0;
font-size: 14px;
font-weight: bold;
line-height: 1.5;
font-style: italic;
color: #313131;
display: inline-block;
position: relative;
text-align: center;
letter-spacing: 1px;
vertical-align: top;
}
.doblogu {text-align:center; padding: 65px 0px;}
.obsahy_prepinaci {padding: 1em 0em;}
.obsahy_prepinaci > * {display: none;}
.obsahy_prepinaci > *.vybrany {display: block;}
.zal {display: flex; flex-wrap: wrap;}
.zal > .zalozkyprepinac_klik {padding: 38px 26px; background: #FEF7E5; border: 1px solid #FEF7E5; color: #1F3F2A; font-weight: 600; border-radius: 7px; margin: 5px 18px 5px 0px; cursor: pointer; position: relative; text-align: center; width: 200px;
display: flex; align-items: center; justify-content: center;
}
@media only screen and (max-width: 600px) {
.zal > .zalozkyprepinac_klik {padding: 25px 15px; }
.zal > .zalozkyprepinac_klik {margin: 3px 6px 3px 0px; width: 160px;}
}
@media only screen and (max-width: 400px) {
.objform .zal {display: grid;
grid-template-columns: 1fr 1fr ;
grid-template-rows: 0.5fr;
grid-gap: 10px;
padding: 0px;}
.zal > .zalozkyprepinac_klik {padding: 15px 10px; height: 100px; width: 140px; display: flex; align-items: center; justify-content: center;
margin: 3px 6px 3px 0px;
}
.zal > .zalozkyprepinac_klik {margin-right: 0px; }
}
.zal > .zalozkyprepinac_klik.vybrany {background: #F2FDED; border: 1px solid #A8D202;}
.zal > .zalozkyprepinac_klik.vybrany span {width: 14px; height: 7px; background: transparent url(../images/tooltip_arrow.png) center center no-repeat; display: block; position: absolute; bottom: -7px; left: 48%;}
.strankovani {padding-top: 4px; display: inline-block;}
.strankovani .stranky {color: white; display: inline-block; padding: 3px 0px 3px 0px; width: 1.8em; overflow: hidden; text-align: center; background: #90942A; cursor: pointer; text-decoration: none; border-bottom: 1px solid #676A14; border-radius: 4px; }
.strankovani .vybrany {background: #EADB91; color: #676A14;}
.klikblok {
background: #F2FDED;
order: 1px solid #AED800;
border-radius: 15px;
position: relative;
transition: background 0.7s linear;
cursor: pointer;
padding: 30px 10px;
text-align: center;
}
.klikblok h6 {
padding: 0px 0px 5px 0px;
margin: 0px;
position: static;
font-size: 17px;
}
.klikblok strong {
color: #1f3f2a;
}
.nabidka_kodu {
position: relative;
display: grid;
grid-template-columns: 1fr 3fr;
grid-template-rows: auto;
grid-gap: 35px;
padding: 0px;
}
@media only screen and (max-width: 580px) {
.nabidka_kodu {
grid-template-columns: 1fr;
grid-gap: 5px;
}
.nabidka_kodu .detaily {
border-top: 0px dotted #F3F1EA !important;
border-bottom: 2px dotted #F3F1EA;
margin-bottom: 10px;
}
#nabidka_kodu .klikblok {
margin-top: 5px;
}
.nabidka_kodu .detaily .chody .chod {padding: 55px 2px 15px 2px; font-size: 14px; }
}
.nabidka_kodu .detaily {border-top: 2px dotted #F3F1EA; border-bottom: 2px dotted #F3F1EA;}
.nabidka_kodu .detaily .chody {width: 100%;display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.nabidka_kodu .detaily .chody .chod {display: block; text-align: center; padding: 40px 4px 10px 4px; background: transparent url(../images/uncheck.png) center 20px no-repeat; }
.nabidka_kodu .detaily .chody .chod span {opacity: 0.5;}
.nabidka_kodu .detaily .chody .chod.ok {background: transparent url(../images/faj1.png) center 15px no-repeat;}
.nabidka_kodu .detaily .chody .chod.ok span {opacity: 1;}
#of_volba2 {display: none;}
#of_volba2.ukaz {display: block;}
#nabidka_kodu {overflow: hidden; height: 0px;}
#nabidka_kodu.ukaz {height: auto;}
#nabidka_kodu .klikblok {border: 1px solid #AFD800; background: #F2FDED; padding: 7px 5px;
display: flex; justify-content: center; align-items: center;
}
#nabidka_kodu .klikblok.act {background: #AFD800;}
#nabidka_kodu .dalsiKody {overflow: hidden; height: 0px; opacity: 0; transition: opacity 0.5s linear;}
#nabidka_kodu.toggle .dalsiKody {height: auto; opacity: 1;}
.rozbalKody { color: #AED700; font-weight: 500; display: inline-block; padding: 7px 35px 7px 0px; background: transparent url(../images/zob_b.png) right center no-repeat; cursor: pointer; }
#nabidka_kodu.toggle .rozbalKody {background: transparent url(../images/zob_u.png) right center no-repeat;}
.datepicker.kalendar {background: transparent /*url(../images/kalendar.png) 25px center no-repeat */; padding-left: 70px !important;}
/*th.ui-datepicker-week-end, td.ui-datepicker-week-end { display: none; }*/
.fpol .ui-datepicker-trigger {position: absolute; top: 29px; left: 29px; cursor: pointer;}
.cenik_nabidka.nabidkaDnyDelka {
width: 100%;
display: grid;
/*grid-template-columns: 270px auto ;*/
grid-template-columns: repeat(auto-fill, 122px);
grid-template-rows: 90px ;
grid-gap: 14px;
}
.cenik_nabidka.nabidkaKalorickeRady {
width: 100%;
display: grid;
grid-template-columns: repeat(auto-fill, 120px);
display: grid;
/*grid-template-columns: 270px auto ;*/
/*grid-template-columns: repeat(auto-fill, 122px);*/
grid-template-rows: 1fr ;
grid-gap: 14px;
white-space: normal;
}
.cenik_nabidka.nabidkaKalorickeRady h6 {
font-size: 17px; line-height: 17px;
width: 100%;
text-align: center;
padding: 0px;
margin: 0px;
text-align: center;
position: static;
}
.cenik_nabidka.nabidkaKalorickeRady .jidelnicek {
margin: 0px; padding: 0px; background: #F3FDEE; width: 100%; position: relative; height: 110px;
}
.cenik_nabidka.nabidkaKalorickeRady .jidelnicek.act {
background: #AED800;
}
.cenik_nabidka.nabidkaKalorickeRady .jidelnicek > div {
margin: 0px; width: 100%; height: 100%; padding: 0px; position: relative;
display: flex; justify-content: center;
align-items: center;
flex-wrap: nowrap;
}
@media only screen and ( max-device-width: 860px ) , (max-width: 860px) {
.objform .cenik_nabidka.nabidkaKalorickeRady {
grid-template-columns: 1fr 1fr 1fr;
}
.objform .cenik_nabidka.nabidkaKalorickeRady .jidelnicek {
height: 70px;
}
}
.cenik_nabidka.nabidkaDnyDelka .jidelnicek {
width: 100%;
margin: 0px;
}
.nabidka_doplnky {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px; }
.body_v1 .nabidka_doplnky {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 15px; }
.body_v3 .nabidka_doplnky {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr ; grid-gap: 10px; }
@media only screen and (max-width: 650px) {
.body_v3 .nabidka_doplnky {display: grid; grid-template-columns: 1fr 1fr 1fr ; grid-gap: 10px; }
}
@media only screen and (max-width: 500px) {
.body_v3 .nabidka_doplnky {display: grid; grid-template-columns: 1fr 1fr ; grid-gap: 10px; }
}
.nabidka_doplnky > .doplnek {padding: 0px; width: 100%; border: 0px solid #AFD800;
border-radius: 7px; position: relative; overflow: hidden;
aspect-ratio: 150/170; cursor: pointer;
}
.nabidka_doplnky > .doplnek .foto {width: 100%; aspect-ratio: 1.2/1; background-size: 90% auto !important; background-position: center;}
.nabidka_doplnky > .doplnek h5 { position: absolute; bottom: 0px; width: 100%; height: 30%; text-align: center; display: flex; justify-content: center; align-items: center; padding: 0px;}
.body_v4 .nabidka_doplnky > .doplnek h5 { padding: 10px 4px 0px 4px; height: 50px; text-align: center; }
.nabidka_doplnky > .doplnek.act h5 {background: #AFD800;}
.nabidka_doplnky > .doplnek .outline {border-radius: 7px; border: 1px solid #AFD800; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1;}
.prehledObjednavky h6 {color: #849188; padding: 7px 0px 7px 0px; margin: 0px;}
.prehledObjednavky h5 {padding: 7px 0px 7px 0px; font-weight: 600; margin: 0px;}
.prehledObjednavky h5 > div, .prehledObjednavky h6 > div.cena {
display: grid;
grid-template-columns: auto 3em ;
grid-template-rows: 1em ;
grid-gap: 20px 20px;
padding: 5px 0px;
}
.prehledObjednavky h5 > div .ano {color: #AED701; display: block; width: 100%; text-align: center;}
.prehledObjednavky h5 > div .ano.ne {color: #849188;}
.prehledObjednavky h5 > div.cena , .prehledObjednavky h6 > div.cena {grid-template-columns: auto auto; font-size: 16px; font-weight: 700;}
.prehledObjednavky h5 > div.cena .cena {color: #AED701; text-align: right; font-size: 20px;}
.prehledObjednavky h6 > div.cena {grid-template-columns: auto auto; font-size: 14px; font-weight: 700;}
/*.prehledObjednavky h6 > div.cena .cena {color: #AED701; text-align: right; font-size: 20px;}*/
hr.sum {
height: 1px;
color: #AED701;
background-color: transparent;
border-top: 2px dotted #AED701;
margin: 5px 0px;
}
#obsah .m148, #obsah .m758 {display: none;}
#obsah.zal2 .m148 , .zal2 #obsah .m758 {display: block;}
/* ==============================================
================================================= */
/* The container must be positioned relative: */
.custom-select {
position: relative;
}
.custom-select select {
display: none; /*hide original SELECT element: */
}
.select-selected {
background-color: DodgerBlue;
}
/* Style the arrow inside the select element: */
.select-selected:after {
position: absolute;
content: "";
top: 14px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #fff transparent transparent transparent;
}
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
border-color: transparent transparent #fff transparent;
top: 7px;
}
/* style the items (options), including the selected item: */
.select-items div,.select-selected {
color: #ffffff;
padding: 8px 16px;
border: 1px solid transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
cursor: pointer;
}
/* Style items (options): */
.select-items {
position: absolute;
background-color: DodgerBlue;
top: 100%;
left: 0;
right: 0;
z-index: 99;
}
/* Hide the items when the select box is closed: */
.select-hide {
display: none;
}
.select-items div:hover, .same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}
.uk-overlay-primary {margin: 15px !important; background: rgba(176,212,0,0.85) url(../images/lupa.png) center 35% no-repeat !important;}
.uk-inline-clip .uk-text-center > div > div {color: black; padding-top: 40px;}
.uk-scope .uk-slider-container-offset.nejlepsi {margin: 0px;}
.nejlepsi ul li {padding: 0px; background: transparent !important;}
.nejlepsi img.uk-border-rounded {border-radius: 0px;}
.nejlepsi .uk-card {border-radius: 10px; overflow: hidden; box-shadow: none; border: 1px solid #E6E6E8;}
/* uk-position-relative uk-visible-toggle uk-margin */
.nejlepsi > .uk-margin {margin: 0px 100px;}
.body_v2 .nejlepsi > .uk-margin {margin: 0px 75px;}
.body_v3 .nejlepsi > .uk-margin {margin: 0px 25px;}
.uk-scope .nejlepsi .uk-dotnav {padding: 30px 0px !important;}
.nejlepsi > .uk-margin:before {background: rgba(254,247,229,0.7); border: 0px solid red; width: 100%; height: 100%; position: absolute; z-index: 1; top: 0px; left: -100%; content: " ";}
.nejlepsi > .uk-margin:after {background: rgba(254,247,229,0.7); border: 0px solid red; width: 100%; height: 100%; position: absolute; z-index: 1; top: 0px;right: -100%; content: " ";}
@media all and (max-width: 900px) {
.nejlepsi > .uk-margin:before , .nejlepsi > .uk-margin:after {display: none; opacity: 0;}
.body_v2 .nejlepsi > .uk-margin {margin: 0px 60px;}
.body_v3 .nejlepsi > .uk-margin {margin: 0px 75px;}
}
@media all and (max-width: 500px) {
.body_v3 .nejlepsi > .uk-margin {margin: 0px 30px;}
.body_v3 .uk-scope .nejlepsi .uk-card-body {padding-left: 20px; padding-right: 20px;}
}
@media all and (max-width: 300px) {
.body_v3 .nejlepsi > .uk-margin {margin: 0px 10px;}
.body_v3 .uk-scope .nejlepsi .uk-card-body {padding-left: 10px; padding-right: 10px;}
}
.uk-scope .nejlepsi .uk-grid {margin-left: -20px;}
.uk-scope .nejlepsi .uk-grid>* {padding-left: 20px;}
.uk-scope .nejlepsi h3 {font-size: 18px; font-weight: 700; color: #243F2E; padding: 5px 0px;}
.uk-scope .nejlepsi p {color: #999999; padding: 0px; font-weight: 500;}
.nejlepsi em {color: #525252; font-weight: 300;}
.uk-scope .nejlepsi .uk-card-body {padding: 30px;}
.uk-scope .reference .uk-slideshow-items li {margin: 0px; padding: 0px; width: 300px; height: 300px; border-radius: 300px; overflow:hidden; margin: auto;
transition: opacity 0.7s linear;
}
.uk-scope .reference .uk-slideshow-items>:not(.uk-active) {
display: block !important; opacity: 0 !important;
}
.uk-scope .reference .uk-slideshow-items>.uk-active {opacity: 1;}
.uk-scope .reference li {background: none;}
.uk-scope .reference .uk-slidenav {color: #D5D2C1 !important; display: block !important;; opacity: 1 !important;}
.uk-scope .reference .uk-slidenav svg {width: 30px !important;}
.caruso {position: relative;text-align: center; text-align: center;
display: flex; justify-content: center; flex-wrap: wrap; align-items: flex-start; }
.caruso .sl {position: relative; /*max-height: 340px;*/ }
.uvozovky {position: absolute; z-index: 3; bottom: 1.2%; left: 50.2%; width: 25%; height: 10%; background: transparent url(../images/uvozovky.png) center center no-repeat; background-size: contain;}
.caruso > div {width: 50%; }
.body_v2 .caruso > div {width: 70%;}
.body_v3 .caruso > div {width: 100%;}
.caruso .slidy {width: 100%; padding-top: 50%; position: relative; margin: auto; overflow: hidden;}
.caruso .slidy div {width: 50%; height: 100%; text-align: center; background: #CCCCCC; opacity: 0; position: absolute; top: 12%; left: 50%; border-radius: 100%; overflow: hidden;
transform: scale(0.3);
transition: opacity 0.5s ease-in-out, left 0.5s ease-in-out, transform 0.5s ease-in-out, top 0.5s ease-in-out ;
}
.caruso .slidy div img {display: block; min-width: 100%; min-height: 100%; position: absolute;}
.caruso .slidy div.act {display: block; opacity: 1; transform: scale(1); z-index: 2; left: 25%; top: 0%;}
.caruso .slidy div.p1 {display: block; opacity: 0.4; left: 5%; transform: scale(0.75); z-index: 1; top: 2%;}
.caruso .slidy div.n1 {display: block; opacity: 0.4; left: 45%; transform: scale(0.75); z-index: 1; top: 2%;}
.caruso .nav {position: absolute; top: 50%; left: 0%; z-index: 3; width: 100%; height: 0%;}
.caruso .nav > span {top: -13px; position: absolute; cursor:pointer;}
.caruso .nav .pred {left: 5%; }
.caruso .nav .dal {right: 5%; }
.body_v3 .caruso .nav {top: 48%;}
.body_v3 .caruso .nav > span {transform:scale(0.7);}
.body_v3 .caruso .nav .pred {left: 0%; }
.body_v3 .caruso .nav .dal {right: 0%; }
.caruso .texty {height: 100%; position: relative;}
.body_v3 .caruso .texty > div {text-align: center;}
.caruso .texty div {opacity: 0; transition: opacity 0.5s ease-in-out; position: absolute; top: 0px; max-height: 100%; width: 100%; text-align: left; padding: 1em; z-index: -1;}
.body_v3 .caruso .texty > div {text-align: center;}
.caruso .texty div.act {opacity: 1; position: relative; z-index: 1;}
.caruso .texty div h4 {color: #A6A6A4; font-weight: 400; font-size: 18px; padding: 26px 0px 32px 0px;}
.caruso .texty div p {font-style: oblique;}
.mojeslideshow {width: 100%;height: 100%;position: relative; }
.body_v3 .mojeslideshow {height: 400px;}
.mojeslideshow > p {width: 100%;height: 100%;position: absolute; opacity: 0; display:flex; padding: 0px; /*z-index: 1;*/ transition: opacity 2s ease-in; min-height: 400px;}
.mojeslideshow > p.act {opacity: 1; /*z-index: 2;*/}
.body_v3 .mojeslideshow > p > img {object-fit: cover; width: 100% !important;height: 100% !important;position: absolute;}
.nahoru {position: fixed; bottom: 0px; right: 0px; padding: 0px 30px 30px 0px; z-index: 100; opacity: 0; transition: opacity 0.7s ease-in-out; z-index: -100; display: none;}
.body_v2 .nahoru {padding: 0px 20px 20px 0px;}
.body_v3 .nahoru {padding: 0px 10px 10px 0px;}
.nahoru a {width: 56px; height: 56px; display: block; background: transparent url(../images/kolosipka_T.png) center center no-repeat; cursor: pointer;}
.nahoru a:hover {opacity: 0.7;}
.scroll_dolu .nahoru {opacity: 1; z-index: 100;}
.nastavTydenJidelnicek {padding: 5px 0px 25px 0px;}
#mobilesubmenu .nastavTydenJidelnicek {padding: 20px 0px 15px 0px; text-align: center;}
.prepinactydnu {padding: 15px 0px 40px 0px;}
.nastavTydenJidelnicek .alink { color: #848484; cursor: pointer; font-weight: 600; padding-right: 10px; }
.nastavTydenJidelnicek .alink.act { color: #A6CE01; }
.class_toggle {cursor: pointer;}
.rozbalovaci {overflow: hidden; height: 0px; opacity: 0; transition: opacity 0.7s ease-in-out;}
.rozbalovaci.toggle {overflow: hidden; height: auto; opacity: 1;}
ul.uk-lightbox-items > li {background: transparent !important;}
.inpas_okolo {position: relative; width: 100%;}
.inpas_obsah {position: relative; z-index: 1;}
.inpas {position: absolute; height: 100%; /*height: 270px;*/
width: 4000px; right: -60px; top: 0px; z-index: 0;
}
.inpas_objednat {background: #F3D91F url(../images/drobotina.png) right top no-repeat;
}
#respofix {display: none; position: fixed; bottom: 0px; left: 0px; padding: 5px 2px; background: #F7F6F6; width: 100%; z-index: 10;}
.body_v3 #respofix {display: block;}
#respofix ul {display: flex; justify-content: flex-start; align-items: top; flex-wrap: nowrap; padding: 0px; margin: 0px; white-space: normal;}
#respofix li {background: transparent url(../images/srdicko.png) center 10px no-repeat; text-align: center; width: 170px; padding: 35px 10px 5px 10px; flex-shrink: 0; display: block;font-size: 13px; line-height: 15px;}
#respofix li a { text-decoration: none; color: inherit; font-weight: 500;}
/*
#respofix .s_outer { overflow: hidden; margin: 0px; width: 100%; position: relative; }
#respofix .s_inner { position: relative; overflow: hidden; margin: 0px; width: 600px; }
*/
body .popover {max-width: 400px; text-align: center;}
.popover-title {font-weight: normal !important; font-size: 14px !important;}
.popover-content {font-weight: normal !important; font-size: 13px !important;}
.jvptip {/*color: red !important;*/ background: #F4FCED !important; box-shadow: none !important; border: 1px solid #B5D510 !important; width: 400px !important;
max-width: 400px !important; }
@media only screen and (max-width: 500px) {
.jvptip { width: 300px !important; max-width: 300px !important; }
.jvptip.ui-tooltip {position: absolute; left: 20px !important;}
}
.jvptip table {text-align: center; width: 100%;}
.jvptip .ui-tooltip-content::after, .jvptip .ui-tooltip-content::before {
content: "";
position: absolute;
border-style: solid;
display: block;
left: 40px;
}
.jvptip .ui-tooltip-content::before {
bottom: -8px;
border-color: #B5D510 transparent;
border-width: 7px 7px 0;
}
.jvptip .ui-tooltip-content::after {
bottom: -7px;
border-color: #F4FCED transparent;
border-width: 7px 7px 0;
}
#map li {background-image: none;}
.item-page.blog {
/*
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
*/
}
.specblog .item-page {max-width: 800px; margin: auto;}
/* vyhledávání */
#sidebar_float > div.findblog label {display: none;}
#sidebar_float > div.findblog input {width: 100%; }
#search-results li, #search-results ul {background: transparent; padding: 0px; margin: 0px;}
#search-results li {padding-bottom: 1.5em;}
.finder.blogvelkefoto #finder-search {display: none;}
#search-results {padding: 1em 0em 4em 0em;}
#sidebar_float div.kategorierozklik, #sidebar_float > div.findblog {border: 0px; background: transparent; color: #1f3f2a;}
#sidebar_float div.kategorierozklik .vypis-kat a {opacity: 0.6; text-decoration: none; padding: 3px 0px; display: inline-block;}
#sidebar_float div.kategorierozklik .vypis-kat a:hover {opacity: 1;}
#sidebar_float div.kategorierozklik h3 {font-size: 28px; font-weight: 400;}
.p1099 #sidebar_float div.kategorierozklik .vypis-kat .active1099 a,
.p1154 #sidebar_float div.kategorierozklik .vypis-kat .active1154 a,
.p1154 #sidebar_float div.kategorierozklik .vypis-kat .active1154 a,
.p1155 #sidebar_float div.kategorierozklik .vypis-kat .active1155 a,
.p1156 #sidebar_float div.kategorierozklik .vypis-kat .active1156 a,
.p1157 #sidebar_float div.kategorierozklik .vypis-kat .active1157 a,
.p1287 #sidebar_float div.kategorierozklik .vypis-kat .active1287 a
{opacity: 1; text-decoration: underline; }
#sidebar_float div.kategorierozklik .vypis-kat ul {margin: 0;}
#sidebar_float div.kategorierozklik .vypis-kat li {background: none; padding: 0;}
.blogvelkefoto
.blog-lead {
background: #FEF7E5;
position: relative;
padding: 30px 0px 0px 0px;
}
.blog-all .inpas {background: #FEF7E5; left: -1500px; width: 5000px;}
.sidebared .blog-all .inpas {display: none;}
.online_kalkulacka {margin: auto; max-width: 650px; border: 1px solid #AED800; padding: 0px; margin-top: 3em; margin-bottom: 3em; background: #F3FDEE; border-radius: 12px; }
.online_kalkulacka tr td {border-top: 1px solid #D7EE8E;}
.online_kalkulacka tr:nth-child(1) td {border-top: 0px solid #D7EE8E;}
.blog-lead {padding-top: 20px;}
.blog_vypis_dalsi {
padding: 20px 0px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
.body_v3 .blog_vypis_dalsi {
grid-template-columns: 1fr;
}
.blogitem { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap; }
.blogitem.velke_foto {padding: 0px; display: block; overflow: hidden;}
.blogitem.velke_foto div.velkefotoitem {padding: 0px; width: 100%; aspect-ratio: 1.928 / 1; }
.blogitem.velke_foto div.velkefotoitem > img {width: 100%; height: 100%; object-fit: cover;}
.blogitem.velke_foto a:hover div.velkefotoitem > img {opacity: 0.8;}
.vicezde_kat {display: flex; justify-content: space-between; flex-wrap: nowrap; padding-top: 10px;}
.vicezde_kat .kat {opacity: 0.6; padding-right: 2em;}
.blogitem.velke_foto > div.bl {padding: 20px;}
.blogitem > div {padding-right: 20px;}
.blogitem > div.fotoitem {width: 145px; height: 145px; position: relative; flex-shrink: 0; padding: 0px !important;}
.leaditems {display: grid;
grid-template-columns: 1fr;
grid-gap: 20px;}
.blogitem .fotoitem .instac {position: absolute; bottom: 10px; right: 10px; z-index: 1;}
@media only screen and (max-width: 600px) {
.blogitem > div.fotoitem {width: 125px; height: 125px;}
.blogitem > div {padding-right: 10px;}
.blogitem {padding: 20px;}
.blog_vypis_dalsi {grid-gap: 15px; padding-top: 15px;}
.leaditems {grid-gap: 15px;}
.modul-novinky-hp {grid-gap: 15px;}
}
@media only screen and (max-width: 400px) {
.blogitem > div.fotoitem {width: 100px; height: 100px;}
.blogitem > div {padding-right: 7px;}
.blogitem {padding: 10px;}
.blog_vypis_dalsi {grid-gap: 10px; padding-top: 10px;}
.leaditems {grid-gap: 10px;}
.modul-novinky-hp {grid-gap: 10px;}
}
.fotoitem img {width: 100%; border-radius: 15px; overflow: hidden;}
.blogitem .introtext h4 {padding-top: 10px;}
.blogitem .introtext .orez {overflow: hidden; height: 85px; margin-bottom: 8px; position: relative;}
.blogitem .introtext .orez .stinek {position: absolute; left: 0px; bottom: 0px; width: 100%; height: 20px;
z-index: 1;
background-image: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));
}
/* =========== ohlasy foto ============ */
.catid10 .m250 .stin , .catid23 .m250 .stin, .catid26 .m250 .stin {display:none;}
.catid10 .m250 .foto , .catid23 .m250 .foto, .catid26 .m250 .foto {padding: 0px 20px; }
.foto .okolofoto {position: relative; width: auto; height: auto; display: inline-block;}
.foto .okolofoto .instac {position: absolute; z-index: 1; top: 70%; right: 15%; }
.catid10 .m250 .foto img , .catid23 .m250 .foto img , .catid26 .m250 .foto img {border-radius: 50%; overflow: hidden; margin: 30px 0px; max-width: 360px;}
.body_v3 .m250 .foto {text-align: center;}
.catid10 .m250 .foto img {}
.pagination {margin: 0px; margin: auto; text-align: center;}
.pagination .counter {display: none;}
.pagination li {background: transparent !important; padding: 0px !important;}
.blog-all.inpas_okolo {padding-bottom: 20px;}
@media only screen and (max-width: 600px) {
.pagination .pagination-start,
.pagination .pagination-end,
.pagination .pagination-next,
.pagination .pagination-prev
{display:none;}
.pagination ul>li:nth-child(3)>a, .pagination ul>li:nth-child(3)>span {border-left-width: 1px;}
}
.instac {display: inline-block; width: 34px; height: 34px; background: transparent url(../images/insta_transparent.png) center center no-repeat;
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(305deg) brightness(103%) contrast(103%);
}
.instac:hover {
filter: brightness(0) saturate(100%) invert(80%) sepia(60%) saturate(796%) hue-rotate(357deg) brightness(104%) contrast(89%); }
.mapkontakt {width: 100%; aspect-ratio: 1 / 1; position: relative; border-radius: 50%; overflow: hidden; position: relative; max-width: 310px; margin: auto;}
.mapkontakt > div {width: 100%; height: 100%;}
/*
.mapkontakt .overtext {background: #EEEEEE; color: rgba(0,0,0,0.4); padding: 50px 10px; text-align: center; top: 0px; left: 0px; position: absolute; font-size: 18px; line-height: 1.2em; display: flex;
justify-content: center; align-items: center; flex-wrap: nowrap; opacity: 1; transition: opacity 0.7s ease-in-out;
}
.mapkontakt.ok .overtext {opacity: 0; display: none;}
*/
.latlon {display: none !important;}
.header-objednavka {display: flex; justify-content: flex-start; flex-wrap: nowrap;}
.header-objednavka .obr {padding-top: 40px; padding-right: 45px;}
.header-objednavka h1 {padding-top: 30px;}
@media only screen and (max-width: 820px) {
.header-objednavka {text-align: center; display: block;}
.header-objednavka .obr {display: none; }
}
.zpet_na_vypis {padding: 1em 0em; text-align: center;}
.zpet_na_vypis > a {background: transparent !important; border: 2px solid #AED800 !important; color: #AED800 !important; padding: 10px 20px;}
.clanek_blogu {padding: 2.5em 0em;}
@media only screen and (max-width: 600px) {
.zpet_na_vypis {text-align: center;}
}
.objednavka_mapa {position: absolute; bottom: 0px;}
.body_v2 .objednavka_mapa, .body_v3 .objednavka_mapa {position: static;}
.pozor {padding: 1.5em; background: #FFEFBF; border: 1px solid #FFD24D;}
.f_vystraha {position: absolute; display: none;}
.f_vystraha.vystraha {display: block; color: red;}
input.vystraha, select.vystraha {border-color: red !important ;}
.vystraha_form {color: red;}
.skrytyinput {width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0; padding: 0px !important; display: block;}
.prehledObjednavky .line {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr ;
grid-gap: 10px;
padding: 0px;
}
.skryte {display: none;}
.skryte.toggle {display: block;}
.ZalCustom .skryte.skryte_special {display: block;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {height: auto; padding: 4px 0px;}
.datepicker.kalendar {background: transparent /*url(../images/kalendar.png) 25px center no-repeat */; padding-left: 70px !important;}
/*th.ui-datepicker-week-end, td.ui-datepicker-week-end { display: none; }*/
.fpol .ui-datepicker-trigger {position: absolute; top: 29px; left: 29px; cursor: pointer;}
.datepicker.kalendar {background: transparent /*url(../images/kalendar.png) 25px center no-repeat */; padding-left: 70px !important;}
/*th.ui-datepicker-week-end, td.ui-datepicker-week-end { display: none; }*/
.fpol .ui-datepicker-trigger {position: absolute; top: 29px; left: 29px; cursor: pointer;}
/* ---- nové sticky sidebar ----------------------*/
.obsah_okolo {
width: 100%;
height: auto;
contain: layout;
/*overflow: hidden;*/
/*contain: paint content; */
}
.body_v2 .obsah_okolo , .body_v3 .obsah_okolo {
contain: none;
overflow: hidden;
}
#obsah {background: white; transition: top 0.5s ease-in-out; }
#sidebar_float.sidebar2 {position: sticky; top: 0px; right: 0px;}
.body_v2.sidebared2 #sidebar, .body_v3.sidebared2 #sidebar{
position: fixed;
width: 100%;
height: 100%;
z-index: 9;
top: 0px;
right: 0px;
border-left: 1px solid #F1D511;
background: #FAFBFD;
}
.body_v2 #sidebar_float.sidebar2, .body_v3 #sidebar_float.sidebar2{
width: 90%;
left: 5%;
position: fixed;
top: 0px;
z-index: 9;
padding: 5px;
display: none;
}
.body_v2.sidebared2 #sidebar_float.sidebar2, .body_v3.sidebared2 #sidebar_float.sidebar2 {
display: block;
top: 0px;
right: 10px !important;
}
.body_v2.sidebared .obsah, .body_v3.sidebared .obsah {
display: block;
}
#prepinac_sidebar {
position: fixed;
right: 0px;
top: 48%;
z-index: 15;
background: #F1D511;
padding: 5px;
display: none;
}
#prepinac_sidebar .fa, .prepinac_sidebar .fa {
font-size: 27px;
color: white;
padding: 7px;
width: 40px;
height: 40px;
overflow: hidden;
display: inline-block;
text-align: center;
background: #F1D511;
}
#respofix .prehledObjednavky .fa {width: 30px;
height: 30px;
font-size: 16px;
}
#respofix .prehledObjednavky .ucho strong {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
#respofix .prehledObjednavky .cc {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 10px 5px;}
.cena.doplneni {display: flex; justify-content: space-between; align-items: center;}
#respofix .prehledObjednavky .cc > * {padding: 5px;}
#respofix .prehledObjednavky .cc .button_hlavni {
font-size: 15px;
padding: 13px 10px !important;
}
#respofix .prehledObjednavky .ucho strong span {margin: 0px 5px;}
#prepinac_sidebar .fa-arrow-right { display: none; }
#prepinac_sidebar .fa-arrow-left { display: block; }
.prepinac_sidebar .fa-arrow-up { display: inline-block; }
.prepinac_sidebar .fa-arrow-down { display: none; }
.bezobsahu .obsah {display: none;}
.sidebared2 #prepinac_sidebar { right: auto; }
.sidebared2 #prepinac_sidebar .fa-arrow-right {display: block;}
.sidebared2 #prepinac_sidebar .fa-arrow-left {display: none;}
.sidebared2 .prepinac_sidebar .fa-arrow-up { display: none; }
.sidebared2 .prepinac_sidebar .fa-arrow-down { display: inline-block; } .body_v3.sidebared #prepinac_sidebar, .body_v2.sidebared #prepinac_sidebar {
display: block;
}
.zal2.sidebared #prepinac_sidebar {display: none;}
#prepinac_sidebar span {
width: 25px;
height: 25px;
background: transparent url(../images/menu.png) 0px center no-repeat;
background-size: 100% 100%;
cursor: pointer;
display: block;
}
.body_v1.sidebared .dcomponent, .body_v0.sidebared .dcomponent {background: white; padding-right: 60px; width: 100%; position: relative;}
.body_v1.sidebared #obsah, .body_v0.sidebared #obsah {background: transparent url(../images/sidebared.png) center center; background-size: 100% 100%;}
.body_v1.sidebared .obsah, .body_v0.sidebared .obsah {display: grid; grid-template-columns: 1fr 325px; grid-gap: 0px;}
.StrObjednavka #respofix {display: none;}
.body_v2.StrObjednavka.zal2 #respofix , .body_v3.StrObjednavka.zal2 #respofix {display: block;}
.ik {padding:0px; display: inline-cblock; background: white; color: #849188; margin-right: 10px; text-decoration: none !important;}
.prehledObjednavky * div.cena.doplneni {font-size: 11.9px;}
.skryte {display: none;}
.skryte.toggle {display: block;}
.popover {max-width: 500px; }
.popover-title {font-weight: normal !important; font-size: 14px !important;}
.popover-content {font-weight: normal !important; font-size: 13px !important;}
.ZalCustom .skryte.skryte_special {display: block;}
.ZalCustom2 .skryte.skryte_special2 {display: block;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {height: auto; padding: 4px 0px;}
.fajfka_zelena {padding: 5px 60px 5px 30px; background: transparent url(../images/fajfka_zelena.png) 0px 7px no-repeat; display: inline-block;}
.blik {transition: opacity 0.8s ease-in-out; opacity: 1;}
.blik.blik0 {opacity: 0;}
.stranka_normal {padding-top: 17px;}
.jazyky_podnabidka {display: none; position: absolute; top: 25px; padding: 2px; width: auto; width: auto; width: 40px; text-align: center;}
.jazyky_podnabidka.toggle {display: block; z-index: 1; background: #F3FDEE; left: -5px;}
#template_header .mod-languages {position: relative; width: 30px; display: inline-block; top: 2px;}
#mobilemenu .mod-languages {width: 50px;}
#mobilemenu .jazyky_podnabidka {top: 40px; padding: 5px; width: auto; width: auto; width: auto; text-align: center;}
#mobilemenu .jazyky_podnabidka.toggle {left:5px;}
#template_header .mod-languages ul li {padding: 3px !important; background-size: inherit !important; background: transparent;}
#mobilemenu .jazyky_podnabidka {background: #F1D511;}
#mobilemenu .class_toggle {padding: 10px;}
#template_header .mod-languages .lang-active {display: none;}
#template_header .mod-languages .vlajecka {width: 27px; height: 18px; display: inline-block; background: red; background-size: 101% 100%; background-repeat: no-repeat; }
#template_header .mod-languages .vlajecka.cs_cz {background-image: url(../images/lang/cz.svg);}
#template_header .mod-languages .vlajecka.en_gb {background-image: url(../images/lang/en.png); }
#template_header .mod-languages .vlajecka.sk_sk {background-image: url(../images/lang/sk.svg);}
#template_header .mod-languages .vlajecka > * {display: none;}
#template_header .mod-languages li.en_gb , #template_header .mod-languages li.en_gb {/*display: none;*/}
#template_header .mod-languages ul {padding: 0px; margin: 0px;}
/*
#template_header
*/
.ictop_search {display: inline-block; width: 22px; height: 22px; background: url(../images/ictop_search.png) center center no-repeat; position: relative; top: -3px;}
.menu1 .form-search label {display: none;}
.obsah fieldset.word {display: none;}
/* --- fix pro nastavení sloupců starých bootstrap --- */
.body_v3 .span6 {width: auto; max-width: 100%; margin-left: 0px;}
.body_v3 .row {margin-left: 0px;}
/* --- objednavka akce nova --- */
.itemrow {height: 30px;margin-bottom: 15px;}
.itemrow span {display: inline-block;vertical-align: middle;line-height: 3em;}
.itemrow input {padding: 15px 15px !important;width: 80px;text-align: center;}
.itemprice {float:right;}
.orderblock {background-color: #aed80057;padding: 0px 20px 10px 20px;border-radius: 10px;}
.hrmargin {margin: 20px 0;}
.formular_objednavka .f_vystraha.vystraha {
display: block;
color: red;
font-size: inherit;
background: transparent;
padding: 5px 0px;
text-align: left;
border: 0px solid white;
font-size: 16px;
}
.ukazSkryte > .viditelne {display: none;}
.ukazSkryte > .skryte {display: block;}