@import url("https://fonts.googleapis.com/css?family=Anton:400&subset=latin,latin-ext"); 

/* portalovka */
#portal {clear:both; position:relative; width:1000px; margin:0 auto 20px; padding:0 0 1px; border-top:1.625em solid transparent} 
#portal hr {display:none}
#p-menu > iframe {margin-top:-3px}

#sph-emblem {position:relative; z-index:1; line-height:86px; min-height:86px; margin:0; padding:0; font-size:200%; text-transform:none; background:#FFF}
#sph-emblem a {float:left; width:176px; height:86px; margin:0 10px; background:url('/u/loga-n4/idnes-idn3.png') no-repeat 50% 50%; background:url('/u/loga-n4/idnes.svg') no-repeat 0 50% / contain}
#sph-emblem a span {position:absolute; top:-99em; left:-999em}

#fellow {position:absolute; left:210px; right:auto !important; top:0; z-index:3}
#fellow img {display:block; width:auto; height:86px; margin:0}

.p-holiday {position:absolute; top:0; right:0; z-index:1; display:table; height:86px; font-size:75%}
.p-holiday p {display:table-cell; vertical-align:middle; text-align:right	}

#p-menu#p-menu#p-menu .h {display:none}
#p-menu {position:relative; z-index:12; clear:both; width:100%; padding:0 0 3px; background:#FFF}
#p-menu.fixed {position:fixed; z-index:98}

.portalmenu-sph {position:relative; clear:both; display:table; width:100%; line-height:2.625; margin:0 auto; padding:0 10px 0 0; border-radius:3px; font-size:100%; color:#FFF; background:#E41F1F; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.portalmenu-sph li {height:2.625em; line-height:2.625}
.portalmenu-sph a {height:inherit; line-height:inherit}
.portalmenu-sph li {position:relative; float:left; list-style:none; margin:0}
.portalmenu-sph li.fr  {float:right; height:2.5em; margin-top:.125em}
.portalmenu-sph li#p-sph {overflow:hidden; margin:0; border-left:12px solid #B9151C; border-radius:3px 0 0 3px; font-weight:700}
.portalmenu-sph a {position:relative; float:left; padding:0 1em; text-decoration:none; font-style:normal; color:inherit}
.portalmenu-sph a:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:transparent}
.portalmenu-sph a:hover:after, .portalmenu-sph li:hover a:after {background:#ECEFF1}
.portalmenu-sph a.active {z-index:2; border-radius:.2em .2em 0 0; background:#FFF}
.portalmenu-sph a.active:before {content:''; position:absolute; top:50%; left:50%; width:1em; height:1em; line-height:1em; margin:-.5em 0 0 -.5em; font-size:125%; text-align:center; color:#102447; background:url('/u/icon/124/close-i.svg'); text-indent:0}
.portalmenu-sph a.active:after {display:none}
#p-sph .nib {display:block; position:static; float:left; width:0; height:0; border:1em solid #B9151C; border-width:1.3125em 0 1.3125em 1.3125em; border-color:transparent #B9151C}
#p-sph a {color:#FFF; background:#B9151C; margin-left:-7px}
#p-sph a:after {display:none}

.portalmenu-sph .label-new {position:relative}
.portalmenu-sph .label-new:before {content:'NOV\c9 '; float:right; position:relative; top:50%; margin:calc(-.6em - 1px) 0 0 .7em; padding:1px .4em 0; border-radius:3px; text-transform:uppercase; font-weight:700; line-height:1.2; font-size:68.75%; color:#E41F1F; background:#FFF}

.portalogin, .portalmenu {margin-top:-5px}

.portal-g0 {position:absolute; top:-1.625em; left:0; z-index:20; width:980px; min-height:1.625em; margin:0 -15px}

/* 24.02.2022 valka */
#p-menu-1 a[href$="valka-rusko-ukrajina"]:before {content:''; float:right; width:1.32em; height:.88em; margin:.88em 0 0 .5em; background:linear-gradient(#005BBB 50%, #FFD500 50%); box-shadow: 0 0 0 1px #FFF}

/* idn4/portal */
.portal-g1 {background-color:#E41F1F}
.portal.row-top-act .portal-g1 {background:rgba(228,31,31,.9)}
.portal-g2a h3 {color:#E41F1F}

/* layout */
.content {position:relative}
#minor {position:relative; z-index:3; clear:both; /* hack - pocitadla a brandingy */ margin-bottom:-60px; padding-bottom:1px; /* hack END */ background:#FFF; cursor:default}

.col-a {clear:both; float:left; width:652px; margin:0 0 0 5px}
.col-b {float:right; width:300px; margin:0 5px 0 0; position:relative; z-index:3}
.cols-hp {margin:0 0 20px; padding:0 0 5px; border-bottom:1px solid #CFD8DC}
.cols-hp .col-a {float:left; width:560px; margin:0 0 0 40px}
.cols-hp .col-b {float:right; width:350px; margin:0 5px 0 0}
.cols-par .col-a, .cols-par .col-b {width:480px}
.cols-par .col-a {padding:14px 0 10px}
.cols-par .col-b .r-main {margin:0 auto 20px}

.art {overflow:hidden; position:relative; min-height:150px; margin:0 0 20px; padding:0 0 1px 188px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.art:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ECEFF1}
.art.opener:after {display:none}
.art h3 {line-height:1.2; margin:0 0 0 -16px; padding:0 0 0 16px; font-weight:600; font-size:125%}
.art .art-link {text-decoration:none}
.art-link:hover h3 {text-decoration:underline}
.art .art-img {position:absolute; top:0; left:0; z-index:1; width:172px; height:129px}
.art .art-img.mark-video span {position:absolute; bottom:6px; right:4px; z-index:2; width:24px; height:24px; background:url('/u/n4/play.svg') no-repeat}
.art .art-img.mark-podcast span {position:absolute; bottom:6px; right:4px; z-index:2; width:24px; height:24px; background:url('/u/icon/137/podcast-filled.svg') no-repeat}
.art-img img, .art-img picture, .art-img u {position:relative; display:block; width:100%; height:100%}
.art-img u, .odklad {background:no-repeat 50% 50%; background-size:cover}
.art .perex, .art p {margin:.429em 0; font-size:87.5%; line-height:1.286}
.list-art-odklad u.odklad {background-image:none !important}
.art-info .brisk-video, .brisk-video {padding:0 0 0 18px; color:#000; background:url('/o/sph/ico_play_sph_mini.gif') no-repeat 0 40%}
.art .rub {margin:0 0 .25em; text-transform:uppercase; font-size:75%; font-weight:400}
.art .rub a {display:block; color:#678AC6; text-decoration:none}
.art .rub a:hover {color:#1B3E7A}

/* STITKY */
.brisk, .art-info .brisk {margin-right:.6em; font-size:.75rem; font-weight:700; text-transform:uppercase; color:#B9151C; white-space:nowrap}
.perex .brisk {margin-right:.2em}
.podlab, .podlab.podlab.podlab {display:inline-block; vertical-align:top; padding:1px .333rem; border-radius:2px; font:600 .75rem/1.167 'Inter', sans-serif; text-transform:uppercase; text-decoration:none; color:#FFF; background:#1B3E7A}
.podlab {margin-right:.25rem}
.premlab, .box-sme-ticket .premlab, .premlab:hover, .group-expres .premlab {position:relative; z-index:1; display:inline-block; vertical-align:top; margin:0 .25rem 0 0; padding:1px .333em; border-radius:2px; font:italic 600 .75rem/1.167 'Fira Sans', sans-serif; color:#FFF; background:linear-gradient(#DAA520, #E8B332); text-decoration:none; text-shadow:0 1px 1px rgba(0,0,0,.5)}
.perex .podlab, .perex .premlab {margin-top:.125rem}
.art.opener .perex .podlab, .art.opener .perex .premlab {margin-top:.25rem}
.opener-vidw .premlab {position:absolute; top:18px; left:20px; z-index:5; font-size:1.125rem}
.group-expres .premlab, .group-expres .premlab:hover {position:absolute; top:0; left:0; z-index:5; margin:4px; color:#FFF; font-size:1rem}
.group-expres .opener-vidw .premlab {margin:10px}
.premlab span {padding-right:.15em; font-size:92%; font-family:'Inter', sans-serif; font-feature-settings:"tnum" }
.premlab [data-unit]:after {content:attr(data-unit); padding-left:.15em}

.opener {padding:0}
.opener:after {display:none}
.opener .art-link {display:block}
.opener .art-img {float:none; position:static; display:block; width:100%; height:auto; margin:0}
.opener .art-img:after {display:none}
.opener h3 {margin:0; padding:0 0 .3em; font-size:187.5%}
.opener .perex {line-height:1.5; margin:.5em 0 0; font-size:100%}
.img-brisk {position:relative}
.img-brisk div {position:absolute; left:.625rem; bottom:.625rem; padding:.1875em .3125em .1875em .1875em; border-radius:3px; font-weight:700; font-size:87.5%; line-height:1.25; text-transform:uppercase; color:#FFF; background:rgba(16,36,71,.9)}
.img-brisk div:before {content:''; float:left; width:1.25em; height:1.25em; margin:0 .25em 0 0; border-radius:2px; background:#E4201F url('/u/icon/fff/live.svg') no-repeat 50% 50% / 78% 78%}
.img-brisk ul {position:absolute; top:auto; left:.5rem; bottom:.5rem; z-index:2; display:flex; align-items:center; gap:.5rem}
.img-brisk li {display:block; margin:0}
.brisklive {padding:.1875em .3125em .1875em .1875em; border-radius:3px; font-weight:700; 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:2px; background:#E4201F url('/u/icon/fff/live.svg') no-repeat 50% 50% / 78% 78%}
.img-brisk .premlab.premlab.premlab {position:static; margin:0}

.related {position:relative; z-index:6; padding:.25rem 0 0; font-weight:700; font-size:87.5%; line-height:1.286; font-family:inherit}
.related a:after {position:static}
.related li {list-style:none; display:block; margin:.5rem 0 0; padding-left:1.25rem; background:url('/u/icon/68c/more.svg') no-repeat 0 0 / .75rem 1.286em}

.opener-vidw {padding:0; color:#FFF; background:#102447}
.opener-vidw:after {display:none}
.opener-vidw .art-link {display:block; color:inherit}
.opener-vidw-group, .opener-vidw h3 {position:absolute; left:20px; bottom:20px; right:20px; z-index:3}
.opener-vidw .opener-vidw-group h3 {position:static}
.opener-vidw h3 {margin:0; padding:0; font-weight:700; font-size:168.75%; text-shadow:0 0 20px rgba(38,50,56,.80)}
.opener-vidw .img-brisk {margin:0 0 .3em}
.opener-vidw .mark-video span {display:none}
.opener-vidw .art-img {float:none; position:static; display:block; width:652px; height:367px; margin:0}
.opener-vidw .art-img:after {content:''; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; margin:0; background:linear-gradient(rgba(38,50,56,0) 50%, rgba(38,50,56,.6) 90%)}
.opener-vidw .art-link img, .opener-vidw .art-link u {transition:opacity .3s}
.opener-vidw .art-link:hover img, .opener-vidw .art-link:hover u {opacity:.8}
.opener-vidw .rub {position:absolute; top:1em; left:20px; z-index:5; height:2em; line-height:2; font-weight:700; font-size:112.5%}
.opener-vidw .rub a, .opener-vidw .rub a:hover {padding:0 1em; color:#FFF; background:rgba(0,0,0,.5)}
.opener-vidw .rub a:hover {background:rgba(0,0,0,.8)} 

.extra-art-box {padding:0 0 1px}
.extra-art-box img {display:block; position:static; margin:0; max-width:100%; height:auto}
.extra-art-box .extra-img {position:relative; margin:0; overflow:hidden}
.extra-art-box .box {position:absolute; left:0; bottom:-1px; z-index:1; width:100%; color:#37474F; background:rgba(255,255,255,.8)}
.extra-art-box .art-info {margin-bottom:-6px}
.extra-art-box .perex {margin:0; padding:10px 15px; font-weight:400; font-size:100%; color:inherit}
.extra-art-box .related {position:relative; z-index:6; padding:.8em 0; font-weight:600; font-size:100%; line-height:1.375; font-family:'Fira Sans', sans-serif}
.extra-art-box .related a:after {position:static}
.extra-art-box .related li {list-style:none; display:block; margin:.3em 0 0; padding-left:1.4em; background:url('/u/icon/bbc/related.svg') no-repeat 0 .25em / .875em .875em}
.extra-art-box .related li:first-child {margin-top:0}
.extra-art-box .art-info .brisk {margin:0}
.extra-art-box .art-info .time {padding-left:10px; font-size:11px; color:#2C66B1}
.extra-art-box .img-brisk {display:none}
.extra-art-box .related .premlab, .extra-art-box .related .podlab {margin-top:.25em}

.extra-first-art {overflow:hidden; position:relative; margin:0 0 30px 10px; padding:0}
.extra-first-art img {position:static; display:block}
.extra-first-art .box {position:absolute; bottom:0; left:0; z-index:1; width:100%; padding:10px 0; background:url('/u/fog-white80.png'); background:rgba(255,255,255,.8)}
.extra-first-art h3 {margin-left:10px; margin-right:10px; font-size:162.5%; font-weight:700}
.extra-first-art p {margin:0 10px}

.group {clear:both; padding:0 0 20px}
.group:after {content:''; display:block; clear:both}
.group-menu {position:relative; overflow:hidden; margin:0 0 20px}
.group-menu:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#CFD8DC}							
.group-menu li {float:left; display:block; margin:.4em 0 0 .8em; padding:0 0 4px; font-size:100%; letter-spacing:-.5px}
.group-menu li:first-child {position:relative; z-index:2; margin:0 18px 0 0; text-transform:uppercase; font-weight:700; font-size:150%; font-family:'Fira Sans', sans-serif; letter-spacing:0}
.group-menu li:first-child:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:4px; margin:0; background:#E41F1F}
.group-menu li:first-child a {color:inherit}
.group-menu li:first-child a:hover {color:#1B3E7A} 
.group-menu a:hover {text-decoration:none; color:#E41F1F}
.group-menu .lgidntv {display:inline-block}
.group-menu li .ttn {text-transform:none}
.group-menu li.group-inclusion {float:right; margin:0; padding:0}
.group-menu li.group-inclusion a {display:block; width:1.25em; height:1.25em; border:solid transparent; border-width:.25em 0 .25em .5em; background:url('/u/icon/137/setting.svg') no-repeat 50% 50% / contain}
.group-menu li.group-inclusion a:hover {background-image:url('/u/icon/e11/setting.svg')}

.group-row2colum {clear:both}
.group-row2colum:after {content:''; display:block; clear:both}
.group-row2colum .art {float:left; width:316px; min-height:117px; padding:0 0 1px 138px}
.group-row2colum .art ~ .art {margin-left:20px}
.group-row2colum .art h3 {margin:0 0 0 -10px; padding:0 0 0 10px; font-size:100%}
.group-row2colum .art .art-img {width:128px; height:96px}
.group-row2colum .art .art-img img {max-width:128px !important; max-height:96px !important /* kvuli inline stylum u reklam */}

.group-row3colum {clear:both}
.group-row3colum:after {content:''; display:block; clear:both}
.group-row3colum .art {float:left; width:204px; min-height:213px; padding:125px 0 11px}
.group-row3colum .art ~ .art {margin-left:20px}
.group-row3colum .art h3 {margin:-10px 0 0; padding:10px 0 0; font-size:100%}
.group-row3colum .art .art-img {width:204px; height:115px}

#art-spec1 .art h4 {margin:.5em 0 0}

/* MAGAZINY */
.group-maga .group-menu {margin:0 0 10px}
.group-maga .group-menu:after {bottom:auto; top:1.875em; margin-top:3px}
.group-maga .group-menu li {margin:0 .9em 0 0}
.group-maga .group-menu li:first-child {float:none; display:block; width:100%; margin:0 0 .4em}
.group-maga .group-menu li:first-child:after {width:4.7em}
.group-maga .group-menu li.group-inclusion {position:absolute; top:0; right:0; z-index:2; margin:0}

/* SME */
.art.art-sme h4 {position:absolute; left:0; top:96px; z-index:5; height:2em; line-height:2; margin:-2em 0 0; font-weight:700; font-size:62.5%; text-transform:uppercase; color:#FFF; background:#666}
.art.art-sme h4 a {display:block; padding:0 1em; color:inherit; text-decoration:none}
.art.art-sme h3 {font-size:100%}
.art.art-sme p {margin:.2em 0; font-size:81%}
.sme-btn-more {display:table; padding:0 .5em; border-radius:.2em; color:#E41F1F; border:1px solid #E41F1F}
.sme-btn-more:before {content:'\276F'; float:right; padding:.3em 0 0 .2em; font-size:70%}
.sme-btn-more:hover {color:#FFF; background:#E41F1F; text-decoration:none}
.sme-price {color:#E41F1F; font-weight:700}
.art.art-sme-ticket h4 {position:static; height:auto; line-height:inherit; margin:0 0 .2em; color:inherit; background:none; font-size:87.5%}
.art.art-sme-lidovky h4 {background:#1C4382}
.art.art-sme-akcniceny h4 {background:#ED1C24}
.art.art-sme-portmonka h4 {background:#8D6235}
.art.art-sme-reality h4 {background:#1D80D7}
.art.art-sme-automodul h4 {background:#455A6D}
.art.art-sme-vratne h4 {background:#3C84B3}

.box-sme-ticket {position:relative; margin:0 0 20px; color:#FFF; background:#000 no-repeat 90% 50% / 40% auto}
.box-sme-ticket:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(to right, rgba(0,0,0,1) 55%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 80%, rgba(0,0,0,1) 95%)}
.box-sme-ticket a {position:relative; z-index:1; display:block; text-decoration:none; color:inherit}
.box-sme-ticket .cell {display:block; width:50%; padding:20px} 
.box-sme-ticket .lgticket {font-size:93.75%; background-image:url('/o/kultura/idnesticket-white.svg')}
.box-sme-ticket h3 {position:relative; margin:.4em 0; font-size:112.5%}
.box-sme-ticket-more {display:inline-block; padding:.2em .8em .1em; border-radius:2px; font-weight:700; font-size:81.25%; text-transform:uppercase; color:#FFF; background:#D2372D}
.box-sme-ticket a:hover h3 {text-decoration:underline}

.box-sme-ticket2 {position:relative; margin:0 0 20px; color:#263238; background-color:#F7E29F}
.box-sme-ticket2:before {display:none}
/* SME - END */

/* PREMIUM */
.group-premium .group-menu li:first-child a { color:#263238}
.group-premium .group-menu li:first-child:after {background:#e8b332}
.group-premium .group-menu a:hover {color:#C38419}
.group-premium .box-sme-ticket-more {padding:.4em 1em .3em; border:1px solid #FFF; font-size:75%; background:none}
 /* PREMIUM - END */

/* EXPRES/BULVAR */
.group-expres a {color:#B9151C}
.group-expres a:hover {color:#B9151C}
.group-expres .group-menu:after {background:#B9151C}
.group-expres .group-menu a:hover {color:#102447} 							
.group-expres .group-menu li {margin-top:.2em}
.group-expres .group-menu li.group-inclusion {margin-top:-.2em}
.group-expres .group-menu li:first-child {line-height:1; margin-top:0; padding:0; vertical-align:bottom; font-size:243.75%}
.group-expres .group-menu li:first-child:after {display:none}
.group-expres h3 {font-weight:400; font-family:Anton, sans-serif}
.group-expres .opener-vidw .art-img:after {background-image:linear-gradient(rgba(38,50,56,0) 50%, rgba(38,50,56,.8) 89%)}
.group-expres .art .rub {display:none}

.group-bul {margin:0 0 20px}
.group-bul:after {content:''; display:block; clear:both}
.group-bul-in1 {float:left; width:316px; height:376px; font-size:175%}
.group-bul-in2, .group-bul-in3 {float:right; width:316px; height:178px; font-size:125%}
.group-bul-in2 {margin-bottom:20px}
.group-bul .art, .group-bul .art-link, .group-bul .art-img {display:block; width:100%; height:100%; margin:0}
.group-bul a.art-link {color:inherit}
.group-bul .art h3 {left:10px; right:10px; bottom:10px; max-height:3.6em; overflow:hidden; font-size:150%}
/* EXPRES/BULVAR - END*/

/* SPORT */
.group-sport .opener-vidw h4 {position:absolute; top:1em; left:20px; z-index:5; height:2em; line-height:2em; margin:0; padding:0; text-transform:uppercase; font-weight:700; font-size:112.5%}
.group-sport .opener-vidw h4 a {display:block; padding:0 1em; color:inherit; text-decoration:none}
.group-sport .opener-vidw h4 a:hover {background:rgba(0,0,0,.15)}

.e-other {color:#FFF; background:#30CBD9}
.e-hokejh {color:#FFF; background:#17B3ED}
.e-fotbalh {color:#FFF; background:#57B20D}
.e-tenis {color:#FFF; background:#E9840E}
.e-lyzovani {color:#FFF; background:#167DDC}
.e-biatlon {color:#FFF; background:#164EDC}
.e-atletika {color:#FFF; background:#B93E34}
.e-cyklistika {color:#FFF; background:#B8734A}
.e-sport-basket, .e-volejbal, .e-hazena, .e-florbal {color:#FFF; background:#E78E26}
.e-motorsport, .e-formule {color:#FFF; background:#8C8B8A}
.e-olympiada {color:#FFF; background:#E88532}
.e-vysledky {color:#FFF; background:#0CAF2E}

.group-score {overflow:hidden; position:relative; margin:0 0 20px; padding:0 0 1px}
.score-box-out {width:999%; margin-right:-20px}
.score-box-out:before {content:''; position:absolute; left:0; top:100%; width:100%; height:1px; margin:-1px 0 0; background:#CFD8DC}
.score-box-out:after {content:''; display:block; clear:both}
.score-box, .score-box .box-in {float:left}
.score-box h2 {display:none}
.score-box img {width:auto; vertical-align:top; height:1.2em; margin:.1em auto 0}
.score-box .item {float:left; display:table; width:204px; height:4em; line-height:1.4; margin:0 20px 20px 0; font-size:12px; color:#222; background:#ECEFF1; text-decoration:none}
.score-box .item:hover {background:rgba(128,128,128,.1)}
.score-box .item > div {display:table-cell; vertical-align:middle; padding-top:.2em; padding-bottom:.2em}
.score-box .row {display:table-row}
.score-box .row > div {display:table-cell; vertical-align:top; max-width:10em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.score-box .row + .row > div {padding-top:.2em}
.score-box .event {position:static; display:table-row; width:auto; max-width:none; height:auto}
.score-box .event > div {display:table-cell; vertical-align:middle}
.score-box .symbol {width:2.6em; text-align:center}
.score-box .event img {height:1.8em}
.score-box .cell-b {padding-left:.2em; padding-right:.6em; text-align:right; white-space:nowrap; font-weight:700}
.score-box .cell-b table {margin:0 0 0 auto}
.score-box .cell-b td {padding:0 .2em}
.score-box-1 .cell-b {color:#222}
.score-box-2 .cell-b {color:#0CAF2E}
.score-box-3 .cell-b {color:#3E4D7C}
/* SPORT - END*/

/* VIDEO CLANKY */
.video-art {position:relative; display:block} 
.video-art .art-img {overflow:hidden; position:relative; margin:0 0 .25rem}
.video-art .art-img:before {content:''; position:absolute; top:50%; left:50%; z-index:3; width:20%; height:0; margin:-10% 0 0 -10%; padding:20% 0 0; border-radius:100%; overflow:hidden; background:url('/u/n4/play.svg') no-repeat 0 0 / contain; transition:all .4s; transform:scale(0)}
.video-art:hover .art-img:before {transform:scale(1)}
.video-art .art-info {position:absolute; left:0; bottom:0; right:0; display:block; width:auto; height:24px; line-height:24px; margin:0; padding:0 .5em; font-size:14px; text-align:right; color:#FFF; background:rgba(0,0,0,.7); transition:all .2s}
.video-art .art-info span {position:static; display:inline; background:none}
.video-art-kino .art-info:before {content:''; background:url('/u/loga-n4/kino-white.svg')}
.q-mouse .video-art:hover .art-info {height:100%}
.q-mouse .video-art:hover .art-info span {opacity:0}
.video-art .art-img img {margin:0}
.video-art h3 {font-weight:600; font-size:112.5%}
.video-art-kino .art-img:after {content:''; position:absolute; left:6px; bottom:3px; display:block; width:80px; height:16px; background:url('/u/loga-n4/kino-white.svg') no-repeat 0 50% / contain}
.video-list {display:flex; flex-wrap:wrap; justify-content:space-between; gap:.75rem 0}
.video-list li {flex:0 0 316px; display:block; width:316px}
.video-list .art-img {width:316px; height:177px}

.videoblok {padding:20px; border:1px solid #CFD8DC; background:#FFF}
.videoblok .group-menu:after {background:#CFD8DC}
.videoblok .group-menu li:first-child:after {display:none}
.videoblok .video-list li {flex-basis:210px; width:210px}
.videoblok .video-list .art-img {width:210px; height:118px}
.videoblok .video-art h3 {font-size:100%}

.video-recruit {position:relative; overflow:hidden; padding:.7em; text-align:center; font-size:75%; color:#1B3E7A; background:#ECEFF1}
.video-recruit p, .video-recruit a {display:inline-block; vertical-align:middle}
.video-recruit p {line-height:1.4; padding:0 0 0 2em; text-align:left; background:url('/u/icon/137/video.svg') no-repeat 0 50% / 1.4em 100%}
.video-recruit a {line-height:1.4; margin-left:1em; padding:.05em .5em 0; border-radius:.2em; text-transform:uppercase; text-decoration:none; font-weight:700; color:#FFF; background:#E41F1F}
.video-recruit a:hover {background-color:#B9151C}
.video-recruit a:after {content:''; position:absolute; top:-1em; left:-1em; bottom:-1em; right:-1em}
/* VIDEO CLANKY - END */

/* PODCASTY */
.podcastblok {margin:20px 0 0; padding:19px; border:1px solid #CFD8DC; background:#FFF}
.lgpodcasty, .lgpodcasty:hover {display:inline-block; vertical-align:middle; margin:0 .4em 0 0; padding:0 1.2em 0 0; font-weight:600; font-size:112.5%; font-family:'Fira Sans', sans-serif; text-decoration:none; background:url('/u/icon/137/podcast.svg') no-repeat 100% 50% / 1em 1em}
.podcastblok h3 {display:inline-block; width:259px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; font-size:100%;  vertical-align:middle}
.btn-podcastblok {display:inline-block; padding:.4em .8em .4em 1.5em; cursor:pointer; line-height:1em; vertical-align:bottom; border:1px solid #cfdcf1; border-radius:3px; font-size:70%; color:#102447; background:#eff3f9 url('/u/icon/137/podcast-btn.svg') no-repeat .4em 50% / .9em .9em; text-decoration:none; transition:.4s}
.btn-podcastblok:hover {border-color:#678ac6; background-color:#FFF; text-decoration:inherit}
.art-wild-podcast:before {content:''; position:absolute; top:54px; left:81px; z-index:2; width:30px; height:30px; border-radius:100%; background:url('/u/icon/137/podcast-filled.svg') no-repeat}
#p51-hp .art.art-wild-podcast h3 {margin-bottom:.5em; font-size:100%} 
.btn-podcast {display:inline-block; line-height:1em; padding:.4em .8em .4em 2em; border:1px solid #cfdcf1; border-radius:3px; font-size:87.5%; color:#102447; background:#eff3f9 url('/u/icon/137/podcast-btn.svg') no-repeat .7em 50% / 1em 1em; text-decoration:none; transition:.4s}
.btn-podcast:hover {border-color:#678ac6; background-color:#FFF; text-decoration:inherit}

.pdcblok {margin:20px 0 0; padding:19px; border:1px solid #CFD8DC; background:#FFF}
.pdcblok .group-menu li {margin-top:.1875em; font-size:100%; line-height:1.25}
.pdcblok .group-menu li:first-child {margin-top:0; padding-bottom:.5rem; font-weight:600; font-size:125%; line-height:1.2; font-family:'Fira Sans', sans-serif; text-transform:none}
.pdcblok .group-menu li:first-child:after {display:none}
.lgpdc:before {content:''; display:inline-block; vertical-align:top; width:1em; height:1em; margin:0 .25rem 0 0; background:url('/u/icon/137/podcast.svg') no-repeat 50% 50%}
.pdcblok .lgpdc:before {height:1.2em}
.pdcart-out {display:flex; gap:1.25rem}
.pdcart {flex:1; overflow:hidden; font-weight:600; font-size:81.25%; line-height:1.231; font-family:'Fira Sans', sans-serif}
.pdcart img {float:left; width:3.693em; height:3.693em; margin:0 .5rem 0 0; border-radius:4px}
.pdcart h3 {display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:3.693em; overflow:hidden; font-weight:inherit; font-size:inherit; line-height:inherit; font-family:inherit}
/* PODCASTY - END */

/* KURZY */
.kurzovni-listek {position:relative; margin:0 0 40px; padding:10px; background:#ECEFF1}
.kurzovni-listek:after {content:''; position:absolute; left:0; top:100%; width:100%; height:1px; margin:20px 0 0; background:#CFD8DC}
.kurzovni-listek h3 {margin:0 0 .2em; font-size:118.75%}
.kurzovni-listek ul {display:table; table-layout:fixed; width:100%; line-height:22px; font-size:14px}
.kurzovni-listek li {display:table-cell}
.kurzovni-listek li a {overflow:hidden; display:block; padding:4px 0}
.kurzovni-listek a:hover .w1 {text-decoration:underline}
.kurzovni-listek img, .kurzovni-listek span {float:left}
.kurzovni-listek span {padding:0 0 0 8px}

.kurzovni-listek .flag {float:left; width:1em; height:.75em; font-size:28px; background:url('/o/sph/flags.svg') no-repeat 0 0 / 1em 5.75em}
.kurzovni-listek .flag-eur {background-position:0 0}
.kurzovni-listek .flag-gbp {background-position:0 -1em}
.kurzovni-listek .flag-hrk {background-position:0 -2em}
.kurzovni-listek .flag-usd {background-position:0 -3em}
.kurzovni-listek .flag-btc {background-position:0 -4em}
.kurzovni-listek .flag-chf {background-position:0 -5em}
.kurzovni-listek .dart {width:1em; height:1em; margin:5px 0 0 4px; font-size:12px; background:url('/o/sph/dart-sph.svg') no-repeat 0 0 / 1em 5em}
.kurzovni-listek .green-up {background-position:0 -1em}
.kurzovni-listek .green-down {background-position:0 -4em}
.kurzovni-listek .red-up {background-position:0 -3em}
.kurzovni-listek .red-down {background-position:0 -2em}

.kurzovni-listek-zaprodany {position:relative; /*background-image:url('/b/idnes/exchange-logo.png'); background-position:97% .5em; background-repeat:no-repeat; background-size:5.76em 1.6em*/}
.kurzovni-listek-zaprodany:before {content:''; position:absolute; top:-14px; left:-3px; width:50px; height:14px; background:url('/u/idn4/reklama.svg') no-repeat 0 0 / contain}
.kurzovni-listek-zaprodany h3 a {display:block}
/* KURZY - END */

/* BLOGY */
#blogy {clear:both}
#content > #blogy .group-menu {margin-left:5px}
#blogy .btn-blog {float:right; margin:0; font-size:87.5%}
#blogy .btn-blog a {display:block; line-height:1.6; padding:0 .8em; border:1px solid #678AC6; border-radius:.2em; text-decoration:none}
#blogy .btn-blog a:hover {text-decoration:none; color:#FFF; background:#678AC6}
#blogy .col-a {clear:both}
#blogy .art {min-height:80px; padding:0 0 5px 90px}
#blogy .art h4 {font-weight:400; font-size:75%}
#blogy .art h3 {font-size:100%}
#blogy .art-img {width:80px; height:60px}

.blogy-nav {position:relative; display:table; width:100%; /*display:flex; justify-content:space-between; */ margin:0 0 15px; border-collapse:collapse; font-size:100%}
.blogy-nav:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#CFD8DC}							
.blogy-nav li {position:relative; display:table-cell; text-align:center}
.blogy-nav a {display:block; padding:8px 0; text-decoration:none}
.blogy-nav a:hover {background:#ECEFF1}
.blogy-nav a:after {content:''; display:none; position:absolute; bottom:0; left:0; z-index:2; width:100%; height:2px; margin:0; background:#E41F1F}
#blogy.prep-1 #blogy-a1, #blogy.prep-2 #blogy-a2, #blogy.prep-3 #blogy-a3 {font-weight:700; color:inherit; background:none; cursor:default}
#blogy.prep-1 #blogy-a1:after, #blogy.prep-2 #blogy-a2:after, #blogy.prep-3 #blogy-a3:after {display:block}
.blog-art {margin:0 0 14px}
.blog-art h3 {margin:0 0 .2em; font-weight:400; font-size:87.5%; font-family:inherit}
.blog-art h3 a {color:#1B3E7A}
.blog-art p {font-size:75%}
.b-numb, .b-time {display:none}
/* BLOGY - END*/

.read-more.read-more {display:flex; justify-content:flex-end; align-items:center; height:2.5rem; padding:0 .75rem; border:1px solid #CFDCF1; border-radius:3px; color:#102447; background:#EFF3F9; font-weight:600; font-size:.875rem; line-height:1.286; text-align:right; text-decoration:none; box-sizing:border-box}
.read-more.read-more:after {content:''; display:block; width:1em; height:1em; margin:0 0 0 .5rem; background:url('/u/icon/124/more.svg') no-repeat 50% 50%}
.read-more.read-more:hover {text-decoration:none; background-color:#CFDCF1}

/* COLS-SHP */
.cols-sph {display:flex; justify-content:space-between; width:100%; margin:0 0 1.5rem; padding:0 7px 0 40px; box-sizing:border-box}
.cols-sph .col-a {flex:0 0 560px; float:none; width:560px; margin:0 }
.cols-sph .col-b {flex:0 0 328px; float:none; display:flex; flex-direction:column; justify-content:space-between; gap:1.5rem; margin:0; padding:0 0 0 1.5rem; border-left:1px solid #CFD8DC}
.cols-sph > .fc0 {display:none}

.cols-sph .art {margin:0}
.cols-sph .art:after {display:none}

#sphlist {flex:1; position:relative; overflow:hidden}
#sphlist:after {content:''; position:absolute; bottom:0; left:0; right:0; z-index:1; height:1.5rem; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, #FFFFFF 100%)}
#sphlist.prep-2:after {display:none}

.sphlist-nav {position:relative; z-index:3; display:flex; justify-content:space-between; width:100%; margin:0 0 .5rem; padding:.125rem; border-radius:3px; border-collapse:collapse; color:#102447; background:#EFF3F9; box-sizing:border-box}
.dark .sphlist-nav {color:#FFF; background:#37474F}
.sphlist-nav li {flex:1; display:block; font-size:87.5%; line-height:1.286; text-align:center}
.sphlist-nav li ~ li {position:relative; border-left:1px solid transparent}
.sphlist-nav li ~ li:before {content:''; position:absolute; top:.5em; left:-1px; bottom:.5em; width:1px; background:#FFF}
.sphlist-nav a {display:block; padding:.5em 1em; border-radius:3px; text-decoration:none; cursor:pointer; color:inherit}
.sphlist-nav a:hover {text-decoration:underline}
.prep-1 .sphlist-nav .nava-1, .prep-2 .sphlist-nav .nava-2, .prep-3 .sphlist-nav .nava-3 {position:relative; z-index:1; font-weight:600; text-decoration:none; color:#FFF; background:#1B3E7A; box-shadow:0 4px 8px rgba(0,0,0,.12)}
.dark .prep-1 .sphlist-nav .nava-1, .dark .prep-2 .sphlist-nav .nava-2, .dark .prep-3 .sphlist-nav .nava-3 {color:#000; background:#CFDCF1}

.sphlist-arts ul {position:absolute; top:2.5rem; width:100%}
.sphlist-arts .arts-2 ul {bottom:0; width:200%; column-count:2; column-gap:0; column-fill:auto; overflow:hidden}
.sphlist-arts li {position:relative; overflow:hidden; display:block; margin:0; padding:.25rem 0; font-size:87.5%; line-height:1.286; break-inside:avoid}
.sphlist-arts li.h {display:none}
.sphlist-arts li a {display:table-cell}
.sphlist-arts li a:after {content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1}
.sphlist-arts .time {float:left; margin:.167em .5rem 0 0; font-weight:700; font-size:85.71%; text-align:right; color:#546E7A}
.sphlist-arts .arts-1 .time {width:3.1em}
.sphlist-arts .arts-2 .time {width:2em}
.sphlist-arts .arts-3 .time {width:3.1em}
.sphlist-arts .time-live {display:inline-block; font-size:.625rem; line-height:1.2; color:#102447}
.sphlist-arts .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%}
.sphlist-arts u {float:left; width:1em; height:1em; margin:.143em .5rem 0 0; background:no-repeat 50% 50% / contain}
.sphlist-arts .more {position:absolute; bottom:0; z-index:2; width:100%; padding:.5rem; border:1px solid #CFDCF1; border-radius:4px; font-weight:600; font-size:87.5%; line-height:1.286; text-align:center; color:#102447; background:#EFF3F9; box-sizing:border-box}
.sphlist-arts .more:after {content:''; position:absolute; bottom:100%; left:0; right:0; z-index:1; height:1.5rem; margin:0 0 1px; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, #FFFFFF 100%)}

#weather-servis {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-radius:1rem; border:solid 1px #E41F1F; background:var(--sec05) url(/u/icon/e11/error.svg) no-repeat center / 60%; }
.weather-1 br {display:none}
.weather-1 .temperature {display:block; font-weight:800; font-size:87.5%; line-height:1.286; color:#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}
.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 */

/*nove vkladano obrazkem*/
/*.iw-, .iw-j, .iw-sj, .iw-p, .iw-pd, .iw-pb, .iw-pds,
.iw-ps, .iw-o, .iw-od, .iw-ob, .iw-ok, .iw-ods,
.iw-osp, .iw-os, .iw-sz, .iw-szd, .iw-szb, .iw-szk,
.iw-szds, .iw-szsp, .iw-szs, .iw-m, .iw-md, .iw-ms, .iw-mds,
.iw-z, .iw-zd, .iw-zb, .iw-zk, .iw-zds, .iw-zsp,
.iw-zs {width:1em; height:1em; vertical-align:middle; background:no-repeat 50% 50% / contain}
.iw- {background-image:url('/o/pocasi/iw/iw-.svg')}
.iw-j {background-image:url('/o/pocasi/iw/iw-j.svg')}
.iw-sj {background-image:url('/o/pocasi/iw/iw-sj.svg')}
.iw-p {background-image:url('/o/pocasi/iw/iw-p.svg')}
.iw-pd {background-image:url('/o/pocasi/iw/iw-pd.svg')}
.iw-pb {background-image:url('/o/pocasi/iw/iw-pb.svg')}
.iw-pds {background-image:url('/o/pocasi/iw/iw-pds.svg')}
.iw-ps {background-image:url('/o/pocasi/iw/iw-ps.svg')}
.iw-o {background-image:url('/o/pocasi/iw/iw-o.svg')}
.iw-od {background-image:url('/o/pocasi/iw/iw-od.svg')}
.iw-ob {background-image:url('/o/pocasi/iw/iw-ob.svg')}
.iw-ok {background-image:url('/o/pocasi/iw/iw-ok.svg')}
.iw-ods {background-image:url('/o/pocasi/iw/iw-ods.svg')}
.iw-osp {background-image:url('/o/pocasi/iw/iw-osp.svg')}
.iw-os {background-image:url('/o/pocasi/iw/iw-os.svg')}
.iw-sz {background-image:url('/o/pocasi/iw/iw-sz.svg')}
.iw-szd {background-image:url('/o/pocasi/iw/iw-szd.svg')}
.iw-szb {background-image:url('/o/pocasi/iw/iw-szb.svg')}
.iw-szk {background-image:url('/o/pocasi/iw/iw-szk.svg')}
.iw-szds {background-image:url('/o/pocasi/iw/iw-szds.svg')}
.iw-szsp {background-image:url('/o/pocasi/iw/iw-szsp.svg')}
.iw-szs {background-image:url('/o/pocasi/iw/iw-szs.svg')}
.iw-m {background-image:url('/o/pocasi/iw/iw-m.svg')}
.iw-md {background-image:url('/o/pocasi/iw/iw-md.svg')}
.iw-ms {background-image:url('/o/pocasi/iw/iw-ms.svg')}
.iw-mds {background-image:url('/o/pocasi/iw/iw-mds.svg')}
.iw-z {background-image:url('/o/pocasi/iw/iw-z.svg')}
.iw-zd {background-image:url('/o/pocasi/iw/iw-zd.svg')}
.iw-zb {background-image:url('/o/pocasi/iw/iw-zb.svg')}
.iw-zk {background-image:url('/o/pocasi/iw/iw-zk.svg')}
.iw-zds {background-image:url('/o/pocasi/iw/iw-zds.svg')}
.iw-zsp {background-image:url('/o/pocasi/iw/iw-zsp.svg')}
.iw-zs {background-image:url('/o/pocasi/iw/iw-zs.svg')}*/

.topflash {position:relative; margin:0 0 30px; padding:11px 12px; border-top:24px solid #37474f; font-size:87.5%; color:#263238; background:#cfd8dc}
.topflash:before, .topflash:after {position:absolute; top:-24px; line-height:24px; padding:0 12px; font-size:12px; color:#FFF}
.topflash:before {content:'Pr\e1 v\11b \20 te\10f '; left:0; padding-left:2.4em; text-transform:uppercase; font-weight:700; background:#E41F1F url('/u/icon/fff/warning.svg') no-repeat 1em 50% / 1em 1em}
.topflash:after {content:'Mimo\159 \e1 dn\e1 \20 zpr\e1 va,\20 p\159 ipravujeme\20 podrobnosti'; left:10em}

.cols-ears {display:flex; gap:1.5rem; margin:0 5px 1.5rem; padding:1.5rem 1.5rem .5rem; border-radius:6px; background:linear-gradient(180deg, #EFF3F9 0%, rgba(239,243,249,0) 100%);}
.cols-ears li {flex:1 1 33%; position:relative; display:block; padding:0 0 0 4em}
.cols-ears li:nth-child(n+4) {display:none}
.cols-ears u {position:absolute; top:0; left:0; width:3.25em; height:3.25em; border-radius:3em; 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.125}
.cols-ears p {font-size:75%; line-height:1.167}
/* COLS-SHP - END */

/* loga */
.lgidntv, .lgidnkn, .lgexpres, .lgticket, .lglidovky {overflow:hidden; display:block; text-align:left; text-indent:-99em; background:no-repeat 0 50% / contain} 
.lgidntv {width:4.2em; height:.8em; background-image:url('/u/loga-n4/idnestv.svg')}
.lgidnkn {width:7.6em; height:1.5em; background-image:url('/u/loga-n4/kino.png')}
.lgexpres {width:3.7em; height:.8em; background-image:url('/o/expres/LogoExpres4.svg')}
.lgticket {width:7em; height:1em; background-image:url('/o/kultura/idnesticket.svg')}
.lglidovky {width:6.9em; height:1em; background-image:url('/o/lidovky_ln5/ln-logo.svg')}
/* loga - END */

/* REKLAMY */
.r-art.art {position:relative; overflow:visible; padding:0}
.r-art.art .r-head {position:absolute; top:-14px; left:0}
.r-art.art .r-body {position:static}
.r-art.art .art {margin:0}
.r-art.art .art:after {display:none}
.art-adv2 img.def {display:none}
.art-adv2 img.h {display:block}

#r-ucho {position:absolute}

/* vykuk pod portalovkou */
#mega-ejected {height:0; overflow:hidden}

/* extra udalost pod portalovkou */
.extra-tab {padding:0 0 5px; margin:0 0 20px}
.extra-tab h2 {height:auto; line-height:1.5; margin:0 auto 10px; padding:0; border:0; text-align:center; font-weight:700; font-size:243.75%; color:#000; background:none; text-transform:none}
.extra-tab h2 a {padding:0; color:#000; 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:93.75%; font-weight:700; text-align:left}
.extra-tab img {display:block; margin:0 0 10px}

/* poutani premiovych clanku */
.complete.freewall-a {position:relative; clear:both; margin:0 0 1em; padding:0; border-left:4px solid #E41F1F; border-collapse:collapse; line-height:1.33; color:#263238; background:#ECEFF1; box-sizing:border-box}
.complete.freewall-a a {display:block; overflow:hidden; padding:1.25em 1.25em .375em; text-decoration:none}
.complete.freewall-a a:hover h3 {text-decoration:underline}
.complete.freewall-a img {float:left; margin:0 1em 1em 0}
.complete.freewall-a h3 {display:table; font-size:200%} 
.complete.freewall-a hr {height:1px; margin:.5em 0; border:0; background:#cfd8dc }
.complete.freewall-a .read-more {display:block; line-height:1.6; border-radius:3px; font-size:87.5%; text-decoration:none; transition:.4s}
.complete.freewall-a .read-more:after {content:''; display:inline-block; vertical-align:top; width:1em; height:1.6em; margin:0 10px 0 .4em; background:url('/u/icon/124/more.svg') no-repeat 50% 50%}

/* nekonecna SPH */
.group-infinity {clear:both; padding:40px 0 0}
.group-infinity .art {margin: 0 0 20px; padding: 0 0 20px 246px}
.group-infinity .art .art-img {width:230px; height:129px}
.group-infinity .art .perex {margin:0}
.group-infinity .art-info {display:flex; align-items:center; margin:.2em 0}
.group-infinity .art-info .webs {margin:0 1rem 0 0; color:#678AC6; font-weight:600; font-size:81.25%}
.group-infinity .art-info .webs img {height:1em; vertical-align:top; margin:.1em .125rem 0 0}

.group-infinity .art-info .time {padding:0 0 0 1.4em; font-size:75%; color:#546E7A; background:url('/u/icon/567/time.svg') no-repeat 0 0.188em / 1em 1em}
.group-infinity .art.art-sme h3 {clear:both; font-size:125%}
.group-infinity .art.art-sme h4 {position:static; float:left; margin:0 1em .3em 0}

.art.art-videoplayer {padding:0 0 20px}
.art.art-videoplayer videoplayer + small {padding:0; font-size:0}
.art.art-videoplayer h3 {margin:0; padding:.6em 0 0}

/* presunuta paticka */
#footerbox {margin:0 0 2rem; font-size:81.25%}
#footerbox ul {overflow:hidden}
#footerbox li {float:left; list-style:none}
#footerbox #f-sls li {width:33%; margin:0 0 .3em}
#footerbox #f-sls li:nth-child(1){width:auto}
#footerbox #f-sls li:nth-child(2){clear:both}
#footerbox .ico-idn {position:relative; display:block; line-height:1.33; padding:0 1.7em 0 4.3em; font-weight:700}
#footerbox .ico-idn, #footerbox .ico-idn:hover {color:#263238}
#footerbox .ico-idn:before {content:'Sledujte\20 '; position:absolute; top:0; left:0}
#footerbox .ico-idn:after {content:'\20 na:'; position:absolute; top:0; right:0}
#footerbox .ico-mbl:before {background-image:url('/u/icon/567/mobile2.svg')}
#footerbox .ico-eml:before {background-image:url('/u/icon/567/mail2.svg')}
#footerbox .ico-rss:before {background-image:url('/u/icon/567/rss.svg')}
#footerbox .ico-fcb:before {background-image:url('/u/icon/567/social-facebook.svg')}
#footerbox .ico-twt:before {background-image:url('/u/icon/567/social-twitter.svg')}
#footerbox .ico-ins:before {background-image:url('/u/icon/567/social-instagram.svg')}
#footerbox .ico-mes:before {background-image:url('/u/icon/567/social-messenger.svg')}
#footerbox .ico-tik:before {background-image:url('/u/icon/567/social-tiktok.svg')}
#footerbox #copyright {padding:1em 0}
#footerbox #f-lnk li {margin:0 .6em .3em 0; padding-right:.6em; border-right:1px solid #546E7A}

/* reklama - podbarveni 03/2023 */
.s_widesquare .r-body, .s_widesquare_clankovy .r-body, .s_widesquare_spodni .r-body {background:rgba(176,190,197,.2) url('/u/idn4/reklama-bg-min.svg') no-repeat 50% 50% / 69px 48px}
