@import url("/css/idn4/base.css?v=18");

@font-face {font-family:"Inter"; font-weight:400; font-style:normal; src:url("/fonts/Inter/inter-regular.woff2") format("woff2"), url("/fonts/Inter/inter-regular.woff") format("woff"); font-display:swap}
@font-face {font-family:"Inter"; font-weight:400; font-style:italic; src:url("/fonts/Inter/inter-italic.woff2") format("woff2"), url("/fonts/Inter/inter-italic.woff") format("woff"); font-display:swap}
@font-face {font-family:"Inter"; font-weight:600; font-style:normal; src:url("/fonts/Inter/inter-semibold.woff2") format("woff2"), url("/fonts/Inter/inter-semibold.woff") format("woff"); font-display:swap}
@font-face {font-family:"Inter"; font-weight:600; font-style:italic; src:url("/fonts/Inter/inter-semibolditalic.woff2") format("woff2"), url("/fonts/Inter/inter-semibolditalic.woff") format("woff"); font-display:swap}
@font-face {font-family:"Inter"; font-weight:800; font-style:normal; src:url("/fonts/Inter/inter-extrabold.woff2") format("woff2"), url("/fonts/Inter/inter-extrabold.woff") format("woff"); font-display:swap}
@font-face {font-family:"Inter"; font-weight:800; font-style:italic; src:url("/fonts/Inter/inter-extrabolditalic.woff2") format("woff2"), url("/fonts/Inter/inter-extrabolditalic.woff") format("woff"); font-display:swap}
@font-face {font-family:"Fira Sans"; font-weight:400; font-style:normal; src:url("/fonts/Fira/firasans-regular.woff2?20210115") format("woff2"), url("/fonts/Fira/firasans-regular.woff") format("woff"); font-display:swap}
@font-face {font-family:"Fira Sans"; font-weight:400; font-style:italic; src:url("/fonts/Fira/firasans-italic.woff2?20210115") format("woff2"), url("/fonts/Fira/firasans-italic.woff") format("woff"); font-display:swap}
@font-face {font-family:"Fira Sans"; font-weight:600; font-style:normal; src:url("/fonts/Fira/firasans-semibold.woff2?20210115") format("woff2"), url("/fonts/Fira/firasans-semibold.woff") format("woff"); font-display:swap}
@font-face {font-family:"Fira Sans"; font-weight:600; font-style:italic; src:url("/fonts/Fira/firasans-semibolditalic.woff2?20210115") format("woff2"), url("/fonts/Fira/firasans-semibolditalic.woff") format("woff"); font-display:swap}
/*
@font-face {font-family:"Fira Sans"; font-weight:600; font-style:normal; src:url("/fonts/Fira/firasans-bold.woff2?20210115") format("woff2"), url("/fonts/Fira/firasans-bold.woff") format("woff"); font-display:swap}
@font-face {font-family:"Fira Sans"; font-weight:600; font-style:italic; src:url("/fonts/Fira/firasans-bolditalic.woff2?20210115") format("woff2"), url("/fonts/Fira/firasans-bolditalic.woff") format("woff"); font-display:swap}
*/

:root {
--ff-h:'Fira Sans', sans-serif; --ff-m:"Inter", sans-serif;
}

