h1,h2 { font-size: 28px }
h1,h2,h3,h4,h5 {margin-bottom: 15px; line-height: 1.2em;}
h3 {font-size: 23px;}
p {margin-bottom: 25px; line-height: 1.6em;}
img {border: none;}

.basilLeft, .basilSearch { float:left;  }
.basilSearch { position: relative;}
.basilRight { float:right;  }
.box-img img,.box-slide img,.slider img,.relas,.relas img,.artpod img,.relreimg,input,textarea,button,select { border-radius: 10px !important}
a {color: #5b5b5b; text-decoration: underline; }
button, input,select, .login-social a, .bsock a, .bsoc a, .mzrpb a {transition: all .2s ease;} 
.bsock a:hover,.btn-default:hover {opacity: 0.88;}
a:hover { color: #2bab69;  }

/* ------------------- HEADER ------------------- */
#basilHeader {  
    width: 100%;
    transition: top 0.3s;
   
     }
#basilHeaderTop { width: 960px; margin:0 auto; position: relative}
#basilHeaderTop .basilLeft,#basilHeaderTop .basilRight, #basilHeaderTop .basilSearch { display:flex; align-items: center; justify-content: center; }
#basilHeaderTop .basilSearch { position: relative; }
#basilHeaderTop .basilRight { height: 66px;  }

/* LOGO */
#logo,#sfrm { margin-top: 20px }
#logo img,#logo h1 { float: left }
#logo a { color: #5b5b5b; text-decoration: none }
#logo img {display:table-cell;       vertical-align:top; }
#logo h1 {  display:table-cell;   margin:0;    vertical-align:middle; padding: 1px 0 0 18px }

/*SEARCH BOX */
#sfrm { display: block; }
.sfrmx {border: 1px solid #f0f0f0; border-radius: 10px; display:table-cell; vertical-align:middle;background-color: #fff;}
#sfrm .field { 	height: 42px; border: 0;  border-radius: 10px;background-color: #fff; color: #5b5b5b;	font-size: 16px; 	float: right; 	width: 530px; 	padding: 0 10px 0 10px; 	}
.sevh .btn,#sfrm .btn {  	background-color:#2bab69 !important; background-size: auto; background-image:url(https://www.jidlo.cz/imglib/lup.svg);
	     background-repeat: no-repeat;     background-size: 28px 28px;        background-position: 8px 7px;     height: 42px; border: 0; color: #fff;	font-size: 14px;	float: right;padding: 0 18px 0 26px; cursor: hand; cursor: pointer; border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;}


.urs {  display: flex !important;
   align-items:center; margin-top: 15px;}
.urs a,.urs span { margin-right: 5px; text-decoration: none}
.urs svg {     padding: 9px 2px 0px 5px;} 
	   

.zsfrm  { 
	float:none !important;
	}
.zsfrm .sfrmx { margin:0 auto}


.pubu { float: right;
height: 22px;
margin: 10px 10px 10px 35px;
padding: 10px; }
.pubu a { text-decoration: none; font-weight: 600 }
 .topba .orangebut:hover {background-color:#2bab69 !important; opacity: 1; }

	#sfrm .btn:hover {background-color:#2bab69 !important; opacity: 1; }
#sfrm .btn:hover {opacity: .88;  }
	
#sfrm i { font-size: 16px }	
#search {display: none !important;}

/* ICONS */
.boxsd { margin-top: 5px;display:table-cell; vertical-align:middle; margin-left: 34px  }
.dropbtn { margin-left:10px;padding-top: 10px; height:56px; margin-top: 0;}
#search .dropbtn {padding-top: 9px;}



/* DROPDOWN MENU */
.ui-widget-content { z-index:555555 !important}
.pls div div {   border-bottom: 1px solid #f0f0f0; padding: 5px; padding-bottom: 10px; margin-bottom: 5px} 
.dropdown { position: relative; display: inline-block; }

.dropdown-content { left: -160px; display: none; position: absolute; background-color: #f9f9f9; width: 216px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); text-align: center }

.dropdown:hover .dropdown-content { display: block; }

.dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; }
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {    display: block;}
#xmenp {width: 22px; height: 22px;
    margin-top: 12px;
    margin-right: 10px;
    margin-left: 10px;}
#xmenp:hover, #xmen:hover {opacity: .88; transition: all .2s ease;}

.abs {position: absolute;}

.select-container {  position: relative;  width: 98px;  background-color: #fff; }
.select-container select {border: 0 !important;     -moz-appearance: none;     -webkit-appearance: none;     appearance:none;     width: 98%;     height: 36px;      line-height: 36px;     background: #fff;     font-size: 13px;     color: #999999;        outline:none;     padding-left: 28px;     font-style: italic;     background: url('https://cdn.jidlo.cz/imglib/dropd.svg') no-repeat left;     background-size: 16px 16px;       background-position: 8px 11px; }

.select-container select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
    border:0;
}
.select-container select::-ms-expand {
    display: none;
}

#sfrm .line {height: 28px; border-left: 1px solid #bbb; display: block; width: 0px; background-color: #fff; margin-top: 4px; float: left;}

.select-arrow {
    background: url('https://cdn.jidlo.cz/imglib/dropd.svg') no-repeat left;
    left:8px;
    top:0px;
    width:16px;
    height: 36px; 
    position:absolute;
    display:block;
    z-index: 10;
    margin: 0 0 0 0;
    pointer-events:none;
    background-size: 16px 16px;  
}

/* ------------------- HLAVNI H1 A TEXT -----------------------*/
.copi {padding: 0 0 0 13px }
.copi h1 {  margin-top: 5px; float: left;}
.copi p {margin-bottom: 30px; padding-right: 16px}
.copi strong {color:#2bab69; font-weight: regular }
.fli {float: right; padding-right: 16px; margin-top: 0px;}
.fli .bsock {float:left !important;   }
 
/* ------------------- CONTENT -----------------------*/

.basilShell { padding: 0px 10px 10px 20px !important;
    width: 960px;
    margin: 0 auto;
    margin-top: 0px;
    background-color: #f5f6f7;box-sizing: border-box;}

#bana {margin-bottom: 25px; margin-right: 10px }
.muha { background-color: #fff;-webkit-box-shadow: 0px 1px 2px 0px rgb(128 128 128 / 10%);
    -moz-box-shadow: 0px 1px 2px 0px rgba(128,128,128,0.1);
    box-shadow: 0px 1px 2px 0px rgb(128 128 128 / 10%);
    height: 105px;
    }
.muhe { margin:0 auto;    width: 960px; padding: 0 10px;box-sizing: border-box;position: relative;}
.breadm {  display:flex; align-items: center;margin: 0px 0; /*justify-content: center;*/ }
.bread { width: 960px; margin: 0 auto; padding: 10px 30px !important;      background-color: #f5f6f7;box-sizing: border-box; border-top-left-radius: 10px;border-top-right-radius: 10px;}
.breadm > div > div > div {  vertical-align:middle;  }
.bread i { font-size: 20px }
.bread a { color: #999999 }
.bread a:hover { color: #f58433 }
.bread .basilRight {}
.tpmn {line-height: 1.5em;}
.fbbox { padding: 0px 5px; float: right }
.lika { margin-top: 0px; padding-left: 0px; }

.breadslogan {line-height: 1.8em;}
.breadcrumb { list-style: none; overflow: hidden;  vertical-align: middle; font-size: 14px;}
.breadcrumb li { float: left;  vertical-align: middle; line-height: 1.7em;}
.breadcrumb li a {   text-decoration: none}
.breadcrumb li:last-child a { color: #999999;  }
.bsn { margin: 0 8px; color: #999999; }
.asdx { display: none }
.tpmn a { padding-right: 10px; color: #999999 	; text-decoration : none; background-size:contain; }
.tpmn a:hover {background-size:contain; }
/* --- TIT --- */
.fbzzy {width: 66.666% !important}
.fbz { background-color: #fafafa !important; border:0 !important; text-align: center; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
.fbz h1 { color: #2bab69; font-size: 26px ; margin-top: 17px; }
.fbz .box-entry { padding:0 !important }
.fbz p { padding: 4px 6px 23px 8px !important; font-family: 'Noto Sans', sans-serif !important; line-height: 1.8em; letter-spacing: -1px; font-size: 110%; }
.fbz .socia {border-top: 1px solid #f0f0f0; padding: 24px 0 0 0; font-size:10px }
.fbz .social-connect {padding: 18px 0 16px 0;}
.titsoc {     border-bottom: 1px solid #f0f0f0; margin:0 auto; text-align: center;}
.titsoc2 {     margin:0 auto;  padding: 10px 0px 6px 0;}
.titsoc2 .bsock { padding:0; }


/* --------------- BOXY --------------------- */

#cooked-plugin-page .result-section.masonry-layout { margin: 0;}
#cooked-plugin-page .result-section.masonry-layout .result-box {position: relative;float:left;width: 33.3334%;/*padding: 0 5px;*/ padding-right: 10px; margin-bottom: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#cooked-plugin-page .result-section.masonry-layout .grid-sizer { width:33.3334%; }
#cooked-plugin-page .result-section.masonry-layout .result-box p { padding-bottom: 0px; margin:0; font-weight: normal;}
.result-box h2 a,.result-box .cattit a { text-decoration: none }
#cooked-plugin-page .result-section.masonry-layout .result-box .box {border: 1px solid #f0f0f0; background-color: #ffffff;     -webkit-box-shadow: 0px 1px 2px 0px rgba(128,128,128,0.1); 	-moz-box-shadow: 0px 1px 2px 0px rgba(128,128,128,0.1); box-shadow: 0px 1px 2px 0px rgba(128,128,128,0.1);  display: block; border-radius: 10px}
#cooked-plugin-page .result-section.masonry-layout .result-box .box-img img { display: block;  height: auto; margin:12px; /* Firefox */ width: -moz-calc(100% - 24px); /* WebKit */ width: -webkit-calc(100% - 24px); /* Opera */ width: -o-calc(100% - 24px); /* Standard */ width: calc(100% - 24px);border-radius:0; }
.relas {overflow: hidden; border: 1px solid #f0f0f0; background-color: #ffffff;-webkit-box-shadow: 0px 1px 2px 0px rgba(128,128,128,0.1); 	-moz-box-shadow: 0px 1px 2px 0px rgba(128,128,128,0.1); box-shadow: 0px 1px 2px 0px rgba(128,128,128,0.1);}
#fba {margin-bottom: 16px}
.relas .bo23x .posun {font-family: 'Poppins', sans-serif !important; 
	letter-spacing: -0.05em;text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.relas h2 {font-size: 19px !important;}
.onerel { width: 100%-20px; margin: 0 10px 15px 10px; text-align:left; }
.onerel img {width: 100% }
#cooked-plugin-page .result-section.masonry-layout .result-box .box-img  { position: relative; }
#cooked-plugin-page .result-section.masonry-layout .result-box .box-img img:hover, .setga img:hover, .catimg img:hover, .artpod .artp img:hover, .onerel img:hover {opacity: .9;}

#cooked-plugin-page .result-section.masonry-layout .result-box .box-entry { padding: 0px 15px 15px 13px; /*font-size: 14px;*/ }
#cooked-plugin-page .result-section.masonry-layout .result-box .box-entry h2 { font-size: 20px; margin-bottom:13px; text-align: left; }
#cooked-plugin-page .result-section.masonry-layout .result-box .box-entry .roxit h2 {padding-bottom: 7px; padding-right: 40px;}
#cooked-plugin-page .result-section.masonry-layout .result-box .box-entry .psun h2 {margin-bottom: 10px;}
#cooked-plugin-page .result-section.masonry-layout .result-box .box-entry h3 { margin-bottom: 13px; font-size: 20px; line-height: 1.2em;}
#cooked-plugin-page .result-section.masonry-layout .result-box .box-entry .rating { margin-bottom: 15px; }
#cooked-plugin-page .result-section.masonry-layout .result-box .box-footer { padding: 0px 25px 12px; }
#cooked-plugin-page .result-section.masonry-layout .result-box .box-footer .timing { margin-bottom: 2px; }



.btyp { font-family: 'Noto Sans', sans-serif;  font-size: 11px; color: #999999; margin-bottom: 5px;  }
.btyp img { vertical-align:middle; float: left }
.btyp .cent { margin: 1px 0 0 5px !important; float: left }

.result-box .btyp {margin-bottom: 2px;}
.result-box .btyp .cent {margin-left: 0;}

.btypw {width: 200px}

.bookr  { float: left;    z-index: 101;
position: absolute; top: 0px; right: 22px;  cursor: hand; cursor: pointer; 
 }
.bookr img { height: 45px !important; width: 45px !important; margin: 7px 0 0 7px !important; }

.bbokr { position: absolute;  bottom: 0; background-color: #11a667; padding: 5px 10px; color: #fff; text-align: center; width: 100%; box-sizing: border-box;}
.box .bbokr {position: absolute; bottom: 0; left: 12px; background-color: #11a667; padding: 5px 10px; color: #fff; text-align: center; width: 287px;}

.bbokr a:link,.bbokr a:visited,.bbokr a:active { color: #fff; text-decoration: underline !important}
.bookr:hover {opacity: .88; transition: all .2s ease;}

.terms-list {margin-top: 15px !important}
.terms-list a:link { color:#2bab69; }
.terms-list a:visited { color:#2bab69; }
.terms-list a:hover { color: #f58433 }
.result-box .rating { width: 120px; height: 24px; padding: 0; background: url(https://cdn.jidlo.cz/imglib/ratingempty.svg) repeat-x; margin-top: -5px;}
.result-box .rating.rate-5 { background: url(https://cdn.jidlo.cz/imglib/rating.svg) repeat-x; width: 120px}
.result-box .rating.rate-4 { background: url(https://cdn.jidlo.cz/imglib/rating.svg) repeat-x; width: 96px}
.result-box .rating.rate-3 { background: url(https://cdn.jidlo.cz/imglib/rating.svg) repeat-x; width: 72px}
.result-box .rating.rate-2 { background: url(https://cdn.jidlo.cz/imglib/rating.svg) repeat-x; width: 48px}
.result-box .rating.rate-1 { background: url(https://cdn.jidlo.cz/imglib/rating.svg) repeat-x; width: 24px}

.kimis  { float: left; width: 36px; 	margin-top: 3px;  min-height: 36px;   background-size: 36px 36px;     background-repeat: no-repeat;    background-position: 0px; margin-right: 20px; }
.kimi .recz { -moz-border-radius: 18px;     -webkit-border-radius: 18px;    border-radius: 18px; 	 }
.kimi .artz  { float: left; width: 28px; 	margin-top: 1px;  min-height: 36px;   background-size: 28px 40px;     background-repeat: no-repeat;    background-position: 0px; margin-right: 14px; 	 }
.kimi ul { float: left; list-style: none; margin:0; padding:0; }
/* .kimi {  border-top: 1px solid #f0f0f0; padding-top: 15px } */

.faw { display: none }
.kimih { color: #23996f; font-size: 13px; }
.kimif { color: #54bbe5; font-size: 13px; }
.kimib { float: left; margin-right: 18px; }
.kimibr { float: right;margin-right: 0px;}
.kimibr img { vertical-align:middle; float: right }
.kimibr .cent { margin: 1px 0 0 5px; float: right }

.kimib img { vertical-align:middle; float: left }
.kimib .cent { margin: 1px 0 0 5px; float: left }

/* ---------------- FOOT BOXES ------------------ 30px 30px */
.bx { height: 15px; width: 100%;}
.rblue {  background: url(https://cdn.jidlo.cz/imglib/blue.svg) repeat-x; }
.rgreen {  background: url(https://cdn.jidlo.cz/imglib/green.svg) repeat-x;}
.ryellow {  background: url(https://cdn.jidlo.cz/imglib/orange.svg) repeat-x; }
.rred {  background: url(https://cdn.jidlo.cz/imglib/brown.svg) repeat-x; }
.fbx .box-entry {padding: 15px 12px !important}
.fbx .box-slide {padding: 15px 10px 15px 15px !important;}
.fbx h2 {padding-left: 9px; padding-right: 6px;}
.fbx h2 .posun {margin-left: -9px !important; margin-right: 0 !important;}


.cat1 { width:140px; float: right;  } 

.bsud { float: left }
.cattit { margin: 0px 0 16px 10px }

.setgx { border-top: 1px solid #f0f0f0;  padding-bottom: 5px; height: auto !important; min-height: 24px; padding-top: 7px; background-position: left 5px !important; }
.sega { clear: both }
p.segan { clear: both!important; margin-bottom:2em!important;     display: flex!important; }
.favbx .setg { background-color: #ffbc4c; padding: 4px 7px; float: left; margin: 0 10px 4px 0 }
.favbx .setg a {color: #000; text-decoration: none }
.favbx .setg a:hover {text-decoration: underline }

.overlayap {  position:absolute; top:66px;
  display:none; }

.overlay-contentap a {text-decoration: none;}

.inu .ico {background: url('https://cdn.jidlo.cz/imglib/uub.svg') no-repeat;}

.inu .ico { background-position: center center; width: 30px; float: right; display: block;}

  
.overlaya {  position:absolute; top:66px; 
	left:-webkit-calc(50% - 480px);
left:-moz-calc(50% - 480px);
left:calc(50% - 480px);
	-webkit-box-shadow: 0px 2px 2px 2px rgba(225,225,225,0.85);
-moz-box-shadow: 0px 2px 2px 2px rgba(225,225,225,0.85);
box-shadow: 0px 2px 2px 2px rgba(225,225,225,0.85);
    z-index:500;    width:960px;      display:none; }

.overlay-contenta2 {  position: absolute; left: 15%; width:70%; top:13%; height: 74%;  }

.overlay-contenta { width:960px;  
	
}
.overlay-contenta { background-color: rgba(255, 255, 255, 1); overflow: hidden; background-size: 30px 30px !important;  background: url(https://cdn.jidlo.cz/imglib/green.svg) repeat-x; background-position: left bottom;background-color: rgba(255, 255, 255, 1); padding-bottom: 30px }  
  

#x {   display:none; position: relative; float: right; top: 10px;  right: 10px;
}
#menu h2 {    font-size: 20px;  padding-bottom: 9px;   border-bottom: 1px solid #dcdcdc; }
.mleft { width: 70%; float: left; padding: 22px 10px 10px 20px}
.mright{ width: 24%; float: right; padding: 22px 20px 10px 0; }	
.norka { float: left; min-width: 46%; min-width: calc(50% - 20px); margin-right: 10px; margin-bottom: 10px;display: inline-block;
white-space: nowrap; }
.intx {padding: 0 20px 10px 0; 
	width: -moz-calc(33% - 20px);
    width: -webkit-calc(33% - 20px);
    width: -o-calc(33% - 20px);
    width: calc(33% - 20px);
	
	
	margin: 0}
.intx img {width: 100% !important}
.acasio { margin: 0 0px 10px 10px }
.subma { margin-top: 20px }
#ctmn9,#ctmn10 { display:none}
.mright div { overflow: hidden; }
.icomag {  background: url('https://cdn.jidlo.cz/imglib/newart.svg') no-repeat; padding-left: 25px; height: 24px; vertical-align: middle}
.icomag2 {  background: url('https://cdn.jidlo.cz/imglib/article.svg') no-repeat; padding-left: 22px; height: 24px; vertical-align: middle}
.icomag2s {  background: url('https://cdn.jidlo.cz/imglib/articlel.svg') no-repeat; padding-left: 22px; height: 24px; vertical-align: middle}
.xicomag2s:hover {  background: url('https://cdn.jidlo.cz/imglib/article.svg') no-repeat; padding-left: 22px; height: 24px; vertical-align: middle}
.icomag2:hover {  background: url('https://cdn.jidlo.cz/imglib/articlel.svg') no-repeat; padding-left: 22px; height: 24px; vertical-align: middle}
.icopho {  background: url('https://cdn.jidlo.cz/imglib/photo.svg') no-repeat; padding-left: 25px; height: 24px; vertical-align: middle}

.icophos {  background: url('https://cdn.jidlo.cz/imglib/photol.svg') no-repeat; padding-left: 25px; height: 24px; vertical-align: middle}

.xicophos:hover {  background: url('https://cdn.jidlo.cz/imglib/photo.svg') no-repeat; padding-left: 25px; height: 24px; vertical-align: middle}

.icopho:hover {  background: url('https://cdn.jidlo.cz/imglib/photol.svg') no-repeat; padding-left: 25px; height: 24px; vertical-align: middle}

.icorec {  background: url('https://cdn.jidlo.cz/imglib/newrec.svg') no-repeat; padding-left: 28px; height: 24px; vertical-align: middle; background-position-x: 4px !important; }

.icovid {  background: url('https://cdn.jidlo.cz/imglib/newvid.svg') no-repeat; padding-left: 36px; height: 24px; vertical-align: middle; background-position-x: 6px !important; }

.icorec2 {  background: url('https://cdn.jidlo.cz/imglib/receptico.svg') no-repeat; padding-left: 25px; height: 24px; vertical-align: middle }

.xicorec2s:hover {  background: url('https://cdn.jidlo.cz/imglib/receptico.svg') no-repeat; padding-left: 25px; height: 24px; vertical-align: middle }

.icotip {  background: url('https://cdn.jidlo.cz/imglib/tip.svg') no-repeat; padding-left: 25px; height: 24px; vertical-align: middle }

.icotips {  background: url('https://cdn.jidlo.cz/imglib/tipo.svg') no-repeat; padding-left: 25px; height: 24px; vertical-align: middle }

.icotip:hover {  background: url('https://cdn.jidlo.cz/imglib/tipo.svg') no-repeat; padding-left: 25px; height: 24px; vertical-align: middle }

.icorec2s {  background: url('https://cdn.jidlo.cz/imglib/recepticol.svg') no-repeat; padding-left: 25px; height: 24px; vertical-align: middle }

.icorec2:hover {  background: url('https://cdn.jidlo.cz/imglib/recepticol.svg') no-repeat; padding-left: 25px; height: 24px; vertical-align: middle }

/* ---------------- MODAL ------------------ */

.modal { display : none }
.modal .social-connect {
	text-align: justify;
	margin-bottom: -30px;
}
.social-connect:after {
	content: "";
	width: 100%;
	display: inline-block;
}
.social-connect .connect {
	text-decoration: none;
	color: #fff;
	opacity: .9;
	width: 110px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	zoom: 1;
	padding: 6px 10px;
	margin: 0 5px 10px 0;
	border-radius: 2px;
}
.modal .social-connect .connect {
	width: 120px;
}
.social-connect .connect:hover {
	opacity: 1;
}
.connect.facebook {background: #3b5998;}
.connect.google,.connect.pin {background: #d34836;}
.connect.twitter {background: #00aced;}
.connect.linkedin {background: #007bb6;}
.connect.microsoft {background: #007734;}
.connect.instagram {background: #517fa4;}
.connect.github {background: #333;}
.connect.yammer {background: #396B9A;}
.connect.foursquare {background: #0072b1;}
.connect.vkontakte {background: #45668e;}
.connect.soundcloud{background: #F76700;}
.connect.yahoo{background: #720e9e;}

	/* ---------------- REC ------------------ */
	
.nots {display:none; }
.rtop {	border-radius: 10px; border: 1px solid #f0f0f0; background-color: #ffffff; margin-bottom: 16px; padding: 16px; -webkit-box-shadow: 0px 1px 2px 0px rgba(128,128,128,0.1); 	-moz-box-shadow: 0px 1px 2px 0px rgba(128,128,128,0.1); box-shadow: 0px 1px 2px 0px rgba(128,128,128,0.1);	}
	
.rmid { 	border-radius: 10px; border: 1px solid #f0f0f0; background-color: #ffffff; float: left; width: 644px;	margin-bottom: 16px; -webkit-box-shadow: 0px 1px 2px 0px rgba(128,128,128,0.1); 	-moz-box-shadow: 0px 1px 2px 0px rgba(128,128,128,0.1); box-shadow: 0px 1px 2px 0px rgba(128,128,128,0.1);}	
.a2 {	width: 300px; float: left; padding-left: 16px }

.myrl { float:left; width: 360px; padding: 4px 20px	}
.myrp { float: left; width: 536px}

.mzrpb {  top: 30px; right: 10px}
.mzrpb img { width: 70px !important; height:70px !important;}

	/* ---------------- COMM ------------------ */

.f1 { background-color: #fff; padding: 5%; margin: 0px 0px 0px 0 }
.f22 { float: left; width:446px; padding-left: 20px }
.f3 { margin: 0 0 20px 0 }
.xcl {background-color: #f7f9f7;}
.fff00 { margin-bottom: 40px }
.f4 p {margin-bottom: 0 }

.f22x  {    float: left; width: 60px; 	margin-top: 1px;  min-height: 60px;   background-size: 60px 60px;     background-repeat: no-repeat;    background-position: 0px; -moz-border-radius: 60px;     -webkit-border-radius: 60px;    border-radius: 60px; 	 }




.ff2,.ff5,.ff6,.ff10 { float: left }
.ff3 { float: rigth }
.ff2 { width: 100% }
.ff3 { width:40% }
.ff3 { float: right }
.ff5,.ff6,.ff10,.ff11 { width: 47.5% }
.ff7, .ff8 { margin-top: 10px }
.ff5 { margin-right: 5% }
.fff0{ 
	margin-bottom: 40px;
	padding: 20px 0 20px 40px; border-bottom-color: rgb(240, 240, 240);
border-bottom-style: solid;
border-bottom-width: 1px; 	border-top-color: rgb(240, 240, 240);
border-top-style: solid;
border-top-width: 1px;
background: url('https://cdn.jidlo.cz/imglib/comm.svg') no-repeat 0px 50%; background-size: 20px 20px; 
}

.fff0 h3 {margin: 0; padding: 0; font-size: 23px}
.ff1{ 
padding: 20px 0 20px 0px; border-bottom-color: rgb(240, 240, 240);
border-bottom-style: solid;
border-bottom-width: 1px; 	border-top-color: rgb(240, 240, 240);
border-top-style: solid;
border-top-width: 1px; color: #5b5b5b;

}

.ff1 h3 {margin: 0; padding: 0; font-size: 23px}


.ff00, .fform { color: #b22112;   }
.ff00 input[type="text"], .fform input[type="text"] {  width:90%; margin-top:10px; padding: 5%;border: 1px solid #cbcbcb; background-color: #f6f4f2}
.ff00 textarea, .fform textarea { height: 70px;  width:95%; margin-top:10px; padding: 2.5%;border: 1px solid #cbcbcb; background-color: #f6f4f2}

.fform input[type="text"] {padding: 3%;}
.fform textarea {width: 90%;}

.ff11 {  }
.ff4 { margin-top: 28px}
.ff9 {margin-top: 26px; padding-bottom: 26px}


.ff11 input { cursor: hand; cursor: pointer;  border:0; width: 200px; padding:13px;  color: #fff; text-align: center; margin-right: 0; background: #2bab69 url('https://cdn.jidlo.cz/imglib/arr.svg') no-repeat 32px 50%; background-size: 20px 20px; font-size: 15px; }

.ff11 input:hover {opacity: .88;}


.a1 .timing {
	
float:left; width:50%;

	}
.a1 .timing .kimis {margin-left: 0px;}	
.a1 .kimi {border:0; margin:0;padding:0}
.a1 .kimi ul { margin-top: 4px}
	.a1 { padding: 20px 27px;}
	.b2 { margin-top: 0px; padding: 17px 0 30px 0}
	
	.cupa img { height: 20px; width:20px; }
	.cupa img { margin-left:30px }
	.cupa img.nomez { margin-left:0px }
	.cupa span {vertical-align: 3px;margin-left:14px}
	.cupa { font-size: 16px;line-height: 16px; color: #5b5b5b;  margin-top: 10px; vertical-align: text-top; }
	.cpa { display: table; margin: 0 auto; margin-top: 10px}
	.cupax { margin-top: 4px; }
	
.rcps-list-ingredients	{
margin:0; padding:0;	
float:left; width:45%;
list-style-type: none;
margin-right: 5%;

	}
.rcps-list-ingredients:last-child	
	{
		margin-right: 0%;
		margin-left: 5%;
	}
.rcps-list-ingredients li  {
	color: #717171;
	margin:11px 0 0 8px; padding:0 0 3px 33px;
	border-bottom-color: rgb(240, 240, 240);
border-bottom-style: solid;
border-bottom-width: 1px;
	min-height: 30px;
	background-size: 18px 19px;     background-repeat: no-repeat !important;    background-position: 0% 5%; 
	cursor: hand;
	}	
	.b222 {margin-top: 42px}
.artik h1 { margin-top: 17px; }
.artik .b222 { margin-top: 0px !important; }	
.artik .b222 p img { margin-left: 16px;margin-bottom: 25px; box-sizing: border-box }
.artik .b222 p a img { margin-left: 0px;margin-bottom: 0; width: 100%}
.artik .b222 p  { clear: both; margin-bottom: 25px !important}
.artika p strong { color: #12AB6A}
.artik h2 a { color: #2bab69; text-decoration: underline !important}
.artik h2 a:hover { color: #5b5b5b; text-decoration: underline !important}



.relre { position: relative; margin-top: 23px;}
.relre .fifl {float: left;    z-index: 101;
position: absolute; top: 0px; left: 12px; 	
	}
.relbo { float: left; width: 372px}
.relbo h3 {margin-bottom: 2px;font-size: 20px;}
.relre img {
	margin-left: 0;
	float:left; margin-right: 26px; 
	margin-bottom: 25px
	
	}
	.wradd {
  position: relative;
}
.stickyd {
 margin:0 auto;
 margin-top: 10px;
}
.stickyd-top {
  position:fixed;
  top: 0;
}
.stickyd-bottom {
  position: absolute;
  bottom: 0;
}

.relre p{margin-bottom: 10px}	
	
.recipe-container h2 {font-size: 23px }
.artik .xtiming, .a1 .xtiming { border-top-color: rgb(240, 240, 240);
border-top-style: solid;
border-top-width: 1px; padding-top: 10px;
border-bottom-color: rgb(240, 240, 240);
border-bottom-style: solid;
border-bottom-width: 1px; padding-bottom: 10px;
margin-bottom: 44px
}
	recipe-container. h1 {font-size: 24px !important}

.recipe-hints h2 {margin-bottom: 28px;}
	
.stpx  {
	cursor: hand;
	color: #717171;
	margin:0px 0px 34px 0; padding:0 0 0px 55px;
	min-height: 48px;
	background-size: 30px 43px;     background-repeat: no-repeat;    background-position: 0 4px; 
	}		
	
	.slider a.prev,.slider a.next {
	height:91px;
	position:absolute;
	width:43px;
	top:50%;
	margin-top:-30px;
	opacity:0.4;
	text-indent:-99999px;
	cursor:hand;
	-webkit-transition:opacity 200ms ease-out;
	border:0;
}
.slidertxt {
 
 vertical-align: middle;
  text-align: center;
	right:43px;
	height:63px;
	position:absolute;
	width:135px;
	top:50%;
	margin-top:-30px;

	font-size: 14px; font-weight: bolder;
	
	background-color:rgba(0, 0, 0, 0.4);
	cursor:hand;
	      
    padding: 28px 20px 0 0;
	-webkit-transition:opacity 200ms ease-out;
	transition:opacity 200ms ease-out;
	border:0;
}
.slidertxt a {color: #fff;
text-decoration:none;}
.slidertxt:hover {
	background-color:rgba(0, 0, 0, 1);
	color: #fff;
	}
	
	

.inner {cursor:hand;
  display: inline-block;
  
}
	
.slidertxt span { font-weight: normal;font-size: 12px;}
.slider a.prev:active,.slider a.next:active {
	border:0;
}
.slider a.prev:hover, .slider a.next:hover {
	opacity:.5;
}
.slider .prev {
	left:0;
	background: #000 url('https://cdn.jidlo.cz/imglib/sprite.png') no-repeat -200px 25px;
}
 .slider .next {
	right:0;
	background: #000 url('https://cdn.jidlo.cz/imglib/sprite.png') no-repeat -167px 25px;
}
.slider {
	height:auto;
	position: relative;
}
.slide {
	position:absolute;
	height:100%;
	width:100%;
}
.mzrpb { height: auto}

.slider .slide:target {

}
.slide img {
	height: 350px;
	
}

.slidex {display: none}

.artik .b1xx { min-height:100px}

.xbut {
	
	height:46px;
	
	width:49%;
	font-size: 12px; 
	top: 50%;
	cursor:hand;
	
	 vertical-align: central;
 
        display: inline-block;
    line-height: 46px;
	color: #fff;
	text-decoration:none;
	
border:0;
}



.xbut img{ margin: 13px 5px 0 30px; float:left}

.xbut {text-decoration:none;transition: all .2s ease;}
.xbut:hover { opacity: .88;}
a.greenbut, a.greenbut:hover {color:#fff}
.greenbut { background-color: #11a667; float: left; margin-right: 1%;}
.orangebut { background-color:  rgb(240, 133, 33); float: left; border-radius: 5px;}
a.orangebut, a.orangebut:hover {color:#fff}

.greenbut .ico, .orangebut .ico {background: url('https://cdn.jidlo.cz/imglib/hearth.svg') no-repeat; background-position: center; width: 50px; height: 100%; vertical-align: middle;display: block;float: left;}

.greenbut .label, .orangebut .label {float: right;height: 100%;display: block;width: 70%;font-size: 15px;text-align: left;}
.orangebut .ico { background: url('https://cdn.jidlo.cz/imglib/photow.svg') no-repeat; background-position: center;background-size: 22px 23px;}

.fbut { width: 90px;  background: url('https://cdn.jidlo.cz/imglib/face.svg') no-repeat; background-position: 30px 50%; padding-left: 25px; height: 40px; vertical-align: middle }
.gbut { width: 90px;  background: url('https://cdn.jidlo.cz/imglib/gplus.svg') no-repeat;background-position: 30px 50%; padding-left: 25px; height: 40px; vertical-align: middle }

.tbut { width: 90px;  background: url('https://cdn.jidlo.cz/imglib/tweet.svg') no-repeat;background-position: 30px 50%; padding-left: 25px; height: 40px; vertical-align: middle }

.bluebut a {color:#fff}
.bluebut { background-color: #4269ae}

.lbluebut a {color:#fff}
.lbluebut { background-color: #21a3ed}

.redbut a {color:#fff}
.redbut { background-color: #db423c}

.urec { float: left; font-size: 12px; margin-top: 10px; height: 16px; margin-right: 10px; padding-left: 20px;  background-size: 15px 15px;   }
.urec a { color: #a6a6a6}

.prnt { background: url('https://cdn.jidlo.cz/imglib/prnt.svg') no-repeat 0px 50%; background-size: 15px 15px;  }

.emil {background: url('https://cdn.jidlo.cz/imglib/emil.svg') no-repeat 0px 50%; background-size: 15px 15px;  }

.shr {background: url('https://cdn.jidlo.cz/imglib/share.svg') no-repeat 0px 50%; background-size: 15px 15px;  }

.komx {background: url('https://cdn.jidlo.cz/imglib/komx.svg') no-repeat 0px 50%; background-size: 15px 15px; }

.cenr {text-align:center; }	



.b1box {  display: table;
  margin: 0 auto; margin-top: 24px;}
.b1box div {float: left !important}

.semore {	border-top-color: rgb(240, 240, 240);
border-top-style: solid;
border-top-width: 1px; padding-top: 16px} 


.bsoc {width: 100%; margin-bottom: 16px; padding: 40px 0 0 0; background: url('https://cdn.jidlo.cz/imglib/bsoc.png') no-repeat; text-align: center; height: 178px}
.bsoc h3 { color: #464646; font-size: 32px; font-family: 'Noto Sans', sans-serif !important;text-rendering: unset;-webkit-font-smoothing: unset;-moz-osx-font-smoothing: unset;}
.bsoc div { color: #fff; font-size: 13px; background-size: 24px 24px;  padding-left:65px;  text-align: left }
.bsoc div.cntr {padding-left: 18px;width: 90%; margin: 0 auto;}


.bsocin a { width: 30% !important; margin-right: 2%}

.bsock {    margin: 0px auto; text-align:center;  width: 100%}
.box-entry .bsock {margin-top: -5px;}
.bsocki {  text-align:center;    color: #a6a6a6; font-size: 12px; margin: 0px auto; padding: 0 0 5px 0; width: 100%}

.artpod {width: 100%; margin-bottom: 13px; padding: 0 0 32px 0; border-bottom-color: rgb(240, 240, 240);
border-bottom-style: solid;
border-bottom-width: 1px;}


.artpod h3 {  font-size: 23px;}
.artpod .artp {float: left; width: 182px; margin-right: 14px; font-family: 'Poppins', sans-serif !important; 
	letter-spacing: -0.05em;  text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.artpod .artp .posun {font-family: 'Poppins', sans-serif !important; 
	letter-spacing: -0.05em;text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.artpod .artp a:visited,.artpod .artp a:link {text-decoration: none; color: #5b5b5b;}
.artpod .artp a:hover { color: #2bab69; }
.artpod .artp img {height: 120px; width: 186px}

.box .artpod {width: 100%; margin-bottom: 0px; padding: 15px 12px 0 12px; 
box-sizing: border-box;
border-bottom-width: 0px;}


.box .artpod  .artp { font-weight: bold;float: none; width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -o-calc(100% - 20px);
    width: calc(100% - 20px);  margin: 0 10px 10px 10px}
    
.box .artpod  .artp { font-weight: bold;float: left;   margin: 6px 5px 10px 5px}  
#rmd .artpod  .artp {  width: -moz-calc(33.333% - 10px);
    width: -webkit-calc(33.333% - 10px);
    width: -o-calc(33.333% - 10px);
    width: calc(33.333% - 10px); }        
    .adpad { margin-bottom: 10px;text-align: center; }
    .fullad { height: 1000px }
.box .artpod h3 {  margin: 12px 0 15px 0px;}

.box .artpod  .artp img { margin: 0px; height: auto; width: 100%}

.cf { 	  	width: 100% 	}
.cf div {color: #fff; text-align: center; background-color: #2bab69 ; padding: 20px 10px;}
.cf a {color: 	#fff}


#menu a {text-decoration: none}

.setga img {width:100%; border-radius:10px; height: auto}
.a1 .setga {width:48%; margin-right: 2%; float: left; padding-bottom: 10px ; }
.box a {text-decoration: none}

.sezn .setga {margin-bottom: 10px; }

.posun {margin-left: 10px; display: inline-block; margin-right: 5px;}


.seznx .setga {margin-bottom: 20px; min-height: 64px; clear: both
	}
.seznx .setga a {height: 90%;height: calc(100% - 10px); width: 100%;
    /*display: inline-block;*/}
.seznx .setga a span { font-weight: 400 !important; font-size: 14px; line-height:1.4em}
.seznx .setga img {    width: 125px;    border-radius: 10px;    float: left;    margin-right: 10px; margin-bottom: 15px;}
.seznx .setga p {line-height: normal;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

.seznx .posun {
    display: block;
    margin: 5px 0;}
.seznx .setga img.sop {
  width: 92px;}
  
  .mriv .setga a,.mrivr .setga a {
  height: auto;
    width: auto;
    display: contents;
  
  }
  .mriv .setga {float:left; }
  .mriv .setga img {    width: 150px; margin-bottom: 10px }
  .mriv .setga img.kosa {    width: 125px; }
  .psun a {white-space: nowrap; font-size: 13px;}
  .setga .favbxx {padding: 5px 8px; margin-top: 10px;margin-left: 135px;  width: fit-content;}
.rigts {text-align: center; margin: 5px 0 5px 0; }
.rigts a { text-decoration: underline; white-space: nowrap; }



 .clr { clear: both; height: 0px !important;width:0;margin:0; padding:0 }

.chupa {margin-top: -2px}


div.pagination {
	margin: 0 auto;
	padding: 46px 0px;
	height: 50px;
	text-align: center;
	display: table; margin: 0 auto;
	}

div.pagination a {
	padding: 2px 8px 2px 8px;
	margin: 2px;
	border: 1px solid  #fafafa;
	font-weight: bold;
	text-decoration: none; 
	 float: left

}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid  #fafafa;

}
div.pagination span.current {
	padding: 2px 8px 2px 8px;
	margin: 2px;
		border: 1px solid #12AB6A;
		
		font-weight: bold;
		background-color: #12AB6A;
		color: #FFF;
		 float: left;
	}
	
	div.pagination span { 	padding: 2px 8px 2px 8px;
	margin: 2px;
		
		 float: left;}
	div.pagination span.disabled {
		padding: 2px 8px 2px 8px;
		margin: 2px;
		border: 1px solid  #fafafa;
	 float: left;
		color: #DDD;
	}

.pagleft {padding-left: 32px !important; color: #575757; float: left }
.pagright {padding-right: 32px !important; color: #575757;  float: left }	



/* ---------------- SE ------------------ */

#topx { width: 100% !important}

#pito { margin-bottom:20px; margin-right:10px; text-align: center}

a.svit:link,a.svit:active {text-decoration: none;}
a.svit:hover {
text-decoration: underline }

#xbu {display: none}
/* ---------------- GALERIE ------------------ */
.gale {background-image: none; background-color: #5b5b5b;  padding: 0 0 0 0; margin: 0}
 .gale #basilWrapper { width: 100%; background-color: #5b5b5b; max-width: 100%; }
 .gale #basilHeaderTop { width: 100%;  }
 .gale #basilHeader { border: 0 }
 .gale  #logo { margin-left: 10px; margin-top: 10px; }
 .gale header { padding: 0 0 0 0}
 
 
 .gale #basilHeader {
    border: 0;
}
.gale #basilHeader {
    background-color: #fff;
    height: 66px;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
}

.gale header {
    padding: 0 0 0 0;
}
 .gale #logo img { margin-top: 8px }
 
 
a.gala:link,a.gala:active,a.gala:visited {

text-decoration: none; font-family: 'Noto Sans', sans-serif !important;
letter-spacing: -1px;
}
a.gala:hover {
	text-decoration: underline !important
 }

h2.galaa {    display: table-cell;
    margin: 0;
    vertical-align: middle;
    padding: 3px 0 0 18px; font-size: 20px; font-family: 'Noto Sans', sans-serif !important; font-weight: normal; }
    
   .galka { margin: 14px 0 14px 0} 
.galimg { height: auto !important; width: 100%; max-width: 900px; margin: 0 auto; text-align: center }
.galimg img { }
.mina {height: 99.3% !important; padding: 0; margin: 0px !important; top :0 !important}
.gale .prev {background-position: -200px 50%; }    
.gale .next {background-position: -167px 50%; }    
.slider .next2 {background: rgba(0, 0, 0, 0.5) url('https://cdn.jidlo.cz/imglib/nxt.png') no-repeat 100% 50%;background-position: 92% 53%; cursor:pointer}    
.slider .next2:hover {opacity: .88; transition: all .2s ease;}
.bng { text-align:center; margin: 0 auto; padding: 10px 0px 10px 0px; height: auto; max-width: 980px }

.gpop {padding-right: 14px}
.gpop img { margin-left: 14px; margin-top: 8px }

.sumf { float: left;
    z-index: 101;
    position: absolute;
    bottom: 13px;
    padding: 10px 0px;
    background-color:rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 18px;
  right: 10%;
  width: 80% }
  
  .cfg {    padding-top: 0px;
    background: none;
    width: 100%;}
    


.gale .artpod { border: 0; margin: 0 auto; text-align: center; width: 600px}

.nopi { background-color: #fff;  padding-top: 14px}
.nopix { height: 100% !important;}

.galkax .mzrpb { top: 33px; right: 60px	}

.topba { margin-left:60px; padding: 10px 0; float: left;   }
.topba .xbut { font-size: 18px !important;  min-width: 280px; max-width: 320px;}

.galdi { max-width: 900px; text-align: center; margin: 0 auto; padding-bottom: 14px }
.galdi a:link,.galdi a:visited {color: #fff}
/* ---------------- FOTO DET ------------------- */


.phg .btyp { margin: auto 0px; padding-right:20px; margin-right: 20px; }
.phg h1 {  margin: auto 0px; padding-right:20px; margin-right: 20px;border-right: 1px solid #ccc; float: left; }
.phg h1 {  font-size: 16px; padding-top:10px; padding-bottom: 10px; padding-left: 16px}
.phg .bbp {  margin: auto 0px; margin-top: 0px; float: left; border: 0; height: auto;display: inline-flex; } 
.phg { display: inline-flex; width: 100%;   }
.phg .kimisz  { float: left; width: 36px; 	margin-top: 1px;  min-height: 36px;   background-size: 24px 24px;     background-repeat: no-repeat;    background-position: 0px; margin-right: 14px; }
.phg .recz { -moz-border-radius: 18px;     -webkit-border-radius: 18px;    border-radius: 18px; 	 }
.rtfg {padding-top: 8px; }
.bbp div { float: left; margin: auto 0; color: #fff }

.phg .galimg { width: 80% }

.rtfg .slider .prev {    background-position: -200px 50% !important;}
.rtfg .slider .next {    background-position: -167px 50% !important;}


/* --------------------- OVERLAY ---------------------*/
.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 199999;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.55);
    overflow:auto;
    transition: 0.5s;
    
    background-size:cover
}

.overlay-content {
    position: relative;
    top: 12%;
    width: 925px;
    text-align: center;
    box-sizing: border-box;
    background-color: rgba(255,255,255,1);
border-radius: 10px;
    margin: 0 auto;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(128,128,128,0.8);
	-moz-box-shadow: 0px 2px 2px 0px rgba(128,128,128,0.8);
	box-shadow: 0px 2px 2px 0px rgba(128,128,128,0.8);
}

.overlay h2 { margin-bottom: 0px }
.overlay a {
    
    text-decoration: none;
    
    
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    
}

.closebtn {
    position: absolute;
    top: 0px;
    right: 18px;
    font-size: 30px !important;
}
.rmsg { display:none; bottom: -50px; width: 100%; position:fixed; background-color: #5b5b5b !important; height: 50px;   
	padding: 10px 0 0 0;z-index: 100000;
	  -webkit-box-shadow: 0px -1px 2px 0px rgb(128 128 128 / 10%);
    -moz-box-shadow: 0px -1px 2px 0px rgba(128,128,128,0.1);
    box-shadow: 0px -1px 2px 0px rgb(128 128 128 / 10%);}
    .brmsg { display:block;bottom: -50px; width: 100%; position:fixed; background-color: #5b5b5b !important; height: 50px;   
	padding: 10px 0 0 0; z-index: 100000;
	  -webkit-box-shadow: 0px -1px 2px 0px rgb(128 128 128 / 10%);
    -moz-box-shadow: 0px -1px 2px 0px rgba(128,128,128,0.1);
    box-shadow: 0px -1px 2px 0px rgb(128 128 128 / 10%);}
.irmsg { margin: 0 auto; text-align: center; color: #fff }
.irmsg a  { color: #fff !important}

.clsbtn {
    position: absolute;
    top: 0px;
    right: 18px;
    font-size: 30px !important;
    color: #fff !important;
    text-decoration: none
}

.inptv .bsoc { background-size: cover;height: 130px;}
.form-group {clear: both;}
.popup-form {padding: 60px 75px 40px 75px !important;}
.popup-form h1 {font-size: 43px;}
.popup-form .social-label, .popup-form .vybj, .login-social .help-block {font-family: 'Poppins', sans-serif !important; 
	letter-spacing: -0.05em;font-weight: 400;padding-bottom: 12px;font-size: 17px !important;text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.popup-form .user-label {padding-top: 15px;}
.overlay-content .conditions a {text-decoration: underline; font-size: .85em; margin: 0 35px;}
.overlay-content .rgreen {background-size: 36px 36px;}

.c {text-align: center;}
.col-md-6 { width: 45%; margin-right: 5%; float: left }
.col-md-12 {width: 100%; margin-right: 0;}
.nebo {background-image: url('https://cdn.jidlo.cz/imglib/nebo_registrace.svg'); background-repeat: no-repeat; background-position: center 29%; float: left; width: 100%; height: 100%;}


.login-form, .login-social {margin-bottom: 15px; padding-top: 30px; text-align: left;}
.login-form {box-sizing: border-box;}
.overlay .login-form {padding-right: 55px !important;}
.login-form {padding-right: 0 !important;}
.login-social {box-sizing: border-box; padding-left: 75px;}
.login-form .ajax-form label, .login-form .ajax-form input[type="text"], .login-form .ajax-form input[type="password"], .ajax-form label, .ajax-form input[type="text"], .ajax-form input[type="password"] {width: 90%; float: left;}

.login-form .ajax-form label {font-family: 'Poppins', sans-serif !important; 
	letter-spacing: -0.05em; color: #2BAB69; font-weight: 400; padding-bottom: 12px; font-size: 17px !important;text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.login-form .ajax-form .checkbox label, .login-form .links {font-family: 'Noto Sans', sans-serif !important; color: #5b5b5b; font-weight: normal; font-size:13px !important; padding-top: 2px;}
.login-form .ajax-form .checkbox input {margin-right: 4px; }

.login-form .ajax-form input[type="text"], .login-form .ajax-form input[type="password"] {height: 45px; border:1px solid #2BAB69; font-size: 13px; color: #717070; padding: 0 1.4em 0 1.4em; margin-bottom: 17px; box-sizing: border-box;}

.login-form .ajax-form button, .login-form .ajax-form input[type="submit"] {height: 45px; background-color: #2BAB69; font-size: 15px; color: #fff; border: none; padding-left: 25%; padding-right: 25%; line-height: 1; background: #2bab69 url('https://cdn.jidlo.cz/imglib/arr.svg') no-repeat 27% 50%; background-size: 20px 20px; cursor: hand; cursor: pointer; max-width: 250px}

.login-form .ajax-form button:hover, .form-group button:hover, .login-form .ajax-form input[type="submit"]:hover {opacity: .88;}
.form-group button, .login-form .ajax-form input[type="submit"] {cursor: hand; cursor: pointer;}
#f1_3863x {width: 95%}


.login-form .ajax-forma label, .login-form .ajax-forma input[type="text"], .login-form .ajax-forma input[type="password"], .ajax-forma label, .ajax-forma input[type="text"], .ajax-forma input[type="password"] {width: 90%; float: left;}

.login-form .ajax-forma label {font-family: 'Poppins', sans-serif !important; 
	letter-spacing: -0.05em; color: #2BAB69; font-weight: 400; padding-bottom: 12px; font-size: 17px !important;text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.login-form .ajax-forma .checkbox label, .login-form .links {font-family: 'Noto Sans', sans-serif !important; color: #5b5b5b; font-weight: normal; font-size:13px !important; padding-top: 2px;}
.login-form .ajax-forma .checkbox input {margin-right: 4px; }

.login-form .ajax-forma input[type="text"], .login-form .ajax-forma input[type="password"] {height: 45px; border:1px solid #2BAB69; font-size: 13px; color: #717070; padding: 0 1.4em 0 1.4em; margin-bottom: 17px; box-sizing: border-box;}

.login-form .ajax-forma button, .login-form .ajax-forma input[type="submit"] {height: 45px; background-color: #2BAB69; font-size: 15px; color: #fff; border: none; padding-left: 25%; padding-right: 25%; line-height: 1; background: #2bab69 url('https://cdn.jidlo.cz/imglib/arr.svg') no-repeat 27% 50%; background-size: 20px 20px; cursor: hand; cursor: pointer; max-width: 250px}

.login-form .ajax-forma button:hover, .form-group button:hover, .login-form .ajax-forma input[type="submit"]:hover {opacity: .88;}
.form-group button, .login-form .ajax-forma input[type="submit"] {cursor: hand; cursor: pointer;}
#f1_3863x {width: 95%}





.login-social .user-label a {text-decoration: underline !important;}

.label-warning {font-weight: bold;}
.alert {color: #b22112; padding: 20px; background-color: #F6F4F2; margin-bottom: 30px;}
.alert .close {float: right;cursor: hand; cursor: pointer;}

.popup-form .bsoc {background: none; text-align: left; padding: 0;}

.bsoc a.facebook, .bsoc a.google, .bsoc a.twitter, .bsoc a.pin,.btypq {
width: 31% !important;
height: 40px;
background-color: #4269ae; 
color: #fff;
display: block;
float: left;
margin-top: 0px;
}
.btypq { float:none; width: auto !important; height:auto; padding: 15px; margin-bottom: 10px; border-radius: 10px}
.bso a.facebook, .bso a.google {
border-radius: 25px;
height: 40px;
background-color: #4269ae; 
color: #fff;
display: block;
margin-top: 0px;
}

.login-social .bsoc a.facebook, .login-social .bsoc a.google, .login-social .bsoc a.twitter, .login-social .bsoc a.pin {
width: 100% !important;
height: 47px;
margin-top: 14px;
}


.bsoc a.google,.bso a.google {
background-color: #fff;
border: 1px solid #4285f4;
padding: 0 5px	
}

.bso a.facebook {
    min-width: 47px;
    text-align: center;
}
.bso a.facebook .ico {
width: 100%;}





.bsoc a.twitter,.bso a.twitter {
background: #00aced;	
}
.bsoc a.pin,.btypq {
    background: #bd081c
}

.bsoc a:hover,.bso a:hover {opacity: .88 !important;}

.bsoc a .ico,.bso a .ico  {
width: 35px;
background: url('https://cdn.jidlo.cz/imglib/face.svg') no-repeat;
background-position: center !important;
height: 100%;
vertical-align: middle;
display: block;
float: left;
}

.bsoc a .label {
padding: 8px 0;
float: right;
height: 100%;
display: block;
width: 60%;
font-size: 17px;
text-align: left;
}

.popup-form .bsoc a .label {
padding: 12px 0;
float: right;
height: 100%;
display: block;
width: 62%;
font-size: 17px;
}


.bsoc a.facebook .ico,.bso a.facebook .ico {
background-position: 12px center;
}


.bsoc a.google .ico,.bso a.google .ico {
background: url('https://upload.wikimedia.org/wikipedia/commons/5/53/Google_%22G%22_Logo.svg') no-repeat;
background-position: center;
}

.bsoc a.twitter .ico,.bso a.twitter .ico {
background: url('https://cdn.jidlo.cz/imglib/tweet.svg') no-repeat;
background-position: center;
}


.bsoc a.pin .ico {
background: url('https://cdn.jidlo.cz/imglib/pin.svg') no-repeat;
background-position: center;
}
.bso {

 		padding: 10px;

  

  display: inline-block;
    position: relative;
    box-sizing: border-box;
   
    width: calc(100% - 10px)

	}
	.bso div { margin-left: 14px;   display: inline-block;
  vertical-align: middle;}

.inputfile {width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1; line-height: normal;" style=" color: #f1e5e6;
background-color: #d3394c;
max-width: 80%;
font-size: 1.25rem;
font-weight: 700;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
display: inline-block;
overflow: hidden;
padding: 0.625rem 1.25rem;}


.inputfile + label {
    color: #d3394c;
    border: 1px solid currentColor;
}

.inputfile + label {
    max-width: 89.5%;   
    font-size: 1.25rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.15rem;
    background-color: #fff;
}

.inputfile + label svg {
width: .9em;
height: .9em;
vertical-align: middle;
fill: currentColor;
margin-top: -0.25em;
margin-right: 0.25em;
}

.inputfile + label span {
	font-size: 14px;
}




/* ---------------------------- VLOZIT FOTO ------------------------------------ */
.pfo {  float: left;    z-index: 101;
position: absolute; top: 110px; right: 0px; 

 }
.pfo .orangebut { width: 145px; font-size: 10px; float: none; background-color: rgb(240, 133, 33, 0.75); padding: 0 10px 0 0;}
.pfo .label { width: auto; float: left; }
.pho .ico { width: auto }


/* ---------------- video ------------------- */
.vres,.vresb {  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
vertical-align: baseline; width: 100% !important}


.bsn {    background: url(https://cdn.jidlo.cz/imglib/bb.svg) no-repeat;
    
    width: 10px; 
    background-size: cover;
    vertical-align: middle;
      background-position: -6px 2px;
    }

.bboc { background-color: #f5f5f5; width: 100% }

.lbox { margin: 20px 0; padding-left: 20%; float: left; width:30%; text-align: left }
.rbox { margin: 20px 0;float: left; width:40% }
.lbox input { margin-bottom: 10px }


.hmi svg{ margin-top: 5px; }

.hmi svg:hover path { fill: #f58433 }    

.fll { width: 90%;width:calc(100% - 20px) !important; margin-top: 20px }

.copi .norka {width: 15%;margin-bottom: 5px;}
#recxc a {text-decoration: none;}
.info-entry {padding-top: 23px;}
.slider-container {height: 428px;}
.slider-container .box {height: 100%; display: block;}
#jssor_1 {}


/* IE10, IE11, .. */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

	#jssor_1:only-child {width: 602px !important; height: 401px !important;}
	#xmenp {margin-top: -5px;}
	#burger img {margin-top: -2px;}

}



.kopt div {margin: 0 auto; width: 300px}


.submt { 
      }

.subm { max-width: 100%;
    margin: 0 auto;  font-size: 1em; font-weight: bold; padding: 0px 0; margin: 0px auto;  
   }
.subm a { color: #5b5b5b ;  font-family: 'Poppins', sans-serif !important; 
	letter-spacing: -0.05em;
    font-weight: 600;
    text-decoration: none !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}

 ul.subm {
width: auto;
list-style: none;
position: relative;
    
}

 ul.subm li {
display: inline-block;
margin: 0 0px 0 20px;
padding: 5px 0 7px 0;
    text-align: center;
  
border-bottom: 3px solid #fff;
  
}
  ul.submaa li:first-child {
 /*	border-left: 1px solid #2bab69  */
  }
 ul.subm li a {
display: block; 
padding: 0px 0px;
/*	border-right: 1px solid #2bab69; */
text-decoration:none;
font-size: 15px;
}


 ul.subm li li a {
 	
font-size: 14px;
font-family: 'Noto Sans', sans-serif !important;
font-weight: normal;
letter-spacing: normal;
text-rendering: auto;
-webkit-font-smoothing: inherit;
-moz-osx-font-smoothing: grayscale;
    display: inline-block !important;
    width: 100%;

}

}


 ul.subm li~li {  }
.subm a:hover,.subm a:active { color: #2bab69;}

 .subm .active  {
border-bottom: 3px solid #2bab69;


}
.subm .active a:hover, .subm .active a:active  {
text-decoration:none !important;


}

 ul.subm li:last-child .sub_menu { left: auto; right: -50px}

 ul.subm li:last-child a {
	border-style: none;

}

.sub_menu li, .subm .active  .sub_menu{background-color: #fff !important; 
	color: #5b5b5b !important;
	font-family: 'Noto Sans', sans-serif !important; font-size: 15px  !important;
	}
	.subm .active .sub_menu a:hover, .subm .active .sub_menu a:active  {
text-decoration:none !important;
color:#2bab69 !important;

}
#logo h1 div { color:#fff; font-size: 0.5em; font-family: 'Poppins', sans-serif !important; 
	letter-spacing: -0.05em;
    font-weight: 900;
    text-decoration: none !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height:normal}
    
    

/* 
	LEVEL TWO
*/

#ot-sdk-btn-floating.ot-floating-button {
    display: none;
  }
ul.drpdwn li { position: relative; height: 23px; }
ul.drpdwn ul 						{z-index:9999; opacity: 0;transition: all 0.15s ease-in-out;
visibility: hidden; position: absolute; top: 100%; left: 0; padding: 20px; background-color: #fff; border: 1px solid #f0f0f0  }
.overlayap 						{min-width: 200px; z-index:999999; opacity: 0;transition: all 0.15s ease-in-out;
 position: absolute;  left: auto; right: 10px; padding: 10px; background-color: #fff; border: 1px solid #f0f0f0  }

/* .sub_menu { border-top: 3px solid #2bab69 !important; } */
.sub_menu {  margin-top:3px; }
.sub_menu,.overlayap {   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
ul.drpdwn ul li 					{  display: block;
									position:relative;
									   text-align: left; padding: 0}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.drpdwn ul li a					{ border-right: none;  display:initial; } 
ul.drpdwn ul li a img					{  width: 100%; } 

/* 
	LEVEL THREE
*/
ul.drpdwn ul ul 					{ left: 100%; top: 0; }
ul.drpdwn li:hover > ul 			{ 
	
	 opacity: 1;
 visibility: visible;
	  } 

#plusak svg:hover {fill: #e0503b}
#pub:hover {background-color: #e0503b}
#pub a:hover {color:#fff}
#pub:hover > a {color:#fff !important}
#pub {border:0; height: 24px}
ul.submq .sub_menu:nth-of-type(1) { margin-left: 0px !important}
.rozha,.magha { width: auto !important; min-width:auto !important}
.magha .reccat { width:100% }
.marka { float: none; width:100%;  display: inline-block; margin: 0 0 10px 0px;
white-space: nowrap; background: url(https://cdn.jidlo.cz/imglib/bb.svg) no-repeat;
padding-right: 14px;

vertical-align: middle;
background-position: 100% 1px; }
.wrz .torka{ 
	 background: url(https://cdn.jidlo.cz/imglib/bb.svg) no-repeat;
padding-right: 10px;

vertical-align: middle;
background-position: 100% 1px; }
.marka:last-child { margin: 0 0 0 0px}
.basilHPBlock {
    
  position: relative; 
  }
  
  .offshop img {
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.offshop h2 {  overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;}
   
.copia { padding: 0 0 20px 0 }
.widget-widgets { margin: -20px 0 20px 0; width: 100% !important }
.roq {  width: 100% !important; margin: 0 0 20px 0 }

.mrka img {
   
    float: none;
    min-width: 40px;
    vertical-align: middle;
  border: 1px solid #2bab69;
}
.mrka { float: left; max-width: 22%; max-width: calc(25% - 5px); padding: 2.5px;}
.mght { /* min-width: 320px !important */ } 
.nodesk { display:none !important}

.vips { width: 8%; width: calc(100% / 7 - 10px);float:left; padding: 5px; margin: 0 10px 10px 0;
	    border: 1px solid #f0f0f0;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(128,128,128,0.1);
    -moz-box-shadow: 0px 1px 2px 0px rgba(128,128,128,0.1);
    box-shadow: 0px 1px 2px 0px rgba(128,128,128,0.1);
    display: block;}
.vips img { width: 100% }




.box-entry h2 span.ltl {
line-height: 1.6em;
font-size: 14px;
font-weight: normal;
font-family: 'Noto Sans', sans-serif !important;
}
.listit {
float: right !important; margin: 0 0 20px 20px }

.inimg { float: left; margin: 0 20px 20px 0}

.copix strong { color: #2bab69 }

.bsdk { width: 100%; padding-bottom: 10px; text-align: center }
.bsdk a { padding: 2px 8px 2px 8px;
margin: 2px;
text-decoration: none;
border: 1px solid #12AB6A;
font-weight: bold;
background-color: #12AB6A;
color: #FFF; }
.bdsk  {opacity: 0.85;}

.shwt { float: left; width: 20%; width: calc(25% - 20px); padding: 5px 0 0px 20px }
.mainbox { padding-bottom: 15px;  }

.icoatip {  background: url('https://cdn.jidlo.cz/imglib/akce.svg') no-repeat; padding-left: 25px; height: 24px; vertical-align: middle }

.icoatips {  background: url('https://cdn.jidlo.cz/imglib/akce.svg') no-repeat; padding-left: 25px; height: 24px; vertical-align: middle }

.icoatip:hover {  background: url('https://cdn.jidlo.cz/imglib/akce.svg') no-repeat; padding-left: 25px; height: 24px; vertical-align: middle }

.adinle { width: 96%; margin: 20px 0}
.adinle div { width: 40%; width: calc(50% - 20px); text-align: right; float:left; padding-right: 20px }
.adinle div.secoinle { width: 40%; width: calc(50% - 20px); text-align: left; float:left; padding-left: 20px;padding-right: 0px }

.smalh h1 { max-width: 500px }
.smalh { width:70%; width: calc(100% - 160px); float:left }
	
	
	.frte { float: right;margin-right: -5px}
	
	
	.crup img { width: 30%; width: calc((100% / 3) - 5px); margin: 0 1.5px; border: 1px solid #ccc }
	
	.liv , .riv, .mriv { float: left }
	.riv, .mriv { width: 66.6666% !important; }
	.rpd { min-height: 275px}
	video {}
	
	.listv img { width: 45%; float: left; margin-right: 10px; margin-bottom: 7px; border-radius: 10px; }
	.listv strong { margin: 10px 0 10px 0px }
	
	.prntv p { padding-bottom: 10px !important }
	.prntv h1 { margin-top: 10px }
	


.largec { font-weight: bold }
#cooked-plugin-page .result-section.masonry-layout .result-box .vidoe { padding: 0px 0px 15px 0}
.sesil { float: left;     font-family: 'Poppins',sans-serif !important;font-size: 1em; padding: 0 15px; height: 30px; color: #f5f6f7;}
.sesil span { font-family: 'Poppins',sans-serif !important;}
.sesil:hover { text-decoration:underline}
.sesila { margin-bottom: 0px;      background-image: url(/imglib/uppa.svg);
    background-repeat: no-repeat;
 font-weight:500;
    background-position-x: center;
    background-position-y: 130%;
    background-size: 12px; 
    text-decoration:underline
    }

.sesila svg { margin-left: 30px }


#sfrm { margin-bottom: 10px } 
.xnop svg { width: 32px; height: 32px; padding: 9px 2px 0px 10px }

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

div#slider { overflow: hidden; border-radius: 10px; }
div#slider figure a { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  axnimation: 30s slidy infinite; 
}
div#slider img  { width:100%; border-radius: 10px; }
div#slider figure div { color:#fff;
	position:absolute;bottom:0;margin: 0;
	width:100%;
	background-color:rgba(225,79,56,0.8);
	font-weight: 600;
letter-spacing: -0.05em;
text-decoration: none !important; 
font-size:20px; display: block; 
line-height:1.2;
text-align:center; padding: 20px; }

.slnx {fill:none;stroke:#fff;stroke-width:640;stroke-miterlimit:10; }

.arrw,.sesil { cursor: hand; cursor: pointer; font-weight: 500;}
.vbo  { position: relative }

#cooked-plugin-page .result-section.masonry-layout .result-box .box-img.vbo .vim {   position: absolute;
	margin:0; padding:0;
  top: 50%;
  left:50%;background-color: rgb(255,255,255,0.85);
  padding: 10px;
  
  margin-left: -30px;
  margin-top: -30px;
  width: 40px !important
}#cooked-plugin-page .result-section.masonry-layout .result-box .box-img.vbo .vim img{
margin:0; padding:0; width:40px; border:0}
#cooked-plugin-page .result-section.masonry-layout .result-box .box-img.vbo .vim:hover { opacity:0.8 }

.vbox  { position: relative;
width: 45%;
float: left;
margin-right: 10px;
margin-bottom: 7px; }

.vbox .vimx {   position: absolute;
	margin:0; padding:0;

  top: 50%;
left: 50%;
background-color: rgb(255,255,255,0.85);
padding: 5px;
margin-left: -10px;
margin-top: -20px;
width: 20px !important;
height: 20px;
}
.vbox .vimx img{
margin:0; padding:0; width:40px}
.vbox .vimx:hover { opacity:0.8 }

.listv .vbox img {

    width: 100%;
    float: none;
height:auto;
    border-radius: 10px;
  }
  
  .artik .bsock { width: 50%; float:left }
.bsuo .bsocki,.ratings .bsocki { text-align:left !important;  }
.bsuo2 .bsocki{ text-align:right !important}

.artik p a,.cenr a  { text-decoration: underline }
.ff2 p { margin: 0  }
#cooked-plugin-page .result-section.masonry-layout .result-box .box-entry .ff2 h3 { margin: 0 }
.adpads { margin: 0 }

.prce { color: #bd081c; font-size:2em; font-weight: bold; margin: 0 0 0px 0 }
.mvo { margin-top: 10px !important}

#cooked-plugin-page .result-section.masonry-layout .result-box .box-img img.sphi {	    max-height: 400px;
    margin: 12px auto;
    width: auto;
    
    border-radius: 0;
    width: 90%;
    max-width: calc(100% - 24px);
}
.small {font-size: 14px;
    color: #999999;
  margin-bottom: 5px;}
  
  
  .ribbon {
    font-size: 20px;
    top: 20px;
    left: -42px;
    width: 164px;
}
.ribbon1 {
    background-color: #2bab69;
}
.badge-danger, .btn-border:active, .btn-border:focus, .btn-border:hover, .post-tags a:hover, .ribbon {
    background-color: #2bab69;
}
.ribbon {
   
    position: relative;
    top: 14px;
    left: -30px;
    width: 120px;
    padding: 2px 0;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    text-align: center;
    color: #fff;
}

 .ribbon-wrapper {
    width: 110px;
    height: 110px;
}

.ribbon-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 80px;
    height: 85px;
    z-index: 111;
}
.ribbon-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 80px;
    height: 85px;
}


.fuel
{cursor: hand; cursor: pointer}

.fual .bookr { top: 12px; right: 32px}


.flox { background-color: #5b5b5b; padding: 0px 4px 4px 5px; color: #fff; font-weight: 600;border-radius: 5px;margin-right:5px;white-space: nowrap; position: absolute;
    right: 5px;}
.flox span {display: inline;vertical-align:middle;}
.flox svg { vertical-align:middle;width: 14px !important; height: 14px !important; padding:0 !important; margin: 3px 0 0; }

#sfrm {
	
	display: block;
    margin: 5px auto;
    padding: 10px 3px 3px;
    width: fit-content;
    float:left;
  margin-left:60px 
	}
	.sfrmx select::-ms-expand { display: none; }
	.sfrmx select {     height: 42px;
    border: 0;
    border-radius: 10px 0 0 10px !important;
    background-color: #f5f6f7;
    color: #5b5b5b;
    font-size: 16px;
    padding: 0 10px 0 10px;
     -webkit-appearance: none;
  -moz-appearance: none;

  background-image: url(https://www.jidlo.cz/imglib/sel.svg);
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 10px;
 
  
  padding-right: 2rem;
    
    
    }
#sfrm .field { box-sizing: border-box;     }
.flox:hover { background-color: #f0f0f0; color: #5b5b5b; cursor: hand; cursor: pointer; }
.flox:hover > svg  { fill: #5b5b5b }

.sevh {
border-width: 2px;
    border-color: #5b5b5b;

   
    border-radius: 10px;
    display: block;
    vertical-align: middle;
  }
  
  .sevh .field {
  	display: block;
  	width: 100%;
    box-sizing: border-box;
    height: 42px;
    border: 0;
    border-radius: 10px;
    background-color: #fff;
    color: #5b5b5b;
    font-size: 16px;
    float: right;
    padding: 0 10px 0 10px;
  }
  .sevh .sebom {display: table; width: 98%;margin: 0 auto}
  .sevh .wedr {	width: 90%; width: calc(100% - 45px)  } 
  
  .yontopm {display:table;width:100%;height:100%;}
  .ontopm {display:table-cell;vertical-align:middle;}
  .ontopme {margin-left:auto;margin-right:auto;width:100%;}
  
  .rawd .category-list {  display: flex; 
 
  flex-wrap: wrap;
  height: auto;
  
    }
  .rawd .setga {   width: 15%;width: calc(20% - 10px); margin: 0 10px 10px 0}
  .rawd .category-list .setga {   width: 17%; width: calc(18% - 1px); margin: 0 9px 20px 9px;}

  .psun {margin-left: 0px;
    display: block;
    margin-right: 0px; margin-bottom: 0px;}  
  .category-list .psun { padding: 0 1px 0 0; line-height: 1.3;}  
    
   .subm  .apsun a { font-weight: normal}
   
   	.pks {padding: 10px 20px 0 20px;}
   	
   	.logor {    background: #fff url(/imglib/rp.svg) no-repeat 0px 50%;
    margin-left: 5px !important; min-width:135px;margin: 0 10px 0 0 !important; text-align:left !important;     text-indent: -9999px;  background-size:contain;}
    
  /*  
    #logox { width: 25%; padding: 43px 10px 0 0px; box-sizing: border-box;}
    #logox img {height: auto; width: 100%;-webkit-filter: drop-shadow( 3px 3px 2px rgba(91, 91, 91, .7));
  filter: drop-shadow( 3px 3px 2px rgba(91, 91, 91, .7));}
    #sfrm { float:left; width:50% }
    #logo{display:none} */
    
    .roxit {  box-sizing: border-box;}
  .roxit img {  border-radius: 10px; width: 40%; margin-right: 20px; float: left}
  .roxit:first-child {padding-right: 5px}
  .roxit:nth-child(2) {padding-left: 5px}
  
   .lll { float:left; width: 45%; width: calc(50% - 20px); margin: 0 10px;    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;}
  
.rozvb .lll { float:left; width: 20%; width: calc(25% - 20px); margin: 0 10px;    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;}
 .lll img { width:100%}
.roxit h2 { overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* num	ber of lines to show */
   -webkit-box-orient: vertical;}
 .ll { border-top: 1px solid #f0f0f0;   
 	 bottom: 20px;
 	 margin-top: 10px;
 	 padding-top: 10px;

    position: absolute;
    right: 20px;
    width: 50%;
    width: calc(60% - 35px);}
.mainpgm { display:none !important; }
.basilHPBlock { margin-top: 30px }
.item img {border: 1px solid #f0f0f0;}
.bookr img,.btyp img,.relre img, .box-footer img,.img2 { border: 0 !important}
.adpad img {border-radius: 10px}

ul.subm li.wrz li {
    margin: 0 !important;
}

ul.drpdwn ul li {    display: table;
}
.drpdwn .reccat {    display: table-row;
}
.drpdwn .norka {    display: table-cell; float: none; width: auto; min-width:auto; padding-right: 30px;
	background: url(https://cdn.jidlo.cz/imglib/bb.svg) no-repeat;
   
    vertical-align: middle;
    background-position: 103% 1px;
}
.drpdwn .norka a {line-height: 2em;}
	
.drpdwn .norka:nth-child(2) {padding-left: 30px}


ul.drpdwn ul li {    display: table;
}


.wrz ul li .reccat div:hover { 
	background-image: url(/imglib/bbg.svg);
   
   
}
.favzz {}

.rkt { color: #3f65a7; font-size: 0.9em;}    
.rmn { color: #c31c25; font-size: 0.9em; padding-top: 8px;}     
.rmn span, .rkt span { font-weight: bold}       
.rozvb .fbx .box-entry .roxit h2 {
     padding-left: 0px; 
    padding-right: 6px;
    margin-bottom: 5px !important;
}

.rozz .restad { float: right; width:60%}
.rozz table { margin: 0 0px 10px 0; width:100%}
.rozz th { font-weight: bold;  padding: 0px 5px 5px 0px; text-align:right}

.rozz td { font-weight: normal;  padding: 0px 0px 5px 5px; text-align:left}

	.rdu img {
    border-radius: 0px;
    width: 42%;
    width: calc(45% - 2px);
    margin-right: 0px;
    float: left;
     -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   
}

	.rdu .lllx img {
    border-radius: 0px;
    width: 95%;
    width: calc(100% - 2px);
    margin-right: 0px;
    float: left;
     -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   
}
.lllx { float:left; width: 33.333%}
.rdu  img:hover,.rdu .lllx img:hover {   -moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   transform: scale(1.1);}
.llo {
    float: left;
    border-top: 0px solid #f0f0f0; 
    bottom: auto; 
    margin-top: 0px;
    padding-top: 0px;
    position: relative;
    right: auto;
  width: 55%; }
  .rdu .llo img {width:100%; border-radius: 0px}
  .rdu { padding: 20px 0px  ;
  	}
  
  	   	.onriw  .lll {
    float: left;
    
    width: 33.333%;
     margin: 0;    
}
.onriw .ff1 { border-top: 0}
  	.rdu .ll .lll {
    float: left;
    
    width: 50%;
     margin: 0;    
}

.rdu .ll .lll .xi { border-radius: 0 10px 0 0}

.rdu .ll .lll .xix { border-radius: 0 0 10px 0}

.bree  {   padding:10px 0 0 0 !important; }
.rozz .box-entry img.fnuk { float: left; border-radius : 10px; margin-right: 20px; margin-bottom: 10px; width: 30% }
.rozz { margin-bottom: 0 !important}
.rozix { float: left; width: 60%; width: calc(70% - 25px)}
.rozi .ratings { margin-top: auto !important}
.nopa { float:right; width: 300px; padding: 20px 25px 20px 0; margin-bottom: 25px }
.nopa .stickyd {     margin:0; }
.onriw p img { width: 50%; float: right; max-width:300px; margin: 0 0 10px 10px; border-radius: 10px}

.fgt { float:right;  width: 45%; width: calc(50% - 10px);  }
  .fgt { margin:0 0 10px 10px}
.fgt img { width: 100%; margin: 0 0 10px 0px; border-radius: 10px}
.fgt h4 { text-align:center; padding: 0 0 5px 0; margin-bottom: 5px; border-bottom: 1px solid #f0f0f0}
.rozz a { color: #2bab69}
.rozz a:hover { color: #2bab69; text-decoration: underline}
.lightbox {
  /* Default to hidden */
  display: none;

  /* Overlay entire screen */
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 1em;

  /* Translucent background */
  background: rgba(0, 0, 0, 0.8);
}

/* Unhide the lightbox when it's the target */
.lightbox:target {
  display: block;
}

.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
max-width:900px;
margin: 0 auto;
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.rttxt {    float: left;
    height: 20px;
    padding: 3px 0 3px 10px;
    }
    
    .rozi .rkt, .rozi .rmn, .rozi p {    padding-bottom: 5px !important;
}
.rozi h1 { margin-bottom: 5px}
.spo .setga img.sop { width: 100px;  }
.spo .setga .favbxx { margin: 10px 0; width: 95%; width: calc(100% - 20px); padding: 10px} 
#cooked-plugin-page .result-section.masonry-layout .spo .box-entry .rating,#cooked-plugin-page .result-section.masonry-layout .spl .box-entry .rating {
    float:left; margin-bottom: 0
}
.spo p,.spo span.psun,.spl p,.spl span.psun  {color: #5b5b5b !important}
.spo:hover h2,.spl:hover h2 {
    color: #2bab69 !important
}
.spo,.spl {cursor: hand; cursor: pointer;} 
.favbxx:hover {background-color: #ffbc4c}
.spl .favbxx { margin: 10px 0; width: 35%; width: calc(40% - 30px); padding: 8px; float: left} 
.bnfl { width: 95%; width: calc(100% - 15px) !important; margin: 0 auto; margin-bottom: 10px}
 .rozzv p { margin: 10px 0 !important}
 .rozzv .rmn { margin-bottom: 10px}
  .rozzv .rkt { margin-bottom: 20px}
 .rozz .box-entry { margin-top: 15px; padding:0 !important; }
 .rozzv  .bsock {
   width: auto; 
  float: none; margin-bottom: 15px}
.rozzv h1 { margin-top: 0; padding-right: 30px}
.onriw  .favbxx {   margin-bottom: 20px; }
.spk:hover h2 {
    color: inherit !important
}
.spk h2 {    font-size: 18px !important;
    margin-bottom: 8px !important;}
    
.spk .sop { float: left; margin-right:10px; width:90px !important; padding: 5px;}
.spk .box-entry { padding: 5px 10px !important}
.splk { margin-top:10px}
.inp .spk .box-entry {
    padding: 15px 12px !important;
}
.inp .spk .box-entry .box-entry { padding: 5px 10px !important}
.artik .bsoc {
    width: 100%;
    margin-top: 25px;
    padding: 40px 0 0 0;
    background: url(https://cdn.jidlo.cz/imglib/bsoc.png) no-repeat;
    text-align: center;
    background-size: cover;
    height: 130px;
}
.artik .bsoc a { color: #fff !important; font-weight: bold}

.box .bbokr {

    
}
.spo .bbokr {
	left:0;
	bottom:auto;
    position: absolute;
    top: 75px;
    background-color: #11a667;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    width: 95%;
    box-sizing: border-box;
    width: calc(100% - 10px);
}
.spl .bbokr {
	left:0;
	bottom:0;
    position: absolute;
    border-radius: 0 0 10px 10px;
    background-color: #11a667;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    width: 95%;
    box-sizing: border-box;
    width: calc(100% - 10px);
}

.rozzv .box .bbokr {
    position: absolute;
    bottom: 5px;
     left: 0px;
    background-color: #11a667;
    padding: 3px 10px;
    color: #fff;
    text-align: center;
     width: 100%; 
}
.rozzv .box .bbokr a:hover,.bbokr a:hover {color:#fff !important;}
.spo .fbx h2 {
    padding-right: 35px;
    
}
.bookr img {
    height: 56px !important;
    width: 56px !important;
    -webkit-box-shadow: 0px 1px 2px 0px rgb(128 128 128 / 10%);
    -moz-box-shadow: 0px 1px 2px 0px rgba(128,128,128,0.1);
    box-shadow: 0px 1px 2px 0px rgb(128 128 128 / 10%);
    border-radius: 28px !important;
}

.rozz .bookr {
right: -10px !important;
}

.menuq { border-bottom: 1px solid #fafafa; margin-bottom: 5px; padding-bottom:5px; }
.menuq:last-child { border: 0; padding-bottom: 0}

.menuq { clear: both }
.menuq1 {float:left; width: 95%; width: calc(100% - 90px)}
.menuq2 { float:left; width: 90px; text-align:right}

.menuq0 { margin-bottom: 20px}
.menuq0:last-child { margin-bottom: 30px}
.slowly    { overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
    padding: 0;
  list-style-type: none; 
     
  
  }
  .slowly li { display: inline-block; margin:0;  padding: 10px 5px 10px 5px  !important; border-bottom: 3px solid #fff; margin-right: 15px;}
.slowly {    position: sticky;
    width: 100% !important;
    background-color: #fff;
    z-index: 55;
    top: -2px;
    padding: 0 0 10px 0 !important;
   font-weight: bold; font-size: 16px
   
    
    }
    
    #rmap { width:100%; height:450px; max-height: 70%; border: 1px solid #f0f0f0; margin-bottom: 10px; margin-top: 5px; border-radius: 10px;     order: 5;
}
    .breadm {display:block}
    
    .height50 { height:450px; max-height: 70%;}
    
    
.fgv { float: left; width: 20%; width: calc(24% - 20px); margin-right: 10px; padding: 13px 5px}
.fgvv {float: right; margin-right: 0; width: 25%; width: calc(28% - 10px); padding: 13px 5px }
.fgv svg,.fgvv svg,.slok svg { width: 20px; height: 20px; vertical-align: text-top}
.slok svg { width: 23px; height: 23px; }
.slok { font-size: 18px }
.pfun h2 { padding-left: 0px;}

.artp span {

   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
   -webkit-box-orient: vertical;
 }
 
 
 .brs1 {  
 	color: #999999;
 
    }
    .brs1 span {vertical-align: middle;}
   .brs1 img {  vertical-align: middle; height: 28px; width: 28px}
   .brs1 img:hover { opacity: .88}
   
   
   .slrd2 .setga img.kosa { width: 100% !important}
    .slrd2 .setga  {}
    
    .vbo.setgx {
    border-top: 0;
    padding-bottom: 0px;
    height: auto !important;
    min-height: 24px;
    padding-top: 2px;
    background-position: left 5px !important;
  }
  
  
  .urs svg:hover,.fus1 svg:hover { filter: invert(57%) sepia(24%) saturate(1125%) hue-rotate(96deg) brightness(91%) contrast(92%); }
  	.btn-default {
  	background-color: #2bab69;
  	bordeR: 0;
  	border-radius: 5px;
  	padding: 8px;
  	color: #fff;
  	margin: 3px 2px 3px 0;
  	cursor: pointer; cursor: hand;
  	
  	
  }
  
  
  .rtag h2,.rtag h2 a { width:100% !important; margin-bottom: 10px}
    @media screen and (min-width: 480px) {
  .shiop { right: 26%;
    position: absolute;
  white-space: nowrap; }
}
  @media screen and (max-width: 400px) {
  .shiup { display: inline-block}
  }

 
.trlm { margin-left: 130px !important; }

.htz { display:none }


#soutzy a.facebook,#soutzy a.google {  border-radius: 5px;
    height: auto;
    background: none;
    
    display: block;
    margin: 0px;
    padding:0;

    }
    
    #soutxz img {
     border: none; 
}

.posta .ico { background-image: url('https://cdn.jidlo.cz/imglib/photow.svg') !important}
.posta {     padding: 0;      float: none;}
    
.noiro { padding-top: 15px !important}
.posta .xbut {margin-right: 5px; width:45%}
.posta a.icw .ico {       background-size: 35px 35px; background-image: url(https://www.jidlo.cz/imglib/plus.svg) !important;}


.lister {
	margin-top: 8px;
}
.lister li {
	list-style-type: disc;
	margin-left: 25px;
	line-height: 1.3em;	
	float: left;
	width: 28%;	
}

	.partner-icon {
		padding: 10px;
	    border: 1px solid #f0f0f0;
	    border-radius: 10px;
	    background-color: #f5f6f7;
	    float: left;
	    margin-right: 20px;
	}
	.partner-text {
		
	}
	.whybox {
		margin: 5px 0;
		float: left;
		width: 50%;		
		padding: 0px 15px 0 0;
		box-sizing: border-box;
	}
	h4 {
		font-size: 1.2em;
		margin-bottom: 0px;
		padding-bottom: 2px;
		padding-top: 3px;
	}
	.favbcont {
		width: 33%;
		padding: 30px 0 50px 0;
		margin: 0 auto;
	}
	.biz {
		width: 33%;
		float: left;
		text-align: center;
	}
	.biz a {
		text-decoration: none;
		color: #2bab69;
	}
	.biz a:hover {
		text-decoration: underline;
		color: #2bab69;
	}

.kriv  .setga {
    float: left;
    margin-right: 15px;
    max-width: calc(25% - 15px);
    margin-bottom: 0px;
    min-height: auto;
  clear: none
}

.kriv .setga img {
    width: 100%;
    margin-bottom: 10px;
}

	#qdots{ display:none} 
	
	.fbzz .fbz .box-entry {padding: 3px 15px 15px 15px !important;}
	
	
	ol li { list-style-type: decimal}
	
	
	ul.wqa li { list-style-type: disc}
	
	  
	.artik a {
    text-decoration: underline;
}


 	ul.wqa, .artik  ul, .artik ol {
 	    width: 100%;
      margin: 1em 0 1em 0;
      padding:0;
      list-style-position: inside;
    }

  .artik  ul {
      list-style-type: disc;
    }

  .artik  ul ul {
      list-style-type: circle;
    }

  .artik  ul ul ul {
      list-style-type: square;
    }

 .artik   ol {
      list-style-type: decimal;
    }

 .artik   ol ol {
      list-style-type: lower-alpha;
    }

 .artik   ol ol ol {
      list-style-type: lower-roman;
    }

        
 .artik ul.wqa li , .artik ol.wqa li {
color: #717171;
       margin: 11px 0 0 0;
    padding: 0 0 0 11px;
    border-bottom-color: rgb(240, 240, 240);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    min-height: 30px;     
      
    }
   .artik ul.wqa li:last-child,  .artik ol.wqa li:last-child {
            border-bottom:0;
            margin-bottom: 2em
        }
    /* Styl pro odráky */
 .artik   ul.wqa li::marker {
      color: #3498db; /* modrá */
      font-size: 1.1em;
    }

 .artik   ol.wqa li::marker {
      color: #2bab69; /* oranová */
      font-weight: bold;
    }

    /* Vnoené seznamy jemn odsazené a se svtlejím odstínem */
 .artik   ul.wqa ul, .artikol ol.wqa {
      margin-left: 1.5em;
     
    }

    /* Bonus: zvýraznní na hover */
  .artikc  li:hover {
      background: #eef4ff;
      border-radius: 6px;
     
      transition: 0.2s ease;
    }
    
    .artik .bsoc.bsocin span.label  {    padding: 12px 0;
    float: none;
    height: 100%;
    display: block;
    width: 100%;
    font-size: 17px;
    text-align: left;}
    
        .artik .bsoc.bsocin a   {
    text-decoration: none;
    }
    
    
    
    .listimg {   float: left;
    margin: 0 20px 15px 0;
    width: 300px !important;
    height: auto !important;}
    
    
    @media screen and (max-width: 700px) {
    	    
    .listimg {   float: none;
    margin: 0 0 15px 0;
    width: 300px !important;
    
    height: auto !important;}
    
    p.segan { clear: both!important; margin-bottom:2em!important;     display: block!important; }
    
    }