/* ReSize = RS */
.css-d {
--rs-0-1:0; --rs-15-2:1.5rem; --rs-3-2:3rem; 

--art-h3:125%;
--art-img-w:217px;
--art-img-h:122px;
--opener-h3:187.5%;
--opener2-h3:137.5%;
--art-sq-w:3.375rem;
--col-ab-w:964px;
--col-ab-p:0;
--col-margin:18px;
}
.css-t {
--rs-0-1:1rem; --rs-15-2:2rem; --rs-3-2:2rem; 

--art-h3:100%;
--art-img-w:135px;
--art-img-h:76px;
--opener-h3:137.5%;
--opener2-h3:112.5%;
--art-sq-w:3rem;
--col-ab-w:auto;
--col-ab-p:1rem;
--col-margin:0;
}
@media all and (min-width:389px) and (max-width:1680px) {
.css-t {--art-h3:106.25%}
}

.content {position:relative}
.col-a {float:left; width:632px; margin:0 0 0 var(--col-margin)}
.col-b {clear:right; float:right; width:300px; margin:0 var(--col-margin) 0 0}
.col-b .r-main {margin-bottom:1.5rem}
.cols-par {margin:0 0 1.5rem; padding:0 0 1.5rem; border-bottom:1px solid var(--tgl-pri10, #CFDCF1)}
.cols-par .col-a {width:452px}
.cols-par .col-b {width:480px}
.cols-par .col-b .r-main {margin-bottom:var(--spacing-2, 2rem)}
.col-ab {clear:both; width:var(--col-ab-w); margin-left:var(--col-margin); padding:0 var(--col-ab-p)}
.section .col-ab {padding:0}
.col-ab .col-a, .col-ab .col-b, .col-ab .col-ab {margin-left:0; margin-right:0}
.css-t .col-a, .css-t .col-b {float:none; width:100%; margin-bottom:1rem}

/* zesilovacky pro novy strih */
#space-a.col-h {width:964px; margin:0 0 var(--spacing-15, 1.5rem) 18px}
#space-b.col-a {width:632px; margin:0 0 0 18px}
.css-t #space-a.col-h, .css-t #space-b.col-a {/* PRG fix */ width:100%; margin:0 0 var(--spacing-15, 1.5rem)}
.col-over .art-full {width:100%; margin:0}


.hr1 {height:1px; margin:0 0 var(--spacing-15, 1.5rem); padding:0; border:0; background:var(--tgl-pri10, #CFDCF1)}
.cols-sph + .col-ab:empty {height:1px; margin-bottom:var(--spacing-15, 1.5rem); padding:0; border:0; background:var(--tgl-pri10, #CFDCF1)}
.cols-sph:has(+ .col-a) {/* PRG bug - kdyz nenasleduje col-ab, ale primo col-a, tak toto:*/ padding-bottom:var(--spacing-15, 1.5rem); border-bottom:1px solid var(--tgl-pri10, #CFDCF1)}

.q-js .arts-1, .q-js .arts-2, .q-js .arts-3, .q-js .arts-4, .q-js .arts-5, .q-js .arts-6, .q-js .arts-7, .q-js .arts-8, .q-js .arts-9, .q-js .arts-10, .q-js .arts-11, .q-js .arts-12, .q-js .arts-13, .q-js .arts-14, .q-js .arts-15 {display:none}
.q-js .prep-1 .arts-1, .q-js .prep-2 .arts-2, .q-js .prep-3 .arts-3, .q-js .prep-4 .arts-4, .q-js .prep-5 .arts-5, .q-js .prep-6 .arts-6, .q-js .prep-7 .arts-7, .q-js .prep-8 .arts-8, .q-js .prep-9 .arts-9, .q-js .prep-10 .arts-10, .q-js .prep-11 .arts-11, .q-js .prep-12 .arts-12, .q-js .prep-13 .arts-13, .q-js .prep-14 .arts-14, .q-js .prep-15 .arts-15 {display:block}
.q-js .prep-1 .nava-1, .q-js .prep-2 .nava-2, .q-js .prep-3 .nava-3, .q-js .prep-4 .nava-4, .q-js .prep-5 .nava-5, .q-js .prep-6 .nava-6, .q-js .prep-7 .nava-7, .q-js .prep-8 .nava-8, .q-js .prep-9 .nava-9, .q-js .prep-10 .nava-10, .q-js .prep-11 .nava-11, .q-js .prep-12 .nava-12, .q-js .prep-13 .nava-13, .q-js .prep-14 .nava-14, .q-js .prep-15 .nava-15 {color:inherit; text-decoration:none}

/* STITKY */
.brisk, .premlab.premlab {display:inline-block; margin:0; padding:0 .5em; font-weight:600; font-size:.625rem; line-height:1.25rem; font-family:var(--ff-m, 'Inter'); text-transform:uppercase; color:#FFF; background:var(--sec70, #B9151C); white-space:nowrap}
.brisk2 {color:#FFF; background:var(--pri80, #102447)}
.brisk3 {color:#FFF; background:var(--pri30, #678AC6)}
.premlab.premlab {border-radius:var(--radius-xs, .125rem); text-decoration:none; text-transform:none; color:#000; background:#E8B332}
.brisklive {display:inline-block; padding:.1875em .3125em .1875em .1875em; border-radius:var(--radius-xs, .125rem); font-weight:600; font-size:87.5%; line-height:1.25; text-transform:uppercase; color:#FFF; background:rgba(16,36,71,.9)}
.brisklive:before {content:''; float:left; width:1.25em; height:1.25em; margin:0 .25em 0 0; border-radius:var(--radius-xs, .125rem); background:#E4201F url('/u/icon/fff/live.svg') no-repeat 50% 50% / 78% 78%}

/*uz je to tady, vrsime stitky*/
/*.art-img .brisks {position:absolute; left:0; bottom:0;display:flex}
.art-img .brisks > *, .art-img .brisks .premlab.premlab {position:relative}*/

.related {width:auto; margin:0; font-weight:600; font-size:100%; line-height:1.2}
.related li {position:relative; display:block; margin:.5rem 0 0; padding-left:1.25em; background:none; box-sizing:border-box}
.related li:before {content:''; position:absolute; top:0; left:0; width:.75em; height:1.2em; background:url('/u/icon/000/more.svg') no-repeat 50% 50%; filter:var(--filter-tgl-neutral20)}
.related .premlab.premlab {vertical-align:top; margin:.3em .25em 0 0; font-size:60%; line-height:1.4}
.related.related h3 {margin:0; padding:0; font-weight:600; font-size:100%; line-height:1.2; font-family:var(--ff-h, 'Fira Sans')}

.art {position:relative; min-height:var(--art-img-h); margin:0 0 var(--spacing-2, 2rem); padding:0 0 0 calc(var(--art-img-w) + var(--spacing-075, .75rem)); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.art h4 {margin:0 0 var(--spacing-025, .25rem); font-weight:600; font-size:75%; line-height:1.2; font-family:inherit; text-transform:uppercase}
.art h4 a {color:var(--tgl-pri60, #1B3E7A)}
.art h3 {display:block /* fix pro m/layout.css */; margin:0 0 var(--spacing-025, .25rem) -12px; padding:0 0 0 12px; font-weight:600; font-size:var(--art-h3); line-height:1.2}
.art-link {display:initial /* fix pro m/layout.css */; overflow:initial /* fix pro m/layout.css */; color:var(--tgl-pri80, #102447); outline:none; text-decoration:none}
.art-link.art-link {text-decoration:none /* fix pro nezadouci podtrhavani */}
.art-link.art-link.art-link {padding:0 /* fix pro m/layout.css */}
.art-link:hover h3 {text-decoration:underline}
.art .art-img {position:absolute; top:0; left:0; z-index:1; width:var(--art-img-w); height:var(--art-img-h); background:url('/u/idn4/obrazek-neni-k-dispozici.png') no-repeat 50% 50% / cover; object-fit:cover; object-position:50%}
.art-img .brisk, .art-img .premlab.premlab, .art-img-brisks {position:absolute; left:0; bottom:0; z-index:2; display:block; border-radius:0}
.art-img-brisks {display:flex; width:100%}
.art-img-brisks .brisk, .art-img-brisks .premlab.premlab {position:static}
.art-img-brisks .premlab.premlab {order:-1}
.art-img-brisks .brisk3 {order:1; margin-left:auto}
.art-img img, .art-img picture, .art-img u, /* nasleduji fixy pro PRG */ .art-img.w230 img, .art-img.w230 u {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:50%}
.art-img u, .odklad {background:no-repeat 50% 50%; background-size:cover}
.list-art-odklad u.odklad {background-image:none !important}
.art p {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-size:87.5%; line-height:1.4}
.art .art-info, .related .art-info {display:flex; flex-wrap:wrap; align-items:center; gap:.25rem var(--spacing-075, .75rem); margin:var(--spacing-025, .25rem) 0; padding:0; font-size:.625rem; line-height:1.2; overflow:initial /* fix pro m/layout.css*/}
.art h5, .related h5 {margin:0; font-weight:600; font-size:.625rem; line-height:1.2; font-family:var(--ff-m, 'Inter'); text-transform:uppercase}
.art .time, .art .discussion, .related .time {display:inline-block; padding:0 0 0 1.4em; font-size:.625rem; line-height:1.2; font-family:var(--ff-m, 'Inter'); color:var(--tgl-neutral60, #546E7A); background:url('/u/icon/567/time.svg') no-repeat 0 0 / 1em 1.2em}
.dark .art .time, .dark .related .time {background-image:url('/u/icon/bbc/time.svg')}
.art .discussion {background-image:url('/u/icon/567/discusion.svg')}
.dark .art .discussion {background-image:url('/u/icon/bbc/discusion.svg')}

/* fix pro stare openery */
.opener {padding-left:0}
.opener .art-img {position:relative; width:100%; height:0; margin:0; padding:56.25% 0 0}
.opener .art-img .art-img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:50%}
.opener h3 {margin:0; padding:.5rem 0; font-size:var(--opener-h3)}
/* fix pro stare openery - END */

.opener1 {min-height:0; padding:0}
.opener1:after {display:none}
.opener1 .art-link {display:flex; flex-direction:column; gap:.5rem}
.opener1 .art-img {float:none; position:relative; display:block; width:100%; height:0; margin:0; padding:56.25% 0 0}
.css-t .opener1 .art-img {order:-1}
.css-d .opener1 .art-img .brisk, .css-d .opener1 .art-img .premlab {font-size:.875rem; line-height:1.625rem}
.opener1 h3 {margin:0; padding:0; font-size:var(--opener-h3)}
.opener1 p {margin:.5rem 0 0; font-size:100%; line-height:1.6}
.opener1 .related {font-size:87.5%}
.opener1nr p {/* nr - NoRelated */ -webkit-line-clamp:4}

.opener2 .art-img {display:block; max-width:none; margin:0}
.css-d .opener2 {min-height:234px; margin:0 0 1.5rem; padding:0 0 0 428px}
.css-d .opener2 .art-img {width:416px; height:234px}
.css-d .opener2 .art-info  {margin-top:.5rem}
.css-t .opener2 {min-height:0; padding:0}
.css-t .opener2 .art-link {display:flex; flex-direction:column; gap:.5rem}
.css-t .opener2 .art-img {order:-1; float:none; position:relative; width:100%; height:0; padding:56.25% 0 0}
.opener2 h3 {font-size:var(--opener2-h3)}
.css-t .opener2 h3 {margin:0; padding:0}
.opener2 p {-webkit-line-clamp:4; line-height:1.4}

.art-sq {min-width:229px; min-height:var(--art-sq-w); margin:0; padding:0 0 0 calc(var(--art-sq-w) + .5rem)}
.art-sq .art-img {width:var(--art-sq-w); height:var(--art-sq-w); border-radius:var(--radius-m, .5rem); overflow:hidden}
.art-sq h3 {margin-bottom:.125rem; font-size:87.5%}
.outflex-max3 .art-sq h3 {font-size:100%}
.art-sq p {margin:0 0 .25rem; font-size:81.25%; line-height:1.4}
.art-sq h4 {margin:0 0 .125rem; font-size:62.5%}

/* docasna zesilovacka pro @sport.css */
.art h4 {position:static; width:auto; height:auto}
.art h4 a, .art h4 a:hover {padding:0; background:none}
.art h4 a:hover {text-decoration:underline}
/* docasna zesilovacka pro @sport.css - END */
/* docasny PRG hot fix pro zapomenute art-img v art-img */
.art-img.art-img .art-img {padding:0}
/* docasny PRG hot fix - END */

/* zesilovacka pro Premium */
.css-d .art.art.art.art-extrarow {border-bottom:10px solid var(--tgl-ter20, #F6E1AD)}
.css-t .extra-opener {position:relative; overflow:hidden; min-height:15em; max-height:90vh; max-height:calc(90vh - 2rem); padding:0; color:#FFF; background:#102447}
.css-t .extra-opener:after {display:none}
.css-t .extra-opener .art-link {display:block; padding:0; color:inherit}
.css-t .extra-opener .mark-video {width:auto}
.css-t .extra-opener .mark-video span {display:none; top:auto; right:30px; bottom:30px}
.css-t .extra-opener .art-img {position:relative; float:none; width:100%; height:auto; margin:0}
.css-t .extra-opener .art-img:before {display:none}
.css-t .extra-opener .art-img:after {content:''; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; margin:0; background:linear-gradient(rgba(16,36,71,0) 50%, rgba(16,36,71,.6) 90%)}
.css-t .extra-opener .art-img img, .extra-opener .art-img picture {display:block; width:100%; height:auto; margin:0}
.css-t .extra-opener .art-img u {display:block; width:100%; height:26em; background:no-repeat 50% 50% / cover}
.css-t .extra-opener .cell {position:absolute; left:1rem; bottom:10px; right:10px; z-index:5; text-shadow:0 0 20px rgba(16,36,71,.6)}
.css-t .extra-opener h3, .css-t .art.extra-opener h3 {margin:0 0 .2em; padding:0; font-weight:600; font-size:175%}
/* zesilovacka pro Premium touch - END */

.a-box, .art + .a-box {margin:0 0 var(--spacing-2, 2rem)}
#wrapper > .a-box {margin:0 1rem 1rem}
.a-box h2 {display:block; height:auto; margin:0 0 1rem; padding:0; border:0; text-align:left; font-size:var(--rs-h3); line-height:1.2; font-family:var(--ff-h, 'Fira Sans'); text-transform:uppercase; letter-spacing:0}
.a-box h2 a, .a-box h2 a:hover {display:initial; color:inherit; text-decoration:none}
.a-box .box-in {clear:both; padding:0; border:0}
.art + .a-box {position:relative; z-index:1; padding:0; border:0}

.cols-par .art {min-height:106px; padding:0 0 0 200px}
.cols-par .art h3 {font-size:112.5%}
.cols-par .art .art-img {width:188px; height:106px}

.arts-row {clear:both; margin:0 0 .75rem}
.arts-row2c {display:grid; grid-template-columns:1fr 1fr; gap:1.5rem 1rem;}
.arts-row3c {display:grid; grid-template-columns:repeat(3, 1fr); gap:1.5rem 1rem; margin:0 0 1.5rem}
.arts-row .art {margin:0; padding:0}
.arts-row .art-link {display:flex; flex-direction:column-reverse}
.arts-row .art h3 {margin:0; padding:.25rem 0 0; font-size:100%}
.arts-row .art .art-img {position:relative; width:100%; height:0; padding:56.25% 0 0}
.arts-row .art-img img, .arts-row .art-img u {position:absolute; top:0; left:0; width:100%; height:100%}
.arts-row .r-art {margin:0}

.art-videoplayer.art-videoplayer.art-videoplayer {padding:0}
.art-videoplayer.art-videoplayer videoplayer + small {padding:0; font-size:0}
.art-videoplayer.art-videoplayer.art-videoplayer.art-videoplayer h3, .art-videoplayer.art-videoplayer.art-videoplayer.art-videoplayer h4 {margin:0; padding:.25rem 0 0}

.btn {display:flex; justify-content:center; align-items:center; min-height:2.5em; padding:.125em .75em; border:1px solid var(--tgl-pri10, #CFDCF1); border-radius:var(--radius-s, .25rem); font-weight:600; font-size:100%; line-height:1.25; text-align:center; text-decoration:none; color:var(--tgl-pri80, #102447); background:var(--tgl-pri05, #EFF3F9); box-sizing:border-box}
.btn:hover {text-decoration:none; background-color:var(--tgl-pri10, #CFDCF1)}
.btn-pri {border-color:transparent; color:#FFF; background-color:var(--tgl-pri60b, #1B3E7A)}
.btn-pri:hover {border-color:transparent; color:#FFF; background-color:var(--tgl-pri80b, #102447)}
.btn-more-out {margin:var(--spacing-15, 1.5rem) auto}
.btn-more {display:flex; justify-content:center; align-items:center; gap:.5em; min-height:2.5em; margin:0 auto; padding:.125em .75em; border:1px solid var(--tgl-pri10, #CFDCF1); border-radius:var(--radius-s, .25rem); font-weight:600; font-size:100%; line-height:1.25; text-decoration:none; color:var(--tgl-pri80, #102447); background:var(--tgl-pri05, #EFF3F9); box-sizing:border-box}
.btn-more:hover {text-decoration:none; background:var(--tgl-pri10, #CFDCF1)}
.css-d .btn-more {max-width:328px}
.btn-more[class*=ico-]:before, .btn-more[class*=icor]:after {filter:var(--filter-tgl-pri80)}
.btn-disabled.btn-disabled {min-height:3rem; border-color:transparent; color:var(--tgl-neutral60, #546E7A); background:var(--tgl-neutral05, #ECEFF1); cursor:default}
.read-more.read-more, .complete .read-more.read-more {display:flex; justify-content:flex-end; align-items:center; height:2.5rem; padding:0 .75rem; border:1px solid var(--tgl-pri10, #CFDCF1); border-radius:var(--radius-s, .25rem); color:var(--tgl-pri80, #102447); background:var(--tgl-pri05, #EFF3F9); font-weight:600; font-size:.875rem; line-height:1.286; text-align:right; text-decoration:none; box-sizing:border-box}
.complete .read-more.read-more {border-color:transparent; color:var(--tgl-pri80, #102447); background:var(--tgl-white, #FFF)}
.read-more.read-more:after {content:''; display:block; width:1em; height:1em; margin:0 0 0 .5rem; background:url('/u/icon/000/more.svg') no-repeat 50% 50%; filter:var(--filter-tgl-pri80)}
.read-more.read-more:hover {text-decoration:none; background-color:var(--tgl-pri10, #CFDCF1)}

.group {clear:both; margin:0 calc(-1 * var(--spacing-15, 1.5rem)) var(--rs-3-2); padding:0 var(--spacing-15, 1.5rem)}
.group .group {margin:0; padding:0}
.group:after {content:''; display:block; clear:both}
.group-sec {padding-top:var(--spacing-15, 1.5rem); border-radius:var(--radius-m-0, .5rem); background:linear-gradient(180deg, var(--tgl-neutral05, #ECEFF1) 0%, transparent 6rem)}
.group-menu {position:relative; display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; margin:0 0 1rem}
.group-tit {flex:0 0 100%; margin:0; font-size:var(--rs-h3); line-height:1.2; font-family:var(--ff-h, var(--ff-h, 'Fira Sans')); text-transform:uppercase; letter-spacing:0}
.group-menu-sec .group-tit {flex:0 0 auto; margin:0 .5rem 0 0}
.group-menu ul {display:flex; align-items:center; gap:.25rem; font-weight:600; font-size:87.5%; line-height:2; white-space:nowrap; overflow:auto; scrollbar-width:thin}
.group-menu ul:empty {display:none}
.css-t .group-menu ul {margin:0 -1rem; padding:0 1rem}
.group-menu li {display:block; margin:0; padding:0}
.group-menu li a {display:block; padding:0 .5em; border:1px solid var(--tgl-pri10, #CFDCF1); border-radius:var(--radius-s, .25rem)}
.group-menu li a:hover {text-decoration:none; background:var(--tgl-pri05, #EFF3F9)}
.group-menu ul .ico-setting:before {height:2em; filter:var(--filter-tgl-pri80)}

/* DOPORUCUJEME - update 12/2024 */
.group-sph-premium {margin-bottom:0}

/* rez pro ZPRAVY a PREMIUM */
.group-ab .col-b {padding-left:1rem; border-left:1px solid var(--tgl-pri10, #CFDCF1)}
.css-t .group-ab {background:linear-gradient(180deg, transparent calc(100% - 6rem), var(--tgl-pri05, #EFF3F9) 100%)}
.css-t .group-ab .related ul {display:flex; gap:1rem; width:100%; overflow:auto; margin:0 -1rem; padding:0 1rem}
.css-t .group-ab .related li {flex:1; min-width:220px; font-size:87.5%}
.css-t .group-ab .related .art-info {font-size:1rem}

.group-premium {padding-top:var(--spacing-15, 1.5rem); border-radius:var(--radius-m-0, .5rem); background:linear-gradient(180deg, var(--tgl-ter10, #FAF0D6) 0%, transparent 6rem)}
.css-t .group-premium {padding-bottom:var(--spacing-15, 1.5rem); background:linear-gradient(180deg, transparent calc(100% - 6rem), var(--tgl-ter10, #FAF0D6) 100%), linear-gradient(180deg, var(--tgl-ter10, #FAF0D6) 0%, transparent 6rem)}
.group-premium .col-b {border-left:1px solid var(--tgl-ter20, #F6E1AD)}
.group-premium .group-tit a {color:var(--tgl-ter70, #C89413)}
.group-premium .group-menu li a {border-color:var(--tgl-ter20, #F6E1AD)}
.group-premium .group-menu li a:hover {background:var(--tgl-ter10, #FAF0D6)}
.group-premium .btn-more.btn-more.btn-more {border-color:var(--tgl-ter50, #E8B332); color:var(--tgl-pri80, #102447); background:var(--tgl-ter10, #FAF0D6)}
.group-premium .btn-more.btn-more.btn-more:hover {background:var(--tgl-ter20, #F6E1AD)}
.group-premium .related li:before {filter:var(--filter-tgl-ter50)}
.group-premium .premlab.premlab {display:none}

/* nekonecna SPH */
.group-infinity.group-infinity {clear:both; margin-left:0; margin-right:0; padding-left:0; padding-right:0}
.group-infinity .art h4 {margin:0 0 .25rem; font-size:var(--rs-h9); text-transform:none}
.group-infinity .art h4 a {color:var(--tgl-pri60, #1B3E7A)}
.css-t .group-infinity .art h3 {margin-bottom:.125rem; font-size:87.5%}
.css-t .group-infinity .art h4 {margin-bottom:.125rem}

/* transformace pro HP kraju */
.css-d .outflex-khp .group {display:flex; flex-direction:column; margin:0 0 2.5rem; padding:0}
.css-d .outflex-khp .group:after {display:none}
.css-d .outflex-khp .group-tit {font-size:162.5%}
.css-d .outflex-khp .arts-row {margin-bottom:.5rem}
.css-d .outflex-khp .related {margin:auto 0 1.25rem}
.css-d .outflex-khp .related li {min-height:3.6em}
.css-d .outflex-khp .btn-more-out {margin:0; font-size:87.5%}
.css-t .outflex-khp .group {margin:0 0 2rem; padding:0}

/* VIDEO CLANKY */
.videoblok {margin:0 0 1.5rem; padding:1.5rem; border-radius:var(--radius-m, .5rem); background:var(--tgl-white, #FFF); box-shadow:0 .5rem 1rem var(--tgl-black-o10, #0000001a)}
.cols-par .videoblok {margin:0}
.videoblok .group-tit {flex:0 0 auto; margin:0 .5rem 0 0}

.video-list {display:grid; grid-template-columns:1fr 1fr; gap:1rem}
.video-list li {display:block}
.css-t .video-list {display:flex; gap:1rem; width:100%; overflow:auto; margin:0 -1rem; padding:0 1rem}
.css-t .video-list li {flex:1; min-width:208px}
.video-art {position:relative; display:block}
.video-art .art-img {overflow:hidden; position:relative; width:100%; height:0; margin:0; padding:56.25% 0 0}
.video-art .art-info {position:absolute; left:.25rem; bottom:.25rem; margin:0; padding:0 /* 0 0 1.75rem*/; font-size:.875rem; line-height:1.5rem; color:#FFF; background:none /*url('/u/n4/play.svg') no-repeat 0 50% / contain*/; text-shadow:0 0 .5em #000}
.video-art .art-img img, .video-art .art-img u {position:absolute; top:0; left:0; width:100%; height:100%}
.video-art h3 {clear:both; margin:0; padding:.25rem 0 0; font-weight:600; font-size:100%; line-height:1.2}

/* TV program */
.tvprogram {display:grid; grid-template-columns:repeat(4, 1fr); gap:1rem}
.css-t .tvprogram {width:100%; margin:0 -1rem; padding:0 1rem; overflow:auto}
.tvprogram .item {min-width:128px; overflow:hidden}
.tvprogram .logo-tv {display:block; width:2em; height:1em; margin:0; border:0; background:no-repeat 50% 50% / cover}
.tvprogram h3 {width:100%; margin:2px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:400; font-size:81.25%; font-family:inherit}
.tvprogram .timer {overflow:hidden; height:4px; background:var(--tgl-pri05, #EFF3F9)}
.tvprogram .timer span {display:block; height:4px; background:var(--tgl-pri30, #678AC6)}

/* BLOGY a KVIZY */
.outflex {clear:both; display:flex; gap:1rem}
.outflex-c {flex-direction:column}
.outflex > * {flex:1 1 50%; position:relative; display:block}
.outflex-max3 > *:nth-child(n+4) {display:none}
.outflex-g2 {gap:2rem}
.outflex-g2 > * {min-width:300px}
.outflex-overflow {width:100%; overflow:auto}
.group .outflex-overflow {margin:0 calc(-1 * var(--spacing-15, 1.5rem)); padding:0 var(--spacing-15, 1.5rem)}

.b-box-ter {padding:var(--spacing-15, 1.5rem); border-radius:var(--radius-m-0, .5rem); color:var(--tgl-neutral90, #263238); background:var(--tgl-pri05, #EFF3F9); box-sizing:border-box}

.linenav {position:relative; z-index:3; display:grid; grid-auto-flow:column; grid-auto-columns:1fr; width:max-content; max-width:100%; margin:0 auto .5rem; padding:.125rem; border-radius:var(--radius-s, .25rem); border-collapse:collapse; color:var(--tgl-pri80, #102447); background:var(--tgl-pri05, #EFF3F9); box-sizing:border-box}
.linenav li {flex:1; display:block; font-size:87.5%; line-height:1.286; text-align:center}
.linenav li ~ li {position:relative; border-left:1px solid transparent}
.linenav li ~ li:before {content:''; position:absolute; top:.5em; left:-1px; bottom:.5em; width:1px; background:var(--tgl-white, #FFF)}
.linenav a {display:flex; align-items:center; justify-content:center; height:100%; padding:.5em 1em; box-sizing:border-box; border-radius:var(--radius-s, .25rem); text-decoration:none; cursor:pointer; color:inherit}
.linenav a:hover {text-decoration:underline}
.prep-1 .linenav .nava-1, .prep-2 .linenav .nava-2, .prep-3 .linenav .nava-3, .prep-4 .linenav .nava-4, .prep-5 .linenav .nava-5, .linenav .act {position:relative; z-index:1; font-weight:600; text-decoration:none; color:#FFF /* design bug */; background:var(--tgl-pri60b, #1B3E7A); box-shadow:0 .25rem .5rem var(--tgl-black-o10, #0000001a)}
.b-box-ter .linenav {color:var(--tgl-pri80, #102447); background:var(--tgl-white, #FFF)}
.b-box-ter .linenav li ~ li:before {background:var(--tgl-pri05, #EFF3F9)}

/* COLS-SHP */
.cols-sph {display:flex; justify-content:space-between; width:964px; margin:0 0 1.5rem 18px; box-sizing:border-box}
.cols-sph .col-a {flex:0 0 548px; float:none; margin:0}
.cols-sph .col-b {flex:0 0 384px; float:none; display:flex; flex-direction:column; justify-content:space-between; gap:1rem; margin:0; padding:0}
.cols-sph .col-b .r-main {margin-bottom:0}
.cols-sph > .fc0 {display:none}
.cols-sph .art {margin:0}
.cols-sph .nejnej-out {flex:1; position:relative; padding:0; border:1.5rem solid transparent}
.cols-sph .nejnej-out .nejnej {position:absolute; top:0; left:0; width:100%; height:100%}
.section .nejnej-out {margin:0 -1rem 1rem}
.section-sph {display:flex; flex-direction:column; gap:1rem; margin-bottom:var(--spacing-2, 2rem)}
.section-sph > *, .section-sph .opener1, .section-sph .nejnej-out {margin-top:0; margin-bottom:0}

.nejnej {flex:1; position:relative; display:flex; flex-direction:column; overflow:hidden}
.nejnej [class*="arts-"] {flex:1; position:static; display:none}
.nejnej.prep-1 .arts-1, .nejnej.prep-2 .arts-2, .nejnej.prep-3 .arts-3, .nejnej.prep-4 .arts-4, .nejnej.prep-5 .arts-5 {display:block}
.nejnej .linenav {flex:0; justify-content:center; width:20.5em; max-width:20.5em; margin:0 auto .5rem}
.linenav-fit .linenav {width:fit-content; min-width:16em}
.linenav-start .linenav {width:fit-content; min-width:8em; margin-left:0}
.css-d ul.nejnej-list {position:absolute; top:2.75rem; bottom:0; width:200%; column-count:2; column-gap:0; column-fill:auto; overflow:hidden}
.nejnej-list li {position:relative; overflow:hidden; display:block; margin:0; padding:.25rem 0; font-size:87.5%; line-height:1.25; break-inside:avoid}
.nejnej-list .h {display:none}
.nejnej-list a:after {content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1}
.nejnej-list .time {float:left; margin:.167em .5rem 0 0; font-weight:600; font-size:85.71%; font-feature-settings:"tnum"; color:var(--tgl-neutral60, #546E7A)}
.nejnej-list .time-live {display:inline-block; font-size:88.97%; line-height:1.2; color:var(--tgl-neutral90, #263238)}
.nejnej-list .time-live:before {content:''; display:inline-block; vertical-align:top; width:1.2em; height:1.2em; margin:0 .167em 0 0; background:url('/u/icon/e11/live.svg') no-repeat 50% 50%}
.nejnej-list u {float:left; width:1em; height:1em; margin:.143em .5rem 0 0; background:no-repeat 50% 50% / contain}
.nejnej-list .cell {display:table-cell}
.nejnej .more {position:relative; z-index:1; display:block; width:100%; margin:.5rem 0 0; padding:.5rem; border:1px solid var(--tgl-pri10, #CFDCF1); border-radius:var(--radius-s, .25rem); font-weight:600; font-size:87.5%; line-height:1.286; text-align:center; color:var(--tgl-pri80, #102447); background:var(--tgl-pri05, #EFF3F9); box-sizing:border-box}
.nejnej .more:hover {text-decoration:none; background:var(--tgl-pri10, #CFDCF1)}
.css-d .nejnej .more {position:absolute; bottom:0; z-index:2}
.css-d .nejnej .more:after {content:''; position:absolute; top:auto; bottom:100%; left:0; right:0; z-index:1; height:1.5rem; margin:0 0 1px; background:linear-gradient(180deg, transparent 0%, var(--tgl-white, #FFF) 100%)}
.b-box-ter .nejnej .more {color:var(--tgl-pri80, #102447); background:var(--tgl-white, #FFF)}
.b-box-ter .nejnej .more:hover {background-color:var(--tgl-pri10, #CFDCF1)}
.css-d  .b-box-ter .nejnej .more:after {background:linear-gradient(180deg, transparent 0%, var(--tgl-pri05, #EFF3F9) 100%)}
.nejnej-video videoplayer + small {height:0; padding:0; overflow:hidden}
.nejnej-video h3 {margin:0; padding:.25rem 0 0; font-weight:600; font-size:100%; line-height:1.2}
.nejnej-video h3 a {display:block}
.nejnej-date {position:relative; z-index:2; margin:0 0 -1.75rem; padding:1rem 1.5rem 0; border-radius:var(--radius-m-0, .5rem) var(--radius-m-0, .5rem) 0 0; text-align:center; font-size:75%; line-height:1.25; color:var(--tgl-neutral90, #263238); background:var(--tgl-pri05, #EFF3F9)}
.css-t .nejnej-date {margin-bottom:-1.5rem; padding-top:.75rem}
.section .nejnej-date {margin-left:-1rem; margin-right:-1rem; padding-left:1rem; padding-right:1rem}

#weather-servis {width:328px; margin:auto; font-size:100%; font-feature-settings:"lnum"}
#weather-servis:after {content:''; display:block; clear:both}
.weather-1 .day, .weather-2 {display:block; font-size:75%; line-height:1.167}
.weather-1 a, .weather-2 a {display:block; text-decoration:none}
.weather-1 a:hover .day, .weather-2 a:hover {text-decoration:underline}
.weather-1 {float:left; display:table; table-layout:fixed; width:204px; margin:0 0 .25rem}
.weather-1 li {display:table-cell; text-align:center; vertical-align:top; overflow:hidden}
.weather-1 img {display:block; width:2rem; height:2rem; margin:.25rem auto .125rem}
.weather-1 .weather-warning {position:relative; width:2rem; height:2rem; margin:.25rem auto .125rem}
.weather-1 .weather-warning:after {content:''; position:absolute; bottom:0; right:0; width:1rem; height:1rem; border:1px solid #E41F1F; border-radius:100%; background:var(--sec05) url('/u/icon/e11/error.svg') no-repeat 50% / 60%; box-sizing:border-box}
.weather-1 br {display:none}
.weather-1 .temperature {display:block; font-weight:800; font-size:87.5%; line-height:1.286; color:var(--tgl-pri60, #1B3E7A)}
.weather-2 {float:right; padding:0; text-align:center}
.weather-2 .mask {position:relative; overflow:hidden; display:block; width:108px; height:65px; margin:.5rem 0 0}
.weather-2 .mask:before {content:''; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:url('/o/sph/mask-map3.png') no-repeat 0 0 / cover}
.dark .weather-2 .mask:before {background-image:url('/o/sph/mask-map3-dark.png')}
.weather-2 .mask img {display:block; width:100%; height:100%}
.weather-3 {clear:left; float:left; width:204px; font-weight:600; font-size:75%; line-height:1.25; text-align:center}
.weather-3:after {content:''; display:inline-block; vertical-align:top; width:.75em; height:1.25em; margin-left:.17em; background:url('/u/icon/124/arrow2-right.svg') no-repeat 50% 50%}
/* Radim old fix */
#weather-servis .fc0 {display:none}
#weather-servis .fc0 + a {clear:left; float:left; width:204px; font-weight:600; font-size:75%; line-height:1.25; text-align:center}
#weather-servis .fc0 + a:after {content:''; display:inline-block; vertical-align:top; width:.75em; height:1.25em; margin-left:.17em; background:url('/u/icon/124/arrow2-right.svg') no-repeat 50% 50%}
/* Radim old fix - END */

.cols-ears {display:flex; gap:1.5rem; margin:0 -1.5rem 1.5rem; padding:1.5rem; border-radius:var(--radius-m, .5rem); background:linear-gradient(180deg, var(--tgl-neutral05, #ECEFF1) 0%, rgba(128,128,128,0) 6rem)}
.cols-ears li {flex:1 0 30%; position:relative; display:block; padding:0 0 0 3.875rem}
.cols-ears li:nth-child(n+4) {display:none}
.cols-ears u {position:absolute; top:0; left:0; width:3.375rem; height:3.375rem; border-radius:var(--radius-m, .5rem); background:no-repeat 50% 50% / cover}
.cols-ears a {display:block}
.cols-ears h4 {margin:0 0 .125rem; font-weight:600; font-size:62.5%; line-height:1.2; text-transform:uppercase}
.cols-ears h3 {margin:0 0 .125rem -2em; padding:0 0 0 2em; font-weight:600; font-size:100%; line-height:1.2}
.cols-ears p {font-size:75%; line-height:1.167}
.cols-ears-online {overflow:hidden; min-height:3.375rem}
.cols-ears-online img {position:absolute; top:0; left:0; width:3.375rem; height:3.375rem; border-radius:var(--radius-m, .5rem)}
.cols-ears-online h4 {font-weight:800; line-height:1.25}
.cols-ears-online .brisklive {display:inline-block; vertical-align:top; margin-left:.5em; padding:0 .3125em 0 0; font-size:100%; line-height:inherit}
.cols-ears-online .mega-live {display:none}
.cols-ears-online .mega-online-out {position:relative; height:auto; min-height:0; overflow:visible; font-size:100%; line-height:inherit}
.cols-ears-online .mega-online {position:relative; height:2.572em; min-height:0; overflow:hidden; font-size:87.5%; line-height:1.286}
.cols-ears-online .mega-online .item {margin:0}
.cols-ears-online .mega-online .time {display:inline-block; vertical-align:top; margin:0 .25rem 0 0; padding:0 .3em; border-radius:var(--radius-xs, .125rem); font-weight:800; font-size:85.71%; line-height:1.5; color:var(--tgl-neutral90, #263238); background:var(--tgl-pri10, #CFDCF1)}
.cols-ears-online .mega-online b {font-weight:400}
.cols-ears-online .mega-online p {font-size:100%; line-height:inherit}
.cols-ears-online .mega-more.mega-more {position:absolute; left:auto; bottom:0; right:0; z-index:2; display:block; width:auto; height:auto; padding:0 0 0 3em; border:0; border-radius:0; text-align:right; text-transform:none; font-weight:600; font-size:75%; line-height:1.5; background:linear-gradient(to right, rgba(244,245,249,0), rgba(244,245,249,1) 3em)}
.cols-ears-online .mega-more:before {content:''; position:absolute; top:-99em; left:-999em; bottom:0; right:-999em}
.cols-ears-online .mega-more:after {content:''; display:inline-block; vertical-align:top; width:.8em; height:1.5em; margin:0 0 0 .3em; background:url('/u/icon/000/arrow2-right.svg') no-repeat 50% 50%; filter:var(--filter-tgl-pri80)}
/* COLS-SHP - END */

/* pro sportovni HP */
.authorslist .posunovac-prev:before, .authorslist .posunovac-next:before {border-color:var(--tgl-pri60)}
.authorslist li {margin:0 1rem 0 0; padding:.5em 0}
.authorslist .authorbox-foto {position:relative; z-index:2; font-size:58%; filter:grayscale(100%)}
.authorslist .name {display:flex; align-items:center; gap:.5rem; font-size:87.5%; line-height:1.25; white-space:nowrap; text-decoration:none}
.authorslist .name b {display:block}
.authorslist .name:hover b {text-decoration:underline}

.comment-box {position:relative; margin:-1rem; padding:1rem; overflow:hidden}
.comment-box:before {display:none}
.comment-box .box-in {display:flex; align-items:flex-start; gap:.5rem; position:relative; overflow:visible; min-height:0; padding:0 0 2.75rem; border-bottom:none}
.comment-box .box-in:hover {background:none}
.comment-box p {flex:1; display:flex; gap:.5rem; padding:.5rem 0; font-weight:400; font-size:125%; line-height:1.25; font-family:inherit}
.comment-box p:before, .comment-box p:after {content:''; flex:0 0 2rem; margin:-.5rem 0; background:url('/u/icon/000/quotes-down.svg') no-repeat 50% 100% / contain; filter:var(--filter-tgl-pri60)}
.comment-box p:after {transform:rotate(180deg)}
.comment-box h3 {position:absolute; bottom:0; left:2.5rem; font-weight:600; font-size:100%; line-height:1.25; font-family:inherit}
.comment-box small {display:block; font-weight:400; font-size:75%}
.comment-box img {display:none}
.comment-box .person-foto {flex:0 0 auto; order:1; width:7.5rem; height:7.5rem; margin-bottom:-1rem}
.comment-box .person-foto img {position:static; display:inline-block}
.comment-box a, .comment-box a:hover {position:absolute; bottom:0; right:8rem; padding:.5rem .75rem; border:1px solid var(--tgl-pri80, #102447); border-radius:var(--radius-s, .25rem); font-weight:600; font-size:87.5%; line-height:1.25; text-transform:uppercase; text-decoration:none; color:var(--tgl-pri80, #102447); background:none; text-decoration:none}
.comment-box a:hover {background:var(--tgl-neutral05, #ECEFF1)}
.comment-box a:before {content:''; float:right; width:.75em; height:1.25em; margin-left:.5em; background:url('/u/icon/000/arrow2-right.svg') no-repeat 50% 50% / contain; filter:var(--filter-tgl-pri80)}
.comment-box a:after {content:''; position:absolute; top:-999px; left:-999px; right:-999px; bottom:-999px; z-index:1}
.comment-box a span:before {display:none}

.sportsevent-line {overflow:visible}
.sportsevent-line .posunovac-prev, .sportsevent-line .posunovac-next {background:none; width:1.5rem}
.sportsevent-line .posunovac-prev {left:-1.5rem}
.sportsevent-line .posunovac-next {right:-1.5rem}
.sportsevent-line .posunovac-prev:before, .sportsevent-line .posunovac-next:before {width:1.5rem; left:0; right:0}
.sportsevent-line ul {display:flex}
.css-t .sportsevent-line.posunovac {overflow:visible}
.css-t .sportsevent-line ul {margin:0 -1rem; padding:0 .5rem}
.sportsevent-line li {flex:0 0 auto; display:block; width:192px; vertical-align:top; margin:0; padding:0 .125rem; box-sizing:border-box}
.sportsevent-line li ~ li {border-left:1px solid var(--tgl-pri10, #CFDCF1)}

.sportoc {position:relative}
.sportoc-prev, .sportoc-next {position:absolute; top:0; bottom:0; cursor:pointer}
.sportoc-prev {right:100%}
.sportoc-next {left:100%}
.sportoc-prev:before, .sportoc-next:before {content:''; display:block; width:1.25rem; height:100%; background:url('/u/icon/000/arrow-right.svg') no-repeat 50% 50% / contain; filter:var(--filter-tgl-pri80)}
.sportoc-prev:before {transform:rotate(180deg)}
.sportoc li {display:block; width:192px; margin:0; padding:0 .125rem; border-right:1px solid var(--tgl-pri10, #CFDCF1); box-sizing:border-box}
.sportoc p {font-size:100%}
.css-t .sportoc-prev, .css-t .sportoc-next {display:none}
.css-t .sportoc ul {display:flex; gap:0; white-space:nowrap; overflow-y:hidden; scrollbar-width:thin; scroll-behavior:smooth; margin:0 -1rem; padding:0 1rem}
.css-t .sportoc li {flex:0 0 auto}

.sportsevent.sportsevent {display:block; padding:.5rem; border:1px solid transparent; border-radius:var(--radius-s, .25rem); text-decoration:none; white-space:normal}
.sportsevent.live {border-color:var(--tgl-neutral05, #ECEFF1); background:var(--tgl-white, #FFF)}
.sportsevent-info {display:flex; gap:.25rem; margin:0 0 .5rem; font-weight:400; font-size:62.5%; line-height:1.2; font-family:inherit}
.sportsevent-info h4 {flex:1; font:inherit; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.sportsevent-info .time, .sportsevent-info .brisk {flex:0; font:inherit; white-space:nowrap}
.sportsevent-info .brisk {font-weight:600}
.sportsevent-team {display:flex; gap:.25rem; margin:.25rem 0 0; font-size:87.5%; line-height:1.25; font-family:inherit}
.sportsevent-team .symbol {flex:0}
.sportsevent-team .symbol img {display:block; width:auto; max-width:3em; height:1.25em; vertical-align:top; overflow:hidden}
.sportsevent-team .name {flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:600}
.sportsevent-team .score {flex:0; font-weight:800; font-feature-settings:"tnum"; white-space:nowrap}
.sportsevent-team .name + .score {padding-left:.25rem}
.sportsevent-team .score small {font-size:.5rem}
.sportsevent-text {font-weight:600; font-size:75%; line-height:1.25; font-family:inherit}
.sportsevent-text .symbol {float:left; margin:0 .25em 0 0}
.sportsevent-text .symbol img {width:auto; height:1.25em; vertical-align:top}
.sportsevent [class*="ico-"]:before {filter:var(--filter-tgl-pri80)}
.group-datacentrum .tit {margin:0 0 .25rem; font-weight:800; font-size:112.5%; line-height:1.25; font-family:inherit}
/* pro sportovni HP - END */

/* presunuta paticka */
.css-d #footerbox {margin:0 0 2rem; font-size:81.25%}
.css-d #footerbox ul {overflow:hidden}
.css-d #footerbox li {float:left; list-style:none}
.css-d #footerbox #f-sls li {width:33%; margin:0 0 .3em}
.css-d #footerbox #f-sls li:nth-child(1){width:auto}
.css-d #footerbox #f-sls li:nth-child(2){clear:both}
.css-d #footerbox .ico-idn {position:relative; display:block; line-height:1.33; padding:0 1.7em 0 4.3em; font-weight:600}
.css-d #footerbox .ico-idn, .css-d #footerbox .ico-idn:hover {color:var(--tgl-neutral90, #263238)}
.css-d #footerbox #copyright {padding:1em 0}
.css-d #footerbox #f-lnk li {margin:0 .6em .3em 0; padding-right:.6em; border-right:1px solid #546E7A}
.css-t #footerbox {/* na tauchy se asi nepouziva */ position:relative; z-index:5}
.css-t #footerbox .ico-setting, .css-t #footerbox .ico-desktop {color:var(--tgl-pri80, #102447); background:var(--tgl-white, #FFF)}
.css-t #footerbox .ico-setting:before, .css-t #footerbox .ico-desktop:before {content:''; display:inline-block; vertical-align:baseline; width:1em; height:1em; margin:0 .4em 0 0; background:no-repeat 50% 50% / contain; filter:var(--filter-tgl-pri80)}
.css-t #footerbox .ico-setting:before {background-image:url('/u/icon/000/settings-round.svg')}
.css-t #footerbox .ico-desktop:before {background-image:url('/u/icon/000/desktop.svg')}

/* extra udalost pod portalovkou */
.extra-tab {max-width:964px; padding:0}
.css-d .extra-tab {margin:0 auto 1.5rem}
.css-t .extra-tab {margin:0 1rem 1rem}
.extra-tab h2 {height:auto; margin:0 auto .75rem; padding:0; border:0; text-align:center; font-weight:600; font-size:var(--rs-h1, 2.25rem); line-height:1.2; color:inherit; background:none; text-transform:none}
.extra-tab h2 a {display:block; padding:.25rem 0; color:inherit; background:none; text-decoration:none}
.extra-tab h2 a:hover {text-decoration:underline}
.extra-tab table {table-layout:fixed; width:100%; margin:0; padding:0; border:0; border-collapse:collapse}
.extra-tab td {padding:0 10px 16px; vertical-align:top; font-size:87.5%; font-weight:600; text-align:left}
.extra-tab img {display:block; max-width:100%; margin:0 0 .75rem; border-radius:var(--radius-m, .5rem)}

/* rozbalovaci seznamy */
.pulldown {margin:0 0 var(--spacing-15, 1.5rem)}
.pulldown li {list-style:none; margin:0 0 .25rem; padding:0 var(--spacing-125, 1.25rem); border-radius:var(--radius-m, .5rem); background:var(--tgl-pri05, #EFF3F9)}
.pulldown h4, .pulldown h4:hover {position:relative; padding:var(--spacing-125, 1.25rem) 2em var(--spacing-125, 1.25rem) 0; font-weight:600; font-size:1.125rem; line-height:1.2; color:var(--tgl-pri80, #102447); cursor:pointer}
.pulldown h4:after {content:''; position:absolute; right:0; top:50%; width:1.2em; height:1.2em; margin:-.6em 0 0; background:url('/u/icon/68c/arrow-down.svg') no-repeat 50% 50% / 63.63% 63.63%}
.pulldown .open h4:after {background-image:url('/u/icon/68c/arrow-up.svg')}
.pulldown .answer {max-height:0; overflow:hidden; transition:.5s}
.pulldown .open .answer {max-height:30em; padding:0 0 1em}
.pulldown .answer a {color:var(--tgl-pri60, #1B3E7A); text-decoration:underline}
.pulldown .answer ul {margin:.5em 0 0; font-weight:600; line-height:1.2}
.pulldown .answer li {display:block; margin:0; padding:0}
.pulldown .answer li a {display:block; padding:.3em 0 .3em 1.2em; background:url('/u/icon/68c/arrow2-right.svg') no-repeat 0 .586em / .714em .714em; text-decoration:none}
.pulldown .answer li a:hover {text-decoration:underline}

/* art-social */
.art-social {position:relative; float:right}
.art-social ul {display:flex; margin:0 -.66em}
.art-social li {display:block; line-height:1; margin:-.66em 0}
.art-social li a {display:block; padding:.66em}
.art-social .logo-facebook, .art-social .logo-twitter, .art-social .logo-print, .art-social .logo-favorite, .art-social .logo-discusion {display:block; width:1em; height:1em; background:none !important}
.art-social .logo-facebook:before, .art-social .logo-twitter:before, .art-social .logo-print:before, .art-social .logo-favorite:before, .art-social .logo-discusion:before {content:''; display:block; width:1em; height:1em; background:no-repeat 50% 50% / contain; filter:var(--filter-tgl-pri60)}
.art-social .logo-favorite:before {background-image:url('/u/icon/000/favorite.svg')}
.art-social .logo-favorite.act:before {background-image:url('/u/icon/000/favorite-act.svg')}
.art-social .logo-favorite:hover::before {filter:var(--filter-tgl-sec70)}
.art-social .logo-facebook:before {background-image:url('/u/icon/000/social-facebook.svg'), url('/u/icon/org/social-facebook.svg')}
.art-social .logo-facebook:hover::before {background-image:url('/u/icon/org/social-facebook.svg'); filter:none}
.art-social .logo-twitter:before {background-image:url('/u/icon/000/social-twitter.svg')}
.art-social .logo-twitter:hover::before {filter:var(--filter-tgl-black)}
.art-social .logo-print:before {background-image:url('/u/icon/000/print.svg')}
.art-social .logo-print:hover::before {filter:var(--filter-tgl-black)}
.art-social .logo-discusion:before {background-image:url('/u/icon/000/discusion.svg')}
.art-social .logo-discusion:hover::before {filter:var(--filter-tgl-black)}
.art-social .ico-rss {color:var(--tgl-pri60, #1B3E7A)}
.art-social .ico-rss:before {content:''; float:left; display:block; width:1em; height:1em; margin:0 .3em 0 0; background:url('/u/icon/000/rss.svg') no-repeat 50% 50% / cover; filter:var(--filter-tgl-pri60)}
.art-social .ico-rss span {display:inline-block; font-size:87.5%}
.art-social .ico-rss:hover span {text-decoration:underline}

.person-foto {position:relative; overflow:hidden; width:4em; height:4em; margin:0 auto; border:.125em solid #FFF; border-radius:100%; text-align:center; background:url('/o/all/nophoto9.jpg') no-repeat 50% 50% / contain; box-shadow:0 .25em .5em 0 var(--tgl-black-o10, #0000001a); box-sizing:border-box}
.person-foto i {display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-style:normal; font-weight:600; font-size:125%; line-height:1; text-transform:uppercase; color:var(--tgl-neutral20, #b0bec5); background:var(--tgl-neutral05, #eceff1)}
.person-foto samp {position:absolute; top:0; left:50%; width:300%; height:100%; margin:0 0 0 -150%}
.person-foto img, .art-full .person-foto img {display:block; width:auto; max-width:none; height:100%; margin:auto; background:#FFF /* FIX pro transparentPNG */}
.person-foto > img, .art-full .person-foto > img {display:inline-block; vertical-align:top; margin:0 -45%}

.authorbox-foto {position:relative; overflow:hidden; display:block; width:5em; height:5em; margin:auto; border:.125em solid #FFF; border-radius:.5em; box-shadow:0 .5em 1em 0 var(--tgl-black-o10, #0000001a); box-sizing:border-box}
.authorbox-foto samp {position:absolute; top:0; left:50%; width:300%; height:100%; margin:0 0 0 -150%}
.authorbox-foto img {display:block; width:auto; height:100%; margin:auto}

/* stranka novinare */
.authorbox {margin:0 0 var(--spacing-2, 2rem); padding:var(--spacing-15, 1.5rem); border-radius:var(--radius-m, .5rem); color:var(--tgl-neutral90, #263238); background:var(--tgl-pri05, #EFF3F9)}
.authorbox .authorbox-foto {float:right; margin:0 0 0 1em}
.css-d .authorbox .authorbox-foto {font-size:2rem}
.css-t .authorbox .authorbox-foto {font-size:.8rem}
.authorbox .cell {display:block}
.authorbox h1 {font-weight:600; font-size:var(--rs-h3, 1.75rem); line-height:1.2}
.authorbox h3 {font-weight:600; font-size:var(--rs-h5, 1.25rem); line-height:1.25; font-family:inherit}
.authorbox .art-social {float:none; margin:.75rem -.66em 0}
.css-t .authorbox .art-social {position:relative; margin:.75em 0 0}
.authorbox p {display:table-cell; padding:.75rem 0 0; font-size:87.5%}
.authorbox-ex > * {opacity:.6; filter:alpha(opacity=60)}

/* obecny obal tabulek */
.tabout {margin:0 0 var(--spacing-15, 1.5rem); overflow:auto; scrollbar-width:thin}

/* CLANEK */
.time {color:var(--tgl-neutral60, #546E7A)}
.arttit.arttit {margin:0 0 var(--spacing-1, 1rem); font-size:var(--rs-h1big, 2.5rem)}

/* fix pro wiki a hlavicku klicovych slov */
.art-full .opener {margin:0 0 var(--spacing-15, 1.5rem); padding:0; font-size:112.5%; line-height:1.6}
.art-full .opener img.fr {float:right; height:3.2em; margin:0 0 0 1rem}

/* Hlavicka clanku */
.artsum {display:flex; width:100%; margin:0 0 var(--spacing-15, 1.5rem); justify-content:space-between}
.css-t .artsum, .css-t .artsum .outflex {flex-direction:column; gap:var(--spacing-1, 1rem)}
.artsum .cell {flex:1 1 auto}
.artsum .authors {position:relative; margin:0; padding:.125rem 0 0; text-align:left; font-size:.875rem}
.artsum .authorbox-foto {position:relative; z-index:6; float:left; width:2.5rem; height:2.5rem; margin:-.125rem .5rem 0 0; border-width:.125rem; border-radius:var(--radius-m, .5rem); filter:grayscale(100%)}
.artsum .authorbox-foto ~ .authorbox-foto {z-index:5; margin-left:-1em}
.artsum .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto {z-index:4}
.artsum .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto {z-index:3}
.artsum .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto {z-index:2}
.artsum .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto {z-index:1}
.artsum .art-info {display:block; margin:0; padding:0; font-size:.8125rem}
.artsum .art-info .brisk {margin:0 .5rem 0 0; padding:0; font-size:100%; color:var(--tgl-sec70, #B9151C); background:none}
.artsum .opener {clear:both; margin:0; padding:var(--spacing-075, .75rem) 0 0; font-size:1.25rem; line-height:1.6}
.artsum .opener:first-child {padding-top:0}
.artsum-social {flex:0; display:flex}
.css-d .artsum-social {flex-direction:column; justify-content:center; gap:var(--spacing-1, 1rem); min-width:7.375rem; margin:0 0 0 var(--spacing-1, 1rem); padding:0 0 0 var(--spacing-1, 1rem); border-left:1px solid var(--tgl-pri10, #CFDCF1)}
.css-t .artsum-social {flex-wrap:wrap; gap:.75rem 1.25rem}
.artsum-btn {display:flex; flex-direction:column; justify-content:center; position:relative; min-height:1.5rem; padding:0 0 0 2rem; white-space:nowrap; font-size:.625rem; line-height:1.2}
.artsum-btn.artsum-btn {color:var(--tgl-neutral60, #546E7A); text-decoration:none}
.artsum-btn.artsum-btn:hover {text-decoration:underline}
.artsum-btn span {display:block}
.artsum-btn:before {position:absolute; top:50%; left:0; width:1.5rem; height:1.5rem; margin:-.75rem 0 0; filter:var(--filter-tgl-neutral20)}
.artsum .artsum-rating {flex:0; display:flex; align-items:center}
.artsum-rating-btn, .artsum-rating-btn:hover {display:flex; align-items:center; gap:.125rem; padding:.125em .25em; border:1px solid var(--tgl-pri10, #CFDCF1); border-radius:var(--radius-s, .25rem); font-size:.875rem; text-decoration:none}
.artsum-rating-btn:hover {border-color:var(--tgl-pri20, #A1B8E0)}
.artsum-rating-btn strong {font-weight:800}
.logo-kinobox {display:block; width:5.6em; height:1em; text-indent:-999em; background:url('/u/loga/kinobox.png') no-repeat 50% 50% / contain; overflow:hidden}
.artsum-rating-btn .logo-kinobox {font-size:72%}

/* stitek premiovych clanku na touchy */
.premlab-outrel {position:relative}
.premlab-outrel .premlab {position:absolute; top:0; left:0; z-index:9; border-radius:0}

/* Paticka clanku */
.art-community {display:flex; flex-wrap:wrap; gap:.25rem; width:100%; margin:var(--spacing-1, 1rem) 0 var(--spacing-15, 1.5rem); padding:var(--spacing-1, 1rem) 0 0; border-top:1px solid var(--tgl-pri10, #CFDCF1); font-size:.75rem; line-height:1.2}
.art-community li {flex:0 0 auto; list-style:none}
li.community-facebook, li.community-twitter {flex:1}
li.community-facebook {margin-left:2rem}
li.community-facebook:first-child, .community-discusion ~ .community-favorite ~ .community-facebook {margin-left:0}
li.community-share {margin-left:auto}
.art-community .arts-1, .art-community .arts-2 {display:none}
.art-community .prep-1 .arts-1.arts-1, .art-community .prep-2 .arts-2.arts-2 {display:flex}
.art-community a {position:relative; display:flex; flex-direction:column; justify-content:center; height:100%; min-height:2.5rem; padding:.5rem .75rem .5rem 2.75rem /*calc(.75rem + 1.5rem + .5rem)*/; border:1px solid transparent; border-radius:var(--radius-s, .25rem); text-decoration:none; box-sizing:border-box}
.art-community span {display:block}
.css-d .art-community .touchh {display:inline}
.community-discusion a {display:block; color:#FFF; background:var(--tgl-pri60b, #1B3E7A)}
.css-t .community-discusion a:first-letter {text-transform:uppercase}
.community-discusion a:hover {color:#FFF; background:var(--tgl-pri80b, #102447)}
.community-favorite a {color:#FFF; background:#E41F1F}
.community-favorite a:hover {color:#FFF; background:#B9151C}
.css-t .community-favorite a {padding-right:.25rem}
.community-facebook a, .community-facebook a:hover, .community-twitter a, .community-twitter a:hover, .community-share a, .community-share a:hover, .community-bonz a, .community-bonz a:hover {border-color:var(--tgl-pri10, #CFDCF1); color:var(--tgl-pri80, #102447); background:var(--tgl-pri05, #EFF3F9)}
.community-facebook a:hover, .community-twitter a:hover, .community-share a:hover, .community-bonz a:hover {background:var(--tgl-pri10, #CFDCF1)}
.community-discusion a:before, .community-favorite a:before, .community-facebook a:before, .community-twitter a:before, .community-share a:before, .community-bonz a:before {content:''; position:absolute; top:50%; left:0; width:1.5rem; height:1.5rem; margin:-.75rem 0 0 .75rem; border:0; background-repeat:no-repeat; background-position:50% 50%}
.community-discusion a:before {background-image:url('/u/icon/000/discusion.svg'); filter:var(--filter-fff)}
.community-favorite a:before {background-image:url('/u/icon/000/favorite.svg'); filter:var(--filter-fff)}
.community-favorite.prep-1 a:before {background-image:url('/u/icon/000/favorite-act.svg')}
.community-facebook a:before {background-image:url('/u/icon/000/social-facebook.svg'); filter:var(--filter-tgl-pri80)}
.community-twitter a:before {background-image:url('/u/icon/000/social-twitter.svg'); filter:var(--filter-tgl-pri80)}
.community-share a {max-width:10.5em}
.community-share a:before {filter:var(--filter-tgl-pri80)}
.community-bonz a {max-width:10.5em}
.community-bonz a:before {background-image:url('/u/icon/000/error.svg'); filter:var(--filter-tgl-pri80)}
/* touch fix pro FB a TW nez se nahradi za jednotne sdilitko */
.css-t li.community-discusion ~ li.community-facebook, .css-t li.community-discusion ~ li.community-twitter, .css-t li.community-discusion ~ li.community-bonz {flex:0; font-size:0}
.css-t .community-facebook a, .css-t .community-twitter a, .css-t .community-bonz a {padding-right:.25rem}
.css-t li.community-favorite {margin-right:0}
.css-t li.community-discusion ~ li.community-facebook {margin-left:auto}
.css-t .community-discusion ~ .community-facebook span, .css-t .community-discusion ~ .community-twitter span {display:none}
/* touch fix pro FB a TW nez se nahradi za jednotne sdilitko - END */

div.authors {margin:0 0 var(--spacing-15, 1.5rem); font-weight:600; font-size:1rem; line-height:1.25; text-align:right}
div.authors span {font-weight:400}
div.authors a {text-decoration:none}
div.authors a:hover {text-decoration:underline}

div.art-tags {margin:var(--spacing-15, 1.5rem) 0; font-size:87.5%}
div.art-tags a {text-decoration:none; color:var(--tgl-pri60, #1B3E7A)}
div.art-tags a:hover {text-decoration:underline}

/* 2024/11 docasny fix pro rusene Souvisejici */
.related-list h3 {position:relative; margin:0 0 .5rem; padding-left:1.25em; font-weight:600; font-size:1.125rem; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.related-list h3:before {content:''; position:absolute; top:0; left:0; width:.75em; height:1.2em; background:url('/u/icon/000/more.svg') no-repeat 50% 50%; filter:var(--filter-tgl-neutral20)}
.related-list h3 a:hover {text-decoration:underline}
.related-list h3 .premlab {vertical-align:top; margin:.3em .25em 0 0; font-size:60%; line-height:1.4}

/* MOX - Zakladni texty */
.text {line-height:1.6}
.text .text {margin:0; font-size:100%}
.col-b .text {line-height:1.25}
.text a {color:var(--tgl-pri60, #1B3E7A); text-decoration:underline}
.text a:hover {color:var(--tgl-pri80, #102447)}
.text-link {text-decoration:underline}
.text-link:not([href*='.idnes.cz']) {padding-right:1.1em; background:url('/u/icon/137/link.svg') no-repeat calc(100% - .275em) 35% / .625em}
.dark .text-link:not([href*='.idnes.cz']) {background-image:url('/u/icon/abe/link.svg')}
.text .bbtext {position:relative; width:100%}
.text h2 {font-size:var(--rs-h3, 1.75rem)}
.text h3 {font-weight:600; font-size:1.25rem}
.text h3.tit {margin:0 0 var(--spacing-1, 1rem); line-height:1.2; font-size:var(--rs-h3, 1.75rem)}
.text h3.subtit {margin:0 0 var(--spacing-05, .5rem); font-size:var(--rs-h5, 1.25rem)}
.text h3 a {text-decoration:none; font-size:inherit; color:var(--tgl-pri80, #102447)}
.text h3 a:hover {text-decoration:underline}
.text p {font-size:1.125rem}
.text p ~ h3.tit, .text .imagelist + h3.tit {margin-top:var(--spacing-225, 2.25rem)}
.text p, .text table, .text ul, .text ol, .video-dupla, .text iframe {margin-bottom:var(--spacing-15, 1.5rem)}
.text table table, .text ul ul, .text ol ul, .text ul ol, .text ol ol {margin-bottom:0}
.text td, .text th {padding:.25rem .5rem}
.text li {margin:0 0 .5em 2em}
.text ul li, .text li li {list-style:none; margin:0 0 .5em; padding-left:1.25em; line-height:1.6; background:url('/u/icon/bbc/disc.svg') no-repeat 0 .425em / .75em .75em}
.col-b .text ul li, .col-b .text li li {line-height:1.25; background-position:0 .25em}
.text li li {margin-left:1em}
.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 var {color:var(--tgl-sec70, #B9151C); font-style:normal}

/* MOX - Kroky - cislovane mezititulky */
.stepping-box.stepping-box {clear:both; position:relative; width:100%; margin:var(--spacing-25, 2.5rem) 0 var(--spacing-15, 1.5rem); font-size:var(--rs-h3, 1.75rem); line-height:1.2; font-family:var(--ff-h, 'Fira Sans')}
.stepping-box:after {content:''; display:block; clear:both}
.stepping-box.stepping-box:first-child {margin-top:0}
.stepping-box .fl {float:none; vertical-align:top; margin:0 .125em 0 0; padding:0 .25em; border-radius:var(--radius-s, .25rem); font-weight:800; font-size:var(--rs-h4, 1.5rem); line-height:1.25; font-family:var(--ff-m, 'Inter'); color:#FFF; background:#E41F1F}
.stepping-box .cell {display:inline; font-weight:600}

/* MOX - Uvodni fotka */
.opener-foto, .opener-flv-player {position:relative; margin:0 0 var(--spacing-15, 1.5rem); padding:0; font-size:.75rem}
.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}
.col-a .opener-foto .relative {max-height:none}
.opener-foto .more-gallery {position:absolute; bottom:var(--spacing-1, 1rem); right:var(--spacing-1, 1rem); z-index:10; display:flex; border:0; border-radius:var(--radius-s, .25rem); font-size:1.125rem; line-height:1.25; overflow:hidden; cursor:pointer}
.overopener .opener-foto .more-gallery {right:var(--spacing-1, 1rem) /* fix pro stare layouty */}
.css-d .overopener .opener-foto .more-gallery {bottom:2rem; right:2rem}
.opener-foto .more-gallery u, .opener-foto .more-gallery b {float:none; padding:var(--spacing-075, .75rem); font-weight:800; font-size:100%; text-decoration:none; color:#FFF}
.opener-foto .more-gallery u {font-family:inherit; background:var(--pri80-o90, #102447e5)}
.opener-foto a:hover .more-gallery u {background-color:var(--pri80, #102447)} 
.opener-foto .more-gallery u:before {content:''; float:left; width:1.25em; height:1.25em; margin:0 .5em 0 0; background:url('/u/icon/fff/foto.svg') no-repeat 50% 50% / contain}
.css-t .opener-foto .more-gallery u {font-size:0}
.css-t .opener-foto .more-gallery u:before {margin:0; font-size:1.125rem}
.opener-foto .more-gallery b {min-width:1em; text-align:center; background:rgba(228,31,31,.9)}
.opener-foto a:hover .more-gallery b {background-color:rgba(228,31,31,1)}
.opener-foto .more-gallery b:before {display:none}
.opener-foto .overlap {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:url('/u/free.gif') repeat; text-decoration:none; cursor:pointer}
.opener-foto p.opener-foto-info {padding:.462em 0 0; line-height:1.3846; font-size:.8125rem; color:var(--tgl-neutral60, #546E7A); background:none}
p.opener-foto-info a {color:inherit; text-decoration:none}
p.opener-foto-info a:hover {text-decoration:underline}

.overopener {position:relative; overflow:hidden; height:auto; margin:0 0 var(--spacing-15, 1.5rem); color:#FFF; background:#263238 url('/u/idn4/obrazek-neni-k-dispozici.png') no-repeat 0 50% / cover}
.overopener-cw {/* vychozi schema */}
.overopener-cb {color:#263238; background-color:#ECEFF1}
.overopener-title {position:absolute; top:auto; bottom:0; left:0; z-index:5; display:table}
.overopener-title-in {display:table-cell; vertical-align:bottom; padding:var(--spacing-2, 2rem) var(--spacing-2, 2rem) 6rem}
.overopener-pt .overopener-title-in {padding:var(--spacing-2, 2rem) var(--spacing-2, 2rem) 6rem /* fix pro stare predpisy */}
.overopener .premlab.premlab {margin:var(--spacing-075, .75rem) 0 0; font-size:.75rem; line-height:1.25}
.overopener h1 {width:10em; line-height:1.2; font-size:var(--rs-h1big, 2.5rem); font-weight:600; color:inherit; text-shadow:0 .5rem 2rem var(--black-o30, #0000004d)}
.overopener-cb h1 {text-shadow:0 .5rem 2rem var(--white-o30, #FFFFFF4d)}
.overopener-pb h1 {width:auto}
.overopener:before {content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:2; width:100%; height:100%; background:linear-gradient(90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.5) 30%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%)}
.overopener-cb.overopener:before {background:linear-gradient(90deg, rgba(255,255,255,.50) 0%, rgba(255,255,255,.5) 30%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100%)}
.overopener-pb:before {background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,.5) 80%, rgba(0,0,0,.50) 100%)}
.overopener-cb.overopener-pb:before {background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,.5) 80%, rgba(255,255,255,.50) 100%)}
.overopener .opener-foto {position:static; margin:0}
.overopener .opener-foto .relative {position:relative; height:0; min-height:0; max-height:none; padding:56.25% 0 0}
.overopener .opener-foto .relative img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
.css-d .overopener .opener-foto .overlap, .css-d .overopener .opener-foto .relative {position:static /* kvuli krizeni z-indexu u odkazu */}
.css-d .overopener .opener-foto .overlap:after {content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:4}
.opener-foto-info-box {position:absolute; left:.75rem; bottom:.75rem; right:auto; z-index:12; display:flex; align-items:flex-end; max-width:calc(100% - 2 * .75rem); border-radius:1rem; font-size:.875rem; line-height:1.25; color:#FFF; background:var(--pri80-o90, #102447e5)}
.opener-foto-info-box:hover {background-color:var(--pri80-o90, #102447e5) /* pretizeni zruseneho hoveru : var(--pri80, #102447) */}
.opener-foto-info-box.ofib-visible {max-width:calc(100% - 2 * .75rem) /* pretizeni starych stylu */}
.css-d .overopener .opener-foto-info-box {max-width:580px; left:2rem; bottom:2rem} 
.opener-foto-info-box .ofib-link {flex:0 0 1.125rem; width:1.125rem; height:1.125rem; border:.375rem solid transparent; background:url('/u/icon/fff/info.svg') no-repeat 50% 100%}
.opener-foto-info-box.ofib-visible .ofib-link {background-image:url('/u/icon/fff/info-i.svg')}
.opener-foto-info-box.opener-foto-info-box.opener-foto-info-box p {display:none; padding:.375rem .75rem .375rem .125rem; color:inherit; font-size:inherit; line-height:inherit}
.opener-foto-info-box.opener-foto-info-box.opener-foto-info-box.ofib-visible p {display:block}
.opener-foto-info-box a {color:inherit; text-decoration:underline}
.css-t .overopener {display:flex; flex-direction:column-reverse}
.css-t .overopener:before {position:absolute; top:0; left:0; bottom:0; right:0; z-index:1; width:auto; height:auto; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px)}
.css-t .overopener.overopener-cw:before {background:rgba(0,0,0,.7)}
.css-t .overopener.overopener-cb:before {background:rgba(255,255,255,.7)}
.css-t .overopener-title {position:static; display:block; width:auto;}
.css-t .overopener-title-in {display:block; padding:var(--spacing-075, .75rem)}
.css-t .overopener .premlab.premlab {font-size:.75rem}
.css-t .overopener .opener-foto {position:relative; z-index:3}
.css-t .overopener h1 {width:auto}

.opener-gallery {width:100%; overflow:hidden; margin:0 0 var(--spacing-15, 1.5rem)}
.opener-gallery .equ-gal {display:grid; grid-template-columns:repeat(4,1fr); gap:2px}
.opener-gallery .equ-gal img {display:block; width:100%; height:auto; margin:0}
.css-t .opener-gallery .equ-gal {grid-template-columns:repeat(3,1fr)}
@media all and (min-width:480px) and (max-width:1680px){
.css-t .opener-gallery .equ-gal {grid-template-columns:repeat(4,1fr)}
}

/* MOX - Obrazky */ 
.imagelist {max-width:100%}
.imagelist, .imagelist.imagelist {clear:both; display:flex; gap:var(--spacing-1, 1rem); margin:0 0 var(--spacing-15, 1.5rem)}
.imagelist + .imagelist-desc {margin-top:calc(-1 * var(--spacing-15, 1.5rem))}
.complete .imagelist {margin-bottom:var(--spacing-1, 1rem)}
.complete .imagelist + .imagelist-desc {margin-top:calc(-1 * var(--spacing-1, 1rem))}
.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:.25rem 0 0; font-size:.8125rem; line-height:1.25; color:var(--tgl-neutral60, #546E7A)}
.imagelist.imagelist p ~ p {border:0}
.imagelist img {width:100%; height:auto; vertical-align:middle}
.imagelist-fl.imagelist-fl, .imagelist-fr.imagelist-fr {display:flex; width:auto; max-width:36.4%; margin-bottom:var(--spacing-1, 1rem)}
.imagelist-fl.imagelist-fl {clear:left; float:left; margin-right:var(--spacing-1, 1rem)}
.imagelist-fr.imagelist-fr {clear:right; float:right; margin-left:var(--spacing-1, 1rem)}
.imagelist-fl.imagelist-fl img, .imagelist-fr.imagelist-fr img, .imagelist-fl.imagelist-fl .cell, .imagelist-fr.imagelist-fr .cell {width:100%; max-width:230px; height:auto}

.imagelist-flex.imagelist-fl, .imagelist-flex.imagelist-fr {display:flex; width:230px; max-width:42%}
.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%; object-fit:cover; object-position:50%}

.imagelist.imagelist-fotogal1 {gap:0; position:relative; width:100%; overflow:hidden}
.css-d .complete-half-r .imagelist-fotogal1 {width:250px}
.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(0,0,0,0) 50%, var(--pri80-o90, #102447e5) 100%); text-decoration:none; box-sizing:border-box}
.imagelist-fotogal1 .more-gallery:hover {background:linear-gradient(rgba(0,0,0,0) 50%, var(--pri80, #102447) 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/foto.svg') no-repeat 50% 50% / contain}
.imagelist-fotogal1 .more-gallery span {display:inline-block; padding:0 .75rem; border:1px solid #FFF; border-radius:var(--radius-s, .25rem); font-size:.875rem; line-height:1.6}
.imagelist-fotogal1 .more-gallery b {font-weight:800}
.imagelist.imagelist-fotogal4 {gap:0}
.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:var(--pri80-o90, #102447e5); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px)}
.imagelist-fotogal4 .more-gallery:hover {background-color:var(--pri80-o90, #102447e5) /* pretizeni zruseneho hoveru : var(--pri80, #102447) */}
.imagelist-fotogal4 .more-gallery .cell {flex:1; margin:0}
.imagelist-fotogal4 .more-gallery .cell span {display:inline-block; vertical-align:middle; margin:auto; padding:0 0 0 1.75rem; font-size:0; line-height:1.25; background:url('/u/icon/fff/foto.svg') no-repeat 0 50% / 1.25rem 1.25rem}
.imagelist-fotogal4 .more-gallery b {font-weight:800; font-size:1rem}
.imagelist + .imagelist.imagelist-fotogal4 {position:relative; margin-top:calc(-1 * var(--spacing-15, 1.5rem)); border-top:1px solid transparent}
.complete .imagelist + .imagelist.imagelist-fotogal4 {margin-top:calc(-1 * var(--spacing-1, 1rem))}
.css-t .imagelist.imagelist-fotogal4 .cell:nth-child(3) {display:none}
@media all and (min-width:480px) and (max-width:1680px){
.css-t .imagelist.imagelist-fotogal4 .cell:nth-child(3) {display:block}
}

/* MOX - Standadní box */
.complete.complete {position:relative; clear:both; float:none; width:100%; margin:0 0 var(--spacing-15, 1.5rem); padding:0; border:1px solid var(--tgl-pri10, #CFDCF1); border-radius:var(--radius-m, .5rem); border-collapse:separate; border-spacing:0; color:inherit; background:none; box-shadow:0 .5rem 1rem 0 var(--tgl-pri90-o10, #08162D1a); font-feature-settings:normal; box-sizing:border-box}
.complete .complete {clear:both; margin:0; border:0}
.b-box .complete {float:none; margin:0}
.css-d .complete-half-r, .css-d .complete-half-l, 
.css-d .complete-dual-r, .css-d .complete-dual-l {float:right; width:298px; margin:0 0 var(--spacing-075, .75rem) var(--spacing-1, 1rem); border-radius:var(--radius-m, .5rem)}
.complete td {padding:var(--spacing-15, 1.5rem) var(--spacing-15, 1.5rem) var(--spacing-05, .5rem)}
.complete table th, .complete table td {border:0; padding:.125rem}
.complete h3, .complete h3.ico {margin:0 0 var(--spacing-1, 1rem); font-size:var(--rs-h4, 1.5rem); line-height:1.2; white-space:normal}
.complete h3.tit {margin:1em 0 .4em}
.complete h3.ico span span, .complete h3.ico span span, .complete h3.ico a span {display:none}
.complete h3.ico [class*="ico-"]:before {float:left; margin-right:.5rem}
.complete h3 a {display:inline; line-height:inherit; color:var(--tgl-pri80, #102447)}
.complete p {margin:0 0 var(--spacing-1, 1rem); font-size:100%; line-height:1.6}
.complete ul {margin:0 0 1em}
.complete ul li {list-style:none; padding-left:1.25em; font-size:100%; line-height:1.4; background:url('/u/icon/bbc/disc.svg') no-repeat 0 .325em / .75em .75em}
.complete ol li {font-size:100%}
.complete li li, .complete li p {font-size:100%}
.complete .title {margin:0 0 var(--spacing-1, 1rem); font-weight:600; font-size:1rem; line-height:1.2}
.complete h3 + .title {margin-top:calc(-1* var(--spacing-075, .75rem))}
.complete .only-text {margin:0; padding-bottom:.5rem; font-size:100%}
.complete var {display:inline-block; vertical-align:top; margin:-.091em .125rem 0 0; color:var(--tgl-pri60, #1B3E7A); font-style:normal; font-weight:800; font-size:157.14%; line-height:1; text-transform:uppercase; font-feature-settings:"lnum"}

.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-visible tbody.complete-hidden {display:table-row-group}
.complete-prep {margin:.5rem 0; padding:.5rem 0 0; border-top:1px solid var(--tgl-neutral10, #CFD8DC); font-size:87.5%; line-height:1.6}
.complete-prep-0, .complete-prep-1 {color:var(--tgl-pri80, #102447); cursor:pointer}
.complete-prep-0:hover, .complete-prep-1:hover {text-decoration:underline}
.complete-prep-0:after, .complete-prep-1:after {content:''; display:inline-block; vertical-align:top; width:.75rem; height:1.6em; margin:0 0 0 .5rem; background:no-repeat 50% 50% / .75rem .75rem; filter:var(--filter-tgl-pri80); cursor:pointer}
.complete-prep-0:after {background-image:url('/u/icon/000/arrow-up.svg')}
.complete-prep-1:after {background-image:url('/u/icon/000/arrow-down.svg')}
.complete-prep-links {list-style:none; display:flex; justify-content:end; flex-wrap:wrap; gap:0 1em}

#catinclude.complete {width:auto; margin:var(--spacing-15, 1.5rem) 0; padding:var(--spacing-15, 1.5rem) var(--spacing-15, 1.5rem) var(--spacing-05, .5rem); border:none; color:inherit; background:linear-gradient(180deg, var(--tgl-pri05, #EFF3F9) 0%, transparent 100%); box-shadow:none}
#catinclude ul {list-style:none; overflow:hidden}
#catinclude li {float:left; margin:0 1em 0 0}

.complete a.aside.aside {display:flex; gap:var(--spacing-1, 1rem); font-size:1.125rem /* D=T */; text-decoration:none; color:var(--tgl-pri80, #102447)}
.complete .aside-tit {flex:1 1 auto}
.complete .aside-tit h3 {margin:0 0 var(--spacing-1, 1rem); font-weight:600; font-size:100%; line-height:1.2}
.complete .aside:hover h3 {text-decoration:underline}
.complete .aside-img {flex:0 0 auto; max-width:34%; margin:0 0 var(--spacing-1, 1rem)}
.complete .aside-img img {display:block; width:auto; height:3.6em; object-fit:contain; object-position:0 0}
/*.css-t .complete .aside-img img {height:2.4em}*/

.freewall-a.complete.complete {padding:var(--spacing-15, 1.5rem) var(--spacing-15, 1.5rem) var(--spacing-05, .5rem)}
.freewall-a a, .freewall-a a:hover {display:block; text-decoration:none}
.freewall-a a:hover .read-more {text-decoration:underline}
.freewall-a h3, .complete.freewall-a h3 {display:table; font-size:1.125rem /* D=T */; line-height:1.2}
.freewall-a img, .freewall-a img.fl {float:right; width:auto; max-width:34%; height:calc(3 * 1.2 * 1.125rem); margin:0 0 var(--spacing-1, 1rem) var(--spacing-1, 1rem); object-fit:contain; object-position:0 0}
.freewall-a hr {clear:both; height:1px; margin:.5em 0 0; border:0; background:var(--tgl-pri10, #CFDCF1)}
.freewall-a .read-more.read-more.read-more {padding:0; border:0; background:none}

.r-aside {flex:1 1 auto; display:flex; flex-direction:column; text-align:left}
.r-aside .r-head.r-head {flex:0; margin:0; paddinh: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/000/link.svg') no-repeat 100% 50% / .75em .75em; filter:var(--filter-tgl-pri60)}

/* MOX - Socialni boxy */
.embed-social {clear:both; width:100%; max-width:632px; margin:0 0 var(--spacing-15, 1.5rem); border:1px solid var(--tgl-pri10, #CFDCF1); border-radius:var(--radius-m, .5rem); color:inherit; background:none; box-shadow:0 .5rem 1rem 0 var(--tgl-pri90-o10, #08162D1a); box-sizing:border-box}
.embed-social .es-box {padding:var(--spacing-15, 1.5rem)}
.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('/u/icon/org/social-facebook.svg')}
.embed-social-instagram .es-box:before {background-image:url('/u/icon/org/social-instagram.svg')}
.embed-social-twitter .es-box:before {background-image:url('/u/icon/org/social-twitter.svg'); filter:var(--filter-tgl-black)}
.embed-social-tiktok .es-box:before {background-image:url('/u/icon/org/social-tiktok.svg')}
.embed-social p {margin:var(--spacing-1, 1rem) 0; word-wrap:break-word}
.embed-social p img {max-width:100%; height:auto; vertical-align:middle}
.embed-social .imagelist {margin:0 0 var(--spacing-1, 1rem)}
.embed-social .es-top {position:relative; display:table-cell; vertical-align:middle; height:3rem; padding:0 1em 0 3.5rem; line-height:1.25}
.embed-social .es-top img {position:absolute; z-index:1; top:50%; left:0; width:3rem; height:3rem; margin:-1.5rem 0 0; border-radius:100%}
.embed-social .es-name, .embed-social .es-perex {display:block}
.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:var(--tgl-neutral90, #263238)}
.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:var(--tgl-black, #000)}
.embed-social .es-img {overflow:hidden /* koncept "es-img" je predurcen ke smazani, ale vyskytuje se ve starych clancich a ceka na MM2 revizi */}
.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 videoplayer span {width:auto; padding:0}
.embed-social .es-img .fl {clear:both}
.embed-social .es-mid {clear:both; margin:var(--spacing-1, 1rem) 0; padding:0}
.embed-social .es-mid p {font-size:100%}
.embed-social .es-date {clear:both; margin:var(--spacing-1, 1rem) 0; padding:0; color:var(--tgl-neutral60, #546E7A)}
.embed-social .es-bot {display:flex; justify-content:flex-start; flex-wrap:wrap; gap:var(--spacing-075, .75rem) var(--spacing-15, 1.5rem); padding:var(--spacing-1, 1rem) 0 0; border-top:1px solid var(--tgl-pri10, #CFDCF1); font-size:81.25%}
.embed-social .es-bot a {float:left; margin:0; text-decoration:none}
.embed-social .es-bot a:hover {text-decoration:underline}
.ico-social {position:relative; padding-left:1.5em; line-height:1.25; color:var(--tgl-pri60, #1B3E7A); background:none}
.ico-social:hover {color:var(--tgl-pri80, #102447)}
.ico-social:before {display:block; content:''; position:absolute; top:50%; left:0; width:1.25em; height:1.25em; margin:-.625em 0 0; filter:var(--filter-tgl-pri60)}
.ico-social:hover::before {filter:var(--filter-tgl-pri80)}
.ico-social-popular:before {background-image:url('/u/icon/000/popular.svg')}
.ico-social-retweet:before {background-image:url('/u/icon/000/retweet.svg')}
.ico-social-reply:before {background-image:url('/u/icon/000/reply.svg')}
.ico-social-like:before {background-image:url('/u/icon/000/like.svg')}
.ico-social-share:before {background-image:url('/u/icon/000/share.svg')}
.ico-social-save:before {background-image:url('/u/icon/000/favorite.svg')}

/* MOX - Mapa */
.equip-map {margin:0 0 var(--spacing-15, 1.5rem); padding:var(--spacing-15, 1.5rem); border:1px solid var(--tgl-pri10, #CFDCF1); border-radius:var(--radius-m, .5rem); color:inherit; background:none; box-shadow:0 .5rem 1rem 0 var(--tgl-pri90-o10, #08162D1a)}
.equip-map.equip-map .imagelist {float:none; width:100%; margin:0}
.equip-map .imagelist-cl5 .cell {width:100%}
.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%}
.equip-map-source {float:right; width:69px; height:18px; margin:-18px 0 0 0; background:url('/o/mapy/phonemaps.png') no-repeat 0 50%; z-index:1}
.equip-map h4 {margin:0; padding:.5rem 0 0; font-weight:600; font-size:1rem; line-height:1.25; font-family:inherit}
.equip-map p {margin:0; padding:.125em 0 0; border:none; font-size:75%; color:var(--tgl-neutral60, #546E7A)}
.equip-map p a {display:inline; color:inherit}

/* MOX - Tabulky */
table .c0, .table-in-art table th {color:var(--tgl-neutral90, #263238); background:var(--tgl-pri10, #CFD8DC)}
table .c1, table.c1 {color:var(--tgl-neutral90, #263238); background:var(--tgl-pri05, #EFF3F9)}
table .c2, table.c2 {color:var(--tgl-neutral90, #263238); background:var(--tgl-neutral05, #ECEFF1)}
table .c3 {color:var(--tgl-neutral90, #263238); background:var(--tgl-white, #FFF)}
.dark table .c1 a, .dark table.c1 a, .dark table.c2 a, .dark table .c2 a {color:inherit}

.table-in-art {width:100%; overflow:auto; margin:0 0 1em; scrollbar-width:thin}
.table-in-art table {width:100%; min-width:500px; margin:0 0 .5rem; border-collapse:separate; border-spacing:0; font-size:.875rem}
.table-in-art table td, .table-in-art table th {padding:.25rem .5rem}
.table-in-art table caption {display:table-caption; padding:.125rem .5rem; border-bottom:0; text-align:left; font-weight:600; font-size:100%; color:var(--tgl-white, #FFF); background:var(--tgl-pri60, #1B3E7A)}
.table-in-art table th {font-weight:600}
.table-in-art table td {vertical-align:top}
.table-in-art table .foot td {border-top:.25rem solid var(--tgl-neutral10, #CFD8DC); font-weight:600}

/* MOX - Citaty */
.blockquote-box, .blockquote-box-sm {position:relative; margin:var(--spacing-15, 1.5rem) 0; padding:var(--spacing-15, 1.5rem) var(--spacing-15, 1.5rem) var(--spacing-05, .5rem); border:1px solid var(--tgl-pri10, #CFDCF1); border-width:1px 0; border-radius:0; color:inherit; background:none}
.blockquote-box {text-align:center}
.blockquote-box blockquote {position:relative; margin:0 0 .5rem; padding:0 0 3.5rem; font-style:italic; font-size:var(--rs-h4, 1.5rem); line-height:1.25}
.blockquote-box blockquote:before {content:''; position:absolute; bottom:1.25rem; left:50%; width:328px; height:1px; margin:0 0 0 -164px; background:var(--tgl-sec60, #E41F1F)}
.css-t .blockquote-box blockquote:before {left:20%; right:20%; width:auto; margin:0}
.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:var(--tgl-pri30, #678AC6) url('/u/icon/fff/quotes-down.svg') no-repeat 50% 50% / 60% 60%}
.blockquote-box h3 {margin:0 auto var(--spacing-1, 1rem); font-weight:600; font-size:var(--rs-h6, 1.125rem); line-height:1.25; font-family:inherit}
.blockquote-box h3 small {display:block; font-weight:400; font-size:88.88%; color:var(--tgl-neutral60, #546E7A)}
.blockquote-box-sm {text-align:left}
.blockquote-box-sm blockquote {margin:0 0 var(--spacing-1, 1rem); font-style:italic; font-size:var(--rs-h5, 1.25rem); line-height:1.25}
.blockquote-box-sm h3 {position:relative; min-height:2.5rem; margin:0 0 var(--spacing-1, 1rem); padding:0 0 0 3.25rem; font-weight:600; 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:var(--tgl-pri30, #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:var(--tgl-neutral60, #546E7A)}

/* MOX - Hodnoceni */
.review {margin:0 0 var(--spacing-1, 1rem)}
.review h3 {margin:0 0 .75rem; font-size:var(--rs-h4, 1.5rem); line-height:1.2; white-space:normal}
.review.review p {margin:0 0 .25rem}
.review-star {display:block; width:5em; height:1em; background:url('/u/icon/bbc/star2.svg') repeat-x 0 50% / 1em 1em}
.review-star u {display:block; height:100%; background:url('/u/icon/eb3/star.svg') repeat-x 0 50% / 1em 1em}
.review-rating {display:flex; flex-wrap:wrap; gap:0 .5rem; align-items:center; min-height:2.5rem; margin:0 0 1rem; padding:0 0 0 3.25rem; font-weight:800; font-size:1.625rem; line-height:1.154; background:no-repeat 0 50% / 2.5rem 2.5rem}
.review-rating:before {content:'HODNOCEN\cd '; flex:0 0 100%; display:block; font-weight:400; font-size:.625rem; line-height:1.2}
.review-rating-default {min-height:0; padding:0; background:none}
.review-rating-theater {background-image:url('/u/icon/abe/review-theatre.svg')}
.review-rating-album {background-image:url('/u/icon/abe/review-album.svg')}
.review-rating-movie {background-image:url('/u/icon/abe/review-movie.svg')}
.review-rating-book {background-image:url('/u/icon/abe/review-book.svg')}
.review-rating-concert {background-image:url('/u/icon/abe/review-concert.svg')}
.review-rating-tv {background-image:url('/u/icon/abe/review-television.svg')}
.review-rating-exhibition {background-image:url('/u/icon/abe/review-exhibition.svg')}
.review-rating-fashion {background-image:url('/u/icon/abe/review-fashion.svg')}
.dark .review-rating-theater {background-image:url('/u/icon/cdf/review-theatre.svg')}
.dark .review-rating-album {background-image:url('/u/icon/cdf/review-album.svg')}
.dark .review-rating-movie {background-image:url('/u/icon/cdf/review-movie.svg')}
.dark .review-rating-book {background-image:url('/u/icon/cdf/review-book.svg')}
.dark .review-rating-concert {background-image:url('/u/icon/cdf/review-concert.svg')}
.dark .review-rating-tv {background-image:url('/u/icon/cdf/review-television.svg')}
.dark .review-rating-exhibition {background-image:url('/u/icon/cdf/review-exhibition.svg')}
.dark .review-rating-fashion {background-image:url('/u/icon/cdf/review-fashion.svg')}

/* MOX - Videa k REVIZI A OPRAVE - START */
.equip {width:auto; margin-bottom:1em; font-size:.75rem}
.equip table {margin:0; border-collapse:separate; border-spacing:0; font-feature-settings:"lnum"}
.equip td {padding:0; border:0}
/* k FLV videu:*/
.art-full .equip-tv {clear:both; min-height:0; margin:0 0 var(--spacing-15, 1.5rem)}
.art-full .equip-tv .equip {margin-bottom:0}
.art-full .equip-tv.equip-tv-archiv, .equip-tv-archiv {padding:var(--spacing-15, 1.5rem); border:1px solid var(--tgl-pri10, #CFDCF1); border-radius:var(--radius-m, .5rem); color:inherit; background:none; box-shadow:0 .5rem 1rem 0 var(--tgl-pri90-o10, #08162D1a)}
.equip-tv videoplayer + small, body videoplayer + small /* prepis inline JS stylu */ {display:block; clear:both; margin:0; padding:.25rem 0 0; line-height:1.25; font-size:.8125rem; color:var(--tgl-neutral60, #546E7A)}
.equip-tv-archiv h4 {display:table; margin:0 0 var(--spacing-1, 1rem); border-right:0; border-radius:var(--radius-s, .25rem); color:var(--tgl-neutral90, #263238); background:var(--tgl-neutral05, #ECEFF1); font-weight:400; font-size:.875rem; line-height:1.572; font-family:inherit}
.equip-tv-archiv h4:before {content:'ARCHIVN\cd \20 VIDEO'; float:left; margin:0 .5rem 0 0; padding:0 .5rem; border-radius:var(--radius-s, .25rem) 0 0 var(--radius-s, .25rem); color:#FFF; background:var(--tgl-pri60b, #1B3E7A); font-weight:800}
.equip-tv-archiv h4:after {content:''; float:right; width:.5rem; height:1em}
.equip-tv-archiv videoplayer + small {padding:.25rem 0 0; color:var(--tgl-neutral60, #546E7A)}
.video-flv-in {height:100%; width:100%}
.video-flv embed {display:block}
.no-video-flv {background:#222; color:#FFF; font-weight:600; font-size:112.5%; text-align:center}
.no-video-flv span {display:block; width:100%; padding-top:3em; line-height:1.5;}
.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:*/
.art-full .equip td.equ-tv {padding:10px 0 0; text-align:center; vertical-align:top}
.art-full .equ-tv h3 {margin:0 10px 10px; font-weight:600; font-size:112.5%; text-align:left; text-transform:uppercase; color:#B9151C; background:url('/u/portal/logo-tv-equ.gif') no-repeat 100% 50%}
.art-full .equ-tv h3 a {display:block; color:#B9151C; text-decoration:none}
.art-full .equ-tv h3 a:hover {text-decoration:underline}
.art-full .equ-tv embed {width:320px; height:291px; =width:440px; =height:380px}
.video-in {width:440px; padding:10px 0; overflow:hidden; border-left:10px solid #ECECEC; border-right:10px solid #ECECEC; 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('/o/sph/videoplay_43.png')}
.video-16ku9 .video-in a {background-image:url('/o/sph/videoplay_169.png')}
/* flashovy audioprehravac -- aby mel kulate rohy */
.equip-audio .complete-dual-l {background:none}
.equip-audio .complete-dual-l embed {display:block}
/* HTML video */
.video-html {position:relative}
.video-html-in video, .video-html-in span {display:block; width:100%; height:100%}
.video-html-in span {position:absolute}
.video-html-in b {position:absolute; left:0; top:0; width:100%; height:100%; background:url('/u/flv/big_firstplay_normal.png') no-repeat 50% 50%}
.video-html-in b:hover {background-image:url('/u/flv/big_firstplay_over.png')}
/* primy prenos */
.video-wmv, .equip-tv2 {margin:0 0 var(--spacing-15, 1.5rem)}
/* videoplayer v col-b */
.col-b .b-box videoplayer toolbar span, .col-b .b-box videoplayer toolbar a.share-button {display:none}
/* extra pozadavek idnes.tv 04/2019 */
videoplayer + small a[href*="idnes.tv"] {color:#E41F1F}
/* KRUSIGN 09/2022 */
videoplayer.break-counter.break-counter videobreak b {border-radius:var(--radius-s, .25rem); color:#FFF; background:#546E7A}

.box-idntv {position:relative; z-index:1; display:flex; overflow:hidden; gap:var(--spacing-075, .75rem); line-height:1.25; margin:0 0 var(--spacing-15, 1.5rem); padding:0 0 var(--spacing-075, .75rem); border-bottom:2px solid var(--tgl-neutral05, #ECEFF1); font-size:1rem}
.box-idntv .box-idntv-img {float:none; flex:0 0 auto; width:3.75em; height:3.75em; margin:0; background:no-repeat 50% 50% / cover}
.box-idntv .cell {display:block}
.box-idntv .box-idntv-tit {margin:0 0 .25rem; padding:0; font-weight:600; font-size:1.125rem; color:var(--tgl-neutral90, #263238)}
.box-idntv .box-idntv-link {display:inline-block; margin:0; padding:.4em 1.2em; border-radius:var(--radius-s, .25rem); font-weight:600; font-size:var(--rs-h8, .875rem); line-height:1.25; text-decoration:none; text-transform:uppercase; color:#FFF; background:var(--sec60, #E41F1F)}
.box-idntv .box-idntv-link:hover {color:#FFF; background:var(--sec70, #B9151C)}
.box-idntv .box-idntv-link:after {content:''; position:absolute; top:-9em; left:-99em; right:-99em; bottom:-9em; z-index:1}
.box-idntv .box-idntv-link u {display:inline-block; width:5.24em; height:1em; vertical-align:baseline; margin:0; font-size:86%; text-indent:-99em; background:url('/u/loga-n4/idnestv-white.svg') no-repeat 0 50%; overflow:hidden}
/* Videa - END */

/* MOX - Ankety */
.survey {position:relative; clear:both; width:100%; margin:0 0 var(--spacing-15, 1.5rem); padding:var(--spacing-15, 1.5rem) var(--spacing-15, 1.5rem) var(--spacing-05, .5rem); border-radius:var(--radius-m, .5rem); line-height:1.25; color:var(--tgl-neutral90, #263238); background:var(--tgl-pri05, #EFF3F9); box-sizing:border-box; font-feature-settings:"lnum"}
.survey p {font-size:100%}
.survey-sec, #wrapper .survey-sec, .survey-sec .survey, #wrapper .survey-sec .survey {padding:0; color:var(--tgl-neutral90, #263238); background:none}
/* q - Question */
.survey-q, .survey-q.survey-q.survey-q {margin:0 0 var(--spacing-1, 1rem); font-weight:600; font-size:137.5%; line-height:1.2}
#wrapper .survey-q {font-size:125%}
.survey-sm .survey-q.survey-q, #wrapper .survey-sm .survey-q {margin:0 0 .5rem; font-size:112.5%}
/* s - Statistic */
.survey-s {margin:0 0 var(--spacing-1, 1rem); font-size:112.5%; line-height:1.6}
.survey-q + .survey-s {margin-top:-.75rem}
.survey-s b {font-weight:800}
.survey-sm .survey-s {margin:0 0 .5rem; font-size:87.5%}
.survey-sm .survey-s + .survey-s {margin-top:-.25rem}
/* w - Warning */
.survey-w {margin:0 0 var(--spacing-1, 1rem); padding:.5rem 0 0; border-top:1px solid var(--tgl-neutral10, #CFD8DC); font-size:81.25%; line-height:1.4}
.survey-w b {display:block; padding:0; font-weight:600; font-size:107.7%; line-height:1.6; text-transform:uppercase; background:none}
.survey-w b:before {content:''; float:left; display:block; width:1em; height:1.6em; margin:0 .5em 0 0; background:url('/u/icon/000/info.svg') no-repeat 50% 50%; filter:var(--filter-tgl-neutral80)}
/* inputy + i - nahrada za Inputu */
.survey input[type="submit"] {display:block; width:100%; margin:0 0 1em; padding:.75em; border:0; border-radius:var(--radius-s, .25rem); font-weight:600; font-size:100%; line-height:1.5; text-align:center; color:var(--tgl-white, #FFF); background:var(--tgl-pri60, #1B3E7A); box-shadow:0 .125rem .25rem var(--tgl-black-o10, #0000001a); -webkit-appearance:none}
.survey input[type="submit"]:hover {background-color:var(--tgl-pri80, #102447)}
.survey input[disabled], .survey input[disabled]:hover {background-color:var(--tgl-neutral20, #B0BEC5); box-shadow:none; cursor:default}
.survey .inactive.inactive.inactive {background-color:var(--tgl-neutral20, #B0BEC5); box-shadow:none; cursor:default}
.survey .item {flex:0 0 100%; position:relative; display:flex}
.survey-sm .survey .item {font-size:87.5%}
.survey-c input {position:absolute; left:-9999em}									
.survey-c input[type="radio"] + .survey-l .survey-i {background-image:url('/u/icon/bbc/form-radio-unselected.svg')}
.survey-c input[type="radio"]:checked + .survey-l .survey-i {background-image:url('/u/icon/137/form-radio.svg')}
.survey-c input[type="checkbox"] + .survey-l .survey-i {background-image:url('/u/icon/bbc/form-checkbox-unselected.svg')}									
.survey-c input[type="checkbox"]:checked + .survey-l .survey-i {background-image:url('/u/icon/137/form-checkbox.svg')}
.survey-c input[disabled] + .survey-l .survey-i {display:none}
.survey-c input[type="checkbox"][disabled] + .survey-l .survey-i {display:block}
.survey-i {flex:0 0 1.25em; display:block; width:1.25em; height:1.25em; background:no-repeat 50% 50% / contain; cursor:pointer}									
/* c - Column */ 
.survey-c {display:flex; flex-wrap:wrap; gap:.25rem; margin:0 0 var(--spacing-1, 1rem); padding:0}
/* l - Label */
.survey-l {flex:0 0 100%; display:flex; align-content:start; padding:1em; border:1px solid transparent; border-radius:.1875rem; box-sizing:border-box}
.survey-l:hover {background-color:var(--tgl-white, #FFF)}	
.survey-sm .survey-l {padding:.5rem}
input[disabled] + .survey-l:hover {background-color:transparent}						
.survey-c input:checked + .survey-l {border-color:var(--tgl-pri30, #678AC6); background-color:var(--tgl-white, #FFF)}
.survey-c1 .survey-l {gap:.75rem}
.survey-c2 .survey-l, .survey-c2 .item {flex-basis:calc(50% - 0.125rem); flex-wrap:wrap; gap:.5em .75em}
.survey-c2 .item .survey-l {flex-basis:100%}
/* tnz - Text, Number, Zizalka */
.survey-tnz {flex:1}
.survey-t {margin:0 0 .25em}
.survey-n {clear:both; margin:0 0 .125em}
.survey-n b {margin-right:.5em; font-weight:800}
.survey-z {clear:both; height:1em; border-radius:.5em; font-size:37.5%; background:var(--tgl-pri10, #CFDCF1)}
.survey-z u {float:left; height:100%; border-radius:.5em; background:var(--tgl-pri60, #1B3E7A)}
#wrapper .survey-t, #wrapper .survey-n {font-size:87.5%}
#wrapper .survey-z {font-size:25%}
/* p - Picture */
.survey-c1 .survey-p {order:1; flex:0 0 20%}
.survey-c2 .survey-p {order:-1; flex:0 0 100%; width:100%; box-sizing:border-box}
.survey-c2 input:not([disabled]) + .survey-l .survey-p,
.survey-c2 input[type="checkbox"][disabled] + .survey-l .survey-p {padding-left:2em}
.survey-p span {position:relative; display:block; width:100%; height:0; padding:75% 0 0; background:no-repeat 50% 50% / cover}
.survey-16ku9 span {padding:56.25% 0 0}
.survey-4ku3 span {padding:75% 0 0}
.survey-1ku1 span {padding:100% 0 0}									
.survey-icogal span:before {content:''; position:absolute; left:.25em; bottom:.25em; width:1em; height:1em; background:url('/u/icon/eef/zoom-in.svg') no-repeat 50% 50% / contain; box-shadow:0 0 .25rem var(--tgl-black-o10, #0000001a)}									
.survey-icoart span:before {content:''; position:absolute; top:0; right:0; width:1.25em; height:100%; background:#CFDCF1 url('/u/icon/137/info-i.svg') no-repeat 50% calc(50% + 1.2em) / .625em .625em}
.survey-icoart span:after {content:'info'; position:absolute; top:50%; right:0; width:3em; margin:-.9em -.7em 0 0; font-size:75%; line-height:1.6; transform:rotate(90deg); text-align:center; color:#1B3E7A}
/* Ankety - END */

/* MOX - On-line ve clanku */
.on-line-in-art-wrapper {clear:both; margin:0 0 var(--spacing-15, 1.5rem)}
.on-line-in-art-wrapper #on-line-in-art {margin-bottom:0}
.on-line-in-art-wrapper table {width:100%; margin:0; padding:0; border-collapse:collapse}
.on-line-in-art-wrapper td {margin:0; padding:0}
.on-line-data:after {content:''; display:block; clear:both}
.on-line-data .time {float:left; width:4em; margin-top:1rem; padding:0; border-radius:var(--radius-s, .25rem); text-align:center; color:var(--tgl-neutral90, #263238); background:var(--tgl-neutral05, #ECEFF1); font-size:87.5%; font-weight:800}
.css-t .on-line-data .time {margin-bottom:-.5rem}
.on-line-data .event {overflow:hidden; padding:1rem .75rem; border:0; font-size:100%}
.css-t .on-line-data .event {clear:both; padding:1rem 0}
.on-line-data .event img {position:static; vertical-align:middle}
.on-line-data .event p {margin:0; font-size:100%}

#on-line-in-art {margin:0 0 var(--spacing-15, 1.5rem); padding:var(--spacing-15, 1.5rem) var(--spacing-15, 1.5rem) .75rem; border:1px solid var(--tgl-pri10, #CFDCF1); border-radius:var(--radius-m, .5rem); color:inherit; background:none; box-shadow:0 .5rem 1rem 0 var(--tgl-pri90-o10, #08162D1a)}
#on-line-in-art #on-line-top {margin:0; padding:5px 0; border:0}
#on-line-in-art h3 {font-size:var(--rs-h4, 1.5rem)}
#on-line-in-art .on-line-header h3:before {content:''; float:left; width:1rem; height:1.2em; margin:0 .5rem 0 0; background:url('/u/icon/000/disc.svg') no-repeat 50% 50%; filter:var(--filter-tgl-sec60)}
#on-line-in-art .on-line-data {width:auto; max-width:100%; margin:0}
#on-line-in-art .on-line-data > div {margin:0; background:none; border-bottom:1px solid var(--tgl-pri05, #EFF3F9)}
#on-line-in-art .on-line-data > div.fc0 {margin:-1px 0 0; border-bottom:1px solid var(--tgl-pri10, #CFDCF1)}
#on-line-in-art .read-more {justify-content:flex-start; padding:0; border:0; background:none}
#on-line-in-art .read-more:hover {text-decoration:underline}

/* z online podle Misi */
#on-line-data.row-time .time {float:none; width:auto; padding:1px 0 0; text-align:left}
#on-line-data.row-time .time-in {display:inline-block; margin-top:7px; padding:3px 10px}
#on-line-data.row-time .event {padding-left:0}
#on-line-data.row-time .o-c3 .event {padding-left:10px}
#on-line-data a.webz-bg, .on-line-data a.webz-bg {display:inline-block; line-height:1.25; padding:.5em .75em; border-color:transparent; border-radius:var(--radius-s, .25rem); font-weight:600; font-size:.75rem; text-transform:uppercase; text-decoration:none; color:var(--tgl-pri80, #102447); background:var(--tgl-pri10, #CFDCF1); box-sizing:border-box}
#on-line-data a.webz-bg:hover, .on-line-data a.webz-bg:hover {color:var(--tgl-white, #FFF); background:var(--tgl-pri60, #1B3E7A)}
#on-line-data a.webz-bg span, .on-line-data a.webz-bg span {display:inline; line-height:1.25; margin:0; padding:0}
#on-line-data a.webz-bg span:before, .on-line-data a.webz-bg span:before {content:'\203A'; float:left; margin-right:.3em}

.o-comment-box + *, .o-art + *, .o-gal + *, .o-tab + *, .o-vid + *, .o-ank + *, .o-sta + *, .on-line-data .event > p + *, #on-line-data .event > p + * {margin-top:var(--spacing-15, 1.5rem)}

.o-comment-box {position:relative; line-height:1.3; margin:0; padding:12px 0 0}
.o-comment-box:before {content:''; position:absolute; top:0; left:0; width:100%; height:20px; background:url('/u/n4/o-comment-box.png') no-repeat 50% 0}
.o-comment-box .box-in {position:relative; overflow:hidden; padding:22px 10% 4em}
.o-comment-box .box-in:hover {background:rgba(128,128,128,.15)}
.o-comment-box p {font-style:italic}
.o-comment-box p:before {content:'\201E'}
.o-comment-box p:after {content:'\201C'}
.o-comment-box h3, .o-comment-box a {position:absolute; bottom:0}
.o-comment-box h3 {bottom:.5em; left:10%; line-height:1.2; font-size:81.25%; font-weight:600}
.o-comment-box h3 small {display:block; font-size:90%; font-weight:400}
.o-comment-box a.webz-bg {right:0}
.o-comment-box a.webz-bg:after {content:''; position:absolute; top:-999px; left:-999px; right:-999px; bottom:-999px; z-index:1}

.o-art {position:relative; overflow:hidden; line-height:1.3}
.o-art img {float:left; max-width:50%; height:auto; margin:0 .75em 0 0}
.o-art h3 {margin:0 0 .3em; font-size:112.5%; font-weight:600}
.o-art a.webz-bg:after {content:''; position:absolute; top:-999px; left:-999px; right:-999px; bottom:-999px; z-index:1}

.o-gal {position:relative; overflow:hidden}
.o-gal.o-gal ul {overflow:hidden; margin:0 0 -.75rem}
.o-gal.o-gal ul li {float:left; display:block; margin:0 0 .75rem; padding:0; background:none}
.o-gal p {margin:.2em 0 0; color:var(--tgl-neutral60, #546E7A)}
.o-gal .gal1col li {width:100%}
.o-gal .gal2col li {width:49%}
.o-gal .gal2col li:nth-child(2n+1) {clear:both}
.o-gal .gal2col li:nth-child(2n+2) {margin-left:2%}
.o-gal .gal3col li {width:32%}
.o-gal .gal3col li:nth-child(3n+1) {clear:both}
.o-gal .gal3col li:nth-child(3n+2) {margin-left:2%; margin-right:2%}
.o-gal img {display:block; width:100%; height:auto}
.o-gal a.webz-bg {margin:2% 0 0}
.o-gal a.webz-bg:after {content:''; position:absolute; top:-999px; left:-999px; right:-999px; bottom:-999px; z-index:1}

.o-tab h3 {overflow:hidden; margin:0 0 .2em; border-bottom:3px solid #333}
.o-tab h3 i {float:left; padding:.3em 2em .2em; color:#FFF; background:#333; font-style:normal; font-weight:600; font-size:81.25%; text-transform:uppercase}
.o-tab th, .o-tab td {padding-right:1em}

.o-vid .header {clear:both; line-height:1.2; margin:0 0 .5em; padding:0 0 0 50px; background:url('/u/on-line/ico_play.png') no-repeat 0 50%}
.o-vid .header h3 {font-size:112.5%; font-weight:600}

.o-ank .header {clear:both; line-height:1.2; margin:0 0 .5em; padding:0 0 0 50px; background:url('/u/on-line/anketa.png') no-repeat 0 50%}
.o-ank .header h3 {font-size:112.5%; font-weight:600}
.o-ank .anketa-list {width:100%; margin-left:0}
.o-ank .anketa-art {display:none}

.o-sta .header {clear:both; line-height:1.2; margin:0 0 .5em; padding:0 0 0 36px; background:url('/u/on-line/statistiky.png') no-repeat 0 50%}
.o-sta .header h3 {font-size:112.5%; font-weight:600}
/* z online podle Misi END */

/* komercni-sdeleni */
#komercni-sdeleni {margin:0 0 var(--spacing-15, 1.5rem); border:1px solid var(--tgl-pri10, #CFDCF1); border-radius:var(--radius-m, .5rem); color:inherit; background:none}
#komercni-sdeleni a {text-decoration:underline}
#komercni-sdeleni p {font-size:75%}
#komercni-sdeleni .top {position:relative; padding:var(--spacing-1, 1rem) var(--spacing-1, 1rem) var(--spacing-1, 1rem) 3rem; min-height:1rem; margin:0; background:none}
#komercni-sdeleni .top:before {content:''; position:absolute; top:50%; left:0; width:3rem; height:3rem; margin:-1.5rem 0 0; background:url('/u/icon/000/info2.svg') no-repeat 50%; filter:var(--filter-tgl-neutral20)}
#komercni-sdeleni .top h3 {font-weight:800; font-size:100%; font-family:inherit; color:inherit}
#komercni-sdeleni .box {padding:0 var(--spacing-1, 1rem) var(--spacing-075, .75rem) 3rem}
#komercni-sdeleni .box p {margin:0 0 1em}
#komercni-sdeleni .ico-r {text-align:right; font-size:87.5%; line-height:1.25}
#komercni-sdeleni .ico-r:before {display:none}
#komercni-sdeleni .ico-r a {height:auto; font-size:inherit; line-height:inherit}
#komercni-sdeleni .ico-close:before {float:right; display:block; width:1.25em; height:1.25em; margin:0 0 0 .5em; border-radius:var(--radius-xs, .125rem); background:url('/u/icon/000/close.svg') no-repeat 50%; filter:var(--filter-tgl-neutral20)}
.q-js #komercni-sdeleni .box {display:none}
.q-js #komercni-sdeleni.visible .box {display:block}
.q-js #komercni-sdeleni.visible .open {visibility:hidden}

/* REKLAMY */
.r-art {position:relative; margin:0 0 var(--spacing-2, 2rem); padding:0; border:0}
.r-art .r-head {position:absolute; top:-14px; left:0}
.r-art .r-body {position:static}
.r-art .art {margin-bottom:0}
[class*="s_nativ"] .r-body {position:relative; min-height:calc(122px + 2rem)}
#hypertext-sph-1 [class*="s_nativ"] .r-body {min-height:106px}
[class*="s_m_nativ"] {/* fix pro m/layout.css */ min-height:76px}

/* docasne 06/2024 po preklopeni prenest do reklama.css */
#selfart .r-body {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative; width:100%; min-height:122px; line-height:1.3; padding:0 0 0 229px; font-size:12px}
#selfart a {text-decoration:none}
#selfart a:hover, #selfart h3 a {text-decoration:underline}
#selfart h3 {margin:0 0 .1em; font-size:150%}
#selfart h3 img {position:absolute; top:0; left:0; z-index:1; width:217px; height:122px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover}
#selfart h3 .over-sp5 {position:absolute; top:0; left:0; z-index:1; width:217px; height:122px; overflow:hidden; text-align:center}
#selfart h3 .over-sp5 img {position:static; max-width:100%; width:auto; height:auto}
#selfart p {margin:0 0 .2em; font-size:117%}
#selfart .price {color:#C00}
#selfart .propety {list-style:none; overflow:hidden; margin:0 0 .3em; padding:3px 0}
#selfart .propety li {float:left; list-style:none; margin:0 8px 0 -8px; padding:1px 8px}
#selfart .more a {font-size:125%; color:#C00}