* {margin:0; padding:0; font-family:inherit; -ms-text-size-adjust:none; -webkit-text-size-adjust:none; scrollbar-width:thin}
body {font-family:var(--ff-m, 'Inter'); overflow-anchor:none; word-wrap:break-word}
table {font-feature-settings:"tnum" /* nastaveni fontu Inter */}
h1, h2, h3, #emblem, #foot ul, .extra-art-box .related, .packetbox .packetbox-nav, .portalmenu-list li:first-child {font-family:var(--ff-h, 'Fira Sans')}
h1, h2, h3, #emblem, #foot ul, .extra-art-box .related {font-weight:600; line-height:1.2}
input, select, textarea, .btn, .r-box, .r-box2, .r-html, .catchbox, .emblem:after, .footer-in, .footer-nearby, .extra-tab td, #swipe-link, #swipe-link span, #font-size, .section-right-handle {outline:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.btn, .sen, input[type="submit"], button {-webkit-appearance:none}
/*
textarea, .inputs input, .inp {font-size:125%}
textarea, .inp {padding:.5em .3em}
textarea, .inp, select {color:var(--tgl-neutral90, #2B3135); background:var(--tgl-white, #FFF); border:1px solid var(--tgl-neutral10, #D3D7DA)}
*/
input::placeholder {color:inherit; opacity:1}
img {border:0; vertical-align:middle; -ms-interpolation-mode:bicubic}
body {max-width:600px; margin:0 auto; color:var(--tgl-neutral90, #2B3135); background:var(--tgl-white, #FFF); font-size:100%; line-height:1.25}
@media all and (max-width:359px) {body {font-size:87.5%}}
/*@media all and (min-width:459px) and (max-width:1680px) {body {font-size:112.5%}}*/
a {color:var(--tgl-pri80, #122E5B); text-decoration:none; cursor:pointer}
.text a {color:var(--txt-pri60, #1B3E7A); text-decoration:underline}
.text-link {text-decoration:underline}
.text-link:not([href*='.idnes.cz']) {padding-right:1.3em; background:url('/u/icon/124/link.svg') no-repeat calc(100% - .275em) 50% / .75em .75em}
.dark .text-link:not([href*='.idnes.cz']), .dark .text h3 .text-link:not([href*='.idnes.cz']) {background-image:url('/u/icon/fff/link.svg')} 
.text h3 .text-link:not([href*='.idnes.cz']) {background-image:url('/u/icon/124/link.svg')}

.arts-1, .arts-2, .arts-3, .arts-4, .arts-5, .arts-6, .arts-7, .arts-8, .arts-9, .arts-10 {display:none}
.prep-1 .arts-1, .prep-2 .arts-2, .prep-3 .arts-3, .prep-4 .arts-4, .prep-5 .arts-5, .prep-6 .arts-6, .prep-7 .arts-7, .prep-8 .arts-8, .prep-9 .arts-9, .prep-10 .arts-10 {display:block}
.nava-1, .nava-2, .nava-3, .nava-4, .nava-5, .nava-6, .nava-7, .nava-8, .nava-9, .nava-10 {text-decoration:underline}
.prep-1 .nava-1, .prep-2 .nava-2, .prep-3 .nava-3, .prep-4 .nava-4, .prep-5 .nava-5, .prep-6 .nava-6, .prep-7 .nava-7, .prep-8 .nava-8, .prep-9 .nava-9, .prep-10 .nava-10 {color:inherit; text-decoration:none; cursor:default}

/* prepinatko */
.tabs-nav {display:flex; justify-content:space-between; margin:0 auto 1rem; padding:.125rem; border-radius:.25rem; border-collapse:collapse; color:var(--tgl-pri80, #122E5B); background:var(--tgl-pri05, #EDF2F9); box-sizing:border-box}
.tabs-nav li {flex:1; display:block; font-size:87.5%; line-height:1.286; text-align:center}
.tabs-nav li ~ li {position:relative; border-left:1px solid transparent}
.tabs-nav li ~ li:before {content:''; position:absolute; top:.5em; left:-1px; bottom:.5em; width:1px; background:var(--tgl-white, #FFF)}
.tabs-nav a {display:block; padding:.5em 1em; border-radius:.25rem; text-decoration:none; cursor:pointer; color:inherit}
.tabs-nav a:hover {text-decoration:underline}
.prep-1 .tabs-nav .nava-1, .prep-2 .tabs-nav .nava-2, .prep-3 .tabs-nav .nava-3, .prep-4 .tabs-nav .nava-4, .prep-5 .tabs-nav .nava-5 {position:relative; z-index:1; font-weight:600; text-decoration:none; color:#FFF; background:var(--tgl-pri60b, #1B3E7A); box-shadow:0 4px 8px rgba(0,0,0,.12)}

.packed .packed-box {display:none}

.counters, counters {position:absolute; top:-5000px; left:-5000px; z-index:1} 

.css-t.sizemm {font-size:75%}
.css-t.sizem {font-size:87.5%}
.css-t.sizep {font-size:112.5%}
.css-t.sizepp {font-size:125%}
#wrapper {clear:both}

/*
.setting-menu .ico-setting:before, .ico-react:before, .ico-facebook:before, .ico-twitter:before, .ico-googleogle:before, .ico-link:before, .ico-top:before, .i-top:before, .ico-msg:before, .ico-thread:before, .btn-zoom:before, .btn-info:before, .ico-back:before, .ico-idn:before {content:''; display:inline-block; vertical-align:sub; width:20px; height:16px; background:url('/m/o/icons-art-w.svg') no-repeat; background-size:408px 18px}
.dark .setting-menu .ico-setting:before, .dark .ico-react:before, .dark .ico-facebook:before, .dark .ico-twitter:before, .dark .ico-googleogle:before, .dark .ico-link:before, .dark .ico-top:before, .dark .i-top:before, .dark .ico-msg:before, .dark .ico-thread:before, .dark .btn-zoom:before, .dark .btn-info:before {background-image:url('/m/o/icons-art-b.svg')}
.ico-disc:before {width:1em; height:1.25em; margin-right:.25em; background:url('/u/icon/000/discusion.svg') no-repeat 50% 50% / contain; filter:var(--filter-tgl-pri80)}
.setting-menu .ico-setting:before {background-position:-20px 50%; margin-right:.3em}
.ico-react:before {background-position:-60px 50%; margin-left:.3em}
.ico-facebook:before {background-position:-100px 50%}
.contribution-add .ico-facebook:before {background-position:-220px 50%}
.ico-twitter:before {background-position:-120px 50%}
.contribution-add .ico-twitter:before {background-position:-240px 50%}
.ico-googleogle:before {background-position:-140px 50%}
.contribution-add .ico-googleogle:before {background-position:-260px 50%}
.ico-link:before {background-position:-160px 50%}
.ico-top:before, .i-top:before {background-position:-180px 50%}
.ico-msg:before {background-position:-200px 50%; margin-right:.3em}
.ico-thread:before {background-position:-280px 50%; margin-left:.3em}
.btn-zoom:before {background-position:-320px 50%}
.btn-info:before {background-position:-341px 50%}
.ico-back:before {background:url('/u/icon/567/arrow2-left.svg') no-repeat 50% 50% / 80% 80%}
.dark .ico-back:before {background-image:url('/u/icon/bbc/arrow2-left.svg')} 
.ico-idn:before {background:url('/u/icon/567/idnes.svg') no-repeat 50% 50% / 80% 80%}
.dark .ico-idn:before {background-image:url('/u/icon/bbc/idnes.svg')}
*/

.tinybtn-close:before, .ico-arr1-r:before, .ico-arr1-l:before, .ico-arr2-r:before, .ico-arr2-l:before, .ico-tit:before, .ico-arr3-r:before, .ico-arr3-l:before, .ico-who:before {content:''; display:inline-block; vertical-align:middle; width:25px; height:20px; background:url('/m/o/icons-control-w.svg') no-repeat}
.dark .tinybtn-close:before, .dark .ico-arr1-r:before, .dark .ico-arr1-l:before, .dark .ico-arr2-r:before, .dark .ico-arr2-l:before, .dark .ico-tit:before, .dark .ico-arr3-r:before, .dark .ico-arr3-l:before, .dark .ico-who:before {background-image:url('/m/o/icons-control-b.svg')}
.tinybtn-close:before {background-position:-50px 50%}
.ico-arr1-r:before {background-position:-125px 50%}
.ico-arr1-l:before {background-position:-150px 50%}
.ico-arr2-r:before {background-position:-200px 50%}
.ico-arr2-l:before {background-position:-250px 50%}
.ico-tit:before {width:14px; height:18px; vertical-align:sub; background-position:-309px 50%}
.ico-arr3-r:before {background-position:-325px 50%}
.ico-arr3-l:before {background-position:-375px 50%}
.ico-who:before {background-position:-450px 50%}
.q-prihlasen .ico-who:before {background-position:-475px 50%}

.ico-delete:before {content:''; display:inline-block; vertical-align:sub; width:20px; height:16px; background:url('/m/o/trash.png') no-repeat 50% 50% / contain}

.btn {display:flex; justify-content:center; align-items:center; min-height:2.5em; padding:.125em .75em; border:1px solid var(--tgl-neutral10, #D3D7DA); border-radius:.25rem; text-align:center; text-decoration:none; font-weight:600; font-size:100%; line-height:1.25; color:var(--tgl-pri80, #122E5B); background:var(--tgl-pri05, #EDF2F9); box-sizing:border-box}
.btn.h {display:none}
.btn-more {font-size:87.5%}
.btn-on.btn-on, .btn-on.btn-on:hover {justify-content:flex-end; text-align:right; border-color:transparent; color:var(--tgl-pri80, #122E5B); background:var(--tgl-pri05, #EDF2F9)}
.btn-on.btn-on:after {content:''; display:block; width:1em; height:1em; margin:0 0 0 .5rem; background:url('/u/icon/000/more.svg') no-repeat 50% 50% / contain; filter:var(--filter-tgl-pri80)}
.btn-on span {display:none}
.btn-prem, .btn-prem.btn-prem {position:relative; overflow:hidden; display:inline-block; width:auto; height:auto; line-height:1.5; margin:0 auto .5em; padding:.9em 2em .7em; border:0; border-radius:.25rem; font-weight:600; font-size:112.5%; text-decoration:none; color:#000; background:#E8B332}

.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, #D3D7DA); border-radius:.25rem; color:var(--tgl-pri80, #122E5B); background:var(--tgl-pri05, #EDF2F9); 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; 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% / contain; filter:var(--filter-tgl-pri80)}

.webz-bg {display:flex; justify-content:center; align-items:center; gap:.5em; width:auto; height:2.5em; margin:0; padding:.25em .75em; border:0; border-radius:.25rem; white-space:nowrap; font-weight:800; font-size:100%; line-height:1.25; text-transform:uppercase; text-decoration:none; color:#FFF; background:var(--tgl-pri30, #4C70B5); cursor:pointer; overflow:visible}
.webz-bg:hover {text-decoration:none; color:#FFF; background:var(--tgl-pri60b, #1B3E7A)}
@keyframes ckw {
	0% {transform:rotate(360deg)}
	100% {transform:rotate(0deg)}
}
.but-refresh.but-refresh {width:1.25em; height:1.25em; background:url('/u/icon/000/refresh.svg') no-repeat 50% 50% / contain; filter:var(--filter-white)}
.auto .but-refresh, .auto:hover .but-refresh {animation:ckw 2s infinite}
.but-plus.but-plus {width:1.25em; height:1.25em; background:url('/u/icon/000/expand.svg') no-repeat 50% 50% / contain; filter:var(--filter-white)}

#unpack-menu .half-l, #unpack-menu .half-r {width:49%; margin:0 0 .5em}
.equip .ico-zoom:before {display:none}

/* obal - hlavicka, paticka */
.portal {position:relative; z-index:4999; width:100%; max-width:600px; margin:0 0 1rem}
.portal:after {content:''; display:block; clear:both}
.portal.row-top-act {position:absolute; top:0; color:#FFF; background:none}
.portal-g1 {display:flex; justify-content:space-between; position:relative; z-index:2; width:100%; color:#FFF; background:#E41F1F}
.portal.row-top-act .portal-g1 {background:rgba(16,36,71,.6)}
#emblem {display:flex; align-items:flex-start; float:left; line-height:1.625rem; font-weight:600; font-size:1.375rem; letter-spacing:normal; color:inherit}
#emblem:after {content:''; display:block; clear:both}
.portal #emblem a {color:inherit; text-decoration:none}
.emblem-1, .emblem-2, .emblem-3 {float:left; padding:1.1875rem 0 .9375rem; transition:all .3s}
.emblem-1 {min-height:1.625rem; padding-left:1rem; padding-right:.25rem}
.emblem-1 span {display:block; width:4.65em; height:1em; overflow:hidden; text-indent:-99em; background:url('/u/loga-n4/idnes-white.svg') no-repeat 0 0 / contain}
.emblem-1.emblem-ex span {width:10em; height:1.3em; background-image:url('/o/expres/LogoExpres4.svg')}
.emblem-1.emblem-nato span {width:10em; height:1.3em; background-image:url('/u/loga-gal/natoaktual.png')}
.emblem-1.emblem-met span {width:3.6em; height:1em; background-image:url('/u/loga-n4/metro-white.svg')}
.emblem-3 {padding-left:.25rem; text-transform:uppercase}

/*docasne ca vycentrovani na galerii */
#emblem-ln {display:flex; flex:1; line-height:1.625rem; font-weight:600; font-size:1.375rem; letter-spacing:normal; color:inherit}
#emblem-ln .emblem-1.emblem-ln {margin:auto; padding-left:3rem; padding-right:0}
#emblem-ln .emblem-1.emblem-ln span {width:6.6em; height:1.3em; background-image:url('/o/lidovky_ln5/ln-logo-2-white.svg')}

.portalmenu-1 {float:right}
.portalmenu-1 li {float:left; display:block; line-height:3.75rem; font-size:112.5%}
.portalmenu-1 li.act {font-weight:600}
.portalmenu-1 a {position:relative; display:block; padding:0 .6em; color:inherit; text-decoration:none}
a.icon-user, a.icon-user-log, a.icon-menu {position:relative; display:block; width:1.333em; padding:0 1rem; text-indent:-99em; overflow:hidden; background-repeat:no-repeat; background-position:50% 50%; background-size:1.333em 1.333em}
a.icon-user {background-image:url('/u/icon/233/login0.svg')}
.dark a.icon-user {background-image:url('/u/icon/fff/login0.svg')}
a.icon-user-log {background-image:url('/u/icon/233/login1.svg')}
.dark a.icon-user-log {background-image:url('/u/icon/fff/login1.svg')}
a.icon-menu {background-image:url('/u/icon/233/menu.svg')}
.dark a.icon-menu {background-image:url('/u/icon/fff/menu.svg')}
.portal-g1 a.icon-menu {background-image:url('/u/icon/fff/menu.svg')}
a.icon-user-log, a.icon-user {display:none}

.portalmenu-list {padding:0 0 0 1rem}
.portalmenu-list ul {clear:both; display:block; margin:0 0 .75rem; overflow:hidden}
.portalmenu-list li {float:left; display:block; width:50%; font-size:87.5%}
.portalmenu-list li:first-child {position:relative; float:none; width:100%; margin:0 0 .5rem; text-transform:uppercase; font-weight:600; font-size:137.5%}
.portalmenu-list li:first-child:before {content:''; position:absolute; bottom:0; left:0; right:1rem; height:1px; background:var(--tgl-pri10, #D3D7DA)}
.portalmenu-list li:first-child:after {content:''; position:absolute; bottom:0; left:0; width:3em; height:3px; background:var(--sec60, #E41F1F)}
.portalmenu-list a {display:block; margin-left:-.25rem; padding:.25rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.iph ~ .subportal .portalmenu-list li:first-child {margin:0}
.iph ~ .subportal .portalmenu-list li:first-child:before, .iph ~ .subportal .portalmenu-list li:first-child:after {display:none}

.portalmenu-sme-out, .portalmenu-cookies {padding:1rem; border-top:.25rem solid var(--tgl-pri10, #D3D7DA); background:var(--tgl-pri05, #EDF2F9)}
.portalmenu-sme:after {content:''; display:block; clear:both}
.portalmenu-sme li, .portalmenu-cookies li {float:left; display:block; width:50%; font-size:87.5%}
.portalmenu-sme a, .portalmenu-cookies a {display:block; margin-left:-.25rem; padding:.25rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.portalmenu-sme a:before, .portalmenu-cookies a:before {content:'\276F'; float:left; padding:0 .5em 0 0; opacity:.5}
.portalmenu-cookies ul {overflow:hidden}

.portalmenu-search {clear:both; padding:0 1rem 1rem}
.portalmenu-search form {display:block; position:relative}
.portalmenu-search .inp, .portalmenu-search .sen {font-size:100%}
.portalmenu-search .inp {width:100%; height:3em; padding:0 6em 0 3em; border:1px solid var(--tgl-neutral10, #D3D7DA); border-radius:.5rem; color:var(--tgl-neutral60, #75868E); background:var(--tgl-pri05, #EDF2F9) url('/u/icon/567/search.svg') no-repeat .8em 50% / auto 1.5em}
.portalmenu-search .inp:focus {border-color:var(--tgl-pri30, #4C70B5); color:var(--tgl-neutral90, #2B3135); background-color:var(--tgl-white, #FFF); background-image:url('/u/icon/137/search.svg')}
.dark .portalmenu-search .inp {background-image:url('/u/icon/bbc/search.svg')}
.portalmenu-search .sen {position:absolute; top:0; right:0; width:5em; height:2.6em; margin:.2em; border:0; border-radius:.25rem; font-weight:600; text-align:center; color:#FFF; background:#B2B9BE}
.dark .portalmenu-search .sen {color:#D3D7DA; background:#434D52}
.portalmenu-search #p-words, .portalmenu-search #words {display:none}

.portal-g2 {position:relative; z-index:1; display:flex; width:100%; padding:0 .5rem; line-height:1.571; font-size:.875rem; box-sizing:border-box; overflow:hidden}
.portal-g2:before {content:''; position:absolute; bottom:0; left:0; z-index:20; width:100%; height:1px; background:var(--tgl-neutral10, #D3D7DA)}
.portal-g2:after {content:''; clear:both; display:block}
.portal-g2a {flex:0 0 auto; position:relative; overflow:hidden; white-space:nowrap; font-weight:600}
.portal-g2a:before {content:''; position:absolute; top:0; right:0; width:1px; height:100%; background:var(--tgl-pri05, #EDF2F9)}
.portal-g2a a, .portal-g2a.portal-g2a a {display:block; padding:.643em .5rem; color:inherit}
.portal-g2b {flex:1 1 auto; position:relative; overflow:hidden}
.portal-g2b .icon-prev, .portal-g2b .icon-next {position:absolute; top:0; z-index:10; width:3em; height:calc(2.875em - 2px)}
.portal-g2b .icon-prev {left:0; background:linear-gradient(to right, rgba(255,255,255,1) 50%, rgba(255,255,255,0))}
.dark .portal-g2b .icon-prev {background:linear-gradient(to right, rgba(0,0,0,1) 50%, rgba(0,0,0,0))}
.portal-g2b .icon-next {right:0; background:linear-gradient(to left, rgba(255,255,255,1) 50%, rgba(255,255,255,0))}
.dark .portal-g2b .icon-next {background:linear-gradient(to left, rgba(0,0,0,1) 50%, rgba(0,0,0,0))}
.portal-g2b .icon-prev:before, .portal-g2b .icon-next:before {content:''; position:absolute; top:50%; left:30%; display:block; width:1em; height:1em; margin:-.5em 0 0 -.5em; border:1px solid var(--tgl-neutral80, #434D52); border-width:0 0 1px 1px; font-size:50%; transform:rotate(45deg)}
.portal-g2b .icon-next:before {left:auto; right:30%; margin:-.5em -.5em 0 0; border-width:1px 1px 0 0}
.portalmenu-2 {width:100%; overflow-y:hidden; scrollbar-width:thin; white-space:nowrap}
.portalmenu-2 li {position:relative; display:inline-block}
.portalmenu-2 li:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:3px}
.portalmenu-2 li.act:after {background-color:var(--sec60, #E41F1F)}
.portalmenu-2 li a {display:block; padding:.643em .5rem; color:inherit}
.portalmenu-2 li.act a {font-weight:600}

.subportal {display:none; position:absolute; top:2rem; left:0; z-index:10; width:100%; color:var(--tgl-neutral90, #2B3135); background:var(--tgl-white, #FFF); box-shadow:0 .5rem 1rem var(--tgl-black-o10)}
.subportal .emblem-1 span {background-image:url('/u/loga-n4/idnes.svg')}
.subportal.prep-1, .subportal.prep-2 {display:block}
.subportal.prep-1 a.icon-menu, .subportal.prep-2 a.icon-user {background-image:url('/u/icon/233/close-i.svg')}
.dark .subportal.prep-1 a.icon-menu, .dark .subportal.prep-2 a.icon-user {background-image:url('/u/icon/fff/close-i.svg')}

.portal-g3:after {content:''; display:block; clear:both}

.portal-current {position:relative; display:table; width:100%; border-collapse:collapse; margin:0 0 -.25em; font-feature-settings:"lnum"}
.portal-current-day, .portal-current-weather {display:table-cell; vertical-align:top; padding:.5rem 0 0} 
.portal-current-day {line-height:1.2; padding-left:1rem; font-size:62.5%}
.portal-current-weather {line-height:1.5; padding-right:1rem; font-weight:800; text-align:right; white-space:nowrap; color:var(--txt-pri60, #1B3E7A)}
.portal-current-weather:after {content:''; display:inline-block; vertical-align:top; width:.75em; height:1.5em; margin:0 0 0 .25em; background:url('/u/icon/000/arrow2-right.svg') no-repeat 50% 50% / contain; filter:var(--filter-txt-pri60)}
.portal-current-weather img {display:inline-block; vertical-align:top; width:auto; height:1.5em}
.portal-current-weather .weather-warning {display:inline-block; position:relative; vertical-align:top; height:1.5em; margin:0; padding-right:.5em}
.portal-current-weather .weather-warning:after {content:''; position:absolute; bottom:.25em; right:0; width:1em; height:1em; border:solid 1px #E41F1F; border-radius:100%; background:var(--sec05, #FCF0F0) url(/u/icon/e11/error.svg) no-repeat center / 60%}

.portal-g0 {position:relative; z-index:3; color:var(--tgl-neutral90, #2B3135); background:var(--tgl-pri05, #EDF2F9); line-height:2rem; font-size:.875rem}
.portal-g0:after {content:''; display:block; clear:both}
.portalmenu-0 {position:relative; text-align:left}
.q-prihlasen .portalmenu-0 {text-align:right}
.portalmenu-0 li {position:relative; display:inline-block; margin:0; vertical-align:top}
.portalmenu-0 li:last-child {float:right}
.portalmenu-0 .premlab {margin:0 .75em; padding:.125rem .5em; font-size:100%}
.portalmenu-0 .premlab.premlab-expired {position:relative; margin-left:3em; background:#75868E !important}
.portalmenu-0 .premlab.premlab-expired:before {content:''; position:absolute; top:50%; left:0; width:1.4em; height:1.4em; margin:-.7em 0 0 -2em; background:url('/u/icon/eb3/warning.svg') no-repeat 50% 50% / contain}
.icon-login0.active:after, .icon-login0.active:hover:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#FFF url('/u/icon/124/close-i.svg') no-repeat 50% 50% / 1em 1em}
a.icon-login0, a.icon-login1 {display:flex; height:2rem; align-items:center; gap:.25rem; float:right; margin:0 1rem 0 .5em; color:var(--tgl-pri60, #1B3E7A)}
a.icon-login1, .q-prihlasen a.icon-login0 {display:none}
.q-prihlasen a.icon-login1 {display:flex}
.icon-login0:before, .icon-login1:before {content:''; display:inline-block; width:1rem; height:1rem; background:no-repeat 50% 50% / contain}
.icon-login0:before {background-image:url('/u/icon/137/login0.svg')}
.dark .icon-login0:before {background-image:url('/u/icon/bbc/login0.svg')}
.icon-login1:before {background-image:url('/u/icon/137/login1.svg')}
.dark .icon-login1:before {background-image:url('/u/icon/bbc/login1.svg')}
.portalmenu-0 .p-inbox {display:none}
.q-prihlasen .portalmenu-0 .p-inbox {display:block; float:left; padding-left:1rem; text-align:left}
.p-inbox a {overflow:hidden; display:flex; align-items:center; height:2rem; padding:0 .5em 0 2em; color:#434D52; background:url('/u/icon/344/mail2.svg') no-repeat 0 50% / 1.5em 1.5em}
.dark .p-inbox a {background-image:url('/u/icon/bbc/mail2.svg')}
.p-inbox i {display:inline-block; margin:.0 .5rem 0 0; padding:.125rem .25rem; border-radius:.125rem; color:#FFF; background:#e4201f; font-style:normal; line-height:1; animation:inbox 1000ms 3}
@keyframes inbox {
	50% {transform:scale(1.4); transform-origin:center}
}

/* fix menu 10/2022 */
.portal-g1-copy {position:fixed; top:0; left:0; z-index:5000; width:100%; margin:-4em 0 0; transition:.4s all}
.portal-g1-copy-in {max-width:600px; margin:0 auto}
.portal-g1-copy-in:after {content:''; display:block; clear:both}
.portal-g1-copy-in, .dark .portal-g1-copy-in {color:#FFF; background:#E41F1F; box-shadow:0 10px 10px rgba(0,0,0,.2)}
.portal-g1-copy .emblem-1 {min-height:0; padding-top:.5rem; padding-bottom:.5rem}
.portal-g1-copy .emblem-1 span, .dark .portal-g1-copy.portal-g1-copy.portal-g1-copy .emblem-1 span {background-image:url('/u/loga-n4/idnes-white.svg')}
.portal-g1-copy .icon-login0:before, .portal-g1-copy .icon-login1:before {display:block; width:1.333em; height:100%; margin:0 1rem 0 auto}
.portal-g1-copy .icon-login0:before, .dark .portal-g1-copy.portal-g1-copy.portal-g1-copy .icon-login0:before {background-image:url('/u/icon/fff/login0.svg')}
.portal-g1-copy .icon-login1:before, .dark .portal-g1-copy.portal-g1-copy.portal-g1-copy .icon-login1:before {background-image:url('/u/icon/fff/login1.svg')}
.portal-g1-copy .icon-login0, .q-prihlasen .portal-g1-copy .icon-login1 {display:block; max-width:calc(1.333em + 2rem); height:2.375rem; margin:0; padding:0; color:#FFF; overflow:hidden}
.q-prihlasen .portal-g1-copy .icon-login0 {display:none}
@media all and (min-width:1680px){
	.portal-g1-copy-in {width:360px}
}
@media all and (min-width:1680px) and (max-height:480px){
	.portal-g1-copy-in {width:480px}
}

.section {clear:both; padding:0 1rem}
.section .section {padding:0}

#footer {clear:both; position:relative; z-index:25}
#footer .btn {width:100%; text-transform:none; color:var(--tgl-neutral60, #75868E); background:var(--tgl-white, #FFF)}
.footer-in {padding:1em 1rem 1px; border-top:4px solid var(--tgl-neutral20, #B2B9BE); background:var(--tgl-pri05, #EDF2F9)}
.setting-menu {display:table; width:100%; margin:0 0 1em}
.setting-menu li {display:table-cell; padding:0 0 0 10px}
.setting-menu li:first-child {padding-left:0}
.footer-cks {margin:-.5em auto 1em; text-align:center; font-size:87.5%}
.footer-in .btn0 {display:block; padding-bottom:1em; font-weight:400; text-align:center; text-decoration:underline; color:var(--tgl-neutral60, #75868E)}
.footer-nearby {position:absolute; bottom:100%; left:0; width:100%; padding:10px 1rem; color:#FFF; background:#B2B9BE}
.dark .footer-nearby {background-color:#75868E}
.footer-nearby:after {content:''; position:absolute; top:100%; left:50%; border-width:1em 1em 0; border-style:solid; border-color:#B2B9BE transparent}
.dark .footer-nearby:after {border-color:#75868E transparent}
#setting-box.footer-nearby:after {left:32%}
#messages-box.footer-nearby:after {left:20%}
.footer-nearby .ico-close {position:absolute; top:5px; right:5px; z-index:1}
.footer-nearby h3 {margin:0 0 .3em; font-weight:600; font-size:112.5%; font-family:inherit}
.footer-nearby p {margin:0 0 .8em}
.setting-option {overflow:hidden; margin:.5em 0 1em}
.setting-option li {list-style:none; float:left; width:30%; margin:0 0 0 5%}
.setting-option li:first-child {margin-left:0}
.setting-option li.double {width:65%}
.setting-option #scheme-dark, .dark .setting-option #scheme-light {background:transparent; border-color:rgba(255,255,255,.5)}
.setting-option #scheme-light, .dark .setting-option #scheme-dark {border-color:#FFF; box-shadow:0 0 1px #FFF}
.dark .setting-option #scheme-dark {color:#FFF; background:#2B3135}
#font-size {display:block; width:100%; height:2.6em; line-height:2.6em; border:1px solid #FFF; border-radius:.25rem; background:#75868E; text-align:center}
.footer-nearby form {overflow:hidden}
.footer-nearby textarea {width:100%; margin:0 0 .5em}
.footer-nearby input[type="email"] {float:left; width:60%}
.footer-nearby input[type="submit"] {float:right; width:35%}

#footer .iweb {position:absolute; bottom:.5em; right:1rem; background:var(--tgl-neutral10, #D3D7DA)}
#copyright {position:relative; padding:.5em 1rem; text-align:center; font-size:87.5%; color:#FFF; background:#75868E}
#copyright a.fl {position:absolute; top:.5em; left:1rem; color:inherit; text-decoration:underline}

#vzhled {position:absolute; top:0; left:0; z-index:5666; width:90%; font-size:medium; padding:.75em 5%; border-bottom:1px solid var(--tgl-white, #FFF); background:#000; color:#FFF; text-align:center}
#vzhled table {width:100%; border:0; margin-top:.25em}
#vzhled td {width:20%; vertical-align:middle; text-align:center}
#vzhled b {display:block; width:100%; line-height:50px}
#vzhled .act {background:#444; border-radius:.5rem}

.lachtan-out {margin:2rem -15px 1rem; padding:1px 15px; background:linear-gradient(180deg, var(--tgl-pri05, #EDF2F9) 0%, transparent 100%)}
.dark .lachtan-out a {color:inherit}
.lachtan1, .lachtan2 {clear:both; margin:2rem 10px}
.lachtan1 h4, .lachtan2 h4 {margin:0 0 .5rem; font-weight:600; font-size:112.5%; line-height:1.222; font-family:var(--ff-h, 'Fira Sans'); text-transform:uppercase}
.lachtan1 li, .lachtan2 li {list-style:none; font-size:87.5%; line-height:1.286}
.lachtan1 li a, .lachtan2 li a {display:block; padding:.25rem 0}
.lachtan1 {display:grid; grid-template-columns:repeat(6, 1fr); gap:1.25rem}
.lachtan2 ul {display:flex; flex-wrap:wrap; gap:1.25rem .5rem}
.lachtan2 li {flex:0 0 calc(25% - 1.25rem * 3/4)}
.css-t .lachtan-out {margin:1rem 0; padding:1px 0}
.css-t .lachtan1, .css-t .lachtan2 {margin:1.5rem 1rem 0}
.css-t .lachtan1 {grid-template-columns:1fr 1fr}
.css-t .lachtan2 ul {display:block}

#footer {clear:both}
#footer .content {margin:var(--spacing-25, 2.5rem) auto var(--spacing-15, 1.5rem)}
#footer .f-idn {display:block; width:10rem; height:2rem; margin:0 auto 1.5rem; overflow:hidden; text-indent:-99em; background:url('/u/loga-n4/idnes.svg') no-repeat 50% 50% / contain}
.dark #footer .f-idn {background-image:url('/u/loga-n4/idnes-white.svg')}
#wrapper #footer .f-idn {width:7rem; height:1.5rem; margin:0 auto 1rem}
#footer #f-lnk {display:flex; flex-wrap:wrap; justify-content:center; margin:0 auto 1.5rem}
#footer #f-lnk li {display:block; font-weight:600; font-size:87.5%; line-height:1.571}
#footer #f-lnk a {padding:0 .375rem}
#footer #f-sls {display:flex; flex-wrap:wrap; justify-content:center; gap:1rem 0; margin:0 auto 1.5rem}
#footer #f-sls li {display:block; font-weight:400; font-size:75%; line-height:1.167; text-align:center}
#footer #f-sls li a {display:block; min-width:6em; padding:0 .5rem}
#footer .ico-mbl:before, #footer .ico-dsk:before, #footer .ico-eml:before, #footer .ico-rss:before, #footer .ico-fcb:before, #footer .ico-twt:before, #footer .ico-ins:before, #footer .ico-mes:before, #footer .ico-tik:before, #footer .ico-tgr:before {content:''; display:block; width:1.5rem; height:1.5rem; margin:0 auto .25rem; background:no-repeat 50% 50% / cover; filter:var(--filter-tgl-pri80)}
#footer .ico-mbl:before {background-image:url('/u/icon/000/mobile2.svg')}
#footer .ico-dsk:before {background-image:url('/u/icon/000/desktop.svg')}
#footer .ico-eml:before {background-image:url('/u/icon/000/mail2.svg')}
#footer .ico-rss:before {background-image:url('/u/icon/000/rss.svg')} 
#footer .ico-fcb:before {background-image:url('/u/icon/000/social-facebook.svg')}
#footer .ico-twt:before {background-image:url('/u/icon/000/social-twitter.svg')}
#footer .ico-ins:before {background-image:url('/u/icon/000/social-instagram.svg')}
#footer .ico-mes:before {background-image:url('/u/icon/000/social-messenger.svg')}
#footer .ico-tik:before {background-image:url('/u/icon/000/social-tiktok.svg')}
#footer .ico-tgr:before {background-image:url('/u/icon/000/social-telegram.svg')}
#footer .content #copyright {margin:0; font-weight:400; font-size:81.25%; line-height:1.231; text-align:center; color:inherit; background:none}
.dark #footer .content #copyright {color:#B2B9BE}
.dark #footer .content #copyright a {color:inherit}

#footer .content ~ .footer-nearby {bottom:calc(5rem + 3em); color:#2B3135; background:linear-gradient(180deg, #EDF2F9 0%, #D6DEEB 100%)}
.dark #footer .content ~ .footer-nearby {color:#FFF; background:linear-gradient(180deg, #2B3135 0%, #434D52 100%)}
#footer .content ~ .footer-nearby:after {content:''; position:absolute; top:auto; bottom:0; left:50%; margin-left:-.25em; border-width:0 .25em .25em; border-style:solid; border-color:#EDF2F9 transparent}
.dark #footer .content ~ .footer-nearby:after {border-color:#2B3135 transparent} 
#footer .content ~ .footer-nearby h3 {margin:0 0 .5em; font-weight:600; font-size:100%; line-height:1.25}
#footer .content ~ .footer-nearby #scheme-dark, #footer .content ~ .footer-nearby #font-size {background-color:#EDF2F9}
.dark #footer .content ~ .footer-nearby #scheme-dark {background-color:#000}
.dark #footer .content ~ .footer-nearby #scheme-light, .dark.dark #footer .content ~ .footer-nearby #font-size {background-color:#2B3135}

#footer .content ~ .footer-in {padding:1em 1rem; border:0; background:linear-gradient(180deg, #EDF2F9 0%, rgba(239,243,249,0) 100%)}
.dark #footer .content ~ .footer-in {background:linear-gradient(180deg, #2B3135 0%, rgba(38,50,56,0) 100%)}
#footer .content ~ .footer-in .btn, #footer .content ~ .footer-nearby .btn, #footer .content ~ .footer-nearby #font-size {display:inline-flex; justify-content:center; align-items:center; gap:.5em; min-height:2.5rem; margin:0 auto; padding:.125em .75em; border:1px solid #D6DEEB; border-radius:.25rem; font-weight:600; font-size:87.5%; line-height:1.25; text-decoration:none; text-transform:none; color:#122E5B; background:#FFF; box-sizing:border-box}
.dark #footer .content ~ .footer-in .btn, .dark #footer .content ~ .footer-nearby .btn, .dark #footer .content ~ .footer-nearby #font-size {border-color:#434D52; color:#FFF; background:#000}
#footer .content ~ .footer-in .ico-msg:before {content:''; display:block; width:1.25em; height:1.25em; margin:0; background:url('/u/icon/000/discusion.svg') no-repeat 50% 50% / contain; filter:var(--filter-tgl-pri80)}
#footer .content ~ .footer-in .ico-setting:before {content:''; display:block; width:1.25em; height:1.25em; margin:0; background:url('/u/icon/000/settings-round.svg') no-repeat 50% 50% / contain; filter:var(--filter-tgl-pri80)}
#footer .content ~ .footer-in .ico-top:before {content:''; display:block; width:1.25em; height:1.25em; margin:0; background:url('/u/icon/000/arrow-up.svg') no-repeat 50% 50% / contain; filter:var(--filter-tgl-pri80)}
#footer .content ~ .footer-in .btn0 {display:inline-flex; justify-content:center; align-items:center; width:100%; min-height:2.5rem; margin:0 auto; padding:.25em .75em; border:1px solid var(--tgl-pri10, #D6DEEB); border-radius:.25rem; font-weight:400; font-size:100%; line-height:1.25; text-decoration:none; text-transform:none; color:var(--tgl-pri80, #122E5B); background:var(--tgl-pri05, #EDF2F9); box-sizing:border-box}

/* IPH = IdnesPortalHeader */
.iph {position:relative; z-index:4999; margin:0 0 1rem; padding:0 1rem 1px; background:var(--tgl-white, #FFF); box-sizing:border-box}
.iph:after {content:''; position:absolute; left:1rem; bottom:0; right:1rem; height:1px; background:var(--tgl-pri10, #D3D7DA)}
.iph a {color:var(--tgl-pri80, #122E5B)}
.iph li {display:block}
.iph-row {position:relative; display:flex; align-items:center; gap:.75rem; margin:0 -1rem; padding:.5rem 1rem 0; border-top:.25rem solid #E41F1F; box-sizing:border-box}
.iph-row-in {flex:1 1 50%; display:flex; align-items:center; gap:1.5rem}
.iph-logo + .iph-row-in {order:-1}
.iph-logo {flex:0 0 auto; width:calc(4.65em + 1rem); margin:0 auto; font-size:187.5%; line-height:1}
.iph-logo a {display:block; border:solid transparent; border-width:.5rem 0; text-indent:-99em; text-align:left; overflow:hidden; background:url('/u/loga-n4/idnes.svg') no-repeat 50% 50% / contain}
.dark .iph-logo a {background-image:url('/u/loga-n4/idnes-white.svg')}
.iph-prem {display:flex; align-items:center; gap:.5rem; max-width:250px; height:1.625rem; padding:.5rem 0 0 1rem}
.iph-prem .tp-container-inner {width:100%!important}
.iph-prem .tp-container-inner iframe {width:100%!important}
.iph-prem .premlab.premlab.premlab, .iph-prem .btn-prem.btn-prem.btn-prem {margin:0; padding:0 .5rem; border-radius:.25rem; font-weight:600; font-size:81.25%; line-height:2; white-space:nowrap; text-overflow:ellipsis; text-decoration:none; box-shadow:0 4px 8px rgba(0,0,0,.12)}
.iph-prem p {font-size:62.5%; line-height:1.2}
.iph-date {font-size:62.5%; line-height:1.2}
.iph-icolist {display:flex; gap:1em; margin-left:auto}
.iph-icolist-ml0 {margin-left:0}
.iph-icolist li {position:relative}
.iph-icolist [class*="ico-"] {display:block; min-width:4.25em; margin:0; font-size:.5rem; line-height:1.25; text-align:center}
.iph-icolist [class*="ico-"]:before {content:''; display:block; width:1em; height:1em; margin:0 auto; font-size:250%; filter:var(--filter-tgl-pri80)}
.iph-icolist .ico-menu:before {/* posileni pro touch */ display:block; background-image:url('/u/icon/000/menu.svg')}
.iph-icolist .ico-menu.active:before {background-image:url('/u/icon/000/close-i.svg')}
.ico-login1 i {position:absolute; top:1.25rem; left:50%; margin:-1.4em 0 0 .2em; padding:0 .3em; border-radius:.25rem; font-style:normal; font-weight:800; font-size:.5625rem; line-height:1.4; color:#FFF; background:var(--sec60, #E41F1F)}
.ico-login0:before {background-image:url('/u/icon/000/login0.svg')}
.ico-login1:before {background-image:url('/u/icon/000/login1.svg')}
.iph .ico-login1, .q-prihlasen .iph .iph-icolist .ico-login0 {display:none}
.q-prihlasen .iph .ico-login1 {display:block}
.iph-breadcrumb {display:flex; justify-content:center; flex-wrap:wrap; gap:0; margin:0 0 .5rem; font-weight:800; font-size:75%; line-height:1.667; text-transform:uppercase}
.iph-breadcrumb li {display:flex; align-items:center}
.iph-breadcrumb li + li:before {content:''; display:block; width:.75em; height:.75em; background:url('/u/icon/000/arrow1-right.svg') no-repeat 50% 50% / contain; filter:var(--filter-tgl-neutral80)}
.iph-breadcrumb a {display:block; padding:0 .75em}
.iph-menu1 {position:relative; z-index:1; display:flex; justify-content:center; flex-wrap:wrap; gap:0; margin:.5rem 0 -1px; padding:1px 0 0; font-weight:600; font-size:87.5%; line-height:2.5; white-space:nowrap}
.iph-menu1:before {content:''; position:absolute; left:0; top:0; right:0; height:1px; background:var(--tgl-pri10, #D3D7DA)} 
.iph-menu1 > li {flex:0 0 auto}
.iph-menu1 a {position:relative; display:block; padding:0 .5em; text-decoration:none}
.iph-menu1 a:hover {text-decoration:none}
.iph-menu1 a:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:transparent}
.iph-menu1 a:hover:after {background:var(--tgl-pri20, #A7B9D9)} 
.iph-menu1 .active a:after {background:#E41F1F} 
.iph-more {position:relative}
.iph-more > a:before {content:''; float:right; width:.75em; height:2.5em; margin-left:.25em; background:url('/u/icon/000/arrow-down.svg') no-repeat 50% 50% / contain; filter:var(--filter-tgl-pri80)}
/*.iph-more.active > a:before {content:''; position:fixed; top:0; left:0; bottom:0; right:0; z-index:98}*/
.iph-menu2 {display:none; position:absolute; top:100%; right:0; z-index:99; min-width:9em; margin-right:calc(-.5rem - 1px); padding:.5rem 0; border:1px solid var(--tgl-pri10, #D3D7DA); border-radius:.25rem; font-weight:400; font-size:.875rem; line-height:1.25; white-space:normal; background:var(--tgl-white, #FFF); box-shadow:0 .5rem 1rem rgba(0,0,0,.08)}
.iph-more:hover .iph-menu2, .iph-more.active .iph-menu2 {display:block}
.iph-menu2 a {padding:.5em 1rem}
.iph-menu2 a:hover {background:var(--tgl-pri05, #EDF2F9)}
.iph-menu2 a:after {display:none}
#iph:not(.iph-iphhm-visible) .iph-row.fixed {z-index:10; padding-top:0; color:#FFF; background:linear-gradient(180deg, #C11B1B 0%, #E41F1F 100%)}
#iph:not(.iph-iphhm-visible) .iph-row.fixed a {color:inherit}
#iph:not(.iph-iphhm-visible) .iph-row.fixed .iph-logo a {background-image:url('/u/loga-n4/idnes-white.svg')}
#iph:not(.iph-iphhm-visible) .iph-row.fixed .iph-icolist [class*="ico-"]:before {filter:var(--filter-white)}
#iph:not(.iph-iphhm-visible) .iph-row.fixed .iph-icolist .ico-menu.active:after {background:#E41F1F}

/* docasne furt */
.iph ~ .portal-current {margin-top:-1rem; margin-bottom:1rem}
.iph ~ .subportal {top:0; z-index:4999}
.iph ~ .subportal .portalmenu-1 {position:absolute; top:0; right:0}
.iph ~ .subportal #emblem {float:none; border-top:.25rem solid #E41F1F}
.iph ~ .subportal .emblem-1 {float:none; display:block; min-width:9rem; height:1.875rem; min-height:0; margin:auto; padding:0; border:solid transparent; border-width:1rem 0; background:url('/u/loga-n4/idnes.svg') no-repeat 50% 50% / contain}
.dark .iph ~ .subportal .emblem-1 {background-image:url('/u/loga-n4/idnes-white.svg')}
.iph ~ .subportal .emblem-1 span {display:none}
.iph ~ .subportal .portalmenu {margin-top:0; border-top:0}

/* vypis clanku */
.art {position:relative; clear:both; display:block}
a.art {/* pro vyjimku na blozich */ padding-top:.5em; padding-bottom:.5em}
.art.h {display:none}
.list-art-odklad u.odklad {background-image:none !important}
.list-art a, .art-link {color:var(--tgl-pri80, #122E5B)}
.art-link {display:block; overflow:hidden; padding:.8em 0}
.art-img {float:left; margin-right:10px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover}
.art-img .brisk {display:none}
.art img, .art picture {max-width:100%}
.sp5, .p135 {width:100px; height:75px}
.m304 {width:310px; height:auto; margin:0 0 .5em; padding:0 0 5px}
.i300, .section-list .m304 {width:240px; height:135px; margin:0 0 .5em; padding:0}
.art-time {float:left; width:3.2em; color:var(--tgl-neutral60, #75868E)}
.art h3, .video-art h3 {display:table-cell; vertical-align:top; line-height:1.2; font-weight:600; font-size:112.5%}
.opener h3, .video-art h3 {display:block; margin:0 0 .3em}
.opener h3 {font-size:137.5%}
.opener .art-link {padding-top:.8em}
.img-brisk {position:relative}
.img-brisk div {position:absolute; top:auto; left:.5rem; bottom:.5rem; padding:.1875em .3125em .1875em .1875em; border-radius:.25rem; font-weight:600; font-size:100%; 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:.125rem; 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}
.img-brisk .premlab.premlab.premlab {position:static; margin:0}
.brisklive {padding:.125rem .3125em .125rem .1875em; border-radius:.25rem; font-weight:600; font-size:75%; 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:.125rem; background:#E4201F url('/u/icon/fff/live.svg') no-repeat 50% 50% / 78% 78%}
.opener-foto {margin:0 0 1em}
.opener-foto img, .opener .art-img {float:none; display:block; width:100%; height:auto; margin:0}
.opener .art-img ~ h3 {margin-top:.3em}
.opener u.vidw {padding:56.25% 0 0}
.opener-foto .relative {position:relative; display:block; text-decoration:none}
.opener-foto .relative img, .opener-foto .relative picture {display:block}
.opener-foto .relative .more-gal {position:absolute; bottom:0; right:0; max-width:280px; height:20px; line-height:22px; padding:4px 4px 0; color:#EEE; background:rgba(0,0,0,.8); text-transform:uppercase; font-size:x-small; font-weight:600; text-align:right; overflow:hidden; cursor:pointer}
.opener-foto .relative .more-gal:before {content:''; float:left; width:22px; height:16px; background:url('/m/o/icons-art.svg') no-repeat -383px}
.opener-foto .relative .more-gal:after {content:'\00D7'; float:left; margin:0 3px}
.opener-foto .relative .more-gal b {padding-right:.2em; color:#FFF; font-size:110%}
.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-info {padding:.5em 0 0}
.opener-foto .more-gallery {position:absolute; bottom:12px; right:11px; z-index:10; overflow:hidden; line-height:30px; border:4px solid rgba(228,31,31,.9); border-width:0 4px; border-radius:.25rem; font-weight:600; font-size:13px; text-align:right; overflow:hidden; cursor:pointer}
.overopener .opener-foto .more-gallery {right:75px}
.opener-foto .more-gallery u, .opener-foto .more-gallery b {float:left; text-decoration:none; color:#FFF}
.opener-foto .more-gallery u {padding:0 10px 0 30px; font-weight:600; font-family:var(--ff-h, 'Fira Sans'); background:rgba(16,36,71,.9) url('/u/icon/fff/foto.svg') no-repeat 7px 50% / 14px 14px}
.opener-foto .more-gallery b {padding:0 .6em; font-weight:400; background:rgba(228,31,31,.9)}
.opener-foto .more-gallery b:before {content:'+'}
.opener-foto .overlap {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:url('/u/free.gif') repeat; text-decoration:none; cursor:pointer}
.opener-foto p.opener-foto-info {padding:.5em 2em .5em .5em; color:var(--tgl-neutral60, #75868E); background:var(--tgl-neutral05, #F0F2F3); font-size:81.25%}
p.opener-foto-info a {color:inherit; text-decoration:none}
p.opener-foto-info a:hover {text-decoration:underline}
.opener-foto .mark-video {position:absolute; top:50%; left:50%; z-index:1; width:7rem; height:7rem; margin:-3.5rem 0 0 -3.5rem}
.opener-foto .mark-video span {position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; padding:0}

/* OpenerFotoInfo - schovavacka */
.ofi {clear:both; position:relative; overflow:hidden}
.ofi .opener-foto-info, .ofi videoplayer.dummy+small {position:absolute; bottom:0; left:100%; right:-100%; z-index:4; padding:.6em 2.8em .6em .6em; color:#FFF; background:rgba(0,0,0,.8); transition:all .5s}
.ofi .opener-foto-info a, .ofi videoplayer.dummy+small a {color:inherit}
.ofi-visible .opener-foto-info, .ofi-visible videoplayer.dummy+small {left:0; right:0}
.ofi-link {position:absolute; bottom:0; right:0; z-index:5; padding:.3em}		
.ofi-link:before {content:'i'; display:block; width:2em; height:2em; line-height:2; border-radius:100%; text-align:center; font-style:italic; color:#FFF; background:rgba(0,0,0,.8); transition:all .5s}
.ofi-visible .ofi-link:before {content:'\2715'; color:#000; background:rgba(255,255,255,.8); font-style:normal}

.art-info .commercial, .commercial {padding:0; color:#000; background:#FFF}
.domicil {font-weight:600}
.art-rel, .art.art-rel {position:relative; padding:.625em 0 .625em 1.25em; border:0; color:var(--tgl-pri80, #122E5B); background:url('/u/icon/bbc/related.svg') no-repeat 0 .8em / .875em .875em}
.dark .art-rel {background-image:url('/u/icon/567/related.svg')}
.row-top .extra-opener ~ .art-rel {margin:0 1rem}
.art-rel ~ .art-rel {border-top:1px solid var(--tgl-neutral05, #F0F2F3)} 
.art-rel h4.premlab {float:left; margin:0 .5em 0 0}
.art-rel h3 {display:inline; font-size:100%; line-height:inherit}
.art.art-mini {position:relative; padding:12px 0 12px 123px}
.art.art-mini img {position:absolute; top:12px; left:0; z-index:1; width:115px}
.info-text.info-text {margin:1em 0; font-size:87.5%; color:var(--tgl-neutral60, #75868E)}

.extra-opener {position:relative; overflow:hidden; min-height:15em; max-height:90vh; max-height:calc(90vh - 2rem); padding:2rem 0 0; color:#FFF; background:#122E5B}
.extra-opener:after {display:none}
.extra-opener .art-link {display:block; padding:0; color:inherit}
.extra-opener .mark-video {width:auto}
.extra-opener .mark-video span {display:none; top:auto; right:30px; bottom:30px}
.extra-opener .art-img {position:relative; float:none; margin:0}
.extra-opener .art-img:before {display:none}
.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%)}
.extra-opener .art-img img, .extra-opener .art-img picture {display:block; width:100%; height:auto; margin:0}
.extra-opener .art-img u {display:block; width:100%; height:26em; background:no-repeat 50% 50% / cover}
.extra-opener .cell {position:absolute; left:1rem; bottom:10px; right:10px; z-index:5; text-shadow:0 0 20px rgba(16,36,71,.6)}
.extra-opener h3, .art.extra-opener h3 {margin:0 0 .2em; padding:0; font-weight:600; font-size:175%}

.opener-vidw {position:relative; overflow:hidden; padding:0; color:#FFF; background:#122E5B}
.box-in .opener-vidw:first-child {margin-top:.8em}
.opener-vidw:after {display:none}
.opener-vidw .art-link {display:block; padding:0; color:inherit}
.opener-vidw h3 {position:absolute; left:10px; bottom:10px; right:10px; z-index:3; margin:0; padding:0; font-weight:600; font-size:131.25%; text-shadow:0 0 20px rgba(16,36,71,.8)}
.opener-vidw h4 {position:absolute; top:10px; left:10px; z-index:2}
.opener-vidw .mark-video span {display:none}
.opener-vidw .art-img {float:none; position:static; display:block; width:100%; height:auto; 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(16,36,71,0) 50%, rgba(16,36,71,.6) 80%)}
.opener-vidw .art-link img, .opener-vidw .art-link u {display:block; transition:opacity .3s}
.opener-vidw .art-link img {width:100%; height:auto}
.opener-vidw .art-link u {width:100%; height:0; padding:56% 0 0; background:no-repeat 50% 50%; background-size:cover}

.authorbox {margin:0 0 1.5rem; padding:1rem; border-radius:.5rem; color:var(--tgl-neutral90, #2B3135); background:var(--tgl-pri05, #EDF2F9)}
.authorbox-foto {float:right; position:relative; overflow:hidden; width:4rem; height:4rem; margin:0 0 0 .75em; border:.125rem solid #FFF; border-radius:var(--radius-m, .5rem);; box-shadow:0 .5em 1em 0 rgba(0,0,0,.08); 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, .authorbox-foto.authorbox-foto img {display:block; width:auto; max-width:none; height:100%; margin:auto}
.authorbox .cell {display:block}
.authorbox h1 {font-weight:600; font-size:125%; line-height:1.2}
.authorbox h3 {font-weight:600; font-size:87.5%; line-height:1.375}
.authorbox .art-social {position:relative; float:none; margin:.75em 0 0}
.authorbox .art-social ul {display:flex; margin:0 -.66em; overflow:visible}
.authorbox .art-social li {float:none; display:block; line-height:1; margin:-.66em 0}
.authorbox .art-social li a {display:block; padding:.66em}
.authorbox .art-social .logo-facebook, .authorbox .art-social .logo-twitter {display:block; width:1em; height:1em; background:url('/u/idn4/social-icons.svg') no-repeat 0 0 / 5em 2em}
.authorbox .art-social .logo-facebook {background-position:-1em -1em; background-color:transparent}
.authorbox .art-social .logo-twitter {background-position:-2em -1em; background-color:transparent}
.authorbox .art-social .ico-rss {color:#1B3E7A}
.dark .authorbox .art-social .ico-rss {color:#A7B9D9}
.authorbox .art-social .ico-rss:before {content:''; float:left; display:block; width:1em; height:1em; margin:0 .3em 0 0; background:url('/u/icon/137/rss.svg') no-repeat 50% 50% / cover}
.dark .authorbox .art-social .ico-rss:before {background-image:url('/u/icon/abe/rss.svg')}
.authorbox .art-social .ico-rss span {font-size:87.5%}
.authorbox p {padding:.75rem 0 0; font-size:87.5%}
.authorbox-ex > * {opacity:.6; filter:alpha(opacity=60)} 

.person-foto {position:relative; overflow:hidden; width:4em; height:4em; margin:0 auto; border:.125rem solid var(--tgl-white, #FFF); border-radius:100%; text-align:center; background:url('/o/all/nophoto9.jpg') no-repeat 50% 50% / contain; box-shadow:0 2px 8px 0 rgba(0,0,0,.32); box-sizing:border-box}
.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%}

.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}

.art.flash {padding:1em 0 .5em 15px; background:url('/u/n4/alone.gif') no-repeat 0px 1.2em}
.dark .art.flash {background-image:url('/u/n4/alone-dark.gif')}
.art.flash .art-info .time {font-size:112.5%; color:#000; font-weight:600}
.dark .art.flash .art-info .time {color:#fff}
.art.flash a.text {color:#000}
.dark .art.flash a.text {color:#fff}
.art.flash .link {color:#036; text-decoration:underline}
.dark .art.flash .link {color:#9CF}

.topflash {position:relative; padding:1.6em 1rem 16px; font-size:125%; color:#FFF; background:#353535}
.topflash:before {content:'Pr\e1 v\11b \20 te\10f '; position:absolute; top:-.2em; left:1rem; padding:.1em .5em 0; font-size:105%; background:#E41F1F}
.section .topflash {margin:0 -1rem}

.list-art-menu {margin:0 0 .5rem}
.list-art-menu li {display:block}
.list-art-menu li:first-child {text-transform:uppercase; font-weight:600; font-size:137.5%; font-family:var(--ff-h, 'Fira Sans')}

/*reality*/
.art.sme-reality .perex {display:block; margin:.5em 0; font-size:83%; color:#666}
.art.sme-reality .cena {font-weight:600; font-size:112.5%; color:#E41F1F}

.mark-video, .video-youtube, .mark-podcast {position:relative}
.mark-video span, .video-playtvak span, .mark-podcast span {position:absolute; bottom:3px; right:5px; z-index:1; width:30px; height:30px; background:url('/u/n4/play.svg') no-repeat}
.mark-podcast span {width:20px; height:20px; background-image:url('/u/icon/137/podcast-80.svg')}
.video-youtube span, .opener .mark-video span {position:absolute; bottom:5px; right:5px; z-index:1; width:45px; height:45px; background:url('/u/n4/play.svg') no-repeat}
.video-youtube {font-size:x-small}

.section-list h2 {margin:.3em 0 0; padding:.5em 0 0; border-top:1px solid rgba(128,128,128,.3); font-size:125%}
.alone {clear:both}
.alone a {display:block; padding:.5em 0}
.section-list .art h3, .alone {font-weight:600; font-size:100%}
.section-list .sp5, .section-list .p135 {width:100px; height:75px}
.list-art-short {padding:.5em 0; font-size:112.5%}
.list-art-short > b {display:block; padding:.5em 0 0}
.list-art-short .alone a {display:block; padding:.7em 0 .7em 14px; background:url('/u/n4/alone.gif') no-repeat 0 1em}
.dark .list-art-short .alone a {background-image:url('/u/n4/alone-dark.gif')}

#stalose {padding:.5em 0; border-top:1px solid rgba(128,128,128,.2)}
#stalose h2, #novysporthp-video h2 {padding:.5em 0 0; font-weight:600}
#stalose p {padding:.7em 0 .7em 14px; background:url('/u/n4/alone.gif') no-repeat 0 1em}
.dark #stalose p {background-image:url('/u/n4/alone-dark.gif')}
#stalose .cell {display:inline}
#stalose .b {display:inline-block; margin-right:6px}

.box4events {overflow:hidden; background-color:rgba(128,128,128,.12); padding:.5rem 1rem; margin:10px -1rem}
.box4events h2 {font-size:112.5%; padding:.5em 0 0; font-weight:600}
.box4events h2 + .art, .box4events + .art {border-top:none}

#novysporthp-video img {width:100%; height:auto}
#novysporthp-video h3 {line-height:1.2; font-size:100%}
#novysporthp-video .art-img {margin:0 0 5px}
#novysporthp-video .cell {width:48.5%; display:table-cell; margin:0}
#novysporthp-video .cell ~ .cell {float:right}
#novysporthp-video .cell a {padding:.5em 0 0}

.list-tit, .list-tit2 {margin:0 0 var(--spacing-1, 1rem); font-weight:600; font-size:var(--rs-h3, 1.75rem); text-transform:uppercase}

.taglist-out {margin:0 0 .5em}
.taglist-out .taglist {margin:0}
.taglist {overflow:hidden; margin:0 0 .5em; font-size:87.5%}
.taglist li {float:left; display:block; margin:0 .25em .5em 0}
.taglist a, .taglist select {position:relative; overflow:hidden; display:flex; align-items:center; width:auto; height:2.5em; padding:.25em .5em; border:1px solid var(--tgl-pri10, #D3D7DA); border-radius:.25rem; font-size:100%; line-height:1.25; text-decoration:none; color:var(--tgl-pri80, #122E5B); background:var(--tgl-white, #FFF); box-sizing:border-box}
.taglist a.act {text-decoration:none; background:var(--tgl-pri05, #EDF2F9)}
.taglist select {padding-right:1.5em; background:var(--tgl-white, #FFF) url('/u/icon/124/select.svg') no-repeat calc(100% - .5em) 50% / .75em; -moz-appearance:none; -webkit-appearance:none; appearance:none}
.dark .taglist select {background-image:url('/u/icon/cdf/select.svg')}

.next-art {margin:0 0 1em}
.next-art .btn {width:100%}
#wrapper > .next-art {margin:0 1rem 1em}

.list-art-static .art > h3 {display:block}
.list-art-static .art > h3 > a {display:block; padding:.5em 0}

.extra-tab {padding:1em 0 .5em}
.extra-tab img {display:block; width:100%; height:auto; margin:0 0 .5em}
.extra-tab h2 {margin:0; padding:0 10px .3em; font-weight:600; font-size:137.5%}

#wrapper > .extra-tab {margin:-1em 0 1em}

.nav {display:table; table-layout:fixed; width:100%; border-bottom:3px solid #E41F1F}
.nav li {display:table-cell}
.nav .btn {width:100%; border-bottom:0; border-radius:.5rem .5rem 0 0}
.prep-1 .btn-nav-a1, .prep-2 .btn-nav-a2, .prep-3 .btn-nav-a3 {border-color:#C11B1B; color:#FFF; background-color:#E41F1F}

#weather-box table {width:100%; margin:0 0 .5em; border-collapse:collapse; font-size:100%}
#weather-box .temperature {display:inline-block; padding-top:.1em; font-weight:600; color:#C00}
.dark #weather-box .temperature {color:#D00}
#weather-box .tac {width:25%; vertical-align:top}
#weather-box .tal {padding-left:20px}
#weather-box .relative {display:block; margin:4px 0 0}
#weather-box .relative img {display:block; width:128px !important; height:77px !important}
#weather-box .relative span {position:absolute; top:0; left:0; z-index:1; width:128px; height:77px; background:url('/o/sph/mask-map.png') no-repeat}
.dark #weather-box .relative span {background-image:url('/o/sph/mask-map-dark.png')}
#weather-box .tac span.day, #weather-box .tal a {font-size:87.5%}
.dark #weather-box .tac span.day, .dark #weather-box .tal a {color:#B2B9BE}

.a-box {margin:0}
#wrapper > .a-box {margin:0 1rem}
.a-box h2 {position:relative; z-index:2; display:table; height:auto; margin:0; padding:0; text-align:left; font-weight:600; font-size:137.5%; text-transform:uppercase}
.a-box h2 a, .a-box h2 a:hover {display:block; color:inherit; text-decoration:none}
.a-box .box-in {clear:both; padding:.5em 0 0}
.art + .a-box {position:relative; z-index:1; padding:.5em 0; border-top:1px solid #F0F2F3}
.dark .a-box .box-in, .dark .art + .a-box {border-color:#2B3135}

.list-video {overflow:hidden; margin:0}
.list-video li {float:left; display:block; width:49%; margin:0 0 0 2%}
.list-video li:nth-child(2n+1) {clear:both; margin-left:0}
.list-video .art-link {padding:0 0 1em}
.list-video .art-img {position:relative; float:none; margin:0}
.list-video .art-img, .list-video .art-img img {display:block; width:100%; height:auto}
.list-video .mark-video span {width:16%; height:0; padding:16% 0 0; bottom:4px; right:5px}
.list-video h3 {clear:both; padding:.4em 0 0; font-weight:600; font-size:100%}

/* k FLV videu:*/
.equip-tv {clear:both; min-height:170px; margin:0 0 1em; color:#000; background:#F3F3F3}
.dark .equip-tv {color:#FFF; background:#0C0C0C}
.q-js .equip-tv {padding:0; background:none}

.equip-tv .equip {margin-bottom:0}
.equip-tv.equip-tv-archiv, .equip-tv-archiv {padding:1em; border-radius:.5rem; color:var(--tgl-neutral90, #2B3135); background:var(--tgl-pri05, #EDF2F9)}
.equip-tv-archiv h4 {display:table; margin:0 0 .6em; border-right:.4em solid #FFF; color:#434D52; background:#FFF; font-weight:400; font-size:87.5%}
.equip-tv-archiv h4:before {content:'ARCHIVN\cd \20 VIDEO'; float:left; margin:0 .4em 0 0; padding:0 .4em; color:#FFF; background:#1B3E7A; font-weight:600}
.equip-tv videoplayer + small {display:block; clear:both; line-height:1.4; margin:0; padding:.5em 0 0; font-size:81.25%; color:var(--tgl-neutral60, #75868E)}
.equip-tv videoplayer + small a {color:inherit}
.equip-tv-archiv videoplayer + small, .dark .equip-tv-archiv videoplayer + small {padding:.5em 0 0; background:none}
.equip-tv.equip-tv-archiv table {margin:0}
.video-flv-in {height:100%; width:100%}
.video-flv embed {display:block}
.no-video-flv {color:#FFF; background:#222; font-weight:600; font-size:137.5%; text-align:center}
.no-video-flv span {padding-top:3em; line-height:1.5; display:block; width:100%}
.no-video-flv a {color:#F20; font-size:120%}
.no-video-flv a:hover {color:#F64}
.kotva-video {position:relative; top:-3em}
/* ke zbytkum WMV videa:*/
.equip td.equ-tv {padding:10px 0 0; text-align:center; vertical-align:top}
.equ-tv h3 {margin:0 10px 10px; font-family:inherit; font-weight:600; font-size:137.5%; text-align:left; text-transform:uppercase; color:#C11B1B; background:url('/u/portal/logo-tv-equ.gif') no-repeat 100% 50%}
.equ-tv h3 a {display:block; color:#C11B1B; text-decoration:none}
.equ-tv h3 a:hover {text-decoration:underline}
.equ-tv embed {width:320px; height:291px}
.video-in {width:440px; padding:10px 0; overflow:hidden; border-left:10px solid #ECECEC; border-right:10px solid #ECECEC; color:#000; background:#ECECEC}
.video-4ku3 .video-in a, .video-4ku3small .video-in a, .video-16ku9 .video-in a, .video-z1 .video-in a {display:block; width:100%; height:100%; background:no-repeat 0}
.video-4ku3 .video-in {height:390px}
.video-16ku9 .video-in {height:304px}
.video-4ku3 .video-in embed, .video-4ku3 .video-in object {height:390px}
.video-16ku9 .video-in embed, .video-16ku9 .video-in object {height:304px}
.video-4ku3 .video-in embed, .video-16ku9 .video-in embed, .video-4ku3 .video-in object, .video-16ku9 .video-in object {width:440px}
.video-4ku3 .video-in a, .video-4ku3small .video-in a {background-image:url('/o/sph/videoplay_43.png')}
.video-16ku9 .video-in a {background-image:url('/o/sph/videoplay_169.png')}
.equip-tv .equip {margin-bottom:0}
/* 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 videoplayer.dummy + small {margin:0}
.video-html videoplayer .share-button {display:none}
/* primy prenos */
.video-wmv, .video-player {margin:0 0 1em}
/* mapy se spendliky */
.equip-map {margin:0 0 1em; padding:.9em; border-radius:.5rem; color:var(--tgl-neutral90, #2B3135); background:var(--tgl-pri05, #EDF2F9)}
.equip-map .imagelist, .text .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:.4em 0 0; font-weight:600; font-size:100%; font-family:inherit}
.equip-map p {margin:0; padding:.3em 0 0; font-size:75%; color:var(--tgl-neutral60, #75868E)}
.equip-map p a {display:inline; color:inherit}

/* KRUSIGN 09/2022 */
/*videoplayer.break-counter.break-counter videobreak b {border-radius:.25rem; color:#FFF; background:#75868E}*/

/* pro test pater (listopad 2016) */
.packetbox {padding:1px 1rem; border-top:4px solid #D0D9DD}
.dark .packetbox {border-color:#34454E}
.section .packetbox {margin:0 -1rem}
.packetbox .packetbox-nav {position:relative; width:100%; margin:5px 0 -5px; line-height:2.2; font-weight:600; font-size:150%; text-transform:uppercase; color:#2B3135; overflow:hidden; white-space:nowrap}
.dark .packetbox .packetbox-nav {color:#EDF0F1}
.packetbox .packetbox-nav:before {content:''; float:right; width:20px; height:2.2em; background:url('/m/o/icons-control-w.svg') no-repeat -428px 50%; cursor:pointer}
.dark .packetbox .packetbox-nav:before {background-image:url('/m/o/icons-control-b.svg')}
.packetbox-visible .packetbox-nav:before {transform:rotate(180deg)}
.packetbox-visible .packetbox-nav:after {content:''; position:absolute; bottom:4px; left:0; width:3em; height:3px; background:#E41F1F}
.packetbox .packetbox-nav .ttn {text-transform:none}
.packetbox .packetbox-nav .thin {font-weight:400}
.packetbox .packetbox-nav a {float:left; color:inherit; text-decoration:none}
.packetbox-nws {position:relative; color:#1B3E7A; background:#EDF0F1}
.dark .packetbox-nws {color:#DADEE1; background:#212E35}
.packetbox-nws .packetbox-nav {color:#1D252D; border-left-color:#1D252D}
.dark .packetbox-nws .packetbox-nav {color:#F0F2F3; border-left-color:#F0F2F3}
.packetbox-nws .box-in:before, .packetbox-nws .box-in:after {content:''; display:block; height:.5em}
.packetbox .box-in {max-height:0; overflow:hidden; transition:all 2s}
.packetbox .box-in:after {content:''; display:block; clear:both}
.packetbox-visible .box-in {max-height:240em; overflow:visible; border-top:1px solid #D3D7DA}
.dark .packetbox-visible .box-in {border-top-color:#75868E}
.packetbox-visible #last-art-newAll.box-in {max-height:none}
.packetbox .next-art {display:none}
.packetbox-visible .next-art {display:block}
.packetbox .art:first-child {border-top:0}
.packetbox .art-info li.ico-disc {display:none}
.packetbox-nws .art-link {color:inherit; padding:.3em 0; font-size:87.5%}
.packetbox-nws h3 {line-height:inherit; font-weight:400; font-size:100%; font-family:inherit}
.packetbox-nws label {position:absolute; top:0; right:36px; z-index:2; height:4em; margin:5px 1rem 0 0; font-size:81.25%; line-height:4}
.packetbox-nws label input {vertical-align:sub}
.filtered #last-art-newAll .nejnovejsi-sport {display:none} 

.packetbox-vid .box-in:before, #weather-box.box-in:before {content:''; display:block; height:.5em}
.packetbox-vid .art-vid {overflow:hidden; float:left; width:49%; margin:0 0 0 2%}
.packetbox-vid .art-vid:nth-child(2n+1) {clear:both; margin-left:0}
.packetbox-vid .art-vid .art-link {padding:0 0 1em}
.packetbox-vid .art-vid .art-img {float:none; display:block; width:100%; height:auto; margin:0}
.packetbox-vid .art-vid u.art-img {width:100%; height:0; padding-bottom:75%}
.packetbox-vid .art-vid .time {position:absolute; bottom:0; left:0; padding:.1em .8em; font-weight:normal; font-size:87.5%; color:#FFF; background:rgba(0,0,0,.5)}
.packetbox-vid .art-vid h3 {padding-top:.4em; line-height:1.2; font-weight:600; font-size:100%}
.packetbox-vid .art-vid h3 strong {color:#E41F1F; font-weight:inherit}
.packetbox-vid videoplayer + small {height:0; margin:0; padding:0; overflow:hidden}
.packetbox-vid videoplayer ~ h3 {padding:.3em 0 0; font-weight:600; font-size:125%}
.packetbox-vid videoplayer.dummy:before {width:20%; margin:-10% 0 0 -10%; padding-top:20%}
.packetbox-vid .mark-video span {width:18%; height:0; padding:18% 0 0}

#packetbox-online {border-bottom:4px solid #D0D9DD}
.dark #packetbox-online {border-bottom-color:#434D52}

#blogy .group-menu {display:none}
#blogy .art {position:relative; overflow:hidden; min-height:60px; padding:10px 0 10px 84px}
#blogy h4 {font-size:85%}
#blogy .art-link {position:static; overflow:auto; padding:0}
#blogy .art-img {position:absolute; top:10px; left:0; width:76px; height:57px}
#blogy .art-img img, #blogy .art-img u {display:block; width:100%; height:100%; background:no-repeat 50% 50%; background-size:cover}
#blogy .group-row2colum ~ .group-row2colum {border-top:1px solid rgba(128,128,128,.2)}

.blogy-nav {position:relative; display:table; width:100%; /*display:flex; justify-content:space-between; */ margin:0 0 15px; border-collapse:collapse; font-size:110%}
.blogy-nav:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#D3D7DA}							
.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: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:600; 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:100%; font-family:inherit}
.blog-art h3 a {/*color:#1B3E7A*/}
.blog-art p {font-size:85%}
.b-numb, .b-time {display:none}
.blogy-more {clear:both; padding:10px; text-align:right; background:#EDF2F9}

.lgidntv, .lgexpres {overflow:hidden; display:block; text-align:left; text-indent:-99em; background:no-repeat 0 50% / contain} 
.lgidntv {width:5em; height:1em; background-image:url('/u/loga-n4/idnestv.svg')}
.packetbox-nav .lgidntv {height:100%}
.lgexpres {width:4.7em; height:1em; background-image:url('/o/expres/LogoExpres4.svg')}

/* zeny ceska */
#zeny-ceska {margin-bottom:2em; padding:37% 0 0; background:var(--tgl-pri05b, #EDF2F9) url('/o/microsite/zeny-ceska/bg_related-touch2x.jpg') no-repeat top center; background-size:contain}
#zeny-ceska .list-art {padding:10px; background:var(--tgl-pri05b, #EDF2F9)}
#zeny-ceska .art:last-child {margin-bottom:0}
#zeny-ceska .zc-bot {position:relative; margin:0; padding:10px; border-radius:.25rem; text-align:right; background:linear-gradient(270deg, #E41F1F 0%, #1B3E7A 100%)}
#zeny-ceska .zc-link {position:relative; padding-right:20px; color:#fff; font-weight:600}
#zeny-ceska .zc-link:after {content:''; position:absolute; right:0; bottom:1px; width:14px; height:14px; background:url('/u/icon/fff/more.svg') no-repeat 50% 50% / contain}
#zeny-ceska.update-zdravi {padding-top:18%; background-image:url('/o/onadnes/zdravi/bg-heading-touch2.jpg')}
#zeny-ceska.update-zdravi .read-more {color:#FFF; background-color:#1B3E7A}
#zeny-ceska.update-zdravi .read-more:after {background-image:url('/u/icon/fff/more.svg')}
#zeny-ceska.denik-ukrajinky {background-image:url('/o/microsite/denik-ukrajinky/bcg_podcasty-denik-ukrajinky_touch.jpg')}
#zeny-ceska.denik-ukrajinky .zc-bot {background:#1B3E7A}

/* EXPRES */
.packetbox-expres.packetbox-visible .packetbox-nav:after {width:100%; top:1.6em; bottom:auto; height:1px; background:#F00}
.packetbox-expres .packetbox-nav .lgexpres {width:5em; height:1.6em; background-position:0 100%}
.packetbox-expres .box-in {border-top:0}
.packetbox-expres .box-in .opener-vidw:first-child {margin-top:0; margin-bottom:.8em}
.art.art-bul {float:left; width:49%; border:0}
.art-bul + .art-bul {clear:none; margin-left:2%}
.art-bul .art-link {position:relative; padding:56% 0 0}
.art-bul .art-img {position:absolute; top:0; left:0; width:100%; height:0; padding:56% 0 0}
.art-bul .art-img u {position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat 50% 50% / cover}
.art.art-bul h3 {padding:.3em 0 1em; font-size:100%}
.art-bul a, .dark .art-bul a {color:#C11B1B}
/* EXPRES - END */

/* SME */
.art.art-sme {position:relative; min-height:75px; padding:.8em 0 .8em 108px}
.art.art-sme .art-link {padding:0}
.art.art-sme .art-img {position:absolute; top:.8em; left:0; width:100px; height:75px}
.art.art-sme u {display:block; width:100%; height:100%; background:no-repeat 50% 50% / cover}
.art.art-sme h4 {font-weight:600; font-size:81.25%; text-transform:uppercase}
.art.art-sme h4 a {display:block; padding:0 0 .2em; 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:.25rem; 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:600}
.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 {color:#1C4382}
.art.art-sme-akcniceny h4 {color:#ED1C24}
.art.art-sme-portmonka h4 {color:#8D6235}
.art.art-sme-reality h4 {color:#1D80D7}
.art.art-sme-automodul h4 {color:#455A6D}
.art.art-sme-vratne h4 {color::#3C84B3}

.box-sme-ticket {position:relative; margin:.8em 0; 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:5px 10px} 
.box-sme-ticket .lgticket {width:7em; height:1em; margin-top:10px; overflow:hidden; text-indent:-99em; font-size:93.75%; background:url('/o/kultura/idnesticket-white.svg') no-repeat 0 50% / contain}
.box-sme-ticket h3 {position:relative; margin:.4em 0; font-weight:600; font-size:112.5%}
.box-sme-ticket-more {display:inline-block; padding:.2em .8em .1em; border-radius:.25rem; font-weight:600; font-size:81.25%; text-transform:uppercase; color:#FFF; background:#D2372D}
.box-sme-ticket a:hover h3 {text-decoration:underline}
/* SME - END */

/* PREMIUM */
.premlab.premlab {display:inline-block; margin:-.125rem 1em -.125rem 0; padding:.125rem .25rem; border-radius:.125rem; font-weight:600; font-size:75%; line-height:1.25; font-family:var(--ff-m, 'Inter'); text-decoration:none; text-transform:none; color:#000; background:#E8B332}
.art-info .premlab {font-size:100%}
.premlab span {padding-right:.2em; font-size:92%; font-family:var(--ff-m, 'Inter'); font-feature-settings:"tnum"}
.premlab [data-unit]:after {content:attr(data-unit); padding-left:.2em}

.podlab, .podlab.podlab.podlab {display:inline-block; padding:.125rem .25rem; border-radius:.125rem; font-weight:600; font-size:.75rem; line-height:1.25; text-transform:uppercase; text-decoration:none; color:#FFF; background:#1B3E7A}

.circle-list li {font-size:87.5%; line-height:1.25}
.circle-list li, .circle-list.circle-list li {list-style:none; margin:0; padding:0 0 0 1.2em; background:url('/u/icon/b11/disc.svg') no-repeat 0 .25em / .75em .75em}
.circle-list li ~ li, .circle-list.circle-list li ~ li {margin-top:.6em}

/* clanek */
.art-full {padding:0 1rem}
.section .art-full {padding-left:0; padding-right:0}
.art-full .art-full {margin-bottom:0; padding:0}
.art-full:after {content:''; display:block; clear:both}
.art-full h1, .text h1, .text h2 {margin:0 0 .5rem; font-weight:600; font-size:175%; line-height:1.2}
.text h2 {font-size:150%}
.art-full .art-info {margin:0 0 .6em}
.art-full .opener {clear:both; margin:0 0 .5em; font-size:112.5%; line-height:1.6}
.art-full .opener img.fr {float:right; height:3.2em; margin:0 0 0 1rem}
.art-full .equ-img {color:#666}
.dark .art-full .equ-img {color:#999}
.art-full .equ-img img {display:block}
.art-full img {max-width:100%; height:auto}
.art-full img.fl, .art-full img.fr {margin-bottom:.5em}
.art-full img.fl {margin-right:1em}
.art-full img.fr {margin-left:1em}
.art-full font {font-size:100%}
.art-full iframe[src*="youtube.com"] {display:block; width:100%; max-width:560px; margin:0 auto 1em}
.art-full .text {clear:both}

.artmeta {display:block; margin:0 0 .5em}
.artmeta .cell {display:block}
.artmeta .cell:after {content:''; clear:both; display:block}
.artmeta .authors {position:relative; margin:0; text-align:left; font-size:87.5%}
.artmeta .authorbox-foto {position:relative; z-index:6; float:left; width:3rem; height:3rem; margin:0 .75rem 0 0; border-width:.125rem; filter:grayscale(100%)}
.artmeta .authorbox-foto ~ .authorbox-foto {z-index:5; margin-left:-1.5em}
.artmeta .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto {z-index:4}
.artmeta .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto {z-index:3}
.artmeta .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto {z-index:2}
.artmeta .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto {z-index:1}
.artmeta .art-info {margin:0}
.artmeta .artmeta-rating {clear:both; display:block; margin:1.5rem 0 0 1rem; padding-right:1rem; border-right:1px solid var(--tgl-pri10, #D6DEEB)}
.artmeta-rating .tit-kinobox {display:inline-block; width:3.5em; height:1em; margin-right:.25rem; text-indent:-999em; background:url('/u/loga/kinobox.png') no-repeat 0 50% / contain; overflow:hidden}
.artmeta-rating strong {font-weight:800; color:var(--txt-pri60, #1B3E7A)}

.text-out-box.less {position:relative; height:11em; overflow:hidden; margin:0 0 1.2em}
.less-cancel {display:none; position:absolute; bottom:0; left:0; z-index:1; width:100%; padding:4em 0 0; background:url('/u/fog-white90.png') repeat-x 0 3em; background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) 60%)}
.dark .less-cancel {background:url('/u/fog90.png') repeat-x 0 3em; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1) 60%)}
.less-cancel .btn {width:100%; margin:0}
.less .less-cancel {display:block}

/*
.art-social {margin:0 0 10px}
.art-social ul {overflow:hidden; list-style:none}
.art-social li {float:left; line-height:21px; margin:0 4px 0 0}
.art-full .art-social [class^="logo-"] {display:block; width:30px; height:30px; line-height:30px; text-align:center; font-size:8px; color:#FFF; background:#75868E no-repeat 50% 50% / 60% 60%; text-decoration:none}
.art-full .art-social .logo-facebook {background-color:#1877F2; background-image:url('/u/icon/fff/social-facebook.svg')}
.art-full .art-social .logo-twitter {background-color:#1DA1F2; background-image:url('/u/icon/fff/social-twitter.svg')}
.art-full .art-social .logo-discusion {background-color:#122E5B; background-image:url('/u/icon/fff/discusion.svg')}
.art-full .art-social .logo-print {background-color:#75868E; background-image:url('/u/icon/fff/print.svg')}
.art-full .art-social .logo-favorite {background-color:#E4201F; background-image:url('/u/icon/fff/favorite.svg')}
.art-full .art-social .logo-favorite.act {background-image:url('/u/icon/fff/favorite-act.svg')}
*/
.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:url('/u/idn4/social-icons2.svg') no-repeat 0 0 / 7em 2.5em}
.dark .art-social .logo-facebook, .dark .art-social .logo-twitter, .dark .art-social .logo-print, .dark .art-social .logo-favorite, .dark .art-social .logo-discusion {background-image:url('/u/idn4/social-icons2-dark.svg')}
.art-social .logo-favorite {background-position:0 0}
.art-social .logo-facebook {background-position:-1.5em 0}
.art-social .logo-twitter {background-position:-3em 0}
.art-social .logo-print {background-position:-4.5em 0}
.art-social .logo-discusion {background-position:-6em 0}

.text {line-height:1.6}
.text .text {margin:0; font-size:100%}
.text a {color:var(--txt-pri60, #1B3E7A); text-decoration:underline}
.text p, .text table, .text ul, .text ol, .equip, .text iframe {margin:0 0 1rem}
.text p {font-size:112.5%}
.text li {margin:0 0 .5em 1em}
.text li {list-style:none; margin:0 0 .5em; padding-left:1.25em; background:url('/u/icon/bbc/disc.svg') no-repeat 0 .425em / .75em .75em}
.text li li {margin-left:1em}
.text h3 {font-weight:600; font-size:100%}
.text h3.tit {margin:0 0 .75rem; line-height:1.2; font-size:137.5%}
.text h3.subtit {margin:0 0 .5rem; font-size:125%}
.text h3 a {text-decoration:none; color:var(--tgl-pri80, #122E5B)}
.text p ~ h3.tit, .text .imagelist + h3.tit {margin-top:1.5rem}
.art-full .text h1, .text h2, .text .art-mtitul {margin:0 0 .6em; font-weight:600; font-size:128%}
.text var {color:#C11B1B; font-style:normal}
.text .btn-youtube {font-size:94%; text-decoration:none}

#wrapper > .equip {margin:0 1rem .5em; font-size:1rem}
#wrapper > .equip .opener-foto {margin:0; font-size:81.25%}
.equip table, .complete table {border-collapse:collapse}

.complete.complete {position:relative; clear:both; width:100%; margin:0 0 1em; padding:0; border-radius:.5rem; border-collapse:collapse; color:var(--tgl-neutral90, #2B3135); background:var(--tgl-pri05, #EDF2F9); box-sizing:border-box}
.complete .complete {clear:both; margin:0; border:0}
@media all and (min-width:480px) and (max-width:1680px){
.art-full .complete-half-r, .complete-half-r, .art-full .complete-half-l, .complete-half-l {float:right; width:50%; margin-left:1em}
}
.complete td, .complete-half-r td, .complete-half-l td {padding:1em 1rem .3em}
.complete table td {border:0; padding:2px 4px}
.complete h3 {margin:0 0 .5em; font-size:125%; line-height:1.2; white-space:normal}
.complete h3.tit {margin:1em 0 .3em}
.art-full .complete h3.ico span span, .complete h3.ico span span, .art-full .complete h3.ico a span, .complete h3.ico a span {display:none}
.complete a, .complete h3 a {display:inline; line-height:inherit}
.complete p {line-height:1.5; font-size:87.5%; margin:0 0 1em}
.complete ul {margin-left:0}
.complete ul li {font-size:87.5%; line-height:1.4; background-position:0 .325em}
.complete ol li {font-size:87.5%}
.complete li li, .complete li p {font-size:100%}
.complete .title {margin:0 0 .5em; font-size:112.5%}
.complete h3 + .title {margin-top:-.5em}
.complete .only-text {font-size:100%; padding-bottom:8px; margin:0}
.complete var {display:inline-block; vertical-align:top; margin:-.1em .125rem 0 0; color:var(--tgl-pri60, #1B3E7A); font-style:normal; font-weight:800; font-size:157.14%; line-height:1.1; font-feature-settings:"lnum"}

#catinclude.complete {width:auto; margin:1rem; padding:1rem 1rem .25rem}
.section #catinclude.complete {margin:1rem 0}
#catinclude ul {list-style:none; overflow:hidden; margin-left:0}
#catinclude li {float:left; margin:0 1em 0 0}

.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:.5em 0; padding:.642em 0 0; border-top:1px solid #D3D7DA; font-size:87.5%; line-height:1.571}
.dark .complete-prep {border-color:#75868E}
.complete-prep-0, .complete-prep-1 {color:var(--tgl-pri80, #122E5B); cursor:pointer}
.complete-prep-0:after, .complete-prep-1:after {content:''; display:inline-block; vertical-align:top; width:.75rem; height:1.571em; margin:0 0 0 .5rem; background:no-repeat 50% 50% / .75rem .75rem; cursor:pointer}
.complete-prep-0:after {background-image:url('/u/icon/124/arrow-up.svg')}
.dark .complete-prep-0:after {background-image:url('/u/icon/cdf/arrow-up.svg')}
.complete-prep-1:after {background-image:url('/u/icon/124/arrow-down.svg')}
.dark .complete-prep-1:after {background-image:url('/u/icon/cdf/arrow-down.svg')}
.complete-prep-links {list-style:none; display:flex; justify-content:end; flex-wrap:wrap; gap:0 1em}

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

/* free premium zavora 2020/05 */
.freewall-a.complete.complete {padding:1em 1rem .3em}
.freewall-a a, .freewall-a a:hover {display:block; text-decoration:none}
.freewall-a a:hover .read-more {text-decoration:underline}
.freewall-a img {float:left; width:100px; height:auto; max-height:60px; margin:0 1em 1em 0}
.freewall-a h3, .complete.freewall-a h3 {display:table; font-size:100%}
.freewall-a hr {clear:both; height:1px; margin:.5em 0 0; border:0; background:#D6DEEB}
.dark .freewall-a hr {background:#75868E} 
.freewall-a .read-more.read-more.read-more {padding:0; border:0; background:none}


/* free premium zavora 2021/01 */
.group-doporucujeme {margin:0 -1rem; padding:1px 1rem; color:var(--tgl-neutral60, #75868E); background:var(--tgl-pri05, #EDF2F9)}
.group-doporucujeme .art {border-top-color:var(--tgl-pri10, #D6DEEB)}
.group-doporucujeme h2 {margin:1em 0 -.2em; text-transform:uppercase; letter-spacing:1px; font-weight:600; font-size:75%}
.group-doporucujeme h2 + .art {border-top:0}

/* 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)}
.complete .imagelist {margin-bottom: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, #75868E)}
.imagelist.imagelist p ~ p {border:0}
.imagelist img {width:100%; height:auto; vertical-align:middle}
.imagelist-fl.imagelist-fl, .imagelist-fr.imagelist-fr {display:table; width:1em}
.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 {max-width:230px; width:auto; height:auto}

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

.imagelist.imagelist-fotogal1 {gap:0; position:relative; width:100%; overflow:hidden}
.css-d .complete-half-r .imagelist-fotogal1 {width:252px}
.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, #122E5Be5) 100%); text-decoration:none; box-sizing:border-box}
.imagelist-fotogal1 .more-gallery:hover {background:linear-gradient(rgba(0,0,0,0) 50%, var(--pri80, #122E5B) 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:.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, #122E5Be5); backdrop-filter:blur(4px)}
.imagelist-fotogal4 .more-gallery:hover {background-color:var(--pri80-o90, #122E5Be5) /* pretizeni zruseneho hoveru : var(--pri80, #122E5B) */}
.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}
}

.opener-foto-info-box {position:absolute; left:10px; bottom:10px; right:10px; z-index:10; display:table; border-radius:1rem; font-size:.875rem; line-height:1.286; color:#FFF; background:rgba(16,36,71,.8)}
.opener-foto-info-box.ofib-visible {max-width:80%}
.opener-foto-info-box .ofib-link {display:table-cell; width:1.125rem; height:1.125rem; border:.375rem solid transparent; vertical-align:bottom; background:url('/u/icon/fff/info.svg') no-repeat 50% 100% / contain}
.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}

/* rating */
.review {margin:0 0 .75rem}
.review h3 {margin:0 0 .75rem; font-size:125%; 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')}

/* citacni box */
.blockquote-box, .blockquote-box-sm {position:relative; margin:1em auto; padding:1rem 1rem .25rem; border-radius:.5rem; text-align:center; color:var(--tgl-neutral90, #2B3135); background:var(--tgl-pri05, #EDF2F9)}
.blockquote-box blockquote {position:relative; margin:0 0 .5rem; padding:0 0 3.25rem; font-size:112.5%; line-height:1.6}
.blockquote-box blockquote:before {content:''; position:absolute; bottom:1.25rem; left:20%; right:20%; width:auto; height:1px; background:#E41F1F}
.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:#4C70B5 url('/u/icon/fff/quotes-down.svg') no-repeat 50% 50% / 60% 60%}
.blockquote-box h3 {margin:0 auto .75rem; font-weight:600; font-size:112.5%; line-height:1.6; font-family:inherit; text-align:center}
.blockquote-box h3 small {display:block; font-weight:400; font-size:88.88%; color:var(--tgl-neutral60, #75868E)}

.blockquote-box-sm {text-align:left}
.blockquote-box-sm blockquote {margin:0 0 1em; font-size:100%; line-height:1.6}
.blockquote-box-sm h3 {position:relative; min-height:2.5rem; margin:0 0 .5em; 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:#4C70B5 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, #75868E)}

#kristalova-lupa {display:none}

.catchbox {display:table; width:100%; margin:0 0 1em; padding:0; border-radius:.5rem; overflow:hidden}
.catchbox img {width:115px; height:86px; max-width:9.36em; max-height:7em; vertical-align:top; margin:0 .5em}
.catchbox h4 {margin-bottom:.25em; font-size:125%}
.catchbox p {margin:0}
.catchbox > div {display:table-cell}
.catchbox > div:first-child {padding:.5em; vertical-align:middle}
.catchbox > div + div {width:0; padding:.5em 0; vertical-align:top}
.catchbox span {position:relative; z-index:1; display:block; margin:0 .5em}

.catchbox-full {margin:0 0 1em}

.catchbox-casopis.catchbox-casopis {float:right; width:47%; min-width:7em; max-width:192px; margin:0 0 1em 1em; border-radius:.5rem; color:var(--tgl-pri80, #122E5B); background:var(--tgl-pri05, #EDF2F9); font-weight:600; font-size:1rem; box-sizing:border-box}
.catchbox-casopis.catchbox-casopis a {display:block; padding:.75rem; text-decoration:none; color:inherit}
.catchbox-casopis.catchbox-casopis h3 {margin:0 0 .25rem; font-weight:600; font-size:125%; line-height:1.2}
.catchbox-casopis.catchbox-casopis img {display:block; width:100%; height:auto}
.catchbox-casopis.catchbox-casopis p {margin:.25rem 0 0; font-size:87.5%; line-height:1.2}

.catchbox-magazin > div:first-child {border-left:.5em solid #D91619}
.catchbox-magazin > div + div {background:#D91619}
.catchbox-magazin span {width:115px; max-width:9.36em; height:0; margin:0 .5em -16.2% .5em; padding-bottom:32%; background:url('/u/n4/catchbox/magazin.png') no-repeat; background-size:contain}

.catchbox-onadnes > div:first-child {border-left:.5em solid #A51A37}
.catchbox-onadnes > div + div {background:#A51A37}
.catchbox-onadnes span {width:115px; max-width:9.36em; height:0; margin:0 .5em; padding-bottom:24%; background:url('/u/n4/catchbox/onadnes-light.png') no-repeat; background-size:contain}

.catchbox-mfd-buy {line-height:1.4; border:1px solid #777; background:url('/u/n4/catchbox/mfd-buy-touch.png') no-repeat 10px 10px}
.catchbox-mfd-buy a {display:block; padding:56px 10px 10px; border-radius:.5rem; text-decoration:none; color:inherit}
.catchbox-mfd-buy a:hover h4 {text-decoration:underline}
.catchbox-mfd-buy h4 {margin:0 0 .2em; font-weight:600; font-size:112.5%}
.catchbox-mfd-buy p {margin:0}

.catchbox-epaper, .catchbox-eart, .catchbox-emagazin, .catchbox-epaper2, .catchbox-eart2, .catchbox-emagazin2, .catchbox-emagazin3, .catchbox-epaper-atend {padding:0}
.catchbox-epaper, .catchbox-epaper2, .catchbox-epaper-atend, .dark .catchbox-epaper, .dark .catchbox-epaper2, .dark .catchbox-epaper-atend {background:url('/u/n4/catchbox/noviny-touch.png') no-repeat 100% 100%}
.catchbox-eart, .catchbox-eart2, .dark .catchbox-eart, .dark .catchbox-eart2 {background:url('/u/n4/catchbox/clanek-touch.png') no-repeat 100% 100%}
.catchbox-emagazin, .catchbox-emagazin2, .dark .catchbox-emagazin, .dark .catchbox-emagazin2 {background:url('/u/n4/catchbox/magazin-touch.png') no-repeat 100% 100%}
.catchbox-epaper a, .catchbox-eart a, .catchbox-emagazin a, .catchbox-epaper2 a, .catchbox-epaper-atend a, .catchbox-eart2 a, .catchbox-emagazin2 a {display:block; text-decoration:none; padding:0 0 58px}
.catchbox-epaper h4, .catchbox-eart h4, .catchbox-emagazin h4, .catchbox-eona h4, .catchbox-epaper2 h4, .catchbox-epaper-atend h4, .catchbox-eart2 h4, .catchbox-emagazin2 h4, .catchbox-emagazin3 h4,
.dark .catchbox-epaper h4, .dark .catchbox-eart h4, .dark .catchbox-emagazin h4, .dark .catchbox-eona h4, .dark .catchbox-epaper2 h4, .dak .catchbox-epaper-atend h4, .dark .catchbox-eart2 h4, .dark .catchbox-emagazin2 h4 {font-weight:600; font-size:110%; color:inherit; text-decoration:underline}
.catchbox-epaper p, .catchbox-eart p, .catchbox-emagazin p, .catchbox-eona p, .catchbox-epaper2 p, .catchbox-eart2 p, .catchbox-emagazin2 p {display:block; margin:0; padding:0 60px 0 0; font-weight:400; font-style:normal; color:#777}
.catchbox-epaper-atend {position:relative}
.catchbox-epaper-atend:before {content:''; position:absolute; left:0; bottom:100%; width:100%; height:200px; margin:0 0 -1px; background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1))}
.dark .catchbox-epaper-atend:before {background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1))}
.catchbox-emagazin3 a {display:block; padding:0 0 28%; background:url('/u/n4/catchbox/magaziny.png') no-repeat 50% 100% / contain}

.catchbox-jr {background:#E9F1F5; margin:0 0 1em; padding:10px; border-radius:.5rem}
.catchbox-jr p {margin:.3em 0; line-height:1.25; font-size:1rem; color:#667780}
.catchbox-jr ul, .catchbox-jr ul li {margin:0; padding:0; list-style:none}
.catchbox-jr ul li {float:left; margin:0 1em 0 0; padding:0; background:none; height:56px; line-height:56px; font-weight:600; font-size:1rem}
.catchbox-jr li a {display:block; color:#003872}
.catchbox-jr li img {float:left; width:56px; height:56px; margin:0 6px 0 -4px; background:url('/u/n4/catchbox/jr-ico.png') no-repeat}
.catchbox-jr img.jr-ico-1 {background-position:0 0}
.catchbox-jr img.jr-ico-2 {background-position:0 -56px}
.catchbox-jr img.jr-ico-3 {background-position:0 -112px}

.catchbox-rcp {margin:0 auto 1em; border:1px solid var(--tgl-rep10, #E6E0DA); border-radius:var(--radius-m, .5rem); color:var(--tgl-rep70, #533A23); background:var(--tgl-rep05, #F7F5F3); box-shadow:inset 0 0 80px 0 var(--tgl-rep10, #E6E0DA), 0 8px 16px 0 var(--tgl-rep05, #F7F5F3)}
.dark .catchbox-rcp {box-shadow:inset 0 0 80px 0 var(--tgl-rep10, #E6E0DA)}
.catchbox-rcp.catchbox-rcp a, .catchbox-rcp.catchbox-rcp a:hover {display:block; overflow:hidden; padding:1em 1.5em; text-decoration:none; color:inherit}
.catchbox-rcp img.fl {float:left; width:92px; height:auto; margin:0 .75em 0 0}
.catchbox-rcp h3 {line-height:1.2; font-weight:600; font-size:137.5%}
.catchbox-rcp h3:after {content:'Zobrazit'; display:inline-block; vertical-align:top; margin:.3em 0 0 .5em; padding:.2em .5em; border-radius:.25rem; font-size:60%; color:var(--tgl-white, #FFF); background:var(--tgl-rep70, #533A23)}
.catchbox-rcp a:hover h3 {text-decoration:underline}
.catchbox-rcp .art-inforcp {margin-bottom:0; color:inherit}

.catchbox-base {margin:0 0 1em; padding:1em 1rem .3em; border-radius:.5rem; color:var(--tgl-neutral90, #2B3135); background:var(--tgl-pri05, #EDF2F9)}
@media all and (min-width:480px) and (max-width:1680px){
.catchbox-base {float:right; width:40%; margin:0 0 .5em 1em}
}
.catchbox-base h3 {margin:0 0 .5em; font-size:123%; white-space:normal}
.catchbox-base table.hmoty-tab, table.hmoty-tab {width:100%; margin:0}
.catchbox-base h3 + table.hmoty-tab {margin-top:-.5em}
table.hmoty-tab td {padding:2px 0; font-size:87.5%}
.hmoty-tab .arr {width:2em; text-align:center}
.hmoty-tab .arr span {display:inline-block; width:1em; height:1em; margin:0 auto; background:url('/o/sph/dart-sph.svg') no-repeat 0 0 / 1em 5em}
.hmoty-tab span.hmoty-no {background-position:0 0}
.hmoty-tab span.hmoty-up {background-position:0 -1em}
.hmoty-tab span.hmoty-down {background-position:0 -2em}

.stepping-box, h3.stepping-box {clear:both; overflow:hidden; position:relative; width:100%; margin:2rem 0 1rem; font-size:137.5%; line-height:1.2; font-family:inherit}
h3.stepping-box:first-child {margin-top:0}
.stepping-box .fl {float:left; margin:.2em .4em 0 0; padding:0 .4em; border-radius:.25rem; font-weight:800; font-size:77%; color:#FFF; background:#E41F1F}
.stepping-box .cell {display:inline; font-weight:600; font-family:var(--ff-h, 'Fira Sans')}

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

/* captcha */
.cnfimg {width:200px; height:80px; border:none; margin:0 auto}
.captcha {width:200px; margin:0 auto 1em}
.captcha label {display:block; height:auto !important; font-size:87.5%; text-transform:uppercase}
.captcha input#overeni {width:100%; margin:0 0 .25rem; border:1px solid var(--tgl-pri10, #D3D7DA)}
.captcha input#overeni:focus {border-color:var(--tgl-pri30, #4C70B5)}
.captcha input[type="submit"] {display:flex; justify-content:center; align-items:center; gap:.5em; width:100%; min-height:2.75em; padding:.25em .75em; border:1px solid transparent; border-radius:.25rem; font-weight:600; font-size:100%; line-height:1.25; text-decoration:none; color:#FFF; background:var(--tgl-pri60b, #1B3E7A); box-sizing:border-box}
.captcha input[type="submit"]:hover {background:var(--tgl-pri80, #122E5B)}
.captcha a.ico-voice {display:none}
.captcha .error-text {display:block; margin:0 0 .125rem; font-size:87.5%; color:var(--tgl-sec60, #E41F1F)}
.voice input, .voice #overeni {float:left; width:65%; margin-right:5px}
.voice .ico-voice {position:relative; display:inline-block; height:17px; line-height:17px; white-space:nowrap; font-weight:600; font-size:100%; margin-top:1px; z-index:1}
.voice .ico-voice span {display:inline-block; width:21px; height:21px; border-radius:.125rem; color:#555; background-color:#555; background-image:url('/u/ico/default-ico.png'); text-decoration:none; font-size:0 /*kvuli tecce*/; cursor:pointer}
.voice a.ico-voice:hover span {background-color:#C11B1B}
.voice .ico-voice span.alter-text {position:absolute; width:auto; height:auto; top:-3000px; left:-3000px; font-size:100%; background:0; z-index:2}

/* embed-social - twitter */
.embed-social {clear:both; width:100%; max-width:560px; line-height:1.4; margin:0 0 1rem; border-radius:.5rem; color:var(--tgl-neutral90, #2B3135); background:var(--tgl-pri05, #EDF2F9)}
.embed-social .es-box {padding:.4em 1rem .2em}
.embed-social .es-box:before {content:''; float:right; width:1.5em; height:1.5em; margin:1em 0 .5em; background:no-repeat 50% 50% / 100% 100%}
.embed-social-facebook .es-box:before {background-image:url('/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:0 0 .5em; font-size:100%; word-wrap:break-word}
.embed-social p img {max-width:100%; height:auto; vertical-align:middle}
.embed-social .es-name, .embed-social .es-perex {display:block}
.embed-social .es-top {position:relative; display:table-cell; vertical-align:middle; height:40px; padding:.5em 1.25em .5em 50px}
.embed-social .es-top img {position:absolute; z-index:1; top:8px; left:0; width:40px; height:40px; border-radius:100%}
.embed-social .es-img {overflow:hidden}
.embed-social .es-img span {display:block; height:0; margin:0 0 .4em; padding:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover}
.embed-social .es-img-1 span {width:100%; padding-top:60%}
.embed-social .es-img-2 span {width:49.5%; padding-top:40%}
.embed-social .es-img-4 span {width:49.5%; padding-top:25%}
.embed-social .es-img videoplayer span {width:auto; padding:0}
.embed-social .es-img .fl {clear:both}
.embed-social .es-name a {text-decoration:none; color:inherit}
.embed-social .es-name a:hover {text-decoration:underline}
.embed-social .es-perex, .embed-social .es-date {font-size:81.25%}
.embed-social .es-perex {color:#2B3135}
.dark .embed-social .es-perex {color:#B2B9BE}
.embed-social .es-perex a {text-decoration:none; color:inherit}
.embed-social .es-perex a:hover {text-decoration:underline}
.embed-social .es-perex span {color:#000}
.embed-social .es-mid {clear:both; padding:.5em 0}
.embed-social .es-date {clear:both; margin:0 0 .3em; color:var(--tgl-neutral60, #75868E)}
.embed-social .es-bot {display:flex; justify-content:space-between; padding:.5em 0; border-top:1px solid var(--tgl-pri10, #D6DEEB); font-size:81.25%}
.dark .embed-social .es-bot {border-color:#75868E}
.embed-social .es-bot a {float:left; margin:0 .2em 0 0; text-decoration:none}
.embed-social .es-bot .fc0 {display:none}
.embed-social.embed-social-more .es-box .es-bot {text-align:center}
.embed-social.embed-social-more .es-box .es-bot a {float:none}
/*
.ico-social {padding-left:1.4em; background:no-repeat 0 50%; background-size:1em 1em}
.ico-social:before {display:none}
.ico-social-popular {background-image:url('/u/icon/137/popular.svg')}
.dark .ico-social-popular {background-image:url('/u/icon/bbc/popular.svg')}
.ico-social-retweet {background-image:url('/u/icon/137/retweet.svg')}
.dark .ico-social-retweet {background-image:url('/u/icon/bbc/retweet.svg')}
.ico-social-reply {background-image:url('/u/icon/137/reply.svg')}
.dark .ico-social-reply {background-image:url('/u/icon/bbc/reply.svg')}
.ico-social-like {background-image:url('/u/icon/137/like.svg')}
.dark .ico-social-like {background-image:url('/u/icon/bbc/like.svg')}
.ico-social-share {background-image:url('/u/icon/137/share.svg')}
.dark .ico-social-share {background-image:url('/u/icon/bbc/share.svg')}
.ico-social-save {background-image:url('/u/icon/137/favorite.svg')}
.dark .ico-social-save {background-image:url('/u/icon/bbc/favorite.svg')}
*/
.ico-social {position:relative; padding-left:1.5em; line-height:1.25; color:var(--tgl-pri60, #1B3E7A); background:none}
.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-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')}

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

/* styl tabulek */
table .c0, .table-in-art table th {color:var(--tgl-neutral90, #2B3135); background:var(--tgl-pri10, #D3D7DA)}
table .c1, table.c1 {color:var(--tgl-neutral90, #2B3135); background:var(--tgl-pri05, #EDF2F9)}
table .c2, table.c2 {color:var(--tgl-neutral90, #2B3135); background:var(--tgl-neutral05, #F0F2F3)}
table .c3 {color:var(--tgl-neutral90, #2B3135); 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 .5em}
.table-in-art table {width:100%; min-width:500px; margin:0 0 .5em; border-collapse:separate; font-size:87.5%}
.table-in-art table td, .table-in-art table th {padding:.25rem .5rem}
.table-in-art table caption {display:table-caption; padding:.125rem .5rem; text-align:left; font-weight:600; font-size:100%; color:#FFF; background:#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:3px solid #D3D7DA; font-weight:600}

div.authors {clear:both; margin:0 0 .5em; text-align:right}

#art-add {width:100%; margin:0 0 1em; border:1px solid rgba(128,128,128,.3); border-width:1px 0; border-collapse:collapse}
#art-add th {padding-right:1em; color:#999; font-weight:400; font-size:81.25%}
#art-add td {width:18%; padding:.3em 0; text-align:center}
#art-add a {display:block; padding:.4em 0; border-left:1px solid rgba(128,128,128,.3)}

.art-community {display:flex; flex-wrap:wrap; gap:.25rem; width:100%; margin:0 0 1em; font-size:75%; line-height:1.167}
.art-community li {flex:1; list-style:none}
li.community-discusion {flex:0 0 auto}
li.community-favorite, li.community-discusion ~ li.community-facebook, li.community-discusion ~ li.community-twitter, li.community-discusion ~ li.community-bonz {flex:0 0 44px; font-size:0}
li.community-favorite {margin-right:1rem}
li.community-discusion ~ li.community-facebook {margin-left:auto}
.art-community a {position:relative; display:flex; flex-direction:column; justify-content:center; height:100%; min-height:44px; padding:.125rem 0 .125rem 44px; border:1px solid transparent; border-radius:.25rem; text-decoration:none; box-sizing:border-box}
.art-community .arts-1, .art-community .arts-2 {display:none}
.art-community .prep-1 .arts-1, .art-community .prep-2 .arts-2 {display:flex} 
.art-community span, .art-community .h {display:block}
.community-discusion ~ .community-facebook span, .community-discusion ~ .community-twitter span {display:none}
.community-discusion.community-discusion a {padding-right:.75rem; color:#FFF; background:var(--tgl-pri60b, #1B3E7A)}
.community-favorite.community-favorite a {color:#FFF; background:#E41F1F}
.community-facebook.community-facebook a, .community-twitter.community-twitter a, .community-bonz.community-bonz a {border-color:var(--tgl-pri10, #D3D7DA); color:var(--tgl-pri80, #122E5B); background:var(--tgl-pri05, #EDF2F9)}
.community-discusion a:before, .community-favorite a:before, .community-facebook a:before, .community-twitter a:before, .community-bonz a:before {content:''; position:absolute; top:50%; left:0; width:24px; height:24px; margin:-22px 0 0; border:10px solid transparent; background:no-repeat 50% 50%}
/*
.community-discusion a:before {background-image:url('/u/icon/fff/discusion.svg')}
.community-favorite a:before {background-image:url('/u/icon/fff/favorite.svg')}
.community-favorite.prep-1 a:before {background-image:url('/u/icon/fff/favorite-act.svg')}
.community-facebook a:before {background-image:url('/u/icon/124/social-facebook.svg')}
.dark .community-facebook a:before {background-image:url('/u/icon/fff/social-facebook.svg')}
.community-twitter a:before {background-image:url('/u/icon/124/social-twitter.svg')}
.dark .community-twitter a:before {background-image:url('/u/icon/fff/social-twitter.svg')}
.community-bonz a:before {background-image:url('/u/icon/124/error.svg')}
.dark .community-bonz a:before {background-image:url('/u/icon/fff/error.svg')}
*/
.community-discusion a:before {background-image:url('/u/icon/000/discusion.svg'); filter:var(--filter-white)}
.community-favorite a:before {background-image:url('/u/icon/000/favorite.svg'); filter:var(--filter-white)}
.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-bonz a:before {background-image:url('/u/icon/000/error.svg'); filter:var(--filter-tgl-pri80)}

.art-community.art-community-headline {display:none}

.i-top {position:fixed; z-index:99; bottom:1em; right:1em; width:3em; height:3em; line-height:3; overflow:hidden; border-radius:100%; text-align:center; color:#FFF; background:rgba(228,31,31,.5)}

.artmenu {display:none; position:fixed; z-index:99; /*bottom:1em; right:1em;*/ bottom:0; right:0; opacity:.5; min-width:45px; min-height:45px}
.artmenu.scrolled {display:block}
.sticky-bottom .artmenu, .sticky-bottom .artmenu.scrolled {display:none}
.artmenu .artmenu-item {display:block; position:absolute; right:1em; bottom:1em; width:45px; height:45px; border-radius:100%; text-align:center; background:#E41F1F}
.artmenu .artmenu-item span {display:inline-block; width:100%; height:100%; vertical-align:middle}
.artmenu .artmenu-dropdown {display:table-cell}

.artmenu .artmenu-dropdown span {background:url('/m/o/ico-plus.svg') no-repeat center}
.artmenu .artmenu-top span {background:url('/m/o/arrow-up.svg') no-repeat center}
.artmenu .artmenu-home span {background:url('/m/o/ico-house.svg') no-repeat center}
.artmenu .artmenu-facebook span {width:25px; height:25px; margin-top:11px; background:url('/m/o/logo-fb.svg')}

.artmenu ul {position:absolute; right:0; display:block; /*bottom:0em;*/ bottom:.7em; left:0; list-style:none; z-index:-1}
.artmenu ul li {position:absolute; right:0; display:table; overflow:hidden; height:3em; bottom:0; opacity:0; transition:bottom .3s, opacity .3s 0s}
.artmenu a {display:block; overflow:hidden; width:100%; height:100%}
.artmenu .popisek {display:none; height:40px; padding-right:10px}
.artmenu .popisek-in {display:inline-block; padding:4px 10px; color:#000; text-align:left; line-height:1.6; font-weight:600; text-decoration:underline; border:solid 1px #666; border-radius:.25rem; background:#eee}
.artmenu.act {opacity:1; width:100%}
.artmenu.act .artmenu-dropdown span {background-image:url('/m/o/ico-cross.svg')}
.artmenu.act ul li {overflow:visible; opacity:1; transition:bottom .3s}
.artmenu.act .artmenu-facebook {bottom:60px}
.artmenu.act .artmenu-home {bottom:115px}
.artmenu.act .artmenu-top {bottom:170px}
.artmenu.act .popisek {display:table-cell; vertical-align:middle}

.artmenu-hint {visibility:hidden; position:absolute; left:-100%; bottom:15px; width:75%; max-width:600px; height:130px; background:#eee; border:solid 1px #E41F1F; border-left:0; box-sizing:border-box; overflow:hidden; transition:left 1s linear 0s}
.artmenu.act .artmenu-hint {visibility:visible; left:0%; transition:left 1s linear .5s}
.artmenu-hint .art {margin:10px; height:70px; overflow:hidden}
.artmenu-hint .art .sp5 {width:85px; height:64px}
.artmenu-hint .art h3 {font-size:100%}
.artmenu-hint .art a {padding:0; color:#000; text-decoration:none}
.artmenu-hint h4 {padding:10px; color:#FFF; font-family:inherit; background:#E41F1F}

.artmenu .artmenu-item {bottom:45px}
.artmenu.act .artmenu-facebook {bottom:90px}
.artmenu.act .artmenu-home {bottom:145px}
.artmenu.act .artmenu-top {bottom:200px}
.artmenu-hint {bottom:47px}

.art-tags {padding:.75em 0; font-size:87.5%}

.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, #F0F2F3); 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:100%; color:var(--tgl-neutral90, #2B3135)}
.box-idntv .box-idntv-link {display:inline-block; margin:0; padding:.4em 1.2em; border-radius:.25rem; font-weight:600; font-size:87.5%; 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, #C11B1B)}
.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}
.opener-video.ofi ~ .box-idntv {margin:.75rem 0 0}

/* vyjimky pro bonusweb */
.art-percent {float:right; padding:.2em .8em; text-align:center; color:#FFF; font-weight:600; text-shadow:1px 1px .2em #000}
.low-percent {background:#C23131 url('/o/bonusweb_n4/bg-red.gif') repeat-x}
.mid-percent {background:#C90 url('/o/bonusweb_n4/bg-orange.gif') repeat-x}
.hig-percent {background:#693 url('/o/bonusweb_n4/bg-green.gif') repeat-x}

#ocima-cte .art-video {position:relative; display:block; width:auto; height:auto}
#ocima-cte .art-img {position:relative; display:block; float:none; min-width:240px; max-width:460px; height:auto; margin:0 0 .4em}
#ocima-cte .ver-img {max-width:50%}
#ocima-cte .art-img img {width:100%; vertical-align:middle}
#ocima-cte .art-img span, #ocima-cte .art-video .vid-date {position:absolute; z-index:1; bottom:.25em; right:.25em; display:inline-block; padding:4px 6px; color:#FFF; background:url('/u/fog60.png')}
#ocima-cte .equip-tv {margin:0 0 .4em}
#ocima-cte .equip-tv .autor {display:none}
#ocima-cte .date {float:none}

#dilbert .dil-nav, #dilbert .art-add {display:none}

/* uploadovac */
.upl {}
.upl-tit {margin:0 0 .2em; font-weight:600; font-size:1.75rem; line-height:1.2}
.upl-perex {margin:0 0 1em; font-size:1.125rem;line-height:1.6}
.upl-perex p ~ p {margin:.5em 0 0}

.uploader {position:relative; margin:0 0 2em}
.uploader h3 {margin:0 0 .2em; font-weight:600; font-size:1.375rem}
.uploader h4 {margin:0 0 .2em; font-weight:600; font-size:100%}
.uploader p {margin:0 0 1em; line-height:1.6}
.uploader-place {display:block; padding:1.5rem; text-align:center; border:1px solid var(--tgl-pri10, #D3D7DA); border-radius:.5rem; background:var(--tgl-pri05, #EDF2F9)}
.uploader-place strong {display:block; font-size:.875rem}
.uploader-instructions {display:block; padding:0 0 1rem; line-height:1.25}
.uploader-items {overflow:hidden; margin:0 0 1em}
.uploader-item {position:relative; display:block; height:0; margin:0 1% 1% 0; padding:30% 0 0; background:no-repeat 50% 50% / contain}
.uploader-item-icon {background-size:auto}
.uploader-item .ico-close {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%}
.uploader-item .ico-close span {float:right}
.uploader-sen {height:3rem; width:244px; max-width:74vw; margin-bottom:0.75rem; padding:.5rem 2rem; box-sizing:border-box; font-weight:600; font-size:1rem; border:solid 1px var(--tgl-pri60, #1B3E7A); border-radius:.25rem; color:#FFF; background:var(--tgl-pri60b, #1B3E7A); box-shadow:0 4px 8px 0 rgba(0,0,0,0.12)}

.uploader-list-images .ico {z-index:5}
.uploader-list-images .ico-close span {width:25px; height:25px; background:#1B3E7A url('/u/icon/fff/trash.svg') no-repeat center / 20px}
.uploader-list-images .ico-crop .ico-max span {width:25px; height:25px; background:#1B3E7A url('/u/icon/fff/crop.svg') no-repeat center / 20px}
.uploader-list-images .ico-close:before, .uploader-place .ico-close:before {display:none}
.uploader-list-images.uploader-list-images {display:flex; flex-wrap:wrap; justify-content:center; gap:1rem .75rem}
.uploader-list-images.uploader-list-images li {flex:0 0 auto; display:block; margin:0; padding:0 0 2.25rem; text-align:center}
.uploader-list-images.uploader-list-images input {display:none; position:relative; z-index:4; width:100%; height:2rem; margin:.25rem 0 0; padding:0 .5rem; border:1px solid #D6DEEB; font-size:.875rem; box-sizing:border-box}
.uploader-list-images.uploader-list-images input:focus {border-color:#4C70B5}
.uploader-list-images.uploader-list-images input::placeholder {color:#75868E; opacity:1}
.uploader-list-images.uploader-list-images img ~ input {display:block}
.uploader-list-images.uploader-list-images .error {position:relative; z-index:3; margin:-3.75rem 0 0; padding:0 .5rem; font-size:.875rem; line-height:2; text-align:left; color:#C11B1B; background:linear-gradient(rgba(255,255,255,.6) ,#FFF)}

.upl-row {position:relative; width:100%; margin:0 0 .5em}
.upl-form textarea {height:160px}
.upl-form .note {font-size:.75rem; color:var(--tgl-neutral60, #75868E)}
.upl-row label {position:absolute; left:.75rem; top:.5rem; font-size:.75rem; color:var(--tgl-neutral60, #75868E); font-weight:600}
.upl-row input ~ label {float:none; width:auto}
.upl-inp, .upl-area {width:100%; padding:3rem .75rem .75rem; font-size:93.75%; color:var(--tgl-neutral90, #2B3135); border:1px solid var(--tgl-pri10, #D3D7DA); border-radius:.25rem; background-color:var(--tgl-white, #FFF); box-shadow:inset 0 1px 4px rgba(0,0,0,.2)}
.upl-inp:focus, .upl-area:focus {border-color:var(--tgl-pri30, #4C70B5)}

.labout.labout {position:relative; top:0; left:0; display:block; width:auto; margin:0 0 .25em; padding:.75em 0; border:1px solid var(--tgl-pri10, #D6DEEB); border-radius:.25rem; font-weight:400; font-size:100%; color:inherit; box-shadow:inset 0 1px 4px rgba(0,0,0,.2)}
.erroneous .labout, .erroneous.labout {border-color:var(--tgl-sec60, #E41F1F); box-shadow:none}
.labout:focus-within {border-color:#1B3E7A; box-shadow:none}
.labout i {/* nahrada puvodni label */ position:static; display:inline-block; vertical-align:top; width:auto; margin:0 0 .125rem; padding:0 .75rem; font-style:normal; font-weight:600; font-size:.75rem; line-height:1.25; color:var(--tgl-neutral60, #75868E)}
.labout .upl-area, .labout .upl-inp {display:block; margin:0; padding:0 .75em; border:0; font-size:100%; box-shadow:none; color:inherit; background:none; resize:vertical}
.labout .upl-area {/* ulitba Pepikovi */ margin-bottom:-.75em}

.upl-row input[type=checkbox] {float:left;margin:0.2rem .5rem 0 0} /*docasne*/

.upl-consent {position:relative; overflow:hidden; min-height:1.25rem; margin:.75rem 0 1rem; padding:1px 0 1px 1.75em; font-size:87.5%; line-height:1.286; box-sizing:border-box}
.upl-consent input[type=checkbox] {position:absolute; left:-99em}
.upl-consent input[type=checkbox] + label:before {content:''; position:absolute; left:0; top:0; width:1.2em; height:1.25em; cursor:pointer; background:url('/u/icon/000/form-checkbox-unselected.svg') no-repeat 50% 50% / contain; filter:var(--filter-tgl-neutral20)}
.upl-consent input:checked + label:before {background-image:url('/u/icon/000/form-checkbox.svg'); filter:var(--filter-tgl-pri60)}

.upl-submit-row {margin:0 auto 1em; text-align:right}
.upl-submit {width:100%; font-weight:600; padding:1rem; border:solid 1px var(--tgl-pri60, #1B3E7A); border-radius:.25rem; font-size:1.125rem; color:var(--tgl-white, #FFF); background:var(--tgl-pri60, #1B3E7A); box-shadow:0 4px 8px 0 rgba(0,0,0,0.12)}
.upl-form .erroneous {}
.upl-form .error {clear:both; color:#C00}
.upl-tip {margin:0 0 .5em; font-size:93.75%}
.upl-row label div {margin-right:10px; /*font-size:62.5%; */font-style:italic}
.upl-row label span {font-size:81.25%; font-style:italic}
.green {color:green}


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

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

.location {margin:0 0 1rem; text-align:right; font-size:87.5%; line-height:1.286}
.podcast-player + .location {margin-top:-.5em}
.location a:before {content:''; display:inline-block; vertical-align:top; width:1em; height:1.286em; margin-right:.25rem; background:url('/o/video/iconmonstr-arrow.svg') no-repeat 50% 50%; background-size:cover}

.complete-podcast {clear:both; margin:0 0 1em; padding:1.25em 1em; border-radius:.5rem; color:var(--tgl-neutral90, #2B3135); background:var(--tgl-pri05, #EDF2F9)}
.complete-podcast .o-hid {overflow:hidden; display:block; margin:0 0 1em; text-decoration:none; color:var(--tgl-pri80, #122E5B)}
.complete-podcast img.midi {width:20%; max-width:80px; height:auto; margin:0 .5em 0 0}
.complete-podcast h3 {display:table-cell; line-height:1.2; font-weight:600; font-size:125%}
.complete-podcast .podcast-player {margin-bottom:0}

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

.nav-shunt {clear:both; position:relative; display:block; overflow:hidden; margin:0 0 1em; padding:0; border:0}
.nav-shunt:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#D3D7DA}
.nav-shunt li {position:relative; float:left; display:block}
.nav-shunt .act {font-weight:600}
.nav-shunt .act:after {content:''; position:absolute; bottom:0; left:0; z-index:2; width:100%; height:2px; margin:0; background:#E41F1F}
.nav-shunt a {display:block; padding:4px 10px; text-decoration:none; color:inherit; background:inherit}


/* online */
.online-art {padding:0 5px .5em}
.online-art h2 {margin:0 0 .2em; font-weight:600; font-size:125%}
.online-art h3 {margin:0 0 .6em; font-weight:600; font-size:150%}
.online-form {padding:0 0 1px}
.online-form .ico-r li {list-style:none; margin:0 5px .2em}
.online-form .btn-prem {margin-bottom:1em; padding:.2em 1em}

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

.report {margin:0 1% 1em}
.on-line-in-art-wrapper .report {margin:0}
.report .c1, .report .c2, .report .c3 {width:98%; margin:0 0 .5em; padding:2px 1%}
/*.c1, table.c2 {color:inherit; background:rgba(128,128,128,.2)}*/

.report .c3 {color:#FFF; background:#A11}
.report .time {float:left; width:2.5em; padding-right:.5em}
.report .event {display:table-cell}

.online-list {margin:1em 5px}
.online-list .quest {margin:0 0 6px; padding:.5em 5px; color:#000; background:rgba(128,128,128,.15)}
.dark .online-list .quest {color:#FFF}
.online-list .th {font-weight:600}
.online-list .name, .online-list .date {float:none; display:block; margin:0; padding:.2em 0 0; text-align:right}
.online-list .name {color:#C11B1B; font-weight:600}
.dark .online-list .name {color:#D00}
.online-list .answ {margin:.2em 5px 1.5em}
.online-list .art-img {width:48px; height:36px}

.online-table table {width:100%; margin:0 0 5px; border-collapse:collapse; font-size:87.5%}
.online-table th, .online-table td {padding:5px}
.online-table td {border-bottom:1px solid rgba(128,128,128,.1)}

.warning.warning {margin:0 0 var(--spacing-15, 1.5rem); padding:1rem var(--spacing-15, 1.5rem); border:0; border-radius:.5rem; font-size:1rem; color:var(--txt-neutral90, #2B3135); background:var(--tgl-pri05, #EDF2F9)}
.warning.warning h2, .warning.warning h3 {margin:0; padding:0; font-weight:600; font-size:var(--rs-h5, 1.25rem); line-height:1.2; text-transform:uppercase}
.warning [class*="ico-"]:before {float:left; margin-right:.5rem; filter:var(--filter-tgl-neutral80)}
.warning ul {clear:both; padding-left:1.5em; margin:0; color:#C11B1B}
.warning.warning p {margin:.5em 0 0; font-size:87.5%; line-height:1.25}

#ol-hraci-data {margin:0 1%}
#ol-hraci-data .col-l {float:left; width:48%}
#ol-hraci-data .col-r {float:right; width:48%}
#ol-hraci-data .stad {margin:1em 0}
#ol-hraci-data .team {font-weight:600; font-size:112.5%}

.online-top-box .art-img {float:none; width:100%; height:auto; margin:0 0 .5em; vertical-align:middle}

#last-art-nextOnline {overflow:hidden; margin:.3em 0}
#last-art-nextOnline > div > div {float:left; width:100%; clear:both}
#last-art-nextOnline > div .event {border-color:rgba(0,0,0,.063)}
.dark #last-art-nextOnline > div .event {border-color:rgba(255,255,255,.063)}
#last-art-nextOnline > div:nth-child(2n) .event {border-color:var(--tgl-white, #FFF)}

/*on line */
#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:.25rem; font-weight:600; font-size:.75rem; text-transform:uppercase; text-decoration:none; color:var(--tgl-pri80, #122E5B); background:var(--tgl-pri10, #D6DEEB); box-sizing:border-box}
#on-line-data .o-c1, #on-line-data .o-c2, #on-line-data .o-c3, .on-line-data .o-c1, .on-line-data .o-c2, .on-line-data .o-c3 {/*float:left; width:100%; clear:both;*/ overflow:hidden}
.on-line-data > *:nth-child(even), #on-line-data > *:nth-child(even) {background:none}
#on-line-data .time, .on-line-data .time {float:left; width:3em; padding:.5em 0; line-height:1.6; text-align:center; color:var(--tgl-black, #000); font-weight:600; word-wrap:normal}
#on-line-data .o-c3 .time, .on-line-data .o-c3 .time {color:var(--tgl-white, #FFF)}
#on-line-data .time a, .on-line-data .time a {display:block; cursor:pointer; margin:0 2px; padding-bottom:2px}
#on-line-data .time img, .on-line-data .time img {max-width:100%; height:auto}
#on-line-data .event, .on-line-data .event {/*display:table-cell; */ line-height:1.6; padding:.5em; border-left:1px solid var(--tgl-white, #FFF); overflow:hidden}
#on-line-data .time, #on-line-data .event {font-size:100%}

#on-line-top a {color:inherit}
#on-line-top {padding:5px 7px; font-weight:600; font-size:100%; border:1px solid #D3D7DA; border-width:1px 0}
#on-line {margin:0 1rem 1em}
.section #on-line, .art-full #on-line {margin-left:0; margin-right:0}
#on-line .section {padding-left:0; padding-right:0}
.online-top-box h1 {margin:0 0 .2em; font-weight:600; font-size:150%}
.online-top-box p {margin:0 0 .5em; /*font-size:112.5%*/}
#on-line .refresh-box, #on-line .warning {/*margin:0 0 .8em*/}

/* on-line ve clanku */
.on-line-in-art-wrapper {clear:both; margin:0 0 1em}
.on-line-in-art-wrapper table, .on-line-in-art-wrapper td {margin:0; padding:0; border-collapse:collapse}
.on-line-data:after {content:''; display:block; clear:both}
.on-line-data .c1 {background:#FFF}
.on-line-data .c2 {background:#EFEFEF}
.on-line-data .c3 {color:#FFF; background:#939393}
.on-line-data .time {float:left; line-height:1.5; margin:1em 0 0; padding:0 .25em; border-radius:.125rem; text-align:center; color:inherit; font-weight:600; font-size:87.5%}
.on-line-data .event {clear:both; overflow:hidden; padding:.4em 0 1.5em; font-size:87.5%}
.on-line-data .event img {position:static; vertical-align:middle}
.on-line-data .event p {margin:0}
.on-line-data > div, .on-line-data .o-c1, .on-line-data .o-c2, .on-line-data .o-c3 {float:left; clear:both; width:100%}
.on-line-data > div:nth-child(odd) {background:rgba(128,128,128,.125)}
.on-line-data > div:nth-child(even) {background:none}

#on-line-in-art {margin:0 0 1em; padding:1em 1rem .3em; border-radius:.5rem; color:var(--tgl-neutral90); background:var(--tgl-pri05, #EDF2F9)}
.on-line-in-art-wrapper #on-line-in-art {margin-bottom:0}
#on-line-in-art #on-line-top {margin:0; padding:5px 0; border:0}
#on-line-in-art h3 {font-size:125%}
#on-line-in-art .ico-r {text-align:right}
#on-line-in-art .ico-next {font-size:87.5%; line-height:1.8}
#on-line-in-art .on-line-data {width:auto; max-width:100%; margin:0}
#on-line-in-art .on-line-data > div {margin:0 0 .5em; border-bottom:1px solid var(--tgl-white, #FFF); background:none}
#on-line-in-art .on-line-data > div.fc0 {margin:-1px 0 0; border-bottom:none}
#on-line-in-art .on-line-data .event {border:0}
#on-line-in-art .read-more {/*float:left;*/ padding:0; border:0; background:none}
#on-line-in-art .read-more:hover {text-decoration:underline}
/* online end */

/* z online podle Misi */
.o-comment-box, .o-art, .o-gal, .o-tab, .o-vid, .o-ank, .o-sta, .embed-social {clear:both}
.o-comment-box + *, .o-art + *, .o-gal + *, .o-tab + *, .o-vid + *, .o-ank + *, .o-sta + *, .embed-social + *, .on-line-data .event > p + *, #on-line-data .event > p + * {margin-top:1em}

.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:15px 5% 3.5em}
.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:0; left:5%; line-height:1.2; font-weight:600; font-size:100%}
.o-comment-box h3 small {display:block; font-weight:400; font-size:81.25%}
.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:40%; height:auto; margin:0 .6em 0 0}
.o-art h3 {margin:0 0 .3em; font-weight:600; font-size:112.5%}
.o-art 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; text-transform:uppercase}
.o-tab th, .o-tab td {padding-right:1em; font-size:85%}

.o-vid .header {line-height:1.2; margin:0 0 .3em; padding:0 0 0 50px; background:url('/u/on-line/ico_play.png') no-repeat 0 50%; text-align:left}
.o-vid .header h3 {font-weight:600; font-size:112.5%}

.o-ank .header {line-height:1.2; margin:0 0 .3em; padding:0 0 0 50px; background:url('/u/on-line/anketa.png') no-repeat 0 50%; text-align:left}
.o-ank .header h3 {font-weight:600; font-size:112.5%}
.o-ank .anketa-list {width:100%; margin-left:0}

.o-sta .header {line-height:1.2; margin:0 0 .6em; padding:0 0 0 36px; background:url('/u/on-line/statistiky.png') no-repeat 0 50%; text-align:left}
.o-sta .header h3 {font-weight:600; font-size:112.5%}
/* z online podle Misi END */

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

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

.anketa-in-art {margin:0 0 1em; padding:1em 1rem .3em; border-radius:.5rem; color:var(--tgl-neutral90, #2B3135); background:var(--tgl-pri05, #EDF2F9)}
.anketa-in-art .warning, .content .anketa-in-art .warning {padding:1em 0 0; border-top:1px solid var(--tgl-pri10, #D3D7DA); font-size:87.5%}
.anketa-in-art .warning h2.ico-info {margin:0; padding:0; font-weight:600; font-size:100%; line-height:1.25; font-family:inherit; text-transform:uppercase}
.anketa-in-art .warning h2 span {display:none}
.anketa-in-art h3 {font-size:125%}
.anketa-in-art .anketa-list {width:auto}
.anketa-in-art .vote {border:0; border-radius:.25rem}
.anketa-in-art .btn {margin:0 0 .5em; border-color:#E41F1F; color:#F0F2F3; background:#E41F1F}

.disc-form {position:relative; z-index:1; width:auto; height:auto; margin:0 0 1em; padding:10px; border-radius:.5rem; background:rgba(128,128,128,.1)}
.disc-form .bt {display:block; width:100%; height:2.6em; line-height:2.6em; padding:0 1em; border:0; border-radius:.25rem; text-align:center; font-weight:600; font-size:100%; color:#FFF; background:#E41F1F}
.disc-form h5 {margin:0 0 .5em; font-weight:600; font-size:100%}
.disc-form .row-labinp {margin:0 0 .5em}
.disc-form .row-labinp label {float:left; width:5em; font-size:100%}
.disc-form .row-labinp input {width:14em; padding:.2em .6em; border:1px solid #D3D7DA}
.disc-form .row-labinp input:focus {border-color:#B2B9BE}
.disc-form .row-chelab {margin:0 0 .5em}
.disc-form .row-chelab label {font-size:100%}
.disc-form .error {color:#C00}

/* include */
#inc {margin:0 0 1.25rem}
.inc-tit {margin:0 0 .3em; font-weight:600; font-size:150%}
* + .inc-tit {margin-top:1em}

/* profil muj pas */
.profile {padding:.25em 1rem}
.section .profile {padding:0}
.profile h1, .profile-text h2 {margin:0 0 .5em; font-weight:600; font-size:150%}
.profile img.fl {margin:0 .5em .5em 0}
.profile .name {margin:0 0 .4em; font-weight:600; font-size:125%; color:#C11B1B}
.profile .name sup {color:#777; font-weight:normal}
.profile .social-list li {list-style:none; float:left; margin:0 .5em .5em 0}
.profile-statistics {margin:0 0 1em}
.profile-statistics li {list-style:none; font-weight:600; font-size:100%; color:#666}
.profile-statistics li i {font-style:normal; color:#333}
.profile-text p, .profile-text ul, .profile-text ol {margin:0 0 1em; font-size:112.5%}
.profile-text li {margin:0 0 0 2em}

.ref {margin:0 0 .8em; padding:.8em 0 1px; border:1px solid #CCC; border-width:1px 0}
.ref h2 {margin:0 5px .5em; font-weight:600; font-size:150%}
.ref p {margin:0 5px .8em}
.ref .btn-more {width:auto; margin:0 5px 20px}
/* profil muj pas end */

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

.kolo table {width:100%; border-collapse:collapse}
.kolo th {padding:2px .5em; background:rgba(128,128,128,.2)}
.kolo td {padding:1px 0 0 3px; text-align:center}
.kolo td.tal {text-align:left}

/* swipe navigace */
#swipe-link {position:fixed; top:50%; overflow:hidden; width:0; text-align:right; max-width:50%; -webkit-transition:width .5s; -moz-transition:width .5s; -o-transition:width .5s; transition:width .5s}
#swipe-link.active {-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none}
#swipe-link.side-left span {float:right; text-align:right; border-radius:0 .5em .5em 0; padding-right:25px}
#swipe-link.side-right span {float:left; text-align:left; border-radius:.5em 0 0 .5em; padding-left:25px}
#swipe-link.side-left {left:0; right:auto}
#swipe-link.side-right {right:0; left:auto}
#swipe-link span {background:#D82731; color:#FFF; padding:.5em; border-radius:.5em; width:50vw}
#swipe-link span:before {position:absolute; left:0; right:0; top:0; bottom:0; height:100%}
#swipe-link.side-left span:before {left:auto}
#swipe-link.side-right span:before {right:auto}
#swipe-link.done {width:100%; padding:0 50%}
#swipe-link.done span {-webkit-animation:swipe-loading .33s infinite linear; animation:swipe-loading .33s infinite linear}

@-webkit-keyframes swipe-loading {
	0% {background:#D82731}
	50% {background:rgba(216,39,49,.7)}
	100% {background:#D82731}
}

@keyframes swipe-loading {
	0% {background:#D82731}
	50% {background:rgba(216,39,49,.7)}
	100% {background:#D82731}
}

/*flag*/
.flag {float:left; display:inline-block; width:38px; height:27px; background:url('/u/flags.png') no-repeat -1000px -1000px}
.flag-aud {background-position:0 0}
.flag-bgn {background-position:0 -30px}
.flag-cad {background-position:0 -60px}
.flag-dkk {background-position:0 -90px}
.flag-eur {background-position:0 -120px}
.flag-gbp {background-position:0 -150px}
.flag-hkd {background-position:0 -180px}
.flag-hrk {background-position:0 -210px}
.flag-huf {background-position:0 -240px}
.flag-chf {background-position:0 -270px}
.flag-jpy {background-position:0 -300px}
.flag-krw {background-position:0 -330px}
.flag-ltl {background-position:0 -360px}
.flag-lvl {background-position:0 -390px}
.flag-nok {background-position:0 -420px}
.flag-nzd {background-position:0 -450px}
.flag-pln {background-position:0 -480px}
.flag-sek {background-position:0 -510px}
.flag-sgd {background-position:0 -540px}
.flag-usd {background-position:0 -570px}
.flag-xdr {background-position:0 -600px}
.flag-zar {background-position:0 -630px}
.flag-nlg {background-position:0 -660px}
.flag-mtl {background-position:0 -690px}
.flag-luf {background-position:0 -720px}
.flag-cyp {background-position:0 -750px}
.flag-itl {background-position:0 -780px}
.flag-iep {background-position:0 -810px}
.flag-grd {background-position:0 -840px}
.flag-dem {background-position:0 -870px}
.flag-bef {background-position:0 -900px}
.flag-rol {background-position:0 -930px}
.flag-sit {background-position:0 -960px}
.flag-uag, .flag-uak {background-position:0 -990px}
.flag-pte {background-position:0 -1020px}
.flag-esp {background-position:0 -1050px}
.flag-frf {background-position:0 -1080px}
.flag-fim {background-position:0 -1110px}
.flag-czk {background-position:0 -1140px}
.flag-skk {background-position:0 -1170px}
.flag-aut, .flag-ats {background-position:0 -1200px}
.flag-rub {background-position:0 -1230px}
.flag-try, .flag-trl {background-position:0 -1260px}
.flag-eek {background-position:0 -1290px}
.flag-isk {background-position:0 -1320px}
.flag-btc {background-position:0 -1350px}

#kurzovni-listek-box h2 {overflow:hidden; margin:0 0 .3em; font-weight:600; font-size:125%}
#kurzovni-listek-box h2 a {float:left}
#kurzovni-listek-box h2 span {float:right; white-space:nowrap}
#kurzovni-listek-box table {width:100%; margin:0 0 1em}
#kurzovni-listek-box th, #kurzovni-listek-box td {text-align:center; border-bottom:1px solid rgba(128,128,128,.2)}
#kurzovni-listek-box td a {display:block; padding:.4em 0}
#kurzovni-listek-box .flag {float:none; display:block; margin:0 auto}

#kurzovni-listek-box .t-up, #kurzovni-listek-box .t-down, #kurzovni-listek-box .t-plane {display:inline-block; width:21px; height:21px; vertical-align:middle; background:url('/u/ico/default-ico.png'); border-radius:.25rem}
#kurzovni-listek-box .t-up {background-position:0 -250px; background-color:#069C06}
#kurzovni-listek-box .t-down {background-position:0 -725px; background-color:#CD0606}
#kurzovni-listek-box .t-plane {background-position:0 -750px; background-color:#555}

/* kurzy new */
#sph-exchange {margin:0 0 10px; padding:.5em 5px; background:#EDF0F1}
.dark #sph-exchange {background-color:#212E35}
#sph-exchange h2 {margin-bottom:8px; font-size:125%}
#sph-exchange h2 a {padding:0}
#sph-exchange .table {overflow:hidden; width:100%; list-style:none; line-height:18px; font-size:14px}
#sph-exchange .table li {float:left; width:50%}
#sph-exchange .table a {display:block; padding:4px 0; color:inherit; text-decoration:none; cursor:pointer}
#sph-exchange .table img, #sph-exchange .table span {float:left}
#sph-exchange .table span {padding:0 0 0 5px}
#sph-exchange .table .tar {padding:0 5px 0 0}
#sph-exchange .table .fc0 {float:none; width:100%; padding:0; line-height:0}
#sph-exchange .w1 {width:2.2em}
#sph-exchange .w2 {width:3.2em}

#sph-exchange .flag {float:left; width:1em; height:.75em; font-size:24px; background:url('/o/sph/flags.svg') no-repeat 0 0 / 1em 5.75em}
#sph-exchange .flag-eur {background-position:0 0}
#sph-exchange .flag-gbp {background-position:0 -1em}
#sph-exchange .flag-hrk {background-position:0 -2em}
#sph-exchange .flag-usd {background-position:0 -3em}
#sph-exchange .flag-btc {background-position:0 -4em}
#sph-exchange .flag-chf {background-position:0 -5em}

#sph-exchange .dart {float:right; width:1em; height:1em; font-size:10px; margin:4px 0 0; background:url('/o/sph/dart-sph.svg') no-repeat 0 0 / 1em 5em}
#sph-exchange .green-up {background-position:0 -1em}
#sph-exchange .green-down {background-position:0 -4em}
#sph-exchange .red-up {background-position:0 -3em}
#sph-exchange .red-down {background-position:0 -2em}

#sph-exchange > .r-head {float:right}
#sph-exchange > .r-head span:before {content:'Reklama'}

#sph-exchange .exchange-sepa {display:block; padding:5px}

#kurzy2 .title h1, #kurzy2 .title h2, #kurzy2 .title span {float:left; font-weight:600; font-size:150%}
#kurzy2 .title span {padding:0 10px; color:#999} 
#kurzy2 .table-box, #kurzy2 .table-box .c0 {font-size:81.25%}
#kurzy2 .table-box td {text-align:left}
.logo-bank {float:left; display:inline-block; width:48px; height:30px; background:url("/o/fin/logabank.png") no-repeat -1000px -1000px}
.ex-cs {background-position:0 0}
.ex-citibank {background-position:0 -30px}
.ex-equa {background-position:0 -60px}
.ex-oberbank {background-position:0 -90px}
.ex-unicredit {background-position:0 -120px}
.ex-kb {background-position:0 -150px}
.ex-lbbw {background-position:0 -180px}
.ex-sberbank {background-position:0 -210px}
.ex-rb {background-position:0 -240px}
.ex-mbank {background-position:0 -270px}
.ex-mon {background-position:0 -300px}
.ex-csob {background-position:0 -330px}
.ex-vip, .exchange, .ex_vip {background-position:0 -360px}
.ex-vub {background-position:0 -390px}
.ex-air {background-position:0 -420px}
/*a verze kurzy3 ve zpravodajstvi dle navrhu Lubose R */

/* revue - modni policie */
.mp-star {clear:both; position:relative; width:175px; height:37px; margin:0 0 1.3em; background:url('/m/o/mp-stars.png') repeat-x}
h3 + .mp-star {margin-top:.2em}
.mp-star u {display:block; height:100%; background:url('/m/o/mp-stars.png') repeat-x 0 -37px}
.mp-star i {position:absolute; top:0; right:-105px; z-index:2; line-height:37px; color:#6B3B63; font-style:normal; font-weight:800; font-size:25px}

@media all and (min-width:1680px){
	html {background:#444}
	body {width:360px; border:0 solid #000; border-width:0 12px; box-shadow:0 0 5px #000000; position:relative}
}

@media all and (min-width:1680px) and (max-height:480px){
	body {width:480px; font-size:100%}
}

/* REKLAMA */
.r-main {clear:both; margin-bottom:1em}
.r-head {font-size:10px; line-height:14px; text-align:right; color:var(--tgl-neutral20, #B2B9BE)}
.r-head span {display:none}
.r-head:before {content:'Reklama'}
.r-body {position:relative; clear:both}
.r-body .text {text-align:left}
.r-body table {margin:auto}

.r-main .art {text-align:left}
.r-main.s_m_nativ_advertorial {margin-bottom:0}

.sq480 {position:relative; width:100%; height:480px; margin:auto}
.sq480 .sq480-in {position:absolute; top:0; left:50%; width:480px; height:100%; margin-left:-240px; transform-origin:0 0}
.sq480 .sq480-in img, .sq480 .sq480-in iframe {max-width:none}
@media (max-width:319px) {.sq480 {height:250px} .sq480 .sq480-in {width:250px; margin-left:-125px; transform:scale(.52)}}
@media (min-width:320px) {.sq480 {height:320px} .sq480 .sq480-in {width:320px; margin-left:-160px; transform:scale(.666)}}
@media (min-width:360px) {.sq480 {height:360px} .sq480 .sq480-in {width:360px; margin-left:-180px; transform:scale(.75)}}
@media (min-width:375px) {.sq480 {height:375px} .sq480 .sq480-in {width:375px; margin-left:-187.5px; transform:scale(.78125)}}
@media (min-width:393px) {.sq480 {height:393px} .sq480 .sq480-in {width:393px; margin-left:-196.5px; transform:scale(.81875)}}
@media (min-width:412px) {.sq480 {height:412px} .sq480 .sq480-in {width:412px; margin-left:-206px; transform:scale(.85833)}}
@media (min-width:480px) {.sq480 {height:480px} .sq480 .sq480-in {width:480px; margin-left:-240px; transform:none}}
@media (min-width:1680px) {#wrapper .sq480 {height:320px} #wrapper .sq480 .sq480-in {width:320px; margin-left:-160px; transform:scale(.666)}}

#pianoreminder > div:first-child {margin-bottom:1rem}

/* FIXOVANI VYSEK 2021/05 */
.s_m_branding.s_m_branding {display:block; width:auto}
.section .s_m_branding, .art-full .s_m_branding {margin-left:-1rem; margin-right:-1rem}
.s_m_branding .r-body {min-height:75vh; background:rgba(176,190,197,.2) url('/u/idn4/reklama-bg-min.svg') no-repeat 50% 25% / 69px 48px}
.s_m_branding .r-head, .s_m_paticka .r-head {padding:0 1rem}
[class*="s_m_300x250"] .r-body, .s_m_paticka .r-body {min-height:250px}
[class*="s_m_nativ"] {min-height:97px}

/* 2025/09 bug s roztahovanim u nekterych reklam na idnes.TV 
[class*="s_m_300x250"] iframe {max-width:100%}
[class*="s_m_300x250"] .r-body {max-width:100%; overflow:hidden}
*/

#m_branding .shift {/* AnetasWish 2024/04 */ margin-top:2.75rem; height:calc(100vh - 2.75rem) !important}

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

/* varovani ministerstva financi */
.mf-warning {clear:both; width:24em; line-height:11px; padding:1em; font-size:9px; color:#888}
.mf-warning:before {content:'18+'; float:left; width:18px; height:18px; line-height:18px; margin:0 .5em 0 0; border:1px solid #888; border-radius:100%; text-align:center; font-size:9px; font-weight:600}

/* PRG pozadavky */
.list-video h2.fl {margin:0 0 .3em; font-weight:600; font-size:112.5%}
.kraje select {font-size:112.5%}
.section .section {padding:0}
.art .perex {font-size:0}
.art .perex .premlab {margin:0; font-size:.8125rem}
.art-info .webs a + .commercial {display:none}
#onlajnbox {padding-top:1em; border-top:1px solid rgba(128,128,128,.2)}
.btn + h1 {margin-top:1em}

/* JS NACITANI */
.dsc-score.nacitani, .nacitacidiv.nacitani {background:linear-gradient(to right, rgba(103,138,198,.1) 50%, transparent 50%); background-size:200% 100%; background-position:100% 0; animation:anim-fill 2s forwards infinite}
.nacitacidiv.nacitani {min-height:1rem}
.anim-added {background-color:rgba(103,138,198,.1); animation:change-color 2s ease-in-out forwards}
@keyframes anim-fill {to {background-position:0 0}}
@keyframes change-color {to {background-color:rgba(103,138,198,0)}}

/* aukce */
.aukce-art {margin:0 0 1em}
.aukce-art img {max-width:100%; margin-bottom:.5em}
.aukce-art img.fr {margin-left:.5em}
.aukce-art img.fl {margin-right:.5em}
.aukce-art h1 {margin:0 0 .3em; font-weight:600; font-size:150%}
.aukce-art h2 {margin:0 0 .3em; font-weight:600}
.aukce-art p {margin:0 0 .5em; font-size:112.5%}
.aukce-list h3 {margin:0 0 .2em; font-size:125%}
.aukce-prihoz .inputs {float:left; margin-right:.5rem}
.aukce-prihoz .inputs label {display:block; margin:0 0 .25rem}
.aukce-prihoz .inputs input {width:7em; padding:.25em; border:1px solid var(--tgl-neutral10, #D3D7DA); background:var(--tgl-neutral05, #F0F2F3); font-size:137.5%}
.aukce-prihoz .webz-bg {float:left; margin-top:1.5rem}
.aukce-prihoz .fc22 {height:1rem}
.css-d .aukce-refresh {float:right; margin:-3em 0 0}
.css-t .aukce-refresh {margin:0 0 1em}
.aukce-refresh .webz-bg {width:100%; text-transform:uppercase}
.aukce-souhrn {margin:0 0 var(--spacing-2, 2rem); border:0; border-collapse:collapse; font-size:87.5%; text-align:left}
.css-d .aukce-souhrn {float:left; width:50%}
.css-t .aukce-souhrn {float:none; width:100%}
.aukce-souhrn td {padding:var(--spacing-05, .5rem) var(--spacing-05, .5rem) var(--spacing-05, .5rem) 0; vertical-align:top}
.aukce-table.aukce-table {clear:both; width:100%; margin:0 0 var(--spacing-15, 1.5rem); border:0; border-collapse:collapse; font-size:87.5%; text-align:right}
.aukce-table td {padding:.5em 10px; border:0; vertical-align:top}
.aukce-table th {padding:6px 10px; white-space:nowrap; color:var(--tgl-neutral90, #2B3135); background:var(--tgl-neutral10, #D3D7DA); font-weight:600}
.aukce-table .c1 {background:var(--tgl-neutral05, #F0F2F3)}
.aukce-table .c2 {background:var(--tgl-white, #FFF)}
.aukce-table .c3 {background:var(--tgl-white, #FFF); font-weight:600}
.aukce-table .cu {background:var(--tgl-ter05, #FFF6DC)}
.aukce-table .cu td {border:1px solid var(--tgl-neutral10, #D3D7DA); border-width:1px 0}
.aukce-table th.w-3 {text-align:center}
.aukce-table th.w-4 {text-align:right}
.aukce-table td:nth-child(2) {padding-left:.3em; text-align:left}
.aukce-table td:nth-child(3) {text-align:right; white-space:nowrap}
.aukce-table td:nth-child(4) {text-align:right; font-size:85%}
.aukce-list .art {margin:0 0 1em}
.aukce-list .art p {margin:0 0 .5em}
.aukce-list-halfart .art {margin:1em 0 0}
.aukce-list-halfart .art .fl {margin-right:8px}
.aukce-list-halfart .art .perex {display:block}

/* rozdeleny clanek */
.divide-nav {display:flex; justify-content:center; gap:.75rem; margin:0 auto 1.5rem}
.divide-nav li {flex:0; display:block}
.divide-nav a {overflow:hidden; display:block; width:1em; height:1em; line-height:1em; border:1px solid #1B3E7A; border-radius:100%; text-indent:-99em; box-sizing:border-box}
.divide-nav a:hover, .divide-nav a.act {background:#1B3E7A}
.dark .divide-nav a {border-color:#4C70B5}
.dark .divide-nav a:hover, .dark .divide-nav a.act {background:#4C70B5}
.divide-number {margin:0 0 .75rem; padding:.5rem; border-radius:.25rem; font-weight:800; font-size:100%; line-height:1.25; color:var(--tgl-neutral90, #2B3135); background:var(--tgl-pri05, #EDF2F9)}
.divide-number strong {font-weight:inherit}
.divide-shunt {clear:both; display:flex; justify-content:center; gap:.25rem; margin:0 auto 1rem; text-align:center}
.divide-shunt .ico-prev, .divide-shunt .ico-next {flex:0 1 10em; display:block; height:3em; font-weight:600; font-size:1rem; line-height:3em; text-transform:uppercase}
.divide-shunt .ico-prev span, .divide-shunt .ico-next span {display:block; width:100%; height:100%; margin:0; border-radius:.25rem; font-size:inherit; color:#FFF; background:#1B3E7A; box-shadow:0 .25rem .5rem rgba(0,0,0,.12)}
.divide-shunt .ico-prev:hover span, .divide-shunt .ico-next:hover span {background:#122E5B}
.divide-shunt .ico-prev span:before, .divide-shunt .ico-next span:after {content:''; display:inline-block; vertical-align:middle; width:.5em; height:.5em; margin:-.25em .25em 0; border:1px solid #FFF; transform:rotate(45deg)}
.divide-shunt .ico-prev span:before {border-width:0 0 .2em .2em}
.divide-shunt .ico-next span:after {border-width:.2em .2em 0 0}
.divide-shunt .ico-prev span:after {content:'p\159 edchoz\ed '}
.divide-shunt .ico-next span:before {content:'dal\161 \ed '}
.divide-shunt a.pasive {cursor:default}
.divide-shunt a.pasive.pasive span {background:#D3D7DA; box-shadow:none; cursor:inherit}
.dark .divide-shunt a.pasive.pasive span {background:#2B3135}

/* objednavka iDNES.cz bez reklam */
.payidnes-method li, .payidnes-method-ok {position:relative; overflow:hidden; display:block; margin:0 0 4px}
.payidnes-method input {position:absolute; left:-99em}
.payidnes-method label, .payidnes-method-ok {display:block; min-height:3em; padding:1.5em 6em 1.5em 65px; border:1px solid #EEE; cursor:pointer}
.payidnes-method input:checked + label, .payidnes-method-ok {border-color:#666; color:#000; background-color:#EEE}
.payidnes-method input:checked + label:before {background-position:-20px 0}
.payidnes-method h3, .payidnes-method-ok h3 {font-weight:600; font-size:150%}
.payidnes-method .price, .payidnes-method-ok .price {position:absolute; top:1.1em; right:10px; font-weight:600; font-size:142%; color:#666}
.payidnes-method label:before, .payidnes-method-ok:before {content:''; position:absolute; top:1.9em; left:28px; width:19px; height:19px; background:url('/o/mujucet/payidnes-method.png') no-repeat}
.payidnes-method-ok:before {width:24px; background-position:-40px 0}
ul.payidnes-method {margin:10px 0}
div.payidnes-nav button, div.payidnes-nav a.btn {width:auto}
div.payidnes-nav button[type="submit"], div.payidnes input[type="submit"] {background-color:#D82731}
form.payidnes {margin-bottom:20px}
.payidnes h1 {font-weight:600; font-size:150%}
div.payidnes-nav {margin-top:10px}
div.payidnes #sms {width:100%; margin-bottom:10px}
.payidnes div.text {font-size:100%; margin-top:10px}
.payidnes table {width:100%; margin:1em 0; border:1px solid #CCC; border-width:1px 0}
.payidnes select.select-r {margin-left:10px; padding:5px 10px}
.payidnes label[for="sms"] {font-weight:600}
div.advanced h3 {font-weight:600; margin:10px 0px}
span.tooltip {display:none}
.payidnes p select {float:none}

.advanced .ico-close:before {display:none}
.advanced a {text-decoration:underline}
.disc-login h3.imp {width:100%; text-transform:uppercase; color:#E41F1F; margin-top:10px}
.advanced h2 {font-weight:600; margin:10px 0}
.advanc-item .logo-blog, .advanc-item .logo-facebook, .advanc-item .logo-rajce, .advanc-item .logo-google, .advanc-item .logo-kindle, .advanc-item .logo-icka, .advanc-item .logo-openid, .advanc-item .logo-mojeid, .advanc-item .logo-apple {float:left; display:block; width:135px; height:50px; margin:0; background:url('/o/mujucet/advanc-soc.png') no-repeat}
.advanc-item .logo-openid {background-position:0 -350px}
.pasive .logo-openid {background-position:-135px -350px}
.advanc-item .logo-blog {background-position:0 0}
.pasive .logo-blog {background-position:-135px 0}
.advanc-item .logo-facebook {background-position:0 -50px}
.pasive .logo-facebook {background-position:-135px -50px}
.advanc-item .logo-rajce {background-position:0 -100px}
.pasive .logo-rajce {background-position:-135px -100px}
.advanc-item .logo-google {background-position:0 -150px}
.pasive .logo-google {background-position:-135px -150px}
.advanc-item .logo-kindle {background-position:0 -200px}
.pasive .logo-kindle {background-position:-135px -200px}
.advanc-item .logo-icka {background-position:0 -250px}
.pasive .logo-icka {background-position:-135px -250px}
.advanc-item .logo-mojeid {background-position:0 -300px}
.pasive .logo-mojeid {background-position:-135px -300px}
.advanc-item .logo-apple {background-position:0 -400px}
.pasive .logo-apple {background-position:-135px -400px}
.advanc-item .logo-text {display:block; line-height:1.2; font-weight:600; font-size:125%; text-align:center; text-transform:uppercase; color:#999}
.dark .advanc-item .logo-text {color:#777}
.advanc-item .logo-text br {display:none}
#mujPasFormReaderData input[type="text"], #mujPasFormReaderData textarea, #mujPasFormBlog input[type="text"], #mujPasFormRajce input[type="text"] {width:100%; font-size:100%}
#mujPasFormRajce input[type="text"] {margin-bottom:10px}
#mujPasFormReaderData .col-p, #mujPasFormReaderData .col-p {margin-bottom:10px}
.advanc-item {border-top:1px solid rgb(215, 215, 215); padding-top:10px; margin:10px 0px}
.advanc-item a.btn {width:140px; margin-left:3px; text-decoration:none}
#advanc-blog2 > div.col-p > h3, #advanc-rajce2 > div.col-p > h3, #advanc-facebook2 > div.col-p > h3 {clear:both}
#mujPasFormReaderData button[type="submit"], #mujPasFormFacebook button[type="submit"], #mujPasFormBlog button[type="submit"], #mujPasForm button[type="submit"], #mujPasFormRajce button[type="submit"] {height:2.6em; line-height:2.6em; padding:0 1em; border:0; border-radius:.25rem; font-weight:600; color:#FFF; background:#E41F1F; margin-top:10px}

#mujPasFormReaderData label:first-child {float:left; padding-top:10px}
#mujPasFormReaderData p.f92 {margin-bottom:10px}
#mujPasFormReaderData #novinky_idnes {position:relative; top:2px}
#mujPasFormReaderData label[for="novinky_idnes"] {float:none}
#mujPasFormReaderData > label:first-of-type {float:left; position:relative; top:8px}
#advanc-facebook #mujPasFormFacebook p.f92 {margin-bottom:10px}
#advanc-mail label[for="top"] {display:block; padding-left:10px}
#advanc-smazane #mujPasFormBlog div.profile-text {margin-top:10px}
#advanc-smazane #mujPasFormBlog h3 {color:#D82731}
#advanc-smazane table {margin:0 0 .3em; padding:5px; border-radius:.5rem; background-color:rgba(128,128,128,.2)}
#advanc-smazane .profile-text .date {font-size:84%; color:#666; margin:0 0 10px 5px; border-bottom:1px dotted #cecece; padding-bottom:10px}
#del-rajce, #del-facebook {display:block; width:100%; height:3em; line-height:3em; padding:0 .4em; border:1px solid rgba(0,0,0,.5); border-radius:.5rem; cursor:pointer; text-align:center; text-decoration:none; text-transform:uppercase; font-weight:600; font-size:100%; overflow:hidden; color:#FFF; background-color:#999 !important; margin-bottom:15px}

.social-list span {position:absolute; top:-10000px; left:-10000px}
.social-list a, .social-list i {float:left; width:21px; height:21px; margin:0; border-radius:.25rem; background:#CCC url('/u/ico/default-social.png') no-repeat}
.social-list .logo-openid {background-position:0 -525px; background-color:#FA0}
.social-list .logo-facebook, .social-list i.logo-facebook {background-position:0 0; background-color:#00549F}
.social-list .logo-twitter, .social-list i.logo-twitter {background-position:0 -25px; background-color:#32AADC}
.social-list .logo-google, .social-list i.logo-google {background-position:0 -50px; background-color:#C30907}
.social-list .logo-idnes {background-position:0 -175px; background-color:#D81636}
.social-list .logo-proof {background-position:0 -200px; background-color:#393}
.social-list .logo-mobil {background-position:0 -225px; background-color:#3F3D49}
.social-list .logo-blog {background-position:0 -250px; background-color:#003871}
.social-list .logo-technet {background-position:0 -275px; background-color:#B5C839}
.social-list .logo-rajce {background-position:0 -300px; background-color:#DF3E22}
.social-list .logo-mojeid {background-position:0 -500px; background-color:transparent !important}

.profile-header div.fl {width:110px; margin:0 10px 0 0}
.profile-header div.fl img {width:100%; height:auto}
#change-foto-source {display:none !important; position:absolute; top:50%; left:0; z-index:10; padding:10px; background:#FFF; border-radius:.5rem; box-shadow:0 3px 10px #666}
#change-foto-source .ico-r {position:absolute; top:10px; right:10px; z-index:1}
#change-foto-source iframe {width:270px}

.ico-ok, .ico-close {display:inline-block}
.ico-close span {background-position:0 -200px}
.ico-ok span {background-position:0 -175px}

/* komercni-sdeleni */
#komercni-sdeleni {margin:0 0 var(--spacing-15, 1.5rem); border:1px solid var(--tgl-pri10, #D6DEEB); border-radius:.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% / contain; 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:.125rem; background:url('/u/icon/000/close.svg') no-repeat 50% / contain; filter:var(--filter-tgl-neutral60)}
.q-js #komercni-sdeleni .box {display:none}
.q-js #komercni-sdeleni.visible .box {display:block}
.q-js #komercni-sdeleni.visible .open {visibility:hidden}


/* recenze Mirky Spacilove */
.rec-box {margin:0 0 -.4em; padding:.4em 0 0; font-size:112.5%}
.rec-star {position:relative; display:inline-block; vertical-align:top; width:100px; height:20px; margin:0 .2em 0 0; background:url('/o/kultura/rec-stars.png') repeat-x}
.rec-star u {display:block; height:100%; background:url('/o/kultura/rec-stars.png') repeat-x 0 -20px}
.rec-box .rating {display:inline-block; margin:0 .5em 0 0; font-weight:600; font-size:81.25%}

/* pod clanky lide ceska */
.lide-ceska-head {display:block; margin:0 0 10px}
.lide-ceska-head img {max-width:100%}
.lide-ceska-list .item {margin:0 0 1em}
.lide-ceska-list .item-in {overflow:hidden; position:relative; padding:0 0 .5em; background:rgba(128,128,128,.2)}
.lide-ceska-list .item-in img {display:none}
.lide-ceska-list .item-in img + img {display:block; width:100%; height:auto}
.lide-ceska-list .item-in h2 {padding:.6em 10px .4em; font-weight:600; font-size:125%}
.lide-ceska-list .item-in h2 b {font-variant:small-caps}
.lide-ceska-list .item-in a {color:inherit; text-decoration:none}
.lide-ceska-list .item-in a:before {content:''; position:absolute; top:-1000px; bottom:-1000px; left:-1000px; right:-1000px; z-index:5; background:url('/u/free.gif'); /*background:padding-box;*/}
.lide-ceska-list .item-in p {position:relative; float:right; padding:0 30px 0 0; font-weight:600; color:#E20025}
.lide-ceska-list .item-in p:before {content:''; position:absolute; top:50%; right:10px; width:16px; height:16px; margin:-8px 0 0; background:url('/o/zpr/lide-star.png') no-repeat}
.lide-ceska-list .item:first-child .item-in:before {content:'NOV\dd '; position:absolute; top:0; right:0; z-index:5; padding:.4em .8em; color:#FFF; background:#E20025; font-weight:600; font-size:81.25%}

/* pod clanky 100 pohledu */
.sto-pohledu-head {display:block; margin:0 0 10px}
.sto-pohledu-head img {max-width:100%}
.sto-pohledu-list .item {margin:0 0 10px}
.sto-pohledu-list .item-in {position:relative; overflow:hidden; display:block; min-height:80px; text-decoration:none; border:2px solid #898963}
.sto-pohledu-list .item-in img {display:block; width:100%; height:auto}
.sto-pohledu-list .item-in h3 {position:absolute; bottom:.5em; z-index:1; height:2em; line-height:2; padding:0 0 0 .6em; color:#FFF; background:#898963; font-size:150%}
.sto-pohledu-list .item-in h3:before {content:''; float:right; width:0; height:0; margin-right:-.6em; border:1em solid #898963; border-width:1em .6em; border-color:#898963 transparent}

/* tipsport menu */
.partner-menu-box {margin:0 0 .5rem; padding:0 1rem}
.partner-menu-box:after {content:''; clear:both; display:block}
.section .partner-menu-box {padding:0}
.partner-menu-box h3 {padding:.3em 0; font-weight:600; font-size:125%; text-transform:uppercase}
.partner-menu-box p {margin:0 0 .2em}
.partner-menu-box ul {overflow:hidden}
.partner-menu-box li {float:left; list-style:none; margin:0 .5em .5em 0}
.partner-menu-box li a {display:inline-block; padding:.25em .5em; border:1px solid #EDF0F1; border-radius:.25rem; color:#434D52}
.dark .partner-menu-box li a {border-color:#434D52; color:#F0F2F3}

/* OH RIO */
.oh-top-btn {position:relative; overflow:hidden; display:block; height:3em; line-height:3em; padding:0 .8em; font-weight:600; font-size:100%; text-transform:uppercase; color:#FFF; background:#16244B}
.oh-top-btn:before {content:''; float:left; width:.6em; height:.6em; margin:1.2em .5em 0 0; border-radius:100%; background:#0C3; -webkit-animation-name:blikani; animation-name:blikani; -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite}
.oh-top-btn span {float:right; font-size:67%}
.oh-top-btn span:before {content:'\003E\00a0'}

#oh-pack {margin:5px 0; padding:1px 10px; background:rgba(128,128,128,.2)}
.online-oh {}
.online-oh h3 {display:none}
.online-oh .item {margin:0 0 1em; padding:1em 0 0; font-size:110%}
.online-oh .item .time {font-weight:600; margin-right:.5em}
.online-oh .item img {float:left; margin:0 .5em 0 0}
.online-oh .item + .item {border-top:1px dashed rgba(128,128,128,.4)}

/* katalog mobilu ve clanku */
.phoneListing {font-size:88%; line-height:1.2; border-bottom:1px solid #ccc; border-collapse:collapse}
.phoneListing tr:nth-child(2n) {display:block; float:right; width:48%}
.phoneListing td {vertical-align:top; padding:5px 0 0 5px; display:block; float:left; width:48%; border-top:1px solid #ccc}
.phoneListing tr:nth-child(2n) td {padding:0 5px 0 0; border:none}
.phoneListing td:first-child {padding-left:0}
.phoneListing .photo a {display:block; position:relative}
.phoneListing .photo img {width:150px; height:auto; max-height:auto}

.phoneListing .photo a .labels {position:absolute; top:0; left:0}
.phoneListing .photo a .labels span {display:inline-block; margin:0 0 1px 0; padding:5px 5px 2px 5px; color:#fff; font-size:16px; font-weight:600}
.phoneListing .photo a .labels span.novinka {background:#009933}
.phoneListing .photo a .labels span.lte {background:#66cc33}
.phoneListing .name h3 {margin:20px 0 5px 0; color:#e20025; font-weight:600}
.phoneListing .name h3 a {color:#e20025; text-decoration:none}
.phoneListing .parameters {clear:both; position:relative; border:none}
.phoneListing .parameters dl {position:absolute; display:block; font-size:83%; overflow:hidden}
.phoneListing .parameters dl dt {display:block; clear:left; width:5em; float:left; margin:0}
.phoneListing .parameters dl dd {display:block; float:left; margin:0; font-weight:600}
.phoneListing .ano, .phoneListing .ne {font-size:0}
.phoneListing .ano:after {content:"\2713"; font-size:12px; line-height:1}
.phoneListing .ne:after {content:"\00d7"; font-size:12px; line-height:1}
.phoneListing .price {display:block; width:100%; min-height:2.5em; margin-top:-3px; margin-bottom:5px}
.phoneListing .price .price {color:#000; font-weight:600; font-size:115%; text-decoration:none}

.phoneListing tr td.rating {display:block; width:100%; padding-bottom:15px}
.phoneListing .rating strong {display:block; margin-bottom:15px; text-align:center; font-size:36px}
.phoneListing .rating a {position:relative; display:inline-block; margin:5px 30px 0 0; padding-left:20px; line-height:16px; color:#e20025; font-weight:600; text-decoration:none}
.phoneListing .rating a:after {content:" "; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url('/o/mobil-katalog/ico.png') no-repeat 0 0; transition:background-color ease-in-out .2s; top:50%; width:16px; height:16px; margin-top:-8px}
.phoneListing .rating .compare {display:none}

.fulltoc.fulltoc.fulltoc {overflow:hidden; position:relative; margin:0 0 var(--spacing-15, 1.5rem)}
.complete .fulltoc.fulltoc.fulltoc {margin-bottom:var(--spacing-1, 1rem)}
.fulltoc.fulltoc.fulltoc ul {clear:both; width:10000% !important; min-height:1em; list-style:none; overflow:hidden; margin:0}
.fulltoc.fulltoc.fulltoc li {float:left; width:1%; margin:0 1em 0 0; padding:0; background:none}
.fulltoc .kolotoc-nav {display:flex; justify-content:center; gap:1px}
.fulltoc .kolotoc-nav .icon-prev, .fulltoc .kolotoc-nav .icon-next, .fulltoc .kolotoc-nav span {display:inline-block; vertical-align:top; line-height:2em; border:1px solid var(--tgl-pri10, #D6DEEB); color:#2B3135; background:#EDF2F9 no-repeat 50% 50% / 1em 1em}
.fulltoc .kolotoc-nav .icon-prev, .fulltoc .kolotoc-nav .icon-next {width:2em; overflow:hidden; text-indent:-99em; background-image:url('/u/icon/124/arrow2-right.svg'); transition:.4s}
.fulltoc .kolotoc-nav .icon-prev:hover, .fulltoc .kolotoc-nav .icon-next:hover {border-color:#4C70B5; background-color:#FFF; text-decoration:inherit}
.fulltoc .kolotoc-nav .icon-prev {transform:rotate(-180deg)}
.fulltoc .kolotoc-nav .icon-next {order:1}
.fulltoc .kolotoc-nav span {min-width:3em; padding-left:.25rem; padding-right:.25rem; text-align:center}

.posunovac {position:relative; width:100%; overflow:hidden}
.posunovac .posunovac-prev, .posunovac .posunovac-next {position:absolute; top:0; z-index:10; width:3em; height:100%; cursor:pointer}
.posunovac .posunovac-prev {left:0; background:linear-gradient(to right, var(--tgl-white, #FFF) 50%, transparent)}
.posunovac .posunovac-next {right:0; background:linear-gradient(to left, var(--tgl-white, #FFF) 50%, transparent)}
.posunovac .posunovac-prev:before, .posunovac .posunovac-next:before {content:''; position:absolute; top:0; right:15%; display:block; width:.75rem; height:100%; background:url('/u/icon/000/arrow1-right.svg') no-repeat 50% 50% / contain; filter:var(--filter-tgl-neutral80)}
.posunovac .posunovac-prev:before {left:15%; right:auto; transform:rotate(180deg)}
.posunovac ul {display:flex; gap:0; white-space:nowrap; white-space:nowrap; overflow-y:hidden; scrollbar-width:thin; scroll-behavior:smooth}
.css-d.q-mouse .posunovac ul {overflow:hidden}
.posunovac li {flex:0 0 auto; list-style:none}

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

/* scroll galerie */
.gallery {position:relative; padding-top:3em}
.gallery #navigation {position:fixed; z-index:1000; top:0; left:0; right:0; overflow:hidden; width:100%; padding:0 1em; font-size:87.5%; line-height:2; text-align:left; background:rgba(226,226,226,.9); -webkit-box-sizing:border-box; box-sizing:border-box}
.dark .gallery #navigation {background-color:rgba(29,29,29,.9)}
.gallery #navigation b {float:left; padding:.5em 0}
.gallery #navigation a {float:right; padding:.5em 0; color:#FFF; text-transform:uppercase}
.gallery #navigation a:after {content:''; display:inline-block; vertical-align:middle; width:18px; height:16px; line-height:1; margin:-3px 0 0 .3em; text-align:center; background:url('/m/o/icons-art.svg') no-repeat -362px 50%}
.gallery u {display:block; width:100%; height:0; margin:0 auto .5em; background-position:50% 50%; background-size:contain}
.gallery .item img {display:block; width:auto; height:auto; max-width:100%; max-height:100vh; margin:0 auto .5em}
.gallery .item {margin:0 0 4em; text-align:center}
.gallery .item h2, .gallery .item p {margin:0 1rem .2em; text-align:left}
.gallery .item p {opacity:.6}
.gallery .item + .r-box {margin:-3em auto 2em}

.gallery-art {padding-top:1em; text-align:left; background:rgba(128,128,128,.3)}
.gallery-art h2.list-tit {margin:0 0 .2em}
.gallery-art .art-img.art-img {width:100px; height:auto; margin:0 10px 0 0}
.gallery-art .art-link * {-webkit-pointer-events:none; -ms-pointer-events:none; pointer-events:none}
@media screen and (min-width:280px) and (max-width:380px){
.gallery-art .list-art:after {content:''; clear:both; display:block}
.gallery-art .art {width:46%; clear:none; float:right; border:0; margin-bottom:1%}
.gallery-art .art:nth-child(2n+1) {clear:both; float:left}
.gallery-art .art-img {display:block; width:100%; max-width:none; margin:0 0 .5em}
.gallery-art .art u.art-img {height:0; max-height:none; padding:75% 0 0}
.gallery-art .art h3 {font-size:100%}
.gallery-art .art-info li.webs, .gallery-art .art-info li.ico-disc {display:none}
}

.drag-close {margin:2em 0 0; text-align:center; line-height:3em; color:#b6b6b6}
.dark .drag-close {color:#444}
.drag-close:before {content:''; display:inline-block; vertical-align:top; width:2.6em; height:3em; margin:0 .4em 0 0; background:url('/m/o/drag-close.svg') no-repeat 50% 100%}
.dark .drag-close:before {background-image:url('/m/o/drag-close-dark.svg')}

#alkulacka {position:relative; margin-bottom:1em}
#alkulacka h3 {margin-bottom:5px; padding:0; font-weight:600; font-size:112.5%; color:#000; text-transform:none; background:none}
#alkulacka .art {position:relative; padding:10px 0 0 125px; margin-bottom:20px; min-height:86px}
#alkulacka .art p {font-size:114%}
#alkulacka .art img {position:absolute; left:0; width:115px; height:86px}
#alkulacka select {max-width:82%; margin-bottom:5px; padding:2px}
#alkulacka .insert label {margin-right:5px; font-size:85%; text-transform:uppercase}
#alkulacka input {margin:0 5px; padding:2px; vertical-align:middle}
#alkulacka .w3-a, #alkulacka .w3-b, #alkulacka .w3-c {margin-bottom:10px; padding-bottom:5px; border-bottom:solid 1px var(--tgl-neutral10, #D3D7DA)}

#alkulacka .table-box {max-width:330px; margin:0 auto 1em}
#alkulacka .table-box table {border:solid 1px var(--tgl-neutral10, #D3D7DA); background:none}
#alkulacka .table-box th {padding:5px; font-weight:600; text-transform:uppercase; font-size:87.5%; background:none}
#alkulacka .table-box th:first-child {display:none}
#alkulacka .btn {border:none; background-color:#D03F00}
#alkul-table {display:block; font-size:100%}
#alkul-table td {display:block; padding-bottom:10px; text-align:left}
#alkul-table td:first-child {padding-bottom:2px}

.q-js #alkulacka-graf {position:relative; width:100%; height:190px; margin:20px 0}
.q-js #alkulacka-graf:before {content:"PROMILE alkoholu v krvi"; position:absolute; left:10px; bottom:22px; font-size:11px; transform:rotate(-90deg); transform-origin:0 100%}
.q-js #alkulacka-graf:after {content:"ČAS pro odbourání alkoholu"; position:absolute; right:2px; top:3px; font-size:11px}
.q-js #alkulacka-graf table {display:none}

#alkulacka-graf .alk-obal {position:absolute; left:37px; top:25px; right:0; height:140px; font-size:71%; background:url('/o/auto_n3/rastr.png') no-repeat; background-size:100% 140px}

#alkulacka-graf .alk-obal div {border:0px solid #D9B900; font-size:0; line-height:0; border-top:0px solid transparent; position:absolute; bottom:0; filter:chroma(color=#000000) alpha(opacity=64); -moz-opacity:.64; opacity:.64}
#alkulacka-graf .alk-obal span {position:absolute}
#alkulacka-graf .alk-obal span.alk-v {left:-32px; width:30px; text-align:right; line-height:2em; margin-bottom:-1em}
#alkulacka-graf .alk-obal span.alk-h {bottom:-20px; width:24px; text-align:center; line-height:20px; margin-left:-12px}
#alkulacka-graf table, #alkulacka-graf table td, #alkulacka-graf table th {text-align:center; border:1px solid #3D496E; padding:2px; border-collapse:collapse}
#alkulacka-graf table {margin:0 auto}

#alkulacka-graf .alk-obal span.alk-h:nth-child(2n+1) {visibility:hidden}

/* SPH 05/2023 */
.related {position:relative; margin:0 0 1rem; font-weight:600; font-size:87.5%; line-height:1.286; font-family:inherit}
.related a:after {position:static}
.related li {position:relative; display:block; margin:.5rem 0 0; padding-left:1.25rem}
.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% / contain; filter:var(--filter-tgl-neutral20)}

.desktopcopy .art {margin:0 0 1rem}
.desktopcopy .art-link {padding:0}
.desktopcopy .opener .art-img img {width:100%; height:auto}
.dark .desktopcopy a {color:#FFF}

.cols-ears {display:flex; gap:1.5rem; margin:0; padding:1rem; background:linear-gradient(180deg, #EDF2F9 0%, rgba(239,243,249,0) 100%); overflow:auto; overflow-y:hidden; scrollbar-width:thin; scroll-behavior:smooth}
.section .cols-ears {margin:0 -1rem}
.dark .cols-ears {background:linear-gradient(180deg, #2B3135 0%, rgba(38,50,56,0) 100%)}
.cols-ears li {flex:1 0 16em; position:relative; display:block; padding:0 0 0 3.5em; box-sizing:border-box}
.cols-ears u {position:absolute; top:0; left:0; width:3em; height:3em; border-radius:.25rem; background:no-repeat 50% 50% / cover}
.cols-ears a {display:block}
.dark .cols-ears a {color:#FFF}
.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:87.5%; line-height:1.143}
.cols-ears p {font-size:75%; line-height:1.167}
.cols-ears-online.cols-ears-online {overflow:hidden; flex-basis:16em; padding:0}
.cols-ears-online img {display:none}
.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:3.858em; 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:.125rem; font-weight:800; font-size:85.71%; line-height:1.5; color:var(--tgl-neutral90, #2B3135); background:var(--tgl-pri10, #D3D7DA)}
.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, #wrapper .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)}
.dark .cols-ears-online .mega-more, .dark #wrapper .cols-ears-online .mega-more.mega-more {background:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,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% / contain; filter:var(--filter-tgl-pri80)}

.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% / contain}
/* SPH 05/2023 - END */

/* na prani vyvojaru aplikace (19/08) + JP obohaceni (23/11) */
body > iframe:not([width="0"]) {width:100%}