@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}
#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?221019') 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, .portalmenu-sph a {height:2.625em; line-height:2.625}
.portalmenu-sph li {position:relative; float:left; list-style:none; margin:0}
.portalmenu-sph li.fr {float:right; height:2.4em; margin-top:.1em; font-size:93%}
.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.icon-user:after, .portalmenu-sph a.icon-user-log:after, .portalmenu-sph a.icon-menu:after {margin:6px 0 0 -5em}
.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-bottom: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 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.svg') no-repeat}
.art-img img, .art-img u {position:relative; display:block; width:100%; height:100%;}
.art u, .art-img u {background:no-repeat 50% 50%; background-size:cover}
.art .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, .brisk {margin-right:.6em; font-size:.75rem; font-weight:700; text-transform:uppercase; color:#B9151C; white-space:nowrap}
.perex .brisk {margin-right:.2em}
.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}

.podlab, .podlab.podlab.podlab {display:inline-block; padding:2px .25rem 0; border-radius:2px; font-weight:600; font-size:85.71%; line-height:1.167; text-transform:uppercase; text-decoration:none; color:#FFF; background:#1B3E7A}

.img-brisk {position:relative}
.img-brisk div {display:inline-block; line-height:1.769; padding:0.077em .538em 0 2.15em; border-radius:3px; font-weight:700; font-size:81.25%; text-transform:uppercase; color:#FFF; background:rgba(16,36,71,.9)}
.img-brisk div:before {content:''; position:absolute; top:50%; left:.1538em; width:1.538em; height:1.538em; margin-top:-.769em; border-radius:2px; background:#E4201F url('/u/icon/fff/live.svg') no-repeat 50% 50% / 80% 80%}

.opener {padding:0}
.opener:after {display:none}
.opener .img-brisk div {position:absolute; left:10px; bottom:10px}
.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 .6em; font-size:187.5%}
.opener .perex {line-height:1.5; margin:.5em 0 0; font-size:100%}

.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 {margin:0 .5em 0 0}

.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}
.group-menu li.group-inclusion a {display:block; width:1.2em; height:1.2em; border:1px solid transparent; border-width:.5em 0 .3em .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:2em; margin-top:4px}
.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}
.video-list li {flex:0 0 316px; display:block; width:316px}
.video-list .art-img {width:316px; height:177px}

.videoblok {padding:1.25rem; 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; background:url('/u/icon/137/podcast.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}
/* 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-HP */
#nejnovejsi {position:relative; margin:0 0 20px}
#nejnovejsi h3 {position:relative; margin:0 0 10px; font-weight:700; font-size:131.25%; text-transform:uppercase}
#nejnovejsi h3:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#CFD8DC}
#nejnovejsi h3:after {content:''; display:block; clear:both}
#nejnovejsi h3 a {position:relative; float:left; padding:0 0 3px; color:inherit; text-decoration:none}
#nejnovejsi h3 a:hover {color:#1B3E7A}
#nejnovejsi h3 a:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; margin:0; background:#E41F1F}
#nejnovejsi label {position:absolute; top:0; right:20px; z-index:1; height:2.3em; line-height:2.6; color:#1B3E7A; font-size:75%}
#nejnovejsi label input {vertical-align:sub}
#nejnovejsi li {display:block; margin:0 0 .4em; font-size:87.5%}
#nejnovejsi li .time {float:left; width:3.2em; color:#546E7A}
#nejnovejsi li a {display:table-cell; color:#1B3E7A}
#nejnovejsi .more {display:table; margin:0 auto; padding:.2em .5em; border:1px solid #B3BEC4; border-radius:.2em; color:#546E7A; font-size:87.5%}
#nejnovejsi .more:hover {border-color:#546E7A; color:#FFF; background-color:#546E7A; text-decoration:none}
#nejnovejsi .mark-video-text {display:none}
#nejnovejsi-mix .nejnovejsi-skryta, .filtered #nejnovejsi-mix .nejnovejsi-sport { display: none } .filtered #nejnovejsi-mix .nejnovejsi-skryta { display: block; height: auto }

#p51-hp {position:relative; overflow:hidden; margin:0 0 10px}
#p51-hp img {float:left; max-width:100%; margin:0 10px 0 0}
#p51-hp div {display:table-cell}
/*pry se nekde okousava diakritiku horniho radku - nepotvrzeno, preventivne pridavam padding-top:1px */
#p51-hp p {overflow:hidden; height:2.6em; padding-top:1px; line-height:1.3; font-size:87.5%}
#p51-hp p ~ a {display:table; margin:.5em 0 0; padding:.0em .5em; border-radius:.25em; box-shadow:.05em .05em .1em #FFF; text-decoration:none; text-transform:uppercase; color:#FFF; background:linear-gradient(#E10025, #AB0F1C); background-color:#AB0F1C; text-shadow:.05em .05em .1em #333; font-size:11px; line-height:19px}
#p51-hp p ~ a:after {content:''; position:absolute; top:-1000px; bottom:-1000px; left:-1000px; right:-1000px; z-index:5; background:url('/u/free.gif')}
#p51-hp .art-wild {position:relative; display:block; min-height:90px; margin:0; padding:0 0 0 130px}
#p51-hp .art-wild:after {display:none}
#p51-hp .art-wild h2 {position:absolute; top:90px; left:0; z-index:2; height:2em; line-height:2em; margin:-2em 0 0; padding:0; font-size:62.5%; text-transform:uppercase; color:#FFF; background:#E41F1F; }
#p51-hp .art-wild h2 a {display:block; padding:0 1em; color:inherit; text-decoration:none}
#p51-hp .art-wild h3 {font-size:112.5%}
#p51-hp .art-wild img {position:absolute; top:0; left:0; width:120px; height:90px}

#weather-servis {margin:0 0 10px; padding:3px 0 10px; border-bottom:1px dotted #CCC; font-size:75%}
.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:200px; margin:0 0 10px}
.weather-1 li {display:table-cell; text-align:center; vertical-align:top}
.weather-1 img {width:42px; height:42px}
.weather-1 br {display:none}
.weather-1 .temperature {display:block; color:#e41f1f; font-weight:700}
.weather-2 {float:left; padding-left:15px}
.weather-2 .mask {position:relative; overflow:hidden; display:block; width:128px; height:77px; background:rgba(128,128,128,.1)}
.weather-2 .mask:before {content:''; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:url('/o/sph/mask-map.png') no-repeat; background-size:cover}
.weather-2 .mask img {display:block; width:100%; height:100%}

.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, .iw-, .iw-n,
.iw-nj, .iw-nsj, .iw-np, .iw-npd, .iw-npb, .iw-npds, 
.iw-nps, .iw-no, .iw-nod, .iw-nob, .iw-nok, .iw-nods, 
.iw-nosp, .iw-nos, .iw-nsz, .iw-nszd, .iw-nszb, .iw-nszk, 
.iw-nszds, .iw-nszsp, .iw-nszs, .iw-nm, .iw-nmd, .iw-nms, .iw-nmds, 
.iw-nz, .iw-nzd, .iw-nzb, .iw-nzk, .iw-nzds, .iw-nzsp, 
.iw-nzs {width:42px; height:42px; background:url('/o/pocasi/ikon-iw.png') no-repeat; vertical-align:middle}
.iw- {/*background-position:-42px -210px; */ background-position:-1000px -1000px}
.iw-j {background-position:0 0}
.iw-sj {background-position:-42px 0}
.iw-p {background-position:-84px 0}
.iw-pd {background-position:-126px 0}
.iw-pb {background-position:-168px 0}
.iw-pds {background-position:-210px 0}
.iw-ps {background-position:0 -42px}
.iw-o {background-position:-42px -42px}
.iw-od {background-position:-84px -42px}
.iw-ob {background-position:-126px -42px}
.iw-ok {background-position:-168px -42px}
.iw-ods {background-position:-210px -42px}
.iw-osp {background-position:0 -84px}
.iw-os {background-position:-42px -84px}
.iw-sz {background-position:-84px -84px}
.iw-szd {background-position:-126px -84px}
.iw-szb {background-position:-168px -84px}
.iw-szk {background-position:-210px -84px}
.iw-szds {background-position:0 -126px}
.iw-szsp {background-position:-42px -126px}
.iw-szs {background-position:-84px -126px}
.iw-m {background-position:-126px -126px}
.iw-md {background-position:-168px -126px}
.iw-ms, .iw-mds {background-position:-210px -126px}
.iw-z {background-position:0 -168px}
.iw-zd {background-position:-42px -168px}
.iw-zb {background-position:-84px -168px}
.iw-zk {background-position:-126px -168px}
.iw-zds {background-position:-168px -168px}
.iw-zsp {background-position:-210px -168px}
.iw-zs {background-position:0 -210px}

.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-HP - END */

/* PREMIUM */
.premlab, .box-sme-ticket .premlab, .premlab:hover, .group-expres .premlab {position:relative; z-index:1; display:inline-block; margin:0 1em .2em 0; padding:.08em .4em; border-radius:2px; font:italic 600 81.25%/1.15 'Fira Sans', sans-serif; color:#FFF; background:linear-gradient(#DAA520, #E8B332); text-decoration:none; text-shadow:0 1px 1px rgba(0,0,0,.5); }
.perex .premlab {font-size:.8125rem; margin:0 .3em 0 0}
.opener-vidw .premlab {position:absolute; top:18px; left:20px; z-index:5; font-size:112.5%}
.group-expres .premlab, .group-expres .premlab:hover {position:absolute; top:0; left:0; z-index:5; margin:4px; color:#FFF; font-size:81.25%}
.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}

/* 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/ico/ico-mobile-567.svg')}
#footerbox .ico-eml:before {background-image:url('/u/ico/ico-email-567.svg')}
#footerbox .ico-rss:before {background-image:url('/u/ico/ico-rss-567.svg')}
#footerbox .ico-fcb:before {background-image:url('/u/ico/ico-facebook-567.svg')}
#footerbox .ico-twt:before {background-image:url('/u/ico/ico-twitter-567.svg')}
#footerbox .ico-ins:before {background-image:url('/u/ico/ico-instagram-567.svg')}
#footerbox .ico-mes:before {background-image:url('/u/ico/ico-messenger-567.svg')}
#footerbox .ico-tik:before {background-image:url('/u/ico/ico-tiktok-567.svg')}
#footerbox #copyright {padding:1em 0}
#footerbox #f-lnk li {margin:0 .6em .3em 0; padding-right:.6em; border-right:1px solid #546E7A}