.col-a { float: left; width: 640px; margin-left: 15px; margin-bottom: 1rem; }
.col-b { float: right; width: 300px; margin-right: 15px; margin-bottom: 1rem; }
.col-ab { clear: both }
.col-h { margin: 0 15px }

.btn { display: inline-block; text-align: center; height: 3.3em; padding: 0 2em; line-height: 3.3em; font-weight: bold; text-decoration: none; border-radius: 12px; }
.prep-1 .arts-2, .prep-2 .arts-1 { display: none }

/*megovka*/
.extra-box { margin-bottom: 2rem }



/*kalendar*/
.calendar-wrapper { position: relative; font-size: 100%; margin: 0; }
.calendar-wrapper input { width: 6em }
.calendar-box { position: absolute; width: 15em; overflow: hidden; font-size: 100%; border: 1px solid #CBCBCB; float: left; left: 50%; top: 100%; margin-left: 0; left: 0; _top: 1.7em; background: #FFF; display: none }
.calendar-box ul, .calendar-box li { list-style: none; padding: 0; margin: 0; }
.calendar-days { clear: both }
.calendar-days table { width: 100%; border-collapse: coallapse; table-layout: fixed; background: #EDEDED; }
.calendar-days td { text-align: center; vertical-align: middle; padding: 0; }
.calendar-days th { text-align: center; font-size: 90%; line-height: 1.8em; }
.calendar-days .calendar-weeks { border-bottom: 1px solid #CBCBCB; }
.calendar-days .calendar-bookmark { table-layout: auto; }
.calendar-days a { padding: 0.25em 0; background: #FFF; color: #2B65B0; display: block; width: 100%; height: 100%; text-decoration: none; }
.calendar-days a:link:hover { background: #7292B5; color: #FFF; }
.calendar-days .calendar-overflow a { background: #EDEDED; }
.calendar-days .calendar-disabled a, .calendar-days .calendar-disabled a:hover { color: #8C8C8C; cursor: default; background: none }
.calendar-months, .calendar-years { line-height: 18px; clear: both; width: 100%; overflow: hidden }
.calendar-prev { float: left; }
.calendar-next { float: right; }
.calendar-prev a, .calendar-next a { display: block; width: 17px; height: 17px; margin: 1px; }
.calendar-prev a img, .calendar-next a img { border: 0; background: #555555; }
.calendar-prev a:hover, .calendar-next a:hover { filter: none; }
.calendar-prev a:hover img, .calendar-next a:hover img { background: #1d4382; }
.calendar-prev { float: left; }
.calendar-next { float: right; }
.calendar-months li, .calendar-years li { text-align: center; }
.calendar-years { background: #A4A4A4; color: #FFF; font-weight: bold }
.calendar-years .calendar-prev a img, .calendar-years .calendar-next a img { background: #A4A4A4; }
.calendar-years .calendar-prev a:hover img, .calendar-years .calendar-next a:hover img { background: #1d4382; background: #CF0435 }
.calendar-invalid input { color: #B9151C }
.calendar-selected a { background: #B9151C !important; color: #FFF !important; }

.obrazem { margin: 2rem -15px; padding: 2rem; position: relative; }
.obrazem, .obrazem .image { width: 1030px; height: 579px; box-sizing: border-box; }
.obrazem .obrazem-link { position: absolute; padding: 4.5rem 2rem 0; top: 0; left: 0; right: 0; bottom: 0 }
.obrazem .image { position: absolute; top: 0; left: 0; z-index: -1; }
.obrazem img { display: block; width: 100%; height: auto }
.obrazem .image:after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 40%; background: linear-gradient(0deg, rgba(10,14,20,0) 0%, #0a0e14 100%) }
.obrazem h2 { position: relative; display: table; margin-bottom: 2vw; padding: 0.2em 1em; z-index: 2; font-size: 1rem; text-transform: uppercase; font-weight: 700; font-family: "Inter",sans-serif; color: #0a0e14; background: #fff; border-radius: 3em; }
.obrazem h2, .obrazem h2 a { color: #000; font-size: 1rem; }
.obrazem h3 { color: #fff; font-size: 225%; font-weight: 700; font-family: 'Lora', serif; }
.obrazem a { color: #fff; /*text-decoration: none*/ }

.sec-tit, .sec-tit a, #nejnovejsi h2 a, #nejctenejsi h2, .list-tit2, .moot-art h2, .disc-form h3, .moot-tip h3, .portal-g2 h2, .test-art h2, .art-archiv h2, h1.page { margin-bottom: .5rem; font-family: 'Inter',sans-serif; font-size: 1.25rem; color: #cf0435; font-weight: 700; text-transform: uppercase; text-decoration: none }
.moot-art h2, .disc-form h3, .moot-tip h3 { margin-bottom: 1em }
.moot-art h2, .list-tit2, .portal-g2 h2, .test-art h2, .art-archiv h2, h1.page { display: table; color: #1d4382; font-size: 87.5%; text-transform: uppercase; border-bottom: solid 2px #8ea1c0 }
.test-art h2 a, .test-art h2 a:hover { color: #1d4382; text-decoration: none }

h1.page { margin-bottom: 1rem }
/*search page*/

.sec-tit a:hover { text-decoration: underline }

.ico-favorite:before, .ico-digitalne:before, .ico-newsletter:before, .ico-neviditelnypes:before,
.ico-redakce:before, .ico-inzerce:before, .ico-napiste:before, .ico-mobile:before,
.logo-share /*.ico-disc:before*/, .more-gal:before { content: ""; display: inline-block; width: 24px; height: 24px; margin-right: .4em; vertical-align: text-bottom; background: no-repeat center }
.ico-favorite:before { margin-left: .4em; background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-favorite.svg) }
.ico-digitalne:before { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-digitalne-fff.svg) }
.ico-newsletter:before { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-message-fff.svg) }
.ico-neviditelnypes:before { background-size: contain; background-position: center; background-image: url(//1gr.cz/o/pes/neviditelnypes-trbg.png) }
.ico-redakce:before { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-redakce-fff.svg) }
.ico-inzerce:before { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-inzerce-fff.svg) }
.ico-napiste:before { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-napiste-fff.svg) }
.ico-mobile:before { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-mobile.svg) }

.more-gal:before { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-gallery-fff.svg) }

.ico-krizovky:after { content: ""; display: inline-block; width: 24px; height: 24px; margin: 0 .4em; vertical-align: text-bottom; background: url(//1gr.cz/o/lidovky_ln6/ico/ico-krizovky-fff.svg) no-repeat center }

.community-discusion a:before, .community-twitter a:before, .community-facebook a:before, .logo-facebook:before, .ico-facebook:before, .logo-twitter:before, .ico-twitter:before, .ico-rss:before, .logo-print, .logo-discusion, .ico-print:before, .ico-close:before { content: ""; display: inline-block; width: 20px; height: 20px; vertical-align: middle; background: no-repeat center; background-size: contain; }
.community-facebook a:before, .logo-facebook:before, .ico-facebook:before { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-facebook.svg) }
.community-twitter a:before, .logo-twitter:before, .ico-twitter:before { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-twitter.svg) }

.ico-rss:before { background-image: url('/o/lidovky_ln6/ico/ico-rss.svg') }

.logo-print, .ico-print:before { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-print.svg) }
.ico-close:before { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-close.svg) }

.logo-share { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-share.svg) }
.logo-discusion { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-discussion.svg) }

.art-social ul { margin-bottom: 2rem; }

.art-social li { display: inline-block; margin-right: 10px; list-style: none; vertical-align: top; }
.art-social a, .art-community a { text-decoration: none; font-weight: 700; display: block; padding: .5rem 1rem; border: solid #e7e7e8 1px; border-radius: .75rem }

.art-community { display: flex; flex-wrap: wrap }
.art-community li { margin: 0 5px 1rem 0; list-style: none; font-size: 87.5%; }
.community-discusion { order: 1; }
.community-discusion a { padding: 1rem 1.5rem; color: #fff; border-color: #000; background: #000; }
.community-discusion a:hover { background: #1d4382 }

.community-discusion a:before, .community-favorite a:before, .community-discussion a:before, .community-twitter a:before, .community-facebook a:before { margin-right: 10px }

.community-discusion a:before { background-image: url(/o/lidovky_ln6/ico/ico-discussion-fff.svg) }

.community-favorite a:before, .logo-favorite { content: ""; display: inline-block; width: 20px; height: 20px; vertical-align: text-bottom; background: url(//1gr.cz/o/lidovky_ln6/ico/ico-favorite.svg) no-repeat center; background-size: contain }
.community-favorite.prep-1 a:before, .community-favorite:hover a:before, .logo-favorite:hover, .logo-favorite.act { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-favorite-act.svg) }

.community-favorite.prep-1 a:before { background-image: url(//1gr.cz/u/icon/fff/favorite-act.svg); }


.art-social .btn { background: #000; color: #fff; }
.art-social .ico-diskuse:before { content: ""; display: inline-block; width: 20px; height: 20px; background: url(//1gr.cz/o/lidovky_ln6/ico/ico-discussion-fff.svg) no-repeat }




.arr-more, .arr-next { color: #34568f; font-size: 87.5%; font-weight: 700; text-decoration: none; }
.arr-more:after, .arr-next:after { content: ""; display: inline-block; width: 12px; height: 12px; margin-left: 8px; vertical-align: middle; background: url(//1gr.cz/o/lidovky_ln6/ico/ico-arr-down-358.svg) no-repeat }
.arr-next:after { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-arr-right-358.svg) }


/* PREMIUM */
.premlab, .art .premlab, .premlab:hover { position: relative; z-index: 1; display: inline-block; margin: 0 1em .2em 0; padding: .08em .4em; border-radius: 2px; font: italic 600 81.25%/1.15 'Fira Sans', sans-serif; color: #FFF; background: linear-gradient(#DAA520, #E8B332); text-decoration: none; text-shadow: 0 1px 1px rgba(0,0,0,.5); }
.premlab a { color: #fff }
.perex .premlab { font-size: .8125rem; margin: 0 .3em 0 0 }


.art { clear: both; position: relative; min-height: 112px; /*margin-bottom:1rem;*/ padding: 2rem 1rem; padding-left: 230px; line-height: 1.33; }
.art.sp5 { min-height: 150px }
.art, .art > a { display: block; }
a.art, .art a { text-decoration: none; }
.art.h { display: none; }
.art h3 { /*display: inline;*/ margin-right: 5px; margin-bottom: 2px; font-size: 125%; font-size: 127%; line-height: 1.4; font-weight: 700; font-family: 'Lora', serif; }
.art .brisk, .brisk, .listser h4 { display: inline; vertical-align: bottom; text-transform: uppercase; color: #cf0435; font-weight: 700; /*font-size: 75%;*/ white-space: nowrap; }
/*.w230 {width: 200px; height: 112px}*/

.art .art-img { position: absolute; top: 2rem; left: 0; z-index: 1; width: 200px; height: 112px; background: #eee; }
.art .art-img.sp5 { height: 150px }
.art .art-img:before { content: 'Obrázek není k dispozici'; position: absolute; top: 50%; left: 0; margin-top: -1.2em; padding: 0 10px; box-sizing: border-box; line-height: 1.2; text-align: center; color: #aaa; }
.art-img img, .art-img u { position: relative; display: block; width: 100%; height: 100%; }
.art u, .art-img u { background: no-repeat 50% 50%; background-size: cover }
.art .art-info { margin-bottom: .2rem; color: #4F5256; font-size: 75% }

.art a:hover h1, .art a:hover h3, .art h3 a:hover, a.art:hover { text-decoration: underline }


.list-art { margin-bottom: 1rem }


.art { border-bottom: solid 1px #e7e7e8 }
.art:last-of-type { border-width: 0 }

.list-art h3 { }

.art.wmidi { min-height: 68px; padding-left: 140px }
.art.wmidi a { display: inline }

.list-rubrika .art { min-height: 0; padding: 1.5rem 1rem 1.5rem 0; }
.list-rubrika .art.opener { padding-bottom: 1.5rem }
/*.list-rubrika .art-rubrika {margin-bottom:1em}*/

.section-2cols .art { padding-top: 1.5rem; padding-bottom: 1.5rem }
.section-2cols .art:last-child { border: none }
.section-2cols .art.opener { /*padding-bottom:1rem;*/ margin-bottom: 0rem }

.neprehlednete { margin: 2rem 0 0 }
.neprehlednete .sec-tit { }
.neprehlednete .art { margin-top: -2rem; border-width: 0 }
.neprehlednete .art:last-of-type { border-width: 1px }

.art-img.wmidi, .art-img.wmidi u { width: 120px; height: 68px }
.art.wmidi h3 { display: inline; font-size: 100% }
.art.wmidi .premlab { display: inline-block }


.authors { font-size: 87.5%; }
.artmeta .authors { display: flex; align-items: center; float: left; min-height: 42px; margin-right: 20px; overflow: visible; line-height: 1.2; }
.artmeta .authors .name { margin-left: .2em; }
.art .authors { display: flex; align-items: center; min-height: 40px; margin-top: .5rem; overflow: hidden; }
.art .author-img { display: inline-block; width: 25px; height: 25px; margin-right: 10px; border-radius: 100%; overflow: hidden; vertical-align: middle; }
.art .author-img img { display: block; width: auto; max-width: none; height: 100%; margin-left: -33%; }


.authorbox-foto { position: relative; float: left; width: 40px; height: 40px; margin-right: 10px; border-radius: 100%; overflow: hidden; vertical-align: middle; }
.authorbox-foto:nth-child(n+2) { margin-left: -22px; z-index: -1 }
.authorbox-foto samp { position: absolute; top: 0; left: 50%; width: 300%; max-width: none; height: 100%; margin: 0 0 0 -150%; background: rgba(128,128,128,.1) }
.authorbox-foto img { display: block; width: auto; height: 100%; margin: auto }

.authors .name:hover { text-decoration: none; }
.authors .name:hover { text-decoration: underline }
.authors .name { font-weight: 700 }
.art .authors .name { font-weight: normal }

/*novinari*/
.authorbox { margin-bottom: 2rem; }
.authorbox .authorbox-foto { width: 200px; height: 200px; margin-right: 2rem; }
.authorbox h1 { margin-bottom: 1rem; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 162.5%; line-height: 1.2; }
.authorbox p { margin-bottom: 1rem; }
.authorbox .art-social { margin-top: 1rem }
.authorbox .art-social a:before { margin-right: 5px }

.art.opener { position: relative; margin: 2rem 0 0rem; padding: calc(56% + 1rem) 0 2rem; }
.art.opener:first-of-type { margin-top: 0 }

.art.opener h3, .art-full h1 { font-family: "Lora", serif; /*font-size: 150%; line-height: 1.5;*/ font-size: 200%; line-height: 1.25; font-weight: 700; color: #0A0E14; /*text-decoration: none;*/ }
.art.opener h3 { margin-bottom: .5rem }
.art.opener .art-link { margin-top: 0rem }
.art.opener .image img { width: 100%; }
.art.opener .art-img { position: absolute; top: 0; left: 0; width: 640px; height: 360px; }
.art.opener .art-img u { display: block; width: 100%; padding-bottom: 56%; background: no-repeat 50% 50% / cover; }
.art.opener-link { display: block; padding: 0 0 .5em .4em; }
.art.opener p { margin: .5rem 0 0em; line-height: 1.6; color: #0A0E14 }

.opener-foto .relative { position: relative; display: block; text-decoration: none }
.opener-foto .relative img { display: block }
.opener-foto .relative .more-gal { position: absolute; bottom: 0; right: 0; max-width: 280px; height: 32px; line-height: 32px; padding: 0 8px 0 0; color: #EEE; background: #34568f; font-weight: 700; text-align: right; overflow: hidden; cursor: pointer }
.opener-foto .relative .more-gal:before { content: ''; float: left; width: 32px; height: 32px; background-size: 16px; background-color: #1d4382 }
.opener-foto .relative .more-gal:after { content: 'fotek'; margin: 0 3px }
.opener-foto .relative .more-gal b { padding-right: .2em; color: #FFF; font-size: 110% }

.opener-gallery { position: relative; max-width: 520px; margin: 0 auto 1em; box-sizing: border-box; border: none; }
.opener-gallery .equ-gal { display: block; width: 100%; padding-right: 20px; box-sizing: border-box; overflow: hidden; background: url("//1gr.cz/o/lidovky_ln5/m/navig/arrbig-right.png") no-repeat right center; }
.opener-gallery .image:before { content: 'další fotografie'; position: absolute; left: 0; bottom: 5%; padding: 6px; z-index: 1; line-height: 1; font-size: 82%; text-decoration: underline; color: #1d4382; border-left: solid 3px #1d4382; background: #fff url("//1gr.cz/u/free.gif"); }
.dark .opener-gallery .image:before { color: #fff; background-color: #000; }
.opener-gallery .image + .image:before { display: none; }

.mark-video, .video-youtube, .mark-photogallery { position: relative; }
.video-youtube { margin-bottom: 2em; }
.art.mark-photogallery { padding: 0; }
.opener.mark-photogallery p { font-size: 100%; }

.mark-video span { position: absolute; bottom: .5rem; left: .5rem; width: 25px; height: 25px; background: url(//1gr.cz/o/lidovky_ln6/ico/ico-video.svg) no-repeat; background-size: contain }
.opener .art-img span, .opener-over .art-img span { width: 40px; height: 40px }

/* clanek ve vypisu videi nebo obrazem */
.art-vidgal, .art-vidgal.art-vidgal { position: relative; margin: 0 0 2rem; padding: 0; border: 0; color: #FFF; background: #0A0E14 }
.art-vidgal .art-link { color: inherit; text-decoration: none }
.art-vidgal h3 { position: absolute; top: 0; left: 0; right: 0; z-index: 2; margin: 0; padding: 1.5rem 1.5rem 3em; font-weight: 700; font-size: 150%; color: #FFF; background: linear-gradient(#0A0E14 0, rgba(10,14,20,0) 100%); }
.art-vidgal .art-img { position: relative; top: 0; left: 0; z-index: auto; width: 100%; height: auto }
.art-vidgal .art-img:before { display: none /* SP art BUG */ }
.art-vidgal .art-img img { display: block; width: 100%; height: auto }
.art-vidgal .mark-video span { top: 50%; left: 50%; z-index: 3; width: 5rem; height: 5rem; margin: -2.5rem 0 0 -2.5rem; transition: all .3s }
.art-vidgal .art-link:hover .mark-video span { width: 6rem; height: 6rem; margin: -3rem 0 0 -3rem; }

/* zahlavi video clanku */
.art-video h1 { margin: 0 0 .2em; padding: .5em 0 0; font-size: 200%; font-weight: 700 }
.art-video .art-info .time { margin-left: 0 }
.art-video p { margin: 0 0 1em; font-size: 112.5%; line-height: 2 }
.art-video img { max-width: 100% }
.art-video .art-info { margin: 0 0 1em; color: #4F5256 }
.art-video .authors { }
.art-video videoplayer + small { visibility: hidden; padding: 0; font-size: x-small }

.content table.nav-n4 { clear: both; width: auto; margin: 1em auto; border-collapse: collapse; font-size: 87.5% }
table.nav-n4 td { vertical-align: middle; white-space: nowrap }
table.nav-n4 .tac { padding: 0 10px; line-height: 2.2 }
.nav-n4.ico a { height: auto; line-height: inherit; font-size: 100%; text-decoration: none }
.nav-n4.ico a span, .nav-n4.ico a:hover span { float: none; width: auto; height: auto; line-height: inherit; margin: 0; padding: 0; font-size: 100%; color: inherit; background: none; white-space: nowrap; text-decoration: none }
.nav-n4 a.ico-left, .nav-n4 a.ico-right { display: block; line-height: 3.5rem; padding: 0 2em; border-radius: 12px; font-size: 100%; text-decoration: none; color: #fff; background: #000 }
.nav-n4 a.ico-left:hover, .nav-n4 a.ico-right:hover { background-color: #1d4382 }
.nav-n4 a.ico-left:before, .nav-n4 a.ico-right:before { content: ''; float: right; width: .8em; height: 3.5rem; margin: 0 0 0 .3em; background: url('//1gr.cz/o/lidovky_ln6/ico/ico-arr-right-fff.svg') no-repeat 50% 50% }
.nav-n4 a.ico-left:before { float: left; margin: 0 .3em 0 0; transform: rotate(180deg) }
.nav-n4 .tac a, .nav-n4 .tac b { display: inline-block; padding: 0 .5em; border-radius: 6px; border: solid 1px transparent; }
.nav-n4 .tac a:hover, .nav-n4 .tac b { border-color: #ccc }
.nav-n4 .tac b { background: #ccc }

.col-over { margin: -20px -15px 20px; }

.opener-foto { position: relative; margin-bottom: 1.5em; }
.opener-foto .relative { position: relative; display: block; overflow: hidden; max-height: 500px; text-decoration: none; }
.opener-foto .relative img { display: block; width: 100%; height: auto; }
.opener-foto .more-gallery { position: absolute; bottom: 15px; right: 15px; z-index: 10; padding: 0 40px 0 50px; overflow: hidden; border-top-right-radius: 12px; border-bottom-right-radius: 12px; line-height: 40px; font-weight: 700; text-align: right; overflow: hidden; cursor: pointer; background: #fff }
.overopener .opener-foto .more-gallery { right: 75px; }
.opener-foto .more-gallery u, .opener-foto .more-gallery b { text-decoration: none; }
.opener-foto .more-gallery:before { content: ""; position: absolute; left: 0; top: 0; width: 40px; height: 40px; background: #000 url(//1gr.cz/o/lidovky_ln6/ico/ico-gallery-fff.svg) no-repeat center center }
.opener-foto .more-gallery:after { content: ""; position: absolute; right: 10px; top: 0; width: 20px; height: 40px; background: url(//1gr.cz/o/lidovky_ln6/ico/ico-arr-right.svg) no-repeat center center; }


.opener-foto a:hover .more-gallery { color: #1d4382; }
.opener-foto .more-gallery b { padding-left: 15px }
.opener-foto .more-gallery b:before { content: '+'; }
.opener-foto .overlap { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: url(//1gr.cz/u/free.gif) repeat; text-decoration: none; cursor: pointer; }

.opener-foto-info-box { position: absolute; left: 20px; bottom: 15px; z-index: 10; display: table; padding: 3px; color: #000; border-radius: 1.2em; background: #fff; }
.opener-foto-info-box .ofib-link { display: table-cell; width: 20px; height: 20px; vertical-align: bottom; border-radius: 20px; background: url(//1gr.cz/o/lidovky_ln6/ico/ico-info-fff.svg) no-repeat 50% 100%; }
.opener-foto-info-box p { display: none; max-width: 300px; padding: 0.2em 1em 0.1em; font-size: .75rem }
.opener-foto-info-box.ofib-visible p { display: block; }
.opener-foto-info-box a { color: inherit; text-decoration: underline; }

.overopener-cb .opener-foto-info-box { color: #fff; background: #000; }
.overopener-cb .opener-foto-info-box .ofib-link { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-info-000.svg); }

.overopener { position: relative; overflow: hidden; height: 579px; margin: 0 0 1.75em }
.overopener-cw { color: #FFF; background: #263238; }
.overopener-title { position: absolute; bottom: 0px; left: 45px; z-index: 5; display: table; height: 100%; }
.overopener-title-in { display: table-cell; vertical-align: middle; padding-bottom: 80px; }
.overopener-pb .overopener-title { height: auto }
.overopener-pb .overopener-title-in { vertical-align: bottom; }
.overopener .premlab { margin: 0 0 .8em; font-size: 100%; }
.overopener h1 { width: 10em; line-height: 1.2; font-size: 250%; font-weight: 700; color: inherit; font-family: 'Lora', serif; text-shadow: 0 0 20px rgba(16,36,71,.3); }
.overopener-pb h1 { width: 880px; }
/*.overopener:before{content:'';position:absolute;top:0;left:0;z-index:2;width:60%;height:100%;background:radial-gradient(ellipse farthest-side at center left, rgba(0,0,0,.5) 0%, rgba(0,0,0,.5) 51%, rgba(0,0,0,0) 100%);}
.overopener-pb:before{top:auto;bottom:0;width:100%;height:60%;background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5));}*/


.overopener-cb.overopener:before { background: radial-gradient(ellipse farthest-side at center left, rgba(255,255,255,.5) 0%, rgba(255,255,255,.5) 51%, rgba(255,255,255,0) 100%); }

.overopener:before { content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 60%; height: 100%; background: radial-gradient(ellipse farthest-side at center left, rgba(0,0,0,.5) 0%, rgba(0,0,0,.5) 51%, rgba(0,0,0,0) 100%) }
.overopener-cb.overopener:before { background: radial-gradient(ellipse farthest-side at center left, rgba(255,255,255,.5) 0%, rgba(255,255,255,.5) 51%, rgba(255,255,255,0) 100%) }
.overopener-pb:before { top: auto; bottom: 0; width: 100%; height: 80%; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5)) }
.overopener-cb.overopener-pb:before { background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 70%) }

.overopener .opener-foto { position: static; margin: 0; }
.overopener .opener-foto .relative { max-height: 600px; position: static; }
.overopener .opener-foto .overlap { position: static; }

.overopener .opener-foto-info-box { left: 45px; }
.overopener .opener-foto-info-box p { max-width: 560px }

.rub, h4.rub { display: inline-block; margin-right: 10px; padding: 2px 10px; color: #fff; font-size: 87.5%; font-weight: 700; text-transform: uppercase; background: #000; border-radius: 20px }
.rub a, h4.rub a, .rub a:hover, h4.rub a:hover { color: #fff; text-decoration: none }
.rub a:hover, h4.rub a:hover { text-decoration: underline }

.overopener h4.rub { margin-bottom: 1rem }
.overopener-cw h4.rub, .overopener-cw h4.rub a { background: #fff; color: #000 }

.ln-opener { display: flex; flex-direction: column; margin: 0 15px }
.ln-opener .opener-foto { margin-left: 15px; order: -1; width: 630px; }
.ln-opener .opener-foto-info, .opener-foto-info a { font-size: .875rem; color: #666 }
.ln-opener .opener-title { margin-left: 15px }
.ln-opener .opener-flv-player { max-width: 940px; margin: 0 0 1em 15px }
.ln-opener .brisk { }

.ln-opener h4.rub { float: left; margin-top: 8px; }

.art-full { margin: 0 15px }
.col-over .art-full { margin: 0 45px }

.art-full .artmeta { /*margin-bottom: 2em;*/ overflow: hidden }
.art-full .artmeta .cell { display: block }
.art-full .art-info { margin-top: -1px; margin-bottom: 1rem; color: #4f5256; line-height: 40px; }
.art-full .brisk { margin-right: .5em }

.art-full .opener { width: 850px; margin: 0 0 1rem; font-weight: 700; line-height: 1.6; font-size: 125%; }
.col-over .opener { margin-top: .75rem }


.ico-diskuse span, .a-dvertorial .ico-diskuse span { /*display: block; line-height: 21px; font-size: 11px;*/ }

.art-next, .art-supp .art-next, .navig a.list-next { float: right; width: auto; height: 1em; margin: 0; padding-right: 15px; color: #1d4382; line-height: 1em; text-decoration: none; background: url("//1gr.cz/o/lidovky_ln5/m/navig/arrtiny-right.png") no-repeat scroll right center; }
.art-prev, .navig a.list-prev { float: left; width: auto; height: 1em; margin: 0; padding-left: 15px; color: #1d4382; line-height: 1em; font-weight: 700; text-decoration: none; background: url("//1gr.cz/o/lidovky_ln5/m/navig/arrtiny-left.png") no-repeat scroll left center; }

.art-info li { list-style: none; position: relative; overflow: hidden; float: left; min-height: 16px; line-height: 2; margin: 0 1em 0 0; }
.art-full .art-info .time { margin: 0 1em 0 0px; font-size: 87.5%; }

#art-text object { display: none; }
#art-text .ico-r a.ico-right { float: right; margin-bottom: 10px; }
#art-text .ico-r a.ico-right span { margin-top: 3px; }
#wrapper .art-full { clear: both; margin: 15px 15px .5em; }
.art-full .autor { display: block; font-size: 92%; line-height: 1.2; }
.art-full .autor * { font-family: 'Inter',sans-serif; }

.art-full .equ-img { color: #666; }
.art-full .equ-img img { display: block; }

.art-full img.fl { margin-right: 1em; }
.art-full img.fr { margin-left: 1em; }
.art-full font { font-size: 100%; }


.ln-opener h1, .art-full h1, .art-full .text h1, .art-full .text h2 { margin: 0 0 0.6em; font-size: 200%; font-weight: 700; font-family: 'Lora', serif; }
.ln-opener h1 { margin-top: .75rem; }


.text { line-height: 1.625 }
.text h1, .text h2 { line-height: 1.343 }
.text a { color: #1B3E7A; text-decoration: underline }
.text a:hover { color: #102447 }
.text-link { text-decoration: underline }
.text-link:not([href*='.lidovky.cz']) { padding-right: 1.2em; background: url('/u/icon/137/link.svg') no-repeat 100% 50% / .75em .75em }
.text .bbtext { position: relative; width: 100% }
.text h3 { font-weight: 700; font-size: 100% }
.text h3.tit { margin: 0 0 1em; line-height: 1.2; font-size: 125%; font-family: 'Lora', serif; }
.text h3.subtit { margin: 0 0 .4em; font-size: 125% }
.text h3 a { text-decoration: none; color: #102447 }
.text h3 a:hover { text-decoration: underline }
.text h3 .text-link:not([href*='.lidovky.cz']) { background-image: url('/u/icon/124/link.svg') }
.text p ~ h3.tit { margin-top: 1.85em }
.text p, .text table, .text ul, .text ol, .video-dupla { margin-bottom: 1.5em }
.text table table, .text ul ul, .text ol ul, .text ul ol, .text ol ol { margin-bottom: 0 }
.text li { margin: 0 0 .5em 2em }
.text ul li, .text li li { list-style: none; margin: 0 0 .5em 1em; padding-left: 1em; background: url('//1gr.cz/o/zpr/li_sqr_a.gif') no-repeat 0 .55em }
.text ul li { list-style-position: outside; list-style-type: none; margin-bottom: 10px; padding-left: 15px; background: transparent url("//1gr.cz/o/lidovky_ln5/ico/dot-blue.png") no-repeat; background-position: 0 .2em; background-size: 8px 8px; }
.text li li { background: url('//1gr.cz/o/zpr/li_sqr_b.gif') no-repeat 0 .55em }
.text [type="a"] { counter-reset: list }
.text [type="a"] > li { position: relative; padding-left: 0; background: 0 }
.text [type="a"] > li:before { counter-increment: list; content: counter(list, lower-alpha) ') '; position: absolute; left: -1.4em }
.text td, .text th { padding: 2px .5em }
.text var { color: #A00; font-style: normal }


.art-full iframe[src*="youtube.com"] { display: block; width: 100%; max-width: 560px; margin: 0 auto 1em }

.equip { margin: -1em 0 .5em; font-size: medium }
.equip .opener-foto { margin: 0; font-size: 81.25% }
.equip .ofi .opener-foto-info { display: none }
.equip .opener-foto img { width: 100% }

table .c0, .table-in-art table th { color: #000; background: #CFD8DC }
table .c1, table.c1 { color: #000; background: #EFF3F9 }
table .c2, table.c2 { /*color:#000; background:#cf0435*/ }
table .c3 { color: #000; background: #FFF }

.table-in-art { width: 100%; overflow: auto; margin: 0 0 1em }
.table-in-art table { width: 100%; margin: 0 0 .5em; border-collapse: separate; font-size: 87.5% }
.table-in-art table td, .table-in-art table th { padding: .5em .625em .3125em }
.table-in-art table caption { display: table-caption; padding: 2px .5em; border-bottom: 0; text-align: left; font-weight: 700; font-size: 100%; color: #FFF; background: #1B3E7A }
.table-in-art table th { font-weight: 700 }
.table-in-art table td { vertical-align: top }
.table-in-art table .foot td { border-top: 3px solid #CFD8DC; font-size: 93.75%; font-weight: 700 }

.blockquote-box, .blockquote-box-sm { position: relative; margin: 0 auto 1rem; padding: 1rem; border-radius: 1rem; text-align: center; color: #263238; background: #EFF3F9 }
.blockquote-box { position: relative; margin: 1em auto 1.5em; padding: 1.5rem 1.5rem .75rem; border-radius: .375rem; text-align: center; color: #263238; }
.blockquote-box blockquote { position: relative; margin: 0 0 .75rem; padding: 0 0 3.5rem; font-size: 137.5%; line-height: 1.36 }
.blockquote-box blockquote:before { content: ''; position: absolute; bottom: 1.25rem; left: 50%; width: 314px; height: 1px; margin: 0 0 0 -157px; background: #1d4382 }
.blockquote-box blockquote:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 2.5rem; height: 2.5rem; margin: -1.25rem 0 0 -1.25rem; border-radius: 100%; background: #000 url('//1gr.cz/o/lidovky_ln6/ico/ico-quote-fff.svg') no-repeat 50% 50% }
.blockquote-box h3 { margin: 0 auto .75rem; font-weight: 700; font-size: 112.5%; line-height: 1.6; font-family: inherit }
.blockquote-box h3 small { display: block; font-weight: 400; font-size: 88.88%; color: #546E7A }
.blockquote-box-sm { text-align: left }
.blockquote-box-sm blockquote { margin: 0 0 1em; font-size: 100%; line-height: 1.6 }
.blockquote-box-sm h3 { position: relative; min-height: 2.5rem; padding: 0 0 0 3.25rem; font-weight: 700; font-size: 100%; line-height: 1.25; font-family: inherit }
.blockquote-box-sm h3:before { content: ''; position: absolute; top: 0; left: 0; width: 2.5rem; height: 2.5rem; border-radius: 100%; background: #678AC6 url('/u/icon/fff/quotes-down.svg') no-repeat 50% 50% / 60% 60% }
.blockquote-box-sm h3 small { display: block; font-weight: 400; font-size: 87.5%; color: #546E7A }



.blockquote-box-sm a { text-decoration: none }
.blockquote-box-sm blockquote { margin: 0 0 1em; font-size: 100%; line-height: 1.6 }
.blockquote-box-sm h3 { position: relative; min-height: 2.5rem; margin: 0 0 .5em; padding: 0 0 0 3.25rem; font-weight: 700; font-size: 100%; line-height: 1.25; font-family: inherit }
.blockquote-box-sm h3:before { content: ''; position: absolute; top: 0; left: 0; width: 2.5rem; height: 2.5rem; border-radius: 100%; background: #000 url('//1gr.cz/o/lidovky_ln6/ico/ico-quote-fff.svg') no-repeat 50% 50% }
.blockquote-box-sm h3 small { display: block; font-weight: 400; font-size: 87.5%; color: #546E7A }
.dark .blockquote-box-sm h3 small { color: #B0BEC5 }


.catchbox-l, .catchbox-r, .mfwrite-region, .catchbox-dual-l { clear: both; float: right; display: block; max-width: 192px; margin: 0 0 1em 1rem; /*color:#000; background: #EEE;*/ box-sizing: border-box }
.catchbox-l img, .catchbox-r img { display: block; width: 100% }
.catchbox-l h4, .catchbox-r h4, .catchbox-dual-l h4 { font-weight: 700; /*color:#000;*/ }
.catchbox-emfd i { display: block; font-weight: normal; font-style: normal; }
.catchbox-emfd .h { display: block; }

/* doplneni clanku */
.art-full .complete, .complete { position: relative; clear: both; width: 100%; margin: 0 0 1.5em; padding: 0; box-sizing: border-box; border-radius: 1rem; border-collapse: collapse; line-height: 1.33; color: #000; background: #e8ecf3; }
.complete .complete { clear: both; margin: 0; border: 0 }
.b-box .complete { float: none; margin: 0 }
.art-full .complete-half-r, .complete-half-r, .art-full .complete-half-l, .complete-half-l { float: right; width: 230px; margin: .5em 0 .5em 1.5em; border-radius: 1rem }
.art-full .complete-dual-r, .complete-dual-r, .art-full .complete-dual-l, .complete-dual-l { float: right; width: 322px; margin: .5em 0 .5em 1.5em; border-radius: 1rem }
.art-full .complete td, .complete td { padding: 1.5rem 1.5rem .5rem }
.art-full .complete table td, .complete table td { background: #FFF; border: 0; padding: 2px 4px }
.art-full .complete h3, .complete h3 { margin: 0 0 .75rem; font-size: 137.5%; line-height: 1.2; white-space: normal }
.art-full .complete h3.tit, .complete h3.tit { margin: 1em 0 .4em }
.art-full .complete h3.ico span span, .complete h3.ico span span, .art-full .complete h3.ico a span, .complete h3.ico a span { display: none }
.art-full .complete a, .complete h3 a { display: inline; line-height: inherit }
.art-full .complete p, .complete p { margin: 0 0 1em; font-size: 87.5%; line-height: 1.6 }
.art-full .complete ul li, .complete ul li { list-style: none; margin: 0 0 .5em; padding-left: 1em; font-size: 87.5%; background: url('//1gr.cz/o/zpr/li_sqr_a.gif') no-repeat 0 .45em }
.art-full .complete ol li, .complete ol li { font-size: 87.5% }
.art-full .complete li li, .complete li li, .art-full .complete li p, .complete li p { font-size: 100% }
.art-full .complete .title, .complete .title { margin: 0 0 .667em; font-size: 112.5%; line-height: 1.333; color: #37474f }
.art-full .complete h3 + .title, .complete h3 + .title { margin-top: -.444em }
.art-full .complete .only-text { margin: 0; padding-bottom: 8px; font-size: 100% }
#catinclude.complete { width: auto; margin: 1em 0 1.5em; padding: 1.5rem 1.5rem .375rem }

.q-js .complete-hidden, .complete-prep-0, .complete-visible .complete-prep-1, .complete-prep { display: none }
.complete-visible .complete-hidden, .complete-visible .complete-prep-0, .q-js .complete-prep { display: block }
.complete-prep { overflow: hidden; margin: .5em 0; padding: .642em 0 0; border-top: 1px solid #CFD8DC; line-height: 1.571; font-size: 87.5% }
.complete-prep-0, .complete-prep-1 { float: left; padding: 0 1.25rem 0 0; color: #102447; background: no-repeat 100% 50% / .75rem .75rem; cursor: pointer }
.complete-prep-0:hover, .complete-prep-1:hover { text-decoration: underline }
.complete-prep-0 { background-image: url('/u/icon/124/arrow-up.svg') }
.complete-prep-1 { background-image: url('/u/icon/124/arrow-down.svg') }

/* poutani clanku ve clanku */
.complete a.aside.aside { display: flex; text-decoration: none; /*color:#cf0435*/ }
.dark .complete a.aside.aside { color: #cf0435 }
.complete .aside-tit { flex: 1 1 auto }
.complete .aside-tit h3 { font-weight: 700; font-size: 112.5%; line-height: 1.2 }
.complete .aside:hover h3 { text-decoration: underline }
.complete .aside-img { flex: 0 0 110px; margin: 0 0 1rem 1rem }
.complete .aside-img img { display: block; width: 100%; height: auto }
/* reklamni rozsireni */
.r-aside { flex: 1 1 auto; display: flex; flex-direction: column; text-align: left }
.r-aside .r-head.r-head { flex: 0; margin: 0; padding: 0; text-align: inherit }
.r-aside h3, .r-aside.r-aside h3 { flex: 0; display: block; order: -1; margin: 0 0 .3em }
.r-aside h3:after { content: ''; display: inline-block; vertical-align: top; width: 1em; height: 1em; margin: .1em 0 0 .3em; background: url('/u/icon/124/link.svg') no-repeat 100% 50% / .75em .75em }

/* free premium zavora 2020/05 */
.freewall-a.complete { padding: 1.5rem 1.5rem .625rem }
.freewall-a a, .freewall-a a:hover { display: block; text-decoration: none }
.freewall-a a:hover .read-more { text-decoration: underline }
.freewall-a img { float: left; width: 129px; height: auto; max-height: 80px; margin: 0 1em 1em 0 }
.freewall-a h3, .complete.freewall-a h3 { display: table; font-size: 125% }
.freewall-a hr { clear: both; height: 1px; margin: .5em 0; border: 0; background: #cfd8dc }
.freewall-a .read-more { display: block; line-height: 1.6; border-radius: 3px; font-size: 87.5%; text-decoration: none; transition: .4s }
.freewall-a .read-more:after { content: ''; display: inline-block; vertical-align: top; width: 1em; height: 1.6em; margin: 0 10px 0 .4em; background: url('/u/icon/124/more.svg') no-repeat 50% 50% }

/* obrazky */
.imagelist, .imagelist.imagelist { clear: both; display: flex; gap: 1rem; margin: 0 0 1em }
.imagelist + .imagelist-desc { margin-top: -1em }
.imagelist > .fc0 { display: none }
.imagelist .cell { flex: 1; position: relative; display: block }
.imagelist .cell > a { display: block }
.imagelist .cell p a { display: inline }
.imagelist.imagelist p, .imagelist p { display: block; clear: both; margin: 0; padding: .462em 0 0; font-size: .8125rem; line-height: 1.3846; color: #546E7A }
.imagelist.imagelist p ~ p { border: 0 }
.imagelist img { width: 100%; height: auto; vertical-align: middle }
.imagelist-fl, .text .imagelist-fl { clear: left; float: left; margin-right: 15px }
.imagelist-fr, .text .imagelist-fr { clear: right; float: right; margin-left: 15px }
.imagelist-fl.imagelist-fl, .imagelist-fr.imagelist-fr { display: table; width: 1em }
.imagelist-fl.imagelist-fl img, .imagelist-fr.imagelist-fr img, .imagelist-fl.imagelist-fl .cell, .imagelist-fr.imagelist-fr .cell { max-width: 230px; width: auto; height: auto }

.imagelist-flex.imagelist-fl, .imagelist-flex.imagelist-fr { width: 230px }
.imagelist-flex img { width: 100%; height: auto }
.imagelist-flex .imagespace { position: relative; overflow: hidden; display: block; width: 100%; height: 0; padding: 50% 0 0 }
.imagelist-16ku9 .imagespace { padding-top: 56.25% }
.imagelist-4ku3 .imagespace { padding-top: 75% }
.imagelist-1ku1 .imagespace { padding-top: 100% }
.imagelist-4ku5 .imagespace { padding-top: 125% }
.imagelist-flex.imagelist-flex .imagespace img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100% }

.imagelist.imagelist-fotogal1 { gap: 0; position: relative; width: 100%; overflow: hidden }
.complete-half-r .imagelist-fotogal1 { width: 269px; margin-bottom: 1em }
.imagelist-fotogal1 .more-gallery { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; display: flex; align-items: flex-end; text-align: center; color: #FFF; background: linear-gradient(rgba(16,36,71,0) 50%, rgba(16,36,71,.8) 100%); text-decoration: none; box-sizing: border-box }
.imagelist-fotogal1 .more-gallery:hover { background: linear-gradient(rgba(16,36,71,0) 50%, rgba(16,36,71,1) 100%) }
.imagelist-fotogal1 .more-gallery .cell { float: none; padding: 0 0 1em }
.imagelist-fotogal1 .more-gallery h3 { margin: 0 auto .2em; font-size: 1.25rem; line-height: 1.2 }
.imagelist-fotogal1 .more-gallery h3:before { content: ''; display: inline-block; width: .8em; height: .8em; vertical-align: top; margin: .2em .4em 0 0; background: url('/u/icon/fff/gallery.svg') no-repeat 50% 50% / contain }
.imagelist-fotogal1 .more-gallery span { display: inline-block; line-height: 1.7em; padding: 0 .85em; border: 1px solid #FFF; border-radius: 3px; font-size: .875rem; line-height: 1.6 }
.imagelist-fotogal1 .more-gallery b { font-weight: 800 }
.imagelist.imagelist-fotogal4 { gap: 0; margin: 0 0 1em }
.imagelist-fotogal4 .cell ~ .cell { margin-left: 1px }
.imagelist-fotogal4 .more-gallery { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; display: flex; align-items: center; text-align: center; color: #FFF; background: rgba(16,36,71,.8) }
.imagelist-fotogal4 .more-gallery:hover { background-color: rgba(16,36,71,.9) }
.imagelist-fotogal4 .more-gallery .cell { flex: 1; margin: 0 }
.imagelist-fotogal4 .more-gallery .cell span { display: inline-block; margin: 4px auto 0; padding: 24px 0 0; font-size: .8125rem; line-height: 1.385; background: url('/u/icon/fff/gallery.svg') no-repeat 50% 0 / 20px 20px }
.imagelist-fotogal4 .more-gallery b { font-weight: 800 }
.imagelist + .imagelist.imagelist-fotogal4 { position: relative; margin-top: -1em; border-top: 1px solid transparent }

.imagelist-instagram { display: table; width: 100%; table-layout: fixed; margin: 0 -5px }
.complete .imagelist-instagram { width: auto; margin-left: -5px; margin-right: -5px }
.imagelist-instagram .cell { float: none; display: table-cell; padding: 0 5px }
.imagelist-instagram img { width: 100%; height: auto }
.imagelist-instagram .fc0 { display: none }


/* LN fix po spusteni */
.complete-foto.foto-lnp210 { float: right; width: 230px; margin: .5em 0 .5em 1em }
.complete-foto.foto-lnp210 .cell { width: auto }
.complete-foto.foto-lnp210 img { width: 100%; height: auto }

/* rating */
.art-full .complete-rating, .complete-rating { overflow: hidden; background-color: #EEE }
.complete-rating td, .art-full .complete-rating td { padding: 0 }
.complete-rating .bg { padding: 1.5rem 1.5rem .75rem; background-position: 50% 0; background-repeat: no-repeat; background-size: 115% auto }
.complete-rating .score { margin-top: -.5em; padding: 0 0 .5em; font-weight: 700; font-size: 150%; text-align: center }
.complete-rating-theater .bg { background-image: url('/u/n4/catchbox/score/box-bg-divadlo.gif') }
.complete-rating-album .bg { background-image: url('/u/n4/catchbox/score/box-bg-deska.gif') }
.complete-rating-movie .bg { background-image: url('/u/n4/catchbox/score/box-bg-film.gif') }
.complete-rating-book .bg { background-image: url('/u/n4/catchbox/score/box-bg-kniha.gif') }
.complete-rating-concert .bg { background-image: url('/u/n4/catchbox/score/box-bg-koncert.gif') }
.complete-rating-tv .bg { background-image: url('/u/n4/catchbox/score/box-bg-tv.jpg') }
.complete-rating-exhibition .bg { background-image: url('/u/n4/catchbox/score/box-bg-vystava.jpg') }
.complete-rating-low .score { /*text-shadow:1px 1px .3em #812000; background-color:#C30*/ }
.complete-rating-mid .score { /*text-shadow:1px 1px .3em #A03C0A; background-color:#FD5F10*/ }
.complete-rating-hi .score { /*text-shadow:1px 1px .3em #006020; background-color:#093*/ }

.stepping-box { position: relative; width: 100%; margin: 0 0 1rem; overflow: hidden; font-weight: 700; font-family: Inter, sans-serif; }
.stepping-box .fl { padding: 2px 4px; line-height: 1; color: #fff; border-radius: 3px; background: #CF0435; }
.stepping-box .cell { display: table-cell; padding: 0 .4em; }




.navig { text-align: center; }
.navig ul { list-style: none }
.list-art .navig li { display: inline; text-align: center; list-style: outside none none; }
.list-art .navig a { text-decoration: none; }
.list-art .navig .current { padding: 1px 3px; font-weight: 700; background: #eee; }

.list-art .navig a.list-next { padding-right: 10px; }
.list-art .navig a.list-prev { padding-left: 10px; }

#art-afterlist { margin-left: 15px }

/* embed-social */
.embed-social { clear: both; width: 100%; max-width: 560px; line-height: 1.4; margin: 0 0 1em; color: #263238; background: #e8ecf3; border-radius: 1rem }
.dark .embed-social { color: #ECEFF1; background: #263238 }
.embed-social .es-box { padding: .4em 1rem .2em }
.embed-social .es-box:before { content: ''; float: right; width: 1.5em; height: 1.5em; margin: 1em 0 .5em; background: no-repeat 50% 50% / 100% 100% }
.embed-social-facebook .es-box:before { background-image: url('//1gr.cz/o/lidovky_ln6/ico/ico-facebook.svg') }
.embed-social-instagram .es-box:before { background-image: url('//1gr.cz/o/lidovky_ln6/ico/ico-instagram.svg') }
.dark .embed-social-instagram .es-box:before { background-image: url('//1gr.cz/o/lidovky_ln6/ico/ico-instagram.svg') }
.embed-social-twitter .es-box:before { background-image: url('/u/icon/org/social-twitter.svg') }
.embed-social p { margin: 0 0 .5em; word-wrap: break-word }
.embed-social p img { max-width: 100%; height: auto; vertical-align: middle }
.embed-social .es-name, .embed-social .es-perex { display: block }
.embed-social .es-top { position: relative; display: table-cell; vertical-align: middle; height: 40px; padding: .5em 1.25em .5em 50px; }
.embed-social .es-top img { position: absolute; z-index: 1; top: 8px; left: 0; width: 40px; height: 40px; border-radius: 100% }
.embed-social .es-img { overflow: hidden }
.embed-social .es-img span { display: block; height: 0; margin: 0 0 .4em; padding: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover }
.embed-social .es-img-1 span { width: 100%; padding-top: 60% }
.embed-social .es-img-2 span { width: 49.5%; padding-top: 40% }
.embed-social .es-img-4 span { width: 49.5%; padding-top: 25% }
.embed-social .es-img .fl { clear: both }
.embed-social .es-name a { text-decoration: none; color: inherit }
.embed-social .es-name a:hover { text-decoration: underline }
.embed-social .es-perex, .embed-social .es-date { font-size: 81.25% }
.embed-social .es-perex { color: #263238 }
.dark .embed-social .es-perex { color: #b0bec5 }
.embed-social .es-perex a { text-decoration: none; color: inherit }
.embed-social .es-perex a:hover { text-decoration: underline }
.embed-social .es-perex span { color: #000 }
.embed-social .es-mid { clear: both; padding: .5em 0 }
.embed-social .es-date { clear: both; margin: 0 0 .3em; color: #546E7A }
.dark .embed-social .es-date { color: #B0BEC5 }
.embed-social .es-bot { display: flex; justify-content: space-between; padding: .5em 0; border-top: 1px solid #B0BEC5; font-size: 81.25% }
.dark .embed-social .es-bot { border-color: #546e7a }
.embed-social .es-bot a { float: left; margin: 0 .2em 0 0; text-decoration: none; color: #1d4382 }
.embed-social .es-bot .fc0 { display: none }
.embed-social.embed-social-more .es-box .es-bot { text-align: center }
.embed-social.embed-social-more .es-box .es-bot a { float: none }

.ico-social { padding-left: 1.4em; background: no-repeat 0 50%; background-size: 1em 1em }
.ico-social-popular { background-image: url('/u/icon/137/popular.svg') }
.ico-social-retweet { background-image: url('/u/icon/137/retweet.svg') }
.ico-social-reply { background-image: url('/u/icon/137/reply.svg') }
.ico-social-like { background-image: url('/u/icon/137/like.svg') }
.ico-social-share { background-image: url('/u/icon/137/share.svg') }
.ico-social-save { background-image: url('/u/icon/137/favorite.svg') }

.instagram-box { margin: 0 0 1em }
.instagram-box h3 { overflow: hidden; margin: 0; padding: .2em .7em; border: 3px solid #555; font-size: 125%; font-weight: 700; text-transform: uppercase; color: #FFF; background: #555 }
.instagram-box h3:before { content: ''; float: left; width: 20px; height: 20px; vertical-align: middle; margin: .1em .5em 0 0; background: url('//1gr.cz/o/lidovky_ln6/ico/ico-instagram.svg') no-repeat center }
.instagram-box .box-in { overflow-y: scroll; width: 100%; height: 450px; margin: 0; padding: 0; border-bottom: 3px solid #555; font-size: 112.5% }




/*spendliky v mapach*/
.equip-map a { position: relative; overflow: hidden; display: block; }
.equip-map img { width: 100%; height: auto }
.equip-map-pin { position: absolute; width: 40px; height: 50px; margin: -50px 0 0 -20px; background: no-repeat 50% 100%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.equip-map-source { float: right; width: 69px; height: 18px; margin: -18px 0 0 0; background: url(//1gr.cz/o/mapy/phonemaps.png) no-repeat 0 50%; z-index: 1; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
.equip-map-pin, .equip-map-source { -webkit-transform: scale(0.6667); transform: scale(0.6667); }
.equip-map p a { display: inline }

/* kroky - cislovane boxiky */
.stepping-box, h3.stepping-box { clear: both; overflow: hidden; position: relative; width: 100%; margin: 1.85em 0 1em; font-size: 162.5%; line-height: 1.2; font-family: inherit }
h3.stepping-box:first-child { margin-top: 0 }
.stepping-box .fl { float: left; margin: 0.1em .4em 0 0; padding: 0.2em .4em; border-radius: 3px; font-weight: 800; font-size: 77%; color: #FFF; background: #1d4382 }
.stepping-box .cell { display: inline; font-weight: 700; font-family: 'Fira Sans',sans-serif }

/* bublifuk u map */
.bublifukovina, .text .bublifukovina { line-height: 1.375 }
.bublifukovina table { margin: 0 }
.bublifukovina td { padding: 0 }


.a-dvertorial.art.a-dvertorial { position: relative; padding-top: 1em; }
.a-dvertorial.art.a-dvertorial:before { content: "ADVERTORIÁL"; position: absolute; top: 0; right: 0; font-size: 64%; color: #999; font-family: "Inter", sans-serif; }
a.art.a-dvertorial *, a.art.a-dvertorial .brisk, a.art.a-dvertorial h3, a.art.a-dvertorial h2 { color: #666; font-family: "Inter", sans-serif; }
a.art.a-dvertorial h2 { font-weight: 700; }

.art-full.a-dvertorial *, .art-full.a-dvertorial .authors .name { color: #666; font-family: "Inter", sans-serif; }


.section-video .mark-video:after { content: ""; position: absolute; right: 5px; bottom: 5px; /*top:46px;*/ width: 25px; height: 25px; background: url(//1gr.cz/o/lidovky_ln6/ico/ico-video.svg) }

.list-vid { overflow: hidden }
.art-vid { overflow: hidden; float: left; width: 49%; margin: 0 0 20px 2% }
.art-vid:nth-child(2n+1) { clear: both; margin-left: 0 }
.art-vid .art-link { padding: 0 0 1em; }
.art-vid .art-img { float: none; display: block; width: 100%; height: auto; margin: 0 0 .2rem; }
.art-vid u.art-img { width: 100%; height: 0; padding-bottom: 75% }
.art-vid .time { position: absolute; bottom: 0; right: 0; padding: .1em .8em; font-weight: normal; font-size: 75%; color: #FFF; background: #000 }
.art-vid h3 { margin-bottom: 0; font-family: 'Lora', serif; font-weight: 700; font-size: 0.875rem; }
.art-vid h3 strong { color: #E41F1F; font-weight: inherit }
.art-vid .mark-video span { left: 50%; top: 50%; bottom: auto; width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; }


videoplayer * { box-sizing: border-box; -moz-box-sizing: border-box; user-select: none; -moz-user-select: none; -webkit-user-select: none; }
videoplayer toolbar { background: #000; display: block; overflow: hidden; font-size: 75%; height: 4.25em; position: absolute; top: 100%; width: 100%; }
videoplayer seekbar { display: block; width: 100%; height: 1.25em; background: #FFF; box-shadow: 0 0 0 1px #CCC inset; position: relative; }
videoplayer seekbar bar { display: block; height: 100%; background: #CC0000; }
videoplayer seekbar stripemark { position: absolute; height: 100%; top: 0; width: 1px; background: rgba(255, 0, 0, 0.8); }
videoplayer:fullscreen toolbar { position: absolute; width: 100%; opacity: 0; bottom: 0 !important; top: auto; z-index: 3; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
videoplayer:-ms-fullscreen toolbar { position: absolute; width: 100%; opacity: 0; bottom: 0 !important; top: auto; z-index: 3; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
videoplayer:-moz-full-screen toolbar { position: absolute; width: 100%; opacity: 0; bottom: 0 !important; top: auto; z-index: 3; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
videoplayer:-webkit-full-screen toolbar { position: absolute; width: 100%; opacity: 0; bottom: 0 !important; top: auto; z-index: 3; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
videoplayer:fullscreen seekbar { top: 0; }
videoplayer:-ms-fullscreen seekbar { top: 0; }
videoplayer:-moz-full-screen seekbar { top: 0; }
videoplayer:-webkit-full-screen seekbar { top: 0; }
videoplayer:fullscreen toolbar:hover { opacity: 1; }
videoplayer:-ms-fullscreen toolbar:hover { opacity: 1; }
videoplayer:-moz-full-screen toolbar:hover { opacity: 1; }
videoplayer:-webkit-full-screen toolbar:hover { opacity: 1; }

videoplayer toolbar play { float: left; width: 4em; height: 3em; background: url(data:image/svg+xml,%3Csvg viewBox=%220 0 36 36%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M7,7l22,11L7,29V7z%22 fill=%22%23FFF%22/%3E%3C/svg%3E) no-repeat 50% 50%; background-size: contain; cursor: pointer; }
videoplayer toolbar play:hover { background: url(data:image/svg+xml,%3Csvg viewBox=%220 0 36 36%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M7,7l22,11L7,29V7z%22 fill=%22%23FFF%22/%3E%3C/svg%3E) no-repeat 50% 50%; background-size: contain; }
videoplayer toolbar span { float: left; line-height: 2.25em; width: auto; height: 2.25em; padding: 0 1.5em 0 0.25em; color: #808080; font-weight: 700; font-size: 133.333%; cursor: default; -moz-transition: color 0.33s linear; -o-transition: color 0.33s linear; -webkit-transition: color 0.33s linear; transition: color 0.33s linear; cursor: default; }
videoplayer toolbar span:after { content: attr(data-placeholder); visibility: hidden; }
videoplayer toolbar toggle { float: right; width: 3em; height: 3em; cursor: pointer; }
videoplayer toolbar toggle.select:before { content: attr(data-text) ' xxx'; line-height: 2.25em; width: 100%; height: 2.25em; font-size: 133.333%; padding: 0 0.5em 0 0.5em; color: #FFF; font-weight: 700; -moz-transition: color 0.33s linear; -o-transition: color 0.33s linear; -webkit-transition: color 0.33s linear; transition: color 0.33s linear; }
videoplayer toolbar toggle.select:hover:before { color: #FFF; }
videoplayer toolbar toggle.select { position: relative; width: auto; cursor: pointer; }
videoplayer toolbar toggle.select select { position: absolute; left: 0; top: 0; height: 100%; width: 100%; border: 0; opacity: 0; font-size: 133.333%; font-weight: 700; }
videoplayer toolbar toggle.select option { padding: 0.25em 0.5em; }
videoplayer toolbar toggle.subtitles-off { position: relative; width: auto; }
videoplayer toolbar toggle.subtitles-off:before { content: 'Titulky'; line-height: 2.25em; width: 100%; height: 2.25em; font-size: 133.333%; padding: 0 0.5em; color: #FFF; font-weight: 700; -moz-transition: color 0.33s linear; -o-transition: color 0.33s linear; -webkit-transition: color 0.33s linear; transition: color 0.33s linear; }
videoplayer toolbar toggle.volume { float: left; background: url(data:image/svg+xml,%3Csvg viewBox=%220 0 36 36%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M19.4,29L11,23V13l8.5-6L20,7.6l0,20.7L19.4,29z M5,13h5v10H5V13z M27.7,25.5C27.7,25.5,27.7,25.5,27.7,25.5l-0.2,0.2 l-0.3,0.2c-0.1,0.1-0.4,0.1-0.5,0l-1.5-1.4c-0.1-0.1-0.1-0.3,0-0.5l0.3-0.2c3.6-3.4,3.6-8.2-0.1-11.6L25.1,12 c-0.1-0.1-0.1-0.3,0-0.5l1.5-1.4c0.1-0.1,0.4-0.1,0.5,0l0.3,0.2l0.4,0.3c0,0,0,0,0,0.1C32.1,15,32.1,21.2,27.7,25.5z M24.7,22.6 C24.7,22.6,24.7,22.7,24.7,22.6l-0.2,0.2l-0.3,0.2c-0.1,0.1-0.4,0.1-0.5,0l-1.5-1.4c-0.1-0.1-0.1-0.3,0-0.5l0.3-0.2 c3-2.8,0.9-5.1-0.1-5.9l-0.3-0.2c-0.1-0.1-0.1-0.3,0-0.5l1.5-1.4c0.1-0.1,0.4-0.1,0.5,0l0.3,0.2l0.4,0.3c0,0,0,0,0,0.1 C27.4,16,27.5,20,24.7,22.6z%22 fill=%22%23FFF%22/%3E%3C/svg%3E) no-repeat 50% 50%; background-size: contain; }
videoplayer toolbar toggle.fullscreen { background: url(data:image/svg+xml,%3Csvg viewBox=%220 0 36 36%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M21,29v-3h5v-5h3v8H21z M26,10h-5V7h8v8h-3V10z M7,29v-8h3v5h5v3H7z M10,15H7V7h8v3h-5V15z%22 fill=%22%23FFF%22/%3E%3C/svg%3E) no-repeat 50% 50%; background-size: contain; }
videoplayer:fullscreen toolbar toggle.fullscreen { background: url(data:image/svg+xml,%3Csvg viewBox=%220 0 36 36%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M7,15v-3h5V7h3v8H7z M12,24H7v-3h8v8h-3V24z M21,15V7h3v5h5v3H21z M24,29h-3v-8h8v3h-5V29z%22 fill=%22%23FFF%22/%3E%3C/svg%3E) no-repeat 50% 50%; background-size: contain; }
videoplayer:-ms-fullscreen toolbar toggle.fullscreen { background: url(data:image/svg+xml,%3Csvg viewBox=%220 0 36 36%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M7,15v-3h5V7h3v8H7z M12,24H7v-3h8v8h-3V24z M21,15V7h3v5h5v3H21z M24,29h-3v-8h8v3h-5V29z%22 fill=%22%23FFF%22/%3E%3C/svg%3E) no-repeat 50% 50%; background-size: contain; }
videoplayer:-moz-full-screen toolbar toggle.fullscreen { background: url(data:image/svg+xml,%3Csvg viewBox=%220 0 36 36%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M7,15v-3h5V7h3v8H7z M12,24H7v-3h8v8h-3V24z M21,15V7h3v5h5v3H21z M24,29h-3v-8h8v3h-5V29z%22 fill=%22%23FFF%22/%3E%3C/svg%3E) no-repeat 50% 50%; background-size: contain; }
videoplayer:-webkit-full-screen toolbar toggle.fullscreen { background: url(data:image/svg+xml,%3Csvg viewBox=%220 0 36 36%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M7,15v-3h5V7h3v8H7z M12,24H7v-3h8v8h-3V24z M21,15V7h3v5h5v3H21z M24,29h-3v-8h8v3h-5V29z%22 fill=%22%23FFF%22/%3E%3C/svg%3E) no-repeat 50% 50%; background-size: contain; }
videoplayer a.share-button { float: left; width: 2.5em; height: 2.5em; margin: 0.25em 0; }
videoplayer a.facebook { background: url(data:image/svg+xml,%3Csvg viewBox=%220 0 36 36%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M24.2,8v4h-3.6c-0.8,0-1.4,0.6-1.4,1.4V15h4l-0.5,4h-3.5v9h-4v-9h-2v-4h2v-1.9c0-2.8,2.3-5.1,5.1-5.1H24.2z%22 fill=%22%23808080%22/%3E%3C/svg%3E) no-repeat 50% 50%; background-size: contain; }
videoplayer a.twitter { background: url(data:image/svg+xml,%3Csvg viewBox=%220 0 36 36%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M8.66,18.55c-0.04,0-0.08,0-0.12,0c-0.16-0.25-0.42-0.45-0.58-0.7c-0.44-0.67-0.72-1.57-0.74-2.63 c0.01,0,0.03,0,0.04,0c0.36,0.33,1.4,0.57,2.09,0.58c0-0.03,0-0.05,0-0.08c-0.39-0.11-0.71-0.51-0.93-0.81 c-0.32-0.44-0.68-0.88-0.89-1.43c-0.15-0.41-0.17-0.87-0.27-1.32c-0.16-0.72,0.16-1.57,0.35-2.01c0.12-0.29,0.31-0.66,0.31-0.66 s3.57,4.68,9.84,4.96c-0.44-1.43,0.07-4.13,2.38-5.29c2.51-1.26,4.57-0.2,5.74,0.92c0.15,0.04,0.63-0.11,0.91-0.21 c0.67-0.24,1.48-0.63,2.09-0.93c0-0.21-0.25,0.6-0.5,1.01c-0.25,0.4-0.49,0.8-0.85,1.08c-0.93,0.75-0.7,0.33-0.7,0.5 c0.92,0,2.7-0.74,2.7-0.74s-0.5,0.74-1.1,1.35c-0.57,0.59-1.25,1.05-1.25,1.05s0.39,8.09-6.27,12.24 c-6.66,4.14-13.78,0.52-14.41-0.08c0.04-0.04,0,0,0.04-0.04c0.45,0.09,1.3,0.1,1.74,0c0.31-0.03,0.62-0.05,0.93-0.08 c1.05-0.27,2-0.57,2.87-1.08c0.42-0.25,0.98-0.42,1.24-0.81c-0.37-0.05-0.75-0.1-1.12-0.16c-1.2-0.4-2.09-1.07-2.71-2.05 C9.28,20.86,8.94,20.48,9,20.06c0.08,0,0.16,0,0.23,0c0.24,0.16,1.61-0.02,1.74-0.12c-0.03-0.01-0.05-0.03-0.08-0.04 c-0.23-0.06-0.46-0.13-0.7-0.19C9.83,19.55,8.73,18.95,8.66,18.55z%22 fill=%22%23808080%22/%3E%3C/svg%3E) no-repeat 50% 50%; background-size: contain; }
videoplayer a.embed { background: url(data:image/svg+xml,%3Csvg viewBox=%220 0 36 36%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M21.5,25l4.1-7l-4.1-7h3.4l4.1,7l-4.1,7H21.5z M13.4,25l-4.1-7l4.1-7h-3.4L6,18l4.1,7H13.4z M17.5,27l3-18h-3.4l-3.1,18 H17.5z%22 fill=%22%23808080%22/%3E%3C/svg%3E) no-repeat 50% 50%; background-size: contain; }
videoplayer toolbar a.share-button { top: 19px; right: 84px; }


#main .videoplayer.dummy { }
#main videoplayer.dummy:before { background: url('http://1gr.cz/o/lidovky_ln6/ico/ico-video.svg') no-repeat 0 50%; background-size: contain; }
#main .videoplayer.dummy:hover:before,
#main .videoplayer.dummy:focus:before { background-color: #000; }


.mark-photogallery .image { position: relative; }

iframe[src*="youtube.com"], iframe[src*="youtube-nocookie.com"] { width: 100%; }


.tag-list { clear: both; margin-left: 10px; padding: 10px 0; font-size: 75% }
.list-art .tag-list { margin-left: 0 }
.tag-list a { text-decoration: none; color: #546E7A }
.tag-list a:hover { text-decoration: underline }


.art-full .next-art { padding: .55em 0 0; }
#news-art .next-art { padding: 0; }
#news-art .nav { margin-bottom: 2.5em; }

.equ-gal { display: block; }
.equ-gal span { width: 50%; height: 9em; display: block; }
.equ-gal .image { float: left; box-sizing: border-box; width: 50%; height: auto; padding-right: 1px; overflow: hidden; }
.equ-gal img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; }

.art-full .btn { margin: 0 0 .8em; }


/* grafy v článku */
.g-graph { margin-bottom: 20px; }
.g-graph h3, .g-graph p.subtitle, .g-graph p.caption, .g-graph span, .g-graph p { }
.g-graph h3 { font-size: 120%; }
.g-graph p { margin: 0; font-size: 90%; }
.g-graph p.caption { clear: both; padding: 2px 4px 4px 4px; color: #444; border-bottom: 1px solid #ddd; }
.g-graph .graph-wrap { position: relative; width: 100%; padding: 5px 0; background: url("//1gr.cz/o/lidovky_ln3b/bg/graph_bg_blue_horiz.png") center left repeat-y; }
.g-graph .graph-wrap .graph-item { position: relative; width: 60%; left: 23%; }
.g-graph .graph-wrap .graph-item .graph-label { display: inline-block; position: absolute; left: -38%; width: 33%; text-align: right; vertical-align: top; font-size: 80%; line-height: 1; }
.g-graph .graph-wrap .graph-value { display: inline-block; position: absolute; right: -50px; width: 42px; font-size: 80%; padding-top: 6px; line-height: 1; }
.g-graph .graph-wrap .graph-bar-wrap { position: relative; margin-bottom: 2px; height: 25px; }
.g-graph .graph-wrap .graph-bar { display: block; float: left; height: 100%; width: 100%; border-radius: 0 3px 3px 0; background: url("//1gr.cz/o/lidovky_ln3b/volby2013/bar-shade.png") top left; background-repeat: repeat-x; }

form .error { color: #F00; }
form .error input { background: #FFF9F9; border: solid #F00 1px; }
form .error small { margin-left: 2px; }


.tit-photog { color: #ddd; padding: .6em; margin-top: 2em; background-color: #000; font-size: 110%; text-align: center; }
.tit-photog span { font-size: 85%; color: #bbb; display: block; margin-bottom: .6em; }

#shponline { display: block; padding-bottom: .5em; margin: .5em 0 1em 0; border-radius: 0 0 .5em .5em; background-image: linear-gradient(bottom, rgb(161,208,255) 0%, rgb(255,255,255) 90%); background-image: -o-linear-gradient(bottom, rgb(161,208,255) 0%, rgb(255,255,255) 90%); background-image: -moz-linear-gradient(bottom, rgb(161,208,255) 0%, rgb(255,255,255) 90%); background-image: -webkit-linear-gradient(bottom, rgb(161,208,255) 0%, rgb(255,255,255) 90%); background-image: -ms-linear-gradient(bottom, rgb(161,208,255) 0%, rgb(255,255,255) 90%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(161,208,255)), color-stop(0.9, rgb(255,255,255)) ); }
#shponline div { color: #fff; line-height: 2em; font-size: 1em; padding: 0 1em; font-weight: 700; background: #4c5e83; border-radius: .5em; background-image: linear-gradient(bottom, rgb(0,51,102) 11%, rgb(0,87,173) 56%); background-image: -o-linear-gradient(bottom, rgb(0,51,102) 11%, rgb(0,87,173) 56%); background-image: -moz-linear-gradient(bottom, rgb(0,51,102) 11%, rgb(0,87,173) 56%); background-image: -webkit-linear-gradient(bottom, rgb(0,51,102) 11%, rgb(0,87,173) 56%); background-image: -ms-linear-gradient(bottom, rgb(0,51,102) 11%, rgb(0,87,173) 56%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.11, rgb(0,51,102)), color-stop(0.56, rgb(0,87,173)) ); }
#shponline img { width: 10px; }
#shponline span { height: 2.66em; overflow: hidden; padding: 0 .5em; line-height: 1.33em; display: block; color: #555; margin: .25em 0 0; font-size: 1em; }
#shponline div span { height: auto; float: right; line-height: 2em; color: #f2f2ff; font-weight: 700; margin: 0; padding: 0; }
#shponline h3 { font-size: 150%; padding: 0 .25em; margin-top: .25em; }


.anketa-list .entry { margin: 0 0 .5em }
.vote { position: relative; padding-bottom: 1px }
.vote .vote { overflow: hidden; width: 100%; padding-bottom: 0 }
.vote .vote a, .vote .vote .vcl, .vote .vote label { display: block; padding: 0 2em 0 0; text-decoration: none; color: inherit }
.vote .vote a:after { content: ''; position: absolute; top: -1000px; bottom: -1000px; left: -1000px; right: -1000px; z-index: 5; background: url('/u/free.gif'); background: padding-box }
.vote .vote .rate { position: absolute; top: 0; right: 0 }
.vote .vote .eb { height: 6px; border-radius: 3px; font-size: 2px; line-height: 6px; color: #263238; background: #EFF3F9 }
.vote .vote .vb { height: 6px; border-radius: 3px; font-size: 2px }
.vote .c1, .vote .c1 a { color: #1B3E7A }
.vote .c1 .vb, .vote .vb { background: #1B3E7A }
.vote .c2, .vote .c2 a { color: #13375E }
.vote .c2 .vb { background: #13375E }
.vote .c3, .vote .c3 a { color: #000 }
.dark .vote .c3, .dark .vote .c3 a { color: #FFF }
.vote .c3 .vb { background: #000 }
.dark .vote .c3 .vb { background: #FFF }
.vote .c4, .vote .c4 a { color: #555 }
.dark .vote .c4, .dark .vote .c4 a { color: #AAA }
.vote .c4 .vb { background: #555 }
.dark .vote .c4 .vb { background: #AAA }


/* ankety */
.anketa-art { margin: 0 0 1em }
.anketa-art h2 { margin: 0 0 .3em; font-size: 110%; font-weight: 700; color: rgba(128,128,128,.8) }
.anketa-art h1 { margin: 0 0 .5em; font-size: 150%; font-weight: 700 }
.anketa-art .perex { line-height: 1.5; margin: 0 0 .5em; font-size: 112.5% }
.anketa-info { margin: 1em 0; padding: .75em; border-radius: 5px; background-color: rgba(128,128,128,.2); text-transform: uppercase; font-weight: 700 }
.anketa-list .entry { margin: 0 0 1em }
.anketa-list .entry img { width: 100%; height: auto }
.anketa-list input[type="radio"] { position: relative; top: 2px }
.anketa-list label b { margin-left: 10px }
.anketa-list a { text-decoration: underline }
.anketa-list .vote { padding: 12px 10px 10px; background-color: #FFF }
.dark .anketa-list .vote { background-color: #000 }
.anketa-list .vote .vote { padding: 0; border: none; background: none }
.anketa-list .vote p { padding-top: 1em }
.anketa-list div.entry div:nth-child(2) { position: relative; top: -5px }
.anketa-list .captcha input#overeni { padding: .75em; width: 100% }
.anketa-list .captcha { margin: 0 0 1em }
.anketa-list .warning { margin: 2em 0 }
.anketa-list .warning p { margin: 1em 0 }


.anketa-in-art { margin: 0 0 1em; padding: 1em 1rem .3em; border-radius: .375rem; color: #263238; background: #EFF3F9 }
.dark .anketa-in-art { color: #ECEFF1; background: #263238 }
.anketa-in-art .warning, .content .anketa-in-art .warning { padding: 1em 0 0; border-top: 1px solid #CFD8DC; font-size: 87.5% }
.dark .anketa-in-art .warning { border-color: #546E7A }
.anketa-in-art .warning h2.ico-info { line-height: 1.5714; margin: 0; padding: 0 0 0 1.6em; font-weight: 700; font-size: 100%; font-family: inherit; text-transform: uppercase; color: #37474F; background: url('/u/icon/344/info.svg') no-repeat 0 .15em / 1.1428em 1.1428em }
.dark .anketa-in-art .warning h2.ico-info { color: #b0bec5; background-image: url('/u/icon/bbc/info.svg') }
.anketa-in-art .warning h2 span { display: none }
.anketa-in-art h3 { font-size: 125% }
.anketa-in-art .anketa-list { width: auto }
.anketa-in-art .vote { border: 0; border-radius: 4px }
.anketa-in-art .btn { margin: 0 0 .5em; border-color: #E41F1F; color: #ECEFF1; background: #E41F1F }


.btn.art-moot-btn span { float: left; width: 20px; height: 100%; margin: 1px 0.6em 0 0; }

.art .timeline-art { color: #666; line-height: 172%; font-size: 90%; display: block; margin: 0; padding: 0; }
.art .timeline-art .aktual { font-weight: 700; color: #f22; }



#unpack-menu .half-l, #unpack-menu .half-r { width: 49%; margin: 0 0 .5em; }
.art-full .art-moot .complete .content { text-align: left; }
.art-full .art-moot .btn { height: 1.4em; margin: 0.7em 0 0; text-align: center; line-height: 1.2; background: none; }
.btn-more, input[type=submit] { text-align: center; }

.btn-header { border: 1px solid #C22; text-align: left; color: #FFF; background: #C71C1C url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAlCAIAAAAMShT+AAAAJElEQVR42mN4rajIxMDAwPTv/3+m/0AaBWMTwydOSI4YeQYGAOjcLkiOC8pWAAAAAElFTkSuQmCC) 0 100% repeat-x; background-size: contain; }
.btn-unroll, .btn-out { border: 1px solid #666; text-align: left; color: #FFF; background: #666 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAAAAABuyQ1LAAAADklEQVQIHWOYyfSfHhAAchwzzTvRaCwAAAAASUVORK5CYII=) 0 100% repeat-x; background-size: contain; }
.btn-unrolled { border: 1px solid #EAEAEA; color: #333; background: #EAEAEA url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAfCAAAAAADovi+AAAADklEQVQIHWM4w8RIPgQAO6IBJyzuH9EAAAAASUVORK5CYII=) 0 100% repeat-x; background-size: contain; }
.art-moot-btn { background: #FFF; }
.btn span { float: right; width: 12px; height: 100%; margin-left: .3em; }
.btn-out span { background-position: 0 50%; }
.next-art .btn-out span { background-position: -50px 50%; }
.btn-unroll span { background-position: -150px 50%; }
.btn-unrolled span { background-position: -250px 50%; }
.btn-loading span { width: 24px; margin-right: -6px; }
.btn-disabled { display: none; }
.btn-more.btn-loading span { display: inline-block; float: none; margin-right: .5em; vertical-align: top; }

.search { margin-bottom: 1rem }
.search input[type=text] { margin-right: .5rem; padding: .4rem .5rem; line-height: 1.4; border-radius: 6px; border: solid 1px #999; vertical-align: middle; }
.search .btn { height: 2.5rem; line-height: 2.5; font-size: 75%; color: #fff; border: none; background: #0a0e14 }


/* PODCASTY */
.btn-podcast, .art-full .complete .btn-podcast { display: inline-block; line-height: 1em; padding: .4em .8em .4em 2em; border: 1px solid #cf0435; border-radius: 3px; font-size: 87.5%; color: #102447; background: #eff3f9 url('/u/icon/137/podcast-btn.svg') no-repeat .7em 50% / 1em 1em; text-decoration: none; transition: .4s }
.title-ico-podcast:before { content: ''; display: inline-block; width: 1em; height: 1em; margin: .15em .2em 0 0; vertical-align: top; background: url('/u/icon/137/podcast.svg') no-repeat 50% 50% }
.complete a.btn-podcast { margin: 0 0 .5em }
.complete h3.title-ico-podcast { font-size: 112.5% }

.podcast-player { min-height: 3.1875em }
.podcast-player small { display: none }
.art-full .podcast-player { margin: 0 0 1.5em }

.complete-podcast { clear: both; margin: 0 0 1em; padding: 1.25em 1em; border-radius: .375rem; color: #263238; background: #EFF3F9 }
.dark .complete-podcast { color: #ECEFF1; background: #263238 }
.complete-podcast .o-hid { overflow: hidden; display: block; margin: 0 0 1em; text-decoration: none; color: #102447 }
.dark .complete-podcast .o-hid { color: #FFF }
.complete-podcast img.midi { width: 20%; max-width: 80px; height: auto; margin: 0 .5em 0 0 }
.complete-podcast h3 { display: table-cell; line-height: 1.2; font-weight: 700; font-size: 125% }
.complete-podcast .podcast-player { margin-bottom: 0 }

.podcast-header { margin: 0 0 1em }
.podcast-header .btn-rss { float: right; margin: 0 0 .5em 1em }
.podcast-header .title-ico-podcast { margin: 0 0 .5em; font-weight: 700; font-size: 150% }
.podcast-select { position: relative; z-index: 2; float: right; margin: 0 0 .5em 1em; font-size: 92.3% }
.podcast-select ul { overflow: hidden; max-height: 0; opacity: 0; position: absolute; top: 100%; left: 0; width: 100%; border: 1px solid #cf0435; border-radius: 0 0 3px 3px; box-shadow: 0 4px 4px rgba(0,0,0,.1); -webkit-box-sizing: border-box; box-sizing: border-box; transition: 1s }
.podcast-select.active ul { max-height: 10em; opacity: 1 }
.podcast-select li { display: block }
.podcast-select li ~ li { border-top: 1px solid #eff3f9 }
.podcast-select a { display: block; line-height: 1em; padding: .6em .8em .6em 2em; color: #102447; background: #FFF no-repeat .7em 50% / 1em 1em; text-decoration: none; transition: .4s }
.podcast-select.active .ico-podsel { border-color: #678ac6; background-color: #eff3f9; text-decoration: inherit }
.podcast-select .ico-podsel { border: 1px solid #cf0435; border-radius: 3px; background-image: url('/u/icon/137/podsel.svg') }
.podcast-select .ico-spotify { background-image: url('/u/icon/org/spotify.svg') }
.podcast-select .ico-rss { background-image: url('/u/icon/137/rss.svg') }
.podcast-select .ico-rss:before { display: none }
.podcast-select .ico-apple-podcasts { background-image: url('/u/icon/org/apple-podcasts.svg') }


/*deleny clanek*/
.divide-nav { margin: 0 20px 20px 50px; text-align: center }
.divide-nav li { display: inline-block; margin: 0 .2em .2em }
.divide-nav a { overflow: hidden; display: block; width: 1em; height: 1em; line-height: 1em; border-radius: 100%; text-indent: -99em; color: #FFF; background: #848689; text-align: center; text-decoration: none }
.divide-nav a:hover, .divide-nav a.act { color: #FFF; background: #000 }

.divide-number { margin-bottom: .5em; font-size: 100% }
.text .divide-number { margin-left: 0; font-size: 100% }
.divide-shunt { clear: both; overflow: hidden; margin: 0 20px 1em 50px; text-align: center }
.divide-shunt .ico-prev, .divide-shunt .ico-next { display: inline-block; width: 10em; height: 2.8em; line-height: 2.8em; text-transform: uppercase; font-size: medium }
.divide-shunt .ico-prev span, .divide-shunt .ico-next span { display: block; width: 100%; height: 100%; margin: 0; border-radius: 12px; font-size: medium; color: #FFF; background-color: #000; background-image: none; }
.divide-shunt a:hover { text-decoration: none; }
.divide-shunt a:hover span { background: #1d4382 }
.divide-shunt .ico-prev span:before, .divide-shunt .ico-next span:after { content: ''; display: inline-block; vertical-align: middle; width: .6em; height: .6em; margin: -.2em .2em 0; border: 1px solid #FFF; transform: rotate(45deg) }
.divide-shunt .ico-prev span:before { border-width: 0 0 .2em .2em }
.divide-shunt .ico-next span:after { border-width: .2em .2em 0 0 }
.divide-shunt .ico-prev span:after, .divide-shunt .ico-next span:before { }
.divide-shunt .ico-prev span:after { content: 'p\159 edchoz\ed ' }
.divide-shunt .ico-next span:before { content: 'dal\161 \ed ' }
.divide-shunt a.pasive { cursor: default }
.divide-shunt a.pasive span, .divide-shunt a.pasive:hover span { background: #848689; cursor: inherit }



/* diskuse */


.moot-art, .disc-form, .moot-list { margin: 0 1rem; }

.moot-art h3 { margin: 0 0 1.5rem; font-size: 112.5%; font-weight: 700 }
.moot-art h3 a { }


.disc-form { padding: 1rem; background: #e8ecf3; border-radius: .5em }
.dark .disc-form { }
.disc-form h3 { color: #000 }
.disc-form .fr { float: none; font-size: 75%; }
.disc-form .fr a { text-decoration: none; color: #1d4382; font-weight: 700; }
.disc-form .fr a sup { color: #000 }


#disc-editor { margin: 10px 0 20px }

.disc-form form { position: relative; }
.disc-form label { text-transform: lowercase }
.disc-form label:first-letter { text-transform: uppercase }
.disc-form label[for=moot-textarea] { display: block; font-weight: 700; }
.disc-form label[for=zasilat_reakce] { display: inline-block; width: 300px; margin-top: 3px; vertical-align: top; line-height: 1.2; font-size: 87.5%; }


.disc-form input[type=submit], .next-art .btn-more { height: 3.5rem; line-height: 3.5rem; color: #fff; font-size: 87.5%; font-weight: 700; border-radius: 12px; background: #0a0e14 no-repeat right 2em center; }
.disc-form input[type=submit], .next-art .btn-more:not(.btn-disabled) { padding-right: 3rem; }

.disc-form input[type=submit]:hover, .next-art .btn-more:hover { background-color: #1d4382 }

.disc-form input[type=submit] { float: right; padding: 0 3rem 0 2rem; border: none; background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-arr-right-fff.svg) }
.next-art .btn-more { display: table; margin: 0 auto 2em; }

.next-art .btn-more:not(.btn-disabled) { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-arr-down-fff.svg) }

.disc-form #d-editor-status { position: absolute; top: 0; right: 0; z-index: 1; text-align: right; font-size: 87.5% }
.disc-form #d-editor-status.forms-textlimit-warning { width: 100%; color: #C00; background: #FFF }
.dark .disc-form #d-editor-status.forms-textlimit-warning { color: #3FF; background: #000 }
.disc-form .half-l { float: left; width: 39% }
.disc-form .half-r { float: right; width: 59% }
.disc-form textarea { width: 100%; height: 5.33em; overflow: auto; border: none }


.disc-editor-area { color: #000; font-size: 87.5%; border-radius: 8px; border: 1px solid #CFD8DC; background: #FFF }
.disc-editor-area div { cursor: text; min-height: 3.5em; padding: .5em .5em 0; word-wrap: break-word }
.disc-editor-area div div { min-height: 1em; padding: 0 }
.disc-editor-area div p { margin: 0; font-size: 100% }
#disc-editor-status { font-size: 78%; color: #888; text-align: right; margin: .32em .64em .64em; }


.disc-form .ikons button { padding: 2px 3px; background: none; border: none; border-radius: 3px }
.disc-form .ikons button:hover { background: rgba(29, 67, 130, 0.33) }

.moot-tip { margin: 1rem; padding: 1rem; border-radius: .5em; background: #fae6eb }
.moot-tip h3 { margin-bottom: 0; color: #cf0435 }
.moot-tip h3:before { content: ""; display: inline-block; width: 20px; height: 20px; margin-right: .2em; background: url(//1gr.cz/o/lidovky_ln6/ico/ico-info-c03.svg) no-repeat; background-size: contain }
.warning h2 { font-family: Inter, sans-serif }
.moot-tip p { }

.moot-headline { margin: 0 1rem 1rem }
.moot-headline h2 { display: table; margin-bottom: 1rem; color: #1d4382; font-size: 87.5%; text-transform: uppercase; border-bottom: solid 2px #8ea1c0; }
.moot-headline form { margin-bottom: 1rem }
.moot-headline .bt { padding: 3px 10px; color: #fff; border: none; border-radius: 3px; background: #1d4382 }
.moot-headline ul { margin-bottom: 1rem }
.moot-headline li { }
.moot-headline .comment { font-size: .75rem }

.moot-list { }
.moot-line { display: flex; margin: 1rem 0; border-bottom: solid 1px #e7e7e8 }
.moot-line > * { display: block; position: relative; top: 2px; padding: 0 1rem; text-decoration: none; font-size: 87.5%; font-weight: 700; text-transform: uppercase; color: #4f5256; border-radius: 0; }
.moot-line b { display: none }
.moot-line big { color: #cf0435; border-bottom: solid 3px; }


.ico-time:before, .ico-share:before, .ico-react:before, .ico-thread:before { content: ''; display: inline-block; width: 1.1em; height: 1.2em; margin-left: .5em; margin-right: 5px; vertical-align: middle; background: no-repeat; background-size: contain }
.ico-time:before { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-time.svg) }
.ico-share:before { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-share.svg) }
.ico-react:before { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-reply.svg) }
.ico-thread:before { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-thread.svg) }

.disc-user-foto { width: 70px; vertical-align: top }
.disc-user-foto img { width: 60px; height: 60px; margin-right: 10px; }

.contribution { position: relative; padding-top: 1em; font-size: 87.5%; }
.contribution table { width: 100%; table-layout: fixed; }
.contribution .cell { padding: 10px; background: #e8ecf3 }
.contribution .name { position: relative; float: left; margin-left: 1rem; color: #1d4382; font-weight: 700; text-transform: uppercase }
.contribution .name a { position: relative; color: #1d4382; text-decoration: none }
.name i { position: absolute; top: -5000px; left: -5000px }
.contribution .date { float: right; margin-right: 1rem; font-size: 85.714%; color: #4f5256 }
.contribution .user-text { clear: both; word-wrap: break-word; }
.user-text p { margin: 0 0 .3em; padding: 0 1rem .5rem; word-wrap: break-word; }

.contribution ul { list-style: none; display: inline-block; vertical-align: bottom; }
.references i { font-style: normal }

.contribution .properties { display: table; table-layout: fixed; width: 100%; margin: 0 -10px -10px; padding: 5px 10px 0; background: #f6f7fa; }
.contribution .properties > * { display: table-cell; white-space: nowrap; vertical-align: top }
.properties a, .score .ico-plus, .score .ico-minus { }
.contribution a { text-decoration: none }
.contribution .score { font-weight: 700; }
.contribution .score span { padding: 0 4px; color: #cf0435 }
.contribution .score span:first-child { position: relative; color: #03aa00 }
.reaction ul { float: right; }


.contribution-add .ico-facebook:before { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-facebook-fff.svg) }
.contribution-add .ico-twitter:before { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-twitter-fff.svg) }
.contribution-add .ico-close:before { background-image: url(//1gr.cz/o/lidovky_ln6/ico/ico-close-fff.svg) }


.disc-list li { float: left; padding: 0 0 0 10px; }
.references .ico-plus { position: relative; color: #03aa00 }
.references .ico-plus:before { content: "+"; margin-right: .2em }
.references .ico-plus:after { content: ''; position: absolute; top: 15%; right: 0; width: 1px; height: 70%; background: rgba(128,128,128,.2) }
.references .ico-minus { color: #cf0435 }
.references .ico-minus:before { content: "\2212"; margin-right: .2em }

.disc-list .ref { margin-left: 74px; padding: 10px; background: #f6f7fa }
.disc-list .ref h3 { margin-top: 5px }
.disc-list .ref h4 { margin-top: 5px }

.properties .cell-share, .properties .cell-react, .properties .cell-thread { width: 7em; padding-right: 8px; direction: rtl; text-align: right; font-size: 85.714%; }
.properties .cell-share { width: 5em }
.properties .cell-thread { width: 5.3em }
.cell-share a, .cell-react a, .cell-thread a { overflow: hidden; white-space: normal }
.contribution-add { position: absolute; bottom: 0; right: 0; line-height: 30px; border-collapse: collapse; color: #FFF; background: #000 }
.contribution-add a { color: #FFF; padding: 0em .5em }
.contribution-add .ico-close { display: inline-block; direction: rtl; text-align: right; font-size: 80%; text-decoration: none; }
.contribution-add .ico-close:before { }
.reaction { }
.reaction form { display: table; width: 100% }
.reaction textarea { resize: none; overflow: hidden; display: table; width: 100%; min-height: 3em; padding: 3px }
.reaction label { float: left; margin-top: 1.4em; font-size: 87.5%; }
.reaction input[type=checkbox] { vertical-align: middle }
.reaction .btn { float: right; width: 8em; /* height:2em; line-height:2em;*/ margin: .5em 0 .2em; font-size: 87.5%; color: #fff; background: #0a0e14 }

/* diskuse end */


/* online */
.report-list { margin: 0 1% 1em; }
.report-list h2 { font-size: 125%; padding: 2px 1%; }
.report-list .c1, .report-list .c2 { width: 98%; padding: 2px 1%; }
.report-list .time { float: left; display: inline; margin-right: 0.5em; }
.report-list .event { float: left; display: inline; }

.on-line-in-art-wrapper { /*width: 90%;*/ margin: 1em auto; padding: 1rem; background: #e8ecf3; border-radius: 1rem; }
.dark .on-line-in-art-wrapper { border-bottom-color: #333; }
.on-line-in-art-wrapper * { }
.on-line-in-art-wrapper .report { margin: 0; }
.on-line-in-art-wrapper .report .event > img { width: 100%; min-width: 200px; height: auto; }
.on-line-header h3 { margin-bottom: 1rem; color: #1d4382; text-transform: uppercase; font-weight: 700; font-family: Inter, sans-serif }
.on-line-in-art-wrapper .time { color: #4f5256; font-weight: 700 }
.on-line-in-art-wrapper .ico-next { text-decoration: none; color: #1d4382 }

.on-line-in-art-wrapper .ico-next:after { content: ""; display: inline-block; width: 12px; height: 12px; margin-left: 8px; vertical-align: middle; background: url(//1gr.cz/o/lidovky_ln6/ico/ico-arr-down-358.svg) no-repeat; }

#on-line-top .title { font-size: 134%; font-weight: 700; }
.on-line-in-art-footer { padding-top: 1em; text-align: center; }
.on-line-in-art-footer a { font-weight: normal; }
#on-line-top, .report .c1, .report .c2, .report .c3 { box-sizing: border-box; padding: 5px 10px; }

#on-line-data .c1, #on-line-data .c2, #on-line-data .c3 { position: relative; }
#on-line-data .c1:before, #on-line-data .c2:before, #on-line-data .c3:before { content: ""; position: absolute; left: 0; width: 46px; /* padding: 4px; */ top: 0; bottom: 0; background: #f2f2f2; }
/* C.C. HOT FIX */
#on-line-in-art #on-line-data { font-size: 87.5% }
#on-line-in-art #on-line-data .c1:before, #on-line-in-art #on-line-data .c2:before, #on-line-in-art #on-line-data .c3:before { display: none }
/* C.C. HOT FIX - END */

.report { margin: 0 1% 1em; }
.report .c3 { border: none; font-weight: 700; }
.report .c3 .event { color: #A11; }
.report .time { float: left; width: 15%; min-width: 2.8em; font-weight: 700; }
.report .event { display: table-cell; width: 85%; max-width: 100%; }
.report .c3 .event { /*display:block;*/ width: 100%; }

.report .c1 .event .fb-post span iframe { width: 200px !important; }
.report .c1 .event .fb-post span iframe div { width: 200px !important; }

.online-art { margin-bottom: 2rem }
.online-art h3 { font-size: 150%; margin-bottom: 1rem }
.online-art .single { margin-bottom: 1rem }
.online-art p { margin-bottom: 1rem }
.online-art .art-functions { position: relative; margin-bottom: 1rem; padding: .5rem 1rem; font-size: 87.5%; background: #e8ecf3; }
.online-art .packed { display: none; }
.online-art .ico-close { float: right; margin-top: 1rem }
.online-art .packed-seznam { padding: 1rem 1rem 1rem 2rem; }
.online-art .packed-seznam li { margin-bottom: 0.3rem; }

.online-form h3 { margin-bottom: 1rem }
.online-form label { display: inline-block; width: 5rem; font-size:.875rem }
.online-form input[type=text] { width: 400px; margin-bottom: 1rem; padding: 0.5rem; font-size: .875rem; border-radius: 0.5rem; border: solid 1px #999; }
.online-form textarea { width: 400px; height: 10em; margin-bottom:.25rem; vertical-align: top; padding: 0.5rem; font-size: .875rem; border-radius: 0.5rem; border: solid 1px #999;  }
.online-form input[type=submit] { margin: 1rem auto 1rem 5rem; padding: 0.75rem 1.5rem; color: #fff; font-size: .75rem; border: none; border-radius: 1em; background: #000 }

.online-form #d-editor-status { margin-left: 5rem; font-size: .75rem }

.online-list h3 { font-size: 150%; font-weight: 700; margin-bottom: 1rem; }
.online-list .answ, .online-list .quest { font-size: 87.5%; line-height: 1.6 }
.online-list .quest { margin: 0 0 1em; padding: 10px 10px 6px; background: #F3F3F3 }
.online-list .answ { width: 560px; margin: 0 0 2em; padding: 0 10px 0 70px }
.online-list .answ img { float: left; margin: .3em 0 0 -60px }
.online-list .th { font-weight: 700 }
.online-list .name { display: block; text-align: right; color: #B9151C; font-weight: 700 }
.online-list .answ .th { color: #1d4382 }
.col-a .online-list .quest { width: 620px; overflow: hidden }
.online-list .quest .name, .online-list .quest .file { float: right; height: 26px; line-height: 26px; margin-left: 1em; white-space: nowrap }
.online-list .file { text-align: right }
.online-list .quest .ico-insert { width: 6.8em; float: right }
.online-list .no-answ { padding: 5px 10px }
.online-list .no-answ p { height: 26px; line-height: 26px }
.online-list .no-answ span { display: none }
.online-list .date { float: right; height: 26px; line-height: 26px; margin-left: 1em; white-space: nowrap; color: #48607A }

.o-gal ul { margin: 0; list-style: none }
.o-gal li, .art-full .o-gal li { margin: 0; padding: 0; background: none }
.o-gal img { max-width: 100% }

.disc-form .warning { margin-bottom: 1.5rem; color: #cf0435; }
.disc-form .warning h2 { font-weight: 700 }

.match-table td { padding: 3px 0; vertical-align: top; line-height: 1.1em; }

#last-art-nextOnline { overflow: hidden; margin: .3em 0; }
#last-art-nextOnline > div > div { float: left; width: 100%; clear: both; }
#last-art-nextOnline > div .event { border-color: rgba(0, 0, 0, 0.063); }
#last-art-nextOnline > div .event span[data-twttr-id] { display: block; min-width: 220px; }

#on-line-data .o-c1, #on-line-data .o-c2, #on-line-data .o-c3 { float: left; width: 100%; clear: both; }
#on-line-data .o-c1 { background: #FFF; }
#on-line-data .o-c2 { background: #EFEFEF; }
#on-line-data .o-c3 { color: #FFF; background: #939393; }
.dark #on-line-data .o-c1, .dark #on-line-data .o-c2 { color: #eee; background: #000; }

#on-line-data .time { float: left; width: 3em; padding: .6em 0 0; line-height: 1.6; text-align: center; /*color:#fff; font-size: 117%;*/ font-weight: 700; /*background:#1d4382*/ }
#on-line-data.sport .time { width: 3.5em; }
#on-line-data .o-c3 .time { color: #FFF; }
#on-line-data .time a { display: block; margin: 0 2px; padding-bottom: 2px; }
#on-line-data .event { /*display: table-cell; min-width: 180px;*/ width: auto; line-height: 1.6; padding: .6em .6em .6em .4em; /* border-left:1px solid #FFF; font-size: 117%;*/ overflow: hidden; }
#on-line-data .event p a { color: #1B3E7A; text-decoration: underline }
#on-line-data .event p a:hover { color: #102447 }
#on-line-data .equip { margin: 0 0 0 50px }
#on-line-data .equip table { margin: 0 auto; }
.art-full .equ-img img { width: 100%; height: auto; border-radius: .5em; margin: .5em 0; }
.art-full #on-line-data table { width: 100%; }
#on-line-data .event object { margin-left: -3.3em; }
#on-line-data .event object, #on-line-data .event object embed { width: 272px !important; height: 154px !important; }

#on-line-data .event .twitter-tweet { margin: auto; width: auto !important; }
#on-line-header-top2 img, #on-line-header-top2 .twitter-timeline { display: none; }
.on-line-top-box .but-refresh { display: none; }

#on-line { margin: 20px 5px 1em; }
.online-top-box h1 { margin: 0 0 .2em; font-size: 1.8em; }
.online-top-box p { margin: 0 0 .5em; font-size: 117%; }
.refresh-box .btn, .refresh-box .btn-out { width: 100%; margin: 10px 0; font-weight: 700; color: #1d4382; text-decoration: underline; background: none; }

#on-line .next-art { text-align: center; }

#on-line-data img { max-width: 100%; }

/* online end */

.kolotoc { overflow: hidden; position: relative }
.kolotoc ul { clear: both; width: 10000% !important; min-height: 1em; list-style: none; overflow: hidden }
.kolotoc li { width: 172px; margin-right: 30px; float: left; _overflow: hidden; display: block }
.kolotoc li.h { display: none }
.kolotoc li a { display: block; text-align: left }
.kolotoc li u { position: relative; display: block; width: 100%; height: 0; padding-top: 75%; background: transparent no-repeat 50% 0; background-size: cover; margin-bottom: .55em; cursor: pointer; overflow: hidden }
.kolotoc h3 { font-weight: 700; font-size: 100%; text-transform: uppercase }
.kolotoc h3 a { text-decoration: none }
.kolotoc h3 a:hover { text-decoration: underline }
.kolotoc p { font-size: 75% }


.video-art { text-decoration: none; }
.video-art h3 { margin-bottom: .3em; font-size: 117%; line-height: 1.2; }

/* k FLV videu:*/
.equip-tv { clear: both; min-height: 170px; margin: 0 0 1rem; padding: 1rem; background: #e8ecf3; border-radius: 1rem; }
.q-js .equip-tv { }
.equip-tv .equip { margin-bottom: 0; }
.video-archiv .video-flv { }
.video-flv-in { height: 100%; width: 100%; }
.video-flv embed { display: block; }
.no-video-flv { color: #FFF; background: #222; font-size: 150%; font-weight: 700; text-align: center; =zoom:1; }
.no-video-flv span { padding-top: 3em; line-height: 1.5em; display: block; width: 100%; }
.no-video-flv a { color: #F20; font-size: 120%; }
.no-video-flv a:hover { color: #F64; }
.kotva-video { position: relative; top: -3em; }
/* ke zbytkum WMV videa:*/
.equip td.equ-tv { padding: 10px 0 0; text-align: center; vertical-align: top; }
.equ-tv h3 { margin: 0 10px 10px; font-size: 150%; font-weight: 700; text-align: left; text-transform: uppercase; color: #B9151C; background: url('/u/portal/logo-tv-equ.gif') no-repeat 100% 50%; }
.equ-tv h3 a { display: block; color: #B9151C; text-decoration: none; }
.equ-tv h3 a:hover { text-decoration: underline; }
.equ-tv embed { width: 320px; height: 291px; }
.video-in { width: 440px; padding: 10px 0; overflow: hidden; border-left: 10px solid #ECECEC; border-right: 10px solid #ECECEC; /*color:#000;*/ background: #ECECEC; }
.video-4ku3 .video-in a, .video-4ku3small .video-in a, .video-16ku9 .video-in a, .video-z1 .video-in a { display: block; width: 100%; height: 100%; background: no-repeat 0; }
.video-4ku3 .video-in { height: 390px; }
.video-16ku9 .video-in { height: 304px; }
.video-4ku3 .video-in embed, .video-4ku3 .video-in object { height: 390px; }
.video-16ku9 .video-in embed, .video-16ku9 .video-in object { height: 304px; }
.video-4ku3 .video-in embed, .video-16ku9 .video-in embed, .video-4ku3 .video-in object, .video-16ku9 .video-in object { width: 440px; }
.video-4ku3 .video-in a, .video-4ku3small .video-in a { background-image: url('//1gr.cz/o/sph/videoplay_43.png'); }
.video-16ku9 .video-in a { background-image: url('//1gr.cz/o/lidovky_ln5/ico/play-small.png'); }

.equip-tv { }
.equip-tv .equip, .equip-tv table { margin: 0 }
.equip-tv-archiv h4 { display: table; margin: 0 0 1rem; color: #37474F; font-size: 87.5%; font-weight: 400; background: #FFF; border-right: solid 5px #fff; }
.equip-tv-archiv h4:before { content: 'ARCHIVNÍ VIDEO'; float: left; margin: 0 .4em 0 0; padding: 0 .4em; color: #FFF; font-weight: 700; background: #1D4382; }
.equip-audio .complete-dual-l { background: none; }
.equip-audio .complete-dual-l embed { display: block; }
/* HTML video */

.art-video h1 { font-size: 130%; margin-bottom: 1em }

.video-html { margin-bottom: 1em; }

.video-html videoplayer.unwrapped.ended { position: relative; margin-bottom: 30px; }
.video-html videoplayer.unwrapped { margin-bottom: 4em !important; }
.video-html videoplayer + small { display: none; }
.video-html .dummy { max-width: 100%; }
.video-player noscript h2 { display: none; }

.video-html-in video, .video-html-in span { width: 100%; height: 100%; display: block; }
.video-html-in span { position: absolute; }
.video-html-in b { width: 100%; height: 100%; background: url('//1gr.cz/o/lidovky_ln5/ico/play-small.png') no-repeat 50% 50%; position: absolute; left: 0; top: 0; }

/* primy prenos */
.video-wmv { margin: 0 0 1em; }

#betainfo { margin: .5em 5px; padding: .5em; color: #000; background: #D3DDE8; font-size: 117%; }
#betainfo span { float: right; margin: -.3em -.3em 0 0; padding: 0 .5em; font-weight: 700; font-size: 150%; }
#betainfo a { text-decoration: underline; }

/* fotbal */
.online-small .head { font-weight: 700; }
.online-small .head .col-l { text-align: left; float: left; width: 35%; }
.online-small .head .col-m { text-align: center; float: left; width: 30%; }
.online-small .head .col-r { text-align: right; float: right; width: 35%; }
.online-small .left { float: left; width: 48%; }
.online-small .right { float: right; width: 48%; }

/*poutani na online na shp*/
#online-box { display: block; margin: 10px 10px 20px; text-decoration: none; border-bottom: solid 1px #bfbfbf; background: transparent; }
.dark #online-box, .dark .online-poutani { border-bottom-color: #333; }
#online-box .title, .online-poutani .title { padding: 0 8px .3em; text-align: center; line-height: 1.1; font-weight: 700; font-size: 120%; }
#online-box .title { text-align: center; }

#online-box .title .score { display: inline-block; position: relative; top: 4px; min-width: 20px; padding: 0 8px; font-size: 165%; }
#online-box .message { display: table; position: relative; padding: .3em 5px 0; overflow: hidden; }
#online-box .message span#js-on { width: 100%; }
#online-box .link { display: block; margin: 0 5px .5em 0; text-align: right; text-decoration: underline; text-transform: uppercase; color: #1d4382; font-size: 83%; font-weight: 700; }
/*#online-box .message .rest {position: absolute; top: 60px;}*/
#online-box .message .timescore { display: table-cell; /*width:2.5em;*/ padding-right: 5px; /*text-align:right;*/ vertical-align: top; }
#online-box .message .event { display: table-cell; }

#online-box .title .team { max-width: 40%; padding-top: 3px; }
#online-box .title .team.left { margin-right: 10px; text-align: right; }
#online-box .title .team.right { margin-left: 10px; text-align: left; }
#online-box .title .score { display: block; margin: auto; /*padding-top: 0.3em;*/ font-size: 100%; }

#online-box.udalost .title { padding-top: 0.3em; }
#online-box.udalost .message a { float: none; padding-left: 4px; }

#online-box .title .team-wrap { display: inline-block; width: 48%; }
#online-box .title .team-wrap .team { display: inline-block; max-width: 62%; vertical-align: top; }
#online-box .title .team-wrap .score { display: inline; }
#online-box .title .team-wrap.left { text-align: right; }
#online-box .title .team-wrap.right { text-align: left; }

/*poutani pred spustenim online */
#wrapper .online-poutani { display: block; margin: 10px 10px 20px; padding-bottom: 5px; text-decoration: none; border-top: 6px solid #1d4382; border-bottom: solid 1px #bfbfbf; background: transparent; }
.online-poutani * { }
.online-poutani a { color: #FFF; text-decoration: none; }
.online-poutani .title, .online-poutani .subtitle { display: block; }
.online-poutani .title { padding-top: 0.5em; border-color: #f3b996; }
.online-poutani .subtitle { text-align: center; }
/*end poutani na online na shp*/

/*objednani kindle*/
.to-mail2 .fl, .to-mail2 .half-r { float: none; margin-bottom: 1rem; }
.to-mail2 .stepping-box .cell { padding: 0 }
.to-mail2 input { width: 250px; margin: 2px; padding: 0.5rem; border-radius: 6px; border: solid 1px #ccc; }
.to-mail2 input[type=submit] { width: auto; margin-bottom: 30px; padding: .6rem 2rem; text-transform: uppercase; font-size: 87.5%; font-weight: 900; background: none; border: solid 1px #999; border-radius: 12px }

.to-mail2 p { font-size: 117%; margin-bottom: 1em; }
.to-mail2 p img { display: block; margin: auto; }



.pas-form h1, .pas-registrace h3, #mujPasForm h3, .profile h1 { font-size: 160%; margin-bottom: .5em; }

.pas-registrace .botlinks { width: 300px; margin: auto }

.pas-form { width: 300px; margin: 0 auto 1em }
.pas-form .cell { display: block }
.pas-form p { margin-bottom: .5em }
.pas-form td { display: block; margin-bottom: 5px }
.pas-form input { width: 100%; padding: 3px; border: solid 1px #bbb; }
.pas-form .help::after { color: #fff; content: "?"; font-weight: 700; left: 5px; position: absolute; }
.pas-form .help { float: right; margin-top: 4px; position: relative; }
.pas-form .help, .pas-form input.newcode { background-color: #1d4382; border-radius: 2px; display: block; height: 18px; width: 18px; }
.pas-form .help-text { background-color: #fff; border: 1px solid #000; box-shadow: 1px 1px 1px #666; display: none; font-size: 92%; line-height: 1.2; padding: 2px 4px; position: absolute; right: 0; top: 20px; width: 138px; z-index: 200; }


.pas-form .label-checkbox { float: right; width: 270px; }
.pas-form .checkboxes { float: left; position: relative; width: 15px; height: 15px; margin-right: 5px; vertical-align: top; background-color: #fff; border: 2px solid #003f86; }
.pas-form .checkboxes:checked { background: rgba(0, 0, 0, 0) url("//1gr.cz/o/lidovky_ln5/ico/checked.png") no-repeat scroll 0 0; }

.pas-form .checkboxes:before { content: ""; position: absolute; left: 0; right: 0; width: 10px; height: 10px; border: solid 2px #003f86; background-color: #fff; }
.pas-form .checkboxes:checked:before { background-color: #003f86; }
.pas-form .checkboxes:checked:after { content: ""; position: absolute; left: 4px; top: 1px; width: 4px; height: 7px; border: solid #fff; transform: rotate(45deg); border-width: 0 2px 2px 0; }

#mujPasForm { margin-bottom: 1em }
#mujPasForm input { width: 260px; margin-bottom: 1em }
#mujPasForm .btn { width: 260px; margin-bottom: 5px }
#mujPasForm ul { margin-top: 1em; list-style: none }

.profile-header img { width: 90px; margin-right: 10px; }
.advanc-item { border-top: solid 1px #eee; padding: 5px 0; }
.advanc-item .logo-text { color: #1d4382; font-weight: 700; }
.advanc-item .logo-facebook { display: block; width: 92px; height: 32px; margin: 0; background: url(//1gr.cz/o/mujucet/advanc-soc.png) no-repeat; background-position: -90px -35px; background-size: 180px; }
.advanc-item .btn { width: 7em; }


.commerce-entry { clear: both; min-height: 130px; margin-top: 15px; padding-bottom: 10px; border-bottom: #f5f5f5 1px solid; }
.commerce-entry h4 { padding-bottom: 10px; line-height: 1em; font-size: 125%; font-weight: 700; }
.commerce-entry img { vertical-align: top; margin: 0 20px 20px 0; }
.commerce-entry .textcontent { display: inline-block; width: 50%; min-width: 230px; }
.commerce-entry li { list-style: none; margin-bottom: 0.7em; line-height: 1.4; }
.commerce-entry .viewall a { font-weight: 700; }

.art-afterlist { margin: 0 15px }

.box-idntv { display: none }

/* vypis premiovych */
.list-art-menu { position: relative; overflow: hidden; margin: 0 }
.list-art-menu li { float: left; display: block; margin: .4em 0 0 .8em; font-size: 100% }
.list-art-menu li:first-child { position: relative; z-index: 2; margin: 0 18px 0 0; text-transform: uppercase; font-weight: 700; font-size: 124%; color: #cf0435; font-family: "Inter", sans-serif }
.list-art-menu li:first-child a { color: inherit }
.list-art-menu li:first-child a:hover { color: #1B3E7A }
.list-art-menu li .ttn { text-transform: none }

.abcpremium .premlab { font-size: 100% }
.abcpremium .list-art-menu li:first-child { text-transform: none }
.abcpremium .list-art-menu li:first-child:after { background: #E8B332 }
.abcpremium .list-art { width: 100%; margin: 0 }
.abcpremium .art:after { content: ''; display: block; clear: both }
.abcpremium a.read-more { display: block; line-height: 2.6em; margin: 0 0 1em; border-radius: 3px; color: #263238; background: #E8B332; font-weight: 700; text-align: right; text-decoration: none }
.abcpremium a.read-more:after { content: ''; display: inline-block; vertical-align: top; width: 1em; height: 2.6em; margin: 0 10px 0 .4em; background: url('/u/icon/344/more.svg') no-repeat 50% 50% }


.art-tags { margin: 1em 0; font-size: 87.5%; font-family: 'Inter', sans-serif }

.art-archiv { margin: 0 0 22px; padding: 0 10px }
.art-archiv .warning h2 { height: auto; line-height: 1.25em }
.art-archiv .inputs { float: left; margin-bottom: 12px }
.art-archiv .inputs input, .art-archiv .inputs select { width: 11em; border: 1px solid #CFD8DC; color: #263238; margin-right: 12px; border-radius: 6px; }
.art-archiv input#zedne { width: 7em }
.art-archiv .bt { width: 7em; margin-top: .9em; padding: 2px; border-radius: 6px; border: none; color: #fff; background: #000; }


.art-archiv label { display: block; font-size: 68.75% }
.art-archiv label.calendar-wrapper { display: inline; font-size: 100% }
.art-archiv .calendar-wrapper .calendar-box { font-size: 81.25% }

#komercni-sdeleni { width: 100%; margin-bottom: 1em; padding-bottom: .5em; border-bottom: solid 1px #000; }
#komercni-sdeleni .bigger { font-size: 134%; line-height: 1.3; }
#komercni-sdeleni h2 { margin-bottom: 5px; font-size: 100%; font-weight: bold; color: #666 }
#komercni-sdeleni p { margin: .5em 0; font-size: 100%; line-height: 1.6; }
#komercni-sdeleni .box { }
#komercni-sdeleni .box .close { font-family: 'Inter', sans-serif }
#komercni-sdeleni .pr-box { float: left; margin: 5px 15px 5px 0; padding: 5px; border: solid 1px; }
#komercni-sdeleni .ico-r { }
#komercni-sdeleni .ico-r a { font-weight: 700; font-size: .875rem; color: #34568f }

#komercni-sdeleni .open:after { content: ""; display: inline-block; width: 12px; height: 10px; margin-left: 8px; vertical-align: middle; cursor: pointer; background: url("//1gr.cz/o/lidovky_ln6/ico/ico-arr-down-358.svg") no-repeat top; }
#komercni-sdeleni .close:after { content: ""; display: inline-block; width: 12px; height: 10px; margin-left: 8px; vertical-align: middle; cursor: pointer; background: url("//1gr.cz/o/lidovky_ln6/ico/ico-arr-up-358.svg") no-repeat top; }
.q-js #komercni-sdeleni.visible .open { display: none; }
.q-js #komercni-sdeleni .box { display: none; }
.q-js #komercni-sdeleni.visible .box { display: block; }


/*nabirac*/
.prihlastese { position: relative; margin: 2rem 0 .5rem; padding: 1rem; text-align: center; background: #dbe1eb }
.prihlastese:before { content: ""; position: absolute; right: 0; top: 2rem; width: 60px; height: 85px; transform: scaleX(-1); background: url(/o/lidovky/mailing/obalka.svg) no-repeat center right; background-size: contain }
.prihlastese h3 { margin-bottom: 1rem; color: #1d4382; font-size: 1rem; line-height: 1.2; font-weight: bold; font-family: Inter, sans-serif }
.prihlastese .btn { color: #fff; font-size: .75rem; border-radius: .75rem; background: #1d4382 }
.prihlastese .btn:hover { text-decoration: none; background: #000 }

.row-social { display: flex; align-items: center; justify-content: space-evenly; margin: .5rem 0 0; padding: .5rem .25rem; font-size: 87.5%; line-height: 1; border-radius: .5rem; border: solid 1px #eee }
.row-social b { vertical-align: middle; }
.row-social ul { display: inline-block; vertical-align: middle; }
.row-social li { list-style: none; display: inline-block; margin-left: 5px; }
.row-social a { display: block; width: 26px; height: 26px; background: #000; border-radius: 100%; }
.row-social span { display: none; }
.row-social a:before { content: ""; top: 5px }
.row-social .ico-fcb:before { background-image: url(/o/lidovky_ln6/ico/ico-facebook-fff.svg) }
.row-social .ico-twt:before { background-image: url(/o/lidovky_ln6/ico/ico-twitter-fff.svg) }
.row-social .ico-ins:before { background-image: url(/o/lidovky_ln6/ico/ico-instagram-fff.svg) }

/*docasne-do nasazeni nove verze*/
.prihlastese input { padding: 14px 0.5rem; line-height: 1; font-size: .75rem; border: none; }
.prihlastese input[type=text] { width: 180px; margin-right: 10px; border-radius: 8px; background: #fff; }
.prihlastese input[type=submit] { padding: 14px; color: #fff; border: none; border-radius: 12px; background: #1d4382 }

.prihlastese .row-social { margin: 1rem 0 0; font-size: 87.5%; color: #34568f; border: none; border-radius: 0; }
.prihlastese .row-social a { background: #1d4382; }
/*konec docasne*/

.prihlastese-strip { position: relative; margin: 1.5rem 0; background: #e8ecf3 }
.prihlastese-strip:before { content: ""; position: absolute; top: .5rem; bottom: .5rem; left: 0; width: 65px; background: url(/o/lidovky/mailing/obalka.svg) no-repeat center left; background-size: contain }
.prihlastese-strip a, .prihlastese-in-art a:hover { display: flex; gap: 2rem; align-items: center; padding: 1.5rem 2.5rem 1.5rem 90px; text-decoration: none; }
.prihlastese-strip p { color: #1d4382; font-weight: bold; font-size: 1.125rem; line-height: 1.4; font-family: 'Inter', sans-serif; }
.prihlastese-strip .btn { height: auto; min-width: 120px; margin: auto; padding: 14px; color: #fff; font-size: .875rem; line-height: 1.2; border: none; border-radius: 12px; background: #1d4382 }



/*lachtan*/
#f-lachtan { width: 1000px; margin: auto }
#f-lachtan .f-in { width: 980px; padding: 15px 10px; font-size: 75%; }
#f-lachtan a { color: #444; }
#f-lachtan .box + .box { border-top: solid 1px #ccc; margin-top: 10px; padding-top: 10px; }
#f-lachtan .w3-a, #f-lachtan .w3-b, #f-lachtan .w3-bc, #f-lachtan .w3-c { display: table-cell; vertical-align: top; }
#f-lachtan .w3-a { width: 374px; padding-right: 15px; }
#f-lachtan .w3-b { width: 389px; padding-left: 15px; border-left: dotted 1px #aaa; }
#f-lachtan .w3-c { width: 172px; padding-left: 15px; border-left: dotted 1px #aaa; }
#f-lachtan .w3-bc { width: 576px; padding-left: 15px; border-left: dotted 1px #aaa; }
#f-lachtan h3 { margin: 0 0 10px; font-size: 134%; font-weight: bold; text-transform: uppercase; }
#f-lachtan ul { display: block; list-style: none; font-weight: normal }
#f-lachtan ul.fl, #f-lachtan ul.fr { width: 172px }
#f-lachtan ul.fl { margin-right: 25px; }
#f-lachtan li { margin: 0 0 8px; }
#f-lachtan .w3-c h3 { margin: 0 0 4px }
#f-lachtan h3 a { color: #000 }
#f-lachtan .w3-a li a, #f-lachtan .w3-b li a, #f-lachtan .w3-bc li a { display: inline-block; padding: 0 0 0 10px; background: url('/u/foot/bullet.png') no-repeat 0 5px }
#f-lachtan .w3-a li a:hover, #f-lachtan .w3-b li a:hover { background-position: 0 -95px }
#f-lachtan .lach-list a, #f-lachtan .lach-list span { line-height: 1.73; }
#f-lachtan .f-webtit { font-weight: normal; font-size: 200%; color: #000 }
#f-lachtan .f-webtit a { display: block; width: 100%; height: 100%; color: #000 }
#f-lachtan .f-webtit-idnes span, #f-lachtan .f-webtit-expres span { display: none }
#f-lachtan .f-webtit-idnes { width: 130px; height: 30px; background: url(/u/loga-n4/idnes.svg) no-repeat 0 50% / contain; }
#f-lachtan .f-webtit-expres { position: relative; width: 120px; height: 28px; margin-top: 2px; padding: 2px; background: #FE0000 url(/o/expres/LogoExpres3.svg) no-repeat 5px 50% / 120px; }
#f-lachtan .f-webtit-expres:after { content: ''; position: absolute; top: 0; left: 100%; border: 1px solid #FE0000; border-width: 32px 0 0 18px; border-color: transparent #FE0000; }


.col-b > .r-main:first-child { margin-top: -14px }

.r-head { margin-right: 10px; font-size: 10px; line-height: 14px; text-align: right; color: #999 }
.r-head span { background-image: url('/u/idn4/reklama.svg') }
.r-body { /*text-align: center*/ }
.r-body .text, .r-body .art { text-align: left }
.r-body table { margin: auto }

.r-box, .r-box2, .r-html { display: table; }
.r-box { display: table; width: 100%; padding: 0 0 .5em }
.r-html .r-body { margin: 0 10px; }

.r-art { position: relative; text-align: left }
.r-art a { text-decoration: none; }
/*.r-art img { width: 135px; height: auto; float: left; margin: 3px 5px 1em 0; }*/
.r-art img { position: absolute; left: 0; top: 2rem; width: 200px; height: auto; margin: 3px 5px 1em 0; }
.r-art h3 { margin: 0 0 .2em; padding: 0; font-size: 120% }
.r-art .art-img img { position: static }
.r-art .perex { margin-bottom: 1em; }

[class*="s_widesquare"] { position: relative; margin-bottom: 0; padding-bottom: 2rem; margin-top: 1rem; }
/*[class*="s_widesquare"]:after {content: ""; position: absolute;bottom: 0;width: 640px; left: -80px;border-bottom: solid 1px #e7e7e8;}
*/

.art-adv, .art.art-adv { position: relative; overflow: hidden; min-height: 86px; padding: 0 0 1.2em 123px; border: 0; text-align: left }
.art-adv a:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0 }
.art.art-adv img { position: absolute; top: 0; left: 0; width: 115px; height: auto }
.art.art-adv h3 { font-size: 112.5% }

.art-adv2, .r-art .art-adv2 { border: 0; text-align: left }
.art-adv2 .art-link { position: relative; min-height: 75px; padding: 0 0 1em 108px }
.art-adv2 h3 { font-size: 116% }
.art-adv2 .art-img { position: absolute; top: 0; left: 0; width: 100px; height: 75px }
.art-adv2 img { width: 100px; height: auto }
.art-adv2 .h { display: block }
.art-adv2 .h + .def { display: none }

.s_nativ { margin-top: 0.5rem }
/*horni zaporny margin zpusobuje, ze do reklamy zasahuje nadpis "reklama" a zpusobuje spatnou prokliknutelnost */
#nativ { min-height: 130px; /*margin-top: -1.4rem; */ padding-top: 0; padding-bottom: 1.2rem; border-bottom: solid #e7e7e8 1px; }

/*.s_widesquare_clankovy {margin-bottom:2rem}*/

/* nativka */
.ads-mockup { pointer-events: none }
.ads-mockup h3 { background: rgba(128,128,128,.1); color: transparent }