@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") 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") 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") 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") format("woff2"), url("/fonts/Fira/firasans-semibolditalic.woff") format("woff"); font-display:swap}

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

h1, h2, h3, h4 {font-weight:600; line-height:1.2; font-family:var(--ff-h, 'Fira Sans')}

body {font-family:var(--ff-m, 'Inter'); color:var(--tgl-neutral90, #2B3135); background:var(--tgl-web-bg, #FFF); overflow-anchor:none; word-wrap:break-word}
a, a:hover {color:var(--tgl-pri80, #122E5B); text-decoration:none; cursor:pointer}
a:hover {text-decoration:underline}
table {font-feature-settings:"tnum" /* nastaveni fontu Inter */}

html {overflow-y:scroll} 
#main {position:relative; width:100%; margin:0 auto; padding:0; text-align:center}
.counters {position:absolute; top:-5000px; left:-5000px; z-index:1}
.m-bg-1 {padding:10px 0}
.m-bg-3 {max-width:1030px; margin:0 auto; background:var(--tgl-white, #FFF)}
.m-bg-4 {position:relative; z-index:2; width:1000px; min-height:600px; margin:0 auto; padding:.1px 0 1px; background:var(--tgl-white, #FFF); text-align:left}
@media screen and (min-width:1030px) {
.m-bg-4 {padding-left:15px; padding-right:15px}
.m-bg-4 .lachtan-out {margin-left:-6px; margin-right:-6px}
}

.portal {position:relative; z-index:4998; width:1030px; margin:0 -15px 20px; text-align:left}
.portal.row-top-act {position:absolute}
.portal-g1, #portal-g1.fixed {position:relative; z-index:2; color:#FFF; background:#E41F1F; transition:box-shadow .4s, background .2s}
#portal-g1.fixed {margin-top:-.9375rem; padding-top:.9375rem; box-shadow:0 10px 10px rgba(0,0,0,.2)}
.portal.row-top-act .portal-g1 {background:rgba(228,31,31,.9)}
.portal-g1:after {content:''; display:block; clear:both}
#emblem {float:left; margin:0 0 0 15px; line-height:1; font-weight:600; font-size:1.5rem; 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.5rem 0 1rem}
.portal-g1.fixed .emblem-1, .portal-g1.fixed .emblem-2, .portal-g1.fixed .emblem-3 {padding-top:.875rem; padding-bottom:.6875rem}
.emblem-1 {min-height:1.5rem; padding-left:10px; padding-right:.25rem; font-size:1.375rem}
.emblem-1 span {display:block; width:4.65em; height:1em; margin:-.0625rem 0 .0625rem; overflow:hidden; text-indent:-99em; background:url('/u/loga-n4/idnes-white.svg') no-repeat 0 0 / contain}
.emblem-3 {padding-left:.25rem; text-transform:uppercase}
.portalmenu-1 {float:right; margin-right:15px; padding-top:.625rem}
.portal-g1.fixed .portalmenu-1 {padding-top:.3125rem}
.portalmenu-1 li {position:relative; float:left; display:block; line-height:3.375rem; font-size:1rem; letter-spacing:-.5px}
.portal-g1.fixed .portalmenu-1 li {line-height:2.75rem}
.portalmenu-1 li.act {font-weight:600}
.portalmenu-1b {display:flex; justify-content:space-around; /*min-width:50%;*/ margin-right:0}
.portalmenu-1 a {position:relative; display:block; padding:0 .5em}
.portalmenu-1 a:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:4px; background:transparent}
.portalmenu-1 a:hover:after, .portalmenu-1b li:hover a:after {background:#D3D7DA} 
ul.portalmenu-1 li.act a:after {background:#FFF}
.portalmenu-1 a, .portalmenu-1 a:hover {color:inherit; text-decoration:none; outline:none}
.portalmenu-1 a.active {z-index:2; border-radius:.2em .2em 0 0; background:#FFF}
.portalmenu-1 a.active:before {content:''; position:absolute; top:50%; left:50%; width:1em; height:1em; line-height:1em; margin:-.5em 0 0 -.5em; font-size:125%; text-align:center; color:#122E5B; background:url('/u/icon/124/close-i.svg') no-repeat 50% 50% / contain; text-indent:0}
.portalmenu-1 a.icon-menu.active:after {content:''; display:block; position:absolute; top:auto; bottom:0; left:-2px; right:-2px; width:auto; height:4px; margin:0; opacity:1; background:#FFF}
a.icon-menu {position:relative; display:block; width:1em; padding:0 .8em; text-indent:-9999em; background:url('/u/icon/fff/menu.svg') no-repeat 50% 50% / 1.2em auto}
.portalmenu-1-sub {position:absolute; top:100%; left:-1em; min-width:calc(100% + 2em); max-height:0; overflow:hidden; color:#D3D7DA; background:#2B3135; transition:max-height .2s linear .3s}
.portalmenu-sph .portalmenu-1-sub {left:-.7em; min-width:calc(100% + 1.4em)}
.portalmenu-1 li:hover .portalmenu-1-sub, .portalmenu-sph li:hover .portalmenu-1-sub, .iph-menu1 li:hover .portalmenu-1-sub {z-index:3; max-height:36em}
.portalmenu-1-sub li, .portalmenu-sph .portalmenu-1-sub li, .portal-g1.fixed .portalmenu-1-sub li {float:none; display:block; height:2em; line-height:2; font-size:87.5%; white-space:nowrap; font-weight:400}
.portalmenu-1-sub li:first-child {padding-top:1em}
.portalmenu-1-sub li:last-child {padding-bottom:1em}
.portalmenu-1-sub a, ul.portalmenu-1-sub li a {float:none; display:block; height:auto; line-height:inherit; padding:0 2em; color:inherit}
.portalmenu-1-sub a:hover, .portalmenu-sph .portalmenu-1-sub a:hover {text-decoration:underline; color:#FFF}
.portalmenu-1-sub a:after {display:none}
/* fix for PRG creativity */
.portalmenu-1-group {position:absolute; top:100%; left:-1em; min-width:calc(100% + 2em); max-height:0; overflow:hidden; color:#D3D7DA; background:#2B3135; transition:max-height .2s linear .3s}
.portalmenu-1 li:hover .portalmenu-1-group {z-index:3; max-height:36em}
.portalmenu-1-group ul:first-child {padding-top:1em}
.portalmenu-1-group li {float:none; display:block; height:2em; line-height:2; font-size:87.5%; white-space:nowrap; font-weight:400}
.portalmenu-1-group li a {float:none; display:block; height:auto; line-height:inherit; padding:0 2em; color:inherit}
.portalmenu-1-group li a:hover {text-decoration:underline; color:#FFF}
.portalmenu-1-group a:after {display:none}

.portal-g2 {clear:both; display:flex; justify-content:space-between; padding:0 15px; border-bottom:1px solid var(--tgl-neutral10, #D3D7DA)}
.portal-g2a {flex:0 0 auto; float:left; padding:0 10px}
.portal-g2a h3 {line-height:1.7; font-size:137.5%; font-weight:600; color:#E41F1F}
.portal-g2a h3:after {content:''; display:block; clear:both}
.portal-g2a h3 img {display:block; width:auto; height:.727em; margin-top:.5em}
.portal-g2a h3 a {float:left; color:inherit}
.portal-g2a p {line-height:1.25; margin:.5em 0; font-size:68.75%}
.portal-g2a h3 ~ p {display:none}
.portalmenu-2 {float:right; padding:5px 0}
.portalmenu-2 li {position:relative; overflow:hidden; float:left; display:block; line-height:1.78; font-size:87.5%; white-space:nowrap}
.portalmenu-2 a {position:relative; display:block; padding:0 .57em; border:2px solid #FFF; border-radius:6px; color:#75868E}
.portalmenu-2 a:before {content:''; position:absolute; top:-1em; left:-1em; bottom:-1em; right:-1em}
.portalmenu-2 a:hover, .portalmenu-2 .act a {color:#2B3135; background:#F0F2F3}
.portalmenu-2 a, .portalmenu-2 a:hover {text-decoration:none}

.portalmenu {display:none; position:absolute; top:100%; left:0; z-index:3; width:100%; margin-top:-4px; color:var(--tgl-neutral80, #434D52); background:var(--tgl-white, #FFF); box-shadow:0 .5rem 1rem -.5rem var(--tgl-black-o30, #0000004d)}
.portalmenu.visible {display:block}
.portalmenu-list-out {position:relative; padding:20px 10px 0}
.portalmenu-list {display:table; table-layout:fixed; width:100%; border-collapse:collapse}
.portalmenu-list ul {display:table-cell; vertical-align:top; overflow:hidden}
.portalmenu-list ul ~ ul {border-left:1px solid var(--tgl-neutral05, #F0F2F3)}
.portalmenu-list li {display:block; font-size:87.5%; line-height:1.286}
.portalmenu-list li:first-child {text-transform:uppercase; font-weight:600; font-size:112.5%; font-family:var(--ff-h, 'Fira Sans')}
.portalmenu-list li:first-child a {color:var(--tgl-pri80, #122E5B)}
.portalmenu-list a {display:block; padding:.2em 10px .2em 15px; color:var(--tgl-neutral80, #434D52)}
.portalmenu-idnprem {position:absolute; bottom:0; right:10px; display:block; width:338px; border-top:10px solid var(--tgl-white, #FFF); background:var(--tgl-ter05, #FFF6DC)}
.portalmenu-idnprem a {display:block; padding:5px 0 15px; color:var(--tgl-neutral80, #434D52)}
.portalmenu-idnprem li {float:left; display:block; margin:0 0 0 1rem; font-size:93.75%}
.portalmenu-idnprem li:first-child {margin-top:10px; text-transform:uppercase; font-weight:600; font-size:150%}
.portalmenu-idnprem li:first-child a {padding:10px 0}
.portalmenu-idnprem li:nth-child(2) {clear:both}
.lgidnprem {overflow:hidden; display:block; width:7.13em; height:.8em; text-align:left; text-indent:-99em; background:url('/o/premium/logo-premium.svg') no-repeat 0 50% / contain} 
.portalmenu-sme-out {padding:15px; border-top:5px solid var(--tgl-neutral10, #D3D7DA); background:var(--tgl-neutral05, #F0F2F3)}
.portalmenu-sme {display:table; table-layout:fixed; width:100%; border-collapse:collapse}
.portalmenu-sme ul {display:table-cell}
.portalmenu-sme li {display:block; font-size:87.5%}
.portalmenu-sme a {display:block; padding:.2em 10px .2em 1em; color:var(--tgl-neutral80, #434D52); background:url('/u/icon/000/arrow-right.svg') no-repeat 0 50% / auto .8em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.portalmenu .label-new:after {content:'NOV\c9 '; display:inline-block; vertical-align:top; margin:.31em 0 0 .7em; padding:1px .5em 0; border-radius:3px; text-transform:uppercase; font-weight:600; line-height:1.2; font-size:68.75%; color:var(--tgl-white, #FFF); background:var(--tgl-pri60, #1B3E7A)}
.portalmenu-cookies {padding:15px; border-top:5px solid var(--tgl-neutral10, #D3D7DA); background:var(--tgl-neutral05, #F0F2F3)} 
.portalmenu-cookies ul {overflow:hidden}
.portalmenu-cookies li {float:left; display:block; width:20%; font-size:87.5%}
.portalmenu-cookies a {display:block; padding:.2em 10px .2em 1em; color:var(--tgl-neutral80, #434D52); background:url('/u/icon/000/arrow-right.svg') no-repeat 0 50% / auto .8em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

.portalmenu-search {clear:both; padding:20px 10px}
.portalmenu-search form {display:block; position:relative}
.portalmenu-search .inp, .portalmenu-search .sen {font-size:112.5%}
.portalmenu-search .inp {width:100%; height:3em; padding:0 12em 0 3em; border:1px solid var(--tgl-neutral10, #D3D7DA); border-radius:.3em; color:#75868E; background:var(--tgl-neutral05, #F0F2F3) url('/u/icon/567/search.svg') no-repeat .8em 50% / 1.5em 1.5em}
.portalmenu-search .inp::placeholder {color:inherit; opacity:.5}
.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')}
.portalmenu-search .sen {position:absolute; top:0; right:0; width:11em; height:2.6em; margin:.2em; border:0; border-radius:.2em; font-weight:600; text-align:center; color:var(--tgl-white, #FFF); background:var(--tgl-neutral20, #B2B9BE)}
.portalmenu-search .inp:focus ~ .sen {background-color:var(--tgl-pri60, #1B3E7A)}
.portalmenu-search .sen.sen:hover {background-color:var(--tgl-pri80, #122E5B)}
.portalmenu-search #words {left:54px}

#words, .words {position:absolute; top:100%; left:60px; z-index:10; display:none; line-height:1.2; margin:0; padding:0; width:22em; border:1px solid var(--tgl-neutral10, #D3D7DA); color:#2C5AA5; background:#F9F9F9; cursor:default; font-size:87.5%; font-weight:400; overflow:hidden; white-space:normal; text-transform:none}
#words div, .words div {padding:.2em .8em}
#words div span, .words div span {float:right; color:#787878}
#words div.selected, #words div.selected span, .words div.selected, .words div.selected span {color:highlighttext; background:highlight}
#words a, .words a {clear:both; float:none; display:block; height:auto; line-height:1.33; padding:2px 5px; border-top:1px solid #C2C2C2; color:#EE333E; background-color:#E9EAEA}
#words a:hover, .words a:hover {color:highlighttext; background:highlight}

.premlab, .premlab:hover {display:inline-block; margin:0 .25rem 0 0; padding:1px .333em; border-radius:2px; font-weight:600; font-size:.75rem; line-height:1.167; font-family:var(--ff-m, 'Inter'); color:#000; background:#E8B332; text-decoration:none !important}

.btn-prem, .btn-prem:hover {position:relative; overflow:hidden; display:inline-block; width:auto; height:auto; line-height:1.5; margin:0 auto .5em; padding:.75em 2em; border:0; border-radius:.25rem; font-weight:600; font-size:125%; text-align:center; text-decoration:none !important; color:#000 !important; background:#E8B332 !important; box-shadow:0 2px 5px var(--tgl-neutral20, #B2B9BE)}
.btn-prem:after {content:''; position:absolute; top:0; right:-105%; left:auto; bottom:auto; width:100%; height:100%; background:linear-gradient(135deg, rgba(255,255,255,0) 33%, rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 67%)}
.btn-prem:hover:after {right:105%; transition:.6s right}

.portal-g0 {position:relative; z-index:3; padding:0 25px; color:var(--tgl-neutral90, #2B3135); background:var(--tgl-neutral05, #F0F2F3)}
.portal-g0:after {content:''; display:block; clear:both}
.portalmenu-0, .p-date {line-height:2.166; font-size:75%}
.p-date {float:left; white-space:nowrap /* iPad fix */}
.portalmenu-0 {position:relative; float:right}
.portalmenu-0 li {position:relative; display:inline-block; vertical-align:top; margin:0 0 0 1em}
.portalmenu-0 .premlab, .portalmenu-0 .premlab:hover {margin:.42em 1rem 0; font-size:100%}
.portalmenu-0 .premlab.premlab-big {vertical-align:top; margin:.15em 1rem 0; padding:.2em 1.2em; font-size:116.6%}
.portalmenu-0 .premlab.premlab-expired {position:relative; vertical-align:top; margin:.15em 1rem 0; padding:.2em 1.2em; font-size:116.6%; 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:var(--tgl-white, #FFF) url('/u/icon/124/close-i.svg') no-repeat 50% 50% / 1em 1em}
a.icon-login0, a.icon-login1 {display:flex; align-items:center; color:var(--txt-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:block; width:1.4em; height:1.4em; margin:0 .5em 0 0; background:no-repeat 50% 50% / contain }
.icon-login0:before {background-image:url('/u/icon/137/login0.svg')}
.icon-login1:before {background-image:url('/u/icon/137/login1.svg')}
.portalmenu-0 .p-inbox {display:none; margin-right:2em}
.q-prihlasen .portalmenu-0 .p-inbox {display:inline-block}
.p-inbox a {display:block; padding:0 0 0 2em; color:var(--tgl-neutral80, #434D52); background:url('/u/icon/344/mail2.svg') no-repeat 0 50% / 1.5em 1.5em }
.p-inbox i {float:left; line-height:1.17; margin:.5em .5em 0 0; padding:0 .3em; border-radius:2px; color:#FFF; background:#e4201f; font-style:normal; animation:inbox 1000ms 3}
@keyframes inbox {
	50% {transform:scale(1.4); transform-origin:center}
}

.portal-g666 {clear:both; padding:0 15px; color:#E8B332; background:#2B3135}
.portal-g666:after {content:''; display:block; clear:both}
.portal-g666a {float:left; padding-left:10px}
.portal-g666a a {display:block; width:8.392857em; height:1em; text-indent:-99em; padding:0; border:1px solid transparent; border-width:.5em 0; overflow:hidden; background:url('/o/premium/logo-premium.svg') no-repeat 0 50%}
.portalmenu-666 {float:right}
.portalmenu-666 li {position:relative; overflow:hidden; float:left; display:block; padding:0; font:italic 600 87.5%/1.78 var(--ff-h, 'Fira Sans')}
.portalmenu-666 a {position:relative; display:block; padding:.6em .6em .3em; color:inherit}
.portalmenu-666 a:hover {color:inherit; text-decoration:none}
.portalmenu-666 a:before {content:''; position:absolute; top:-1em; left:-1em; bottom:-1em; right:-1em}
.portalmenu-666 a:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:transparent}
.portalmenu-666 a:hover:after {background:#D3D7DA}

.portal-native {max-width:1030px; margin:0 auto}
.portal-native .portal-g0 {box-shadow:1000px 0 0 var(--tgl-neutral05, #F0F2F3), -1000px 0 0 var(--tgl-neutral05, #F0F2F3)}

/*lachtan*/
#f-lachtan {}
#f-lachtan .box + .box {border-top:solid 1px #aaa; margin-top:10px; padding-top:10px}
#f-lachtan .w3-a, #f-lachtan .w3-b, #f-lachtan .w3-bc, #f-lachtan .w3-c {display:table-cell; vertical-align:top}
#f-lachtan .w3-a {width:373px; padding-right:15px}
#f-lachtan .w3-b {width:389px; padding-left:15px; border-left:dotted 1px #aaa}
#f-lachtan .w3-c {width:172px; padding-left:15px; border-left:dotted 1px #aaa}
#f-lachtan .w3-bc {width:576px; padding-left:15px; border-left:dotted 1px #aaa}
#f-lachtan ul, #f-lachtan .lach-list {font-size:75%}
#f-lachtan ul.fl, #f-lachtan ul.fr {width:172px}
#f-lachtan ul.fl {margin-right:25px}
#f-lachtan li {margin:0 0 8px; list-style:none}
#f-lachtan .w3-c h3 {margin:0 0 4px}
#f-lachtan h3 {margin:0 0 .3em 10px; font-size:100%}
#f-lachtan h3 a {color:#000}
#f-lachtan .w3-a li a, #f-lachtan .w3-b li a, #f-lachtan .w3-bc li a {display:inline-block; padding:0 0 0 10px; background:url('/u/foot/bullet.png') no-repeat 0 5px}
#f-lachtan .w3-a li a:hover, #f-lachtan .w3-b li a:hover {background-position:0 -95px}
#f-lachtan .lach-list a, #f-lachtan .lach-list span {line-height:1.73}
#f-lachtan .f-webtit {font-weight:400; font-size:156.25%; color:#000; line-height:1.73}

/*seo*/
#f-seo {font-size:68.75%}
#f-seo .f-in {background:#E1E1E1 url('/u/foot/horizontal_line.png') repeat-x 50% 0}
#f-seo h4 {float:left; margin:0 13px 4px 0}
#f-seo .fl, #f-seo .fr {width:485px}
#f-seo h4 a {color:#000; text-decoration:none; font-weight:600}
#f-seo li {list-style:none; float:left; margin:0 13px 4px 0}

/*foot*/
#f-foot {}
#f-foot .f-in {background:var(--tgl-white, #FFF); position:relative; min-height:50px}
#f-foot .iweb2 {position:absolute; z-index:1; right:20px; bottom:18px}
#f-top {margin:0 0 10px; background:url('/u/foot/horizontal_line.png') repeat-y 659px 0; background:url('data:image/png ; base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACAQMAAACjTyRkAAAABlBMVEW/v7////+Zw/90AAAADElEQVR4XmNgYGgAAACEAIEwsHsjAAAAAElFTkSuQmCC') repeat-y 659px 0}
#f-top .w2-a {float:left; width:688px}
#f-top .w2-b {float:right; width:285px}
#f-top ul {list-style:none}
#f-top li {float:left; width:172px; padding:7px 0}

.f-ico {display:inline-block; min-height:28px; line-height:28px; text-decoration:none}
.f-ico span {float:left; display:inline-block; width:26px; height:26px; margin:0 10px 0 0; background-image:url('/u/foot/footer_icons.png'); background-repeat:no-repeat; background-color:#8A8A8A}
.f-ico:hover span {background-color:#C11B1B}

.f-email {background-position:0 -6px}
.f-sms {background-position:0 -36px}
.f-rss {background-position:0 -66px}
.f-www {background-position:0 -96px}
.f-dnes {background-position:0 -126px}
.f-mobil {background-position:0 -156px}
.f-napiste {background-position:0 -186px}
.f-tema {background-position:0 -214px}
.f-iplus {background-position:0 -244px}

.btn-mob {display:none; margin:0 auto 2rem; padding:.75em; border:1px solid var(--tgl-pri10, #D3D7DA); border-radius:.25rem; font-weight:600; font-size:225%; line-height:1.2; text-align:center; text-decoration:none; text-transform:uppercase; color:var(--tgl-pri80, #122E5B); background:var(--tgl-pri05, #EDF2F9); -webkit-appearance:none; word-wrap:break-word; cursor:pointer}
.q-touch .btn-mob {display:block}
.q-ipad .btn-mob {display:none !important}

#f-top .w2-b li {width:auto; padding:7px 0 7px 18px}
#f-top .w2-b li:first-child {padding-left:0}
#f-top .w2-b .f-ico span {width:21px; height:21px; margin-right:5px; background-image:url('/u/ico/default-social.png'); background-repeat:no-repeat; border-radius:3px}
#f-top .w2-b .f-ico {min-height:21px; line-height:21px}
#f-top .w2-b .f-facebook {background-position:0 0; background-color:#00549F}
#f-top .w2-b .f-twitter {background-position:0 -25px; background-color:#3CF}
#f-top .w2-b .f-instagram {background-position:0 -375px; background-color:#555} 

#f-bot {padding:15px 0 0; border-top:1px solid #BFBFBF}
#f-bot .w2-a {float:left; width:200px; margin:0 0 0 10px}
#f-bot .w2-b {float:right; width:600px}
#f-emblem2 {height:50px}
#f-emblem2 a {display:block; width:134px; height:28px; background:url('/u/loga-n4/foot-logo-black.svg') no-repeat 50% 50% / cover; cursor:pointer}
#copyright2 {float:right; padding:0 10px 0 0; margin:0 0 10px; text-align:right; font-size:62.5%; color:#666}
#copyright2 a {color:#666; text-decoration:none}
#f-link {list-style:none; clear:both; padding:0 34px 0 0; text-align:right}
#f-link li {display:inline; margin:0 0 0 15px; white-space:nowrap}
/*== foot2 end ==*/

/* foot IDN3b */
#minor {position:relative; z-index:3; clear:both; /* hack - pocitadla a brandingy */ margin-bottom:-60px; padding-bottom:1px; /* hack END */ background:var(--tgl-white, #FFF); cursor:default}
/* cpex obstrukce 11/2021 */
#didomi-host ~ #minor {padding-bottom:360px}
#didomi-host[aria-hidden="true"] ~ #minor {padding-bottom:1px}

#foot .content {position:relative; width:1000px; min-height:0; margin:0 auto; padding:3em 10px; text-align:left; box-sizing:border-box}
#foot a {color:#333; text-decoration:none; cursor:pointer}
#foot a:hover {color:#000; text-decoration:underline}
#foot #copyright {padding:1.6em 6em 1.6em 0; color:#666; font-size:75%}
#foot #copyright a {color:inherit}
#foot ul {overflow:hidden; font-weight:600; font-size:100%}
#foot li {float:left; list-style:none; margin:0 .75rem 0 0}
#foot li a:hover {text-decoration:underline}
.ico-idn {position:relative; display:block; line-height:1.33; padding:0 1.7em 0 4.1em}
.ico-idn, .ico-idn:hover {color:var(--tgl-neutral90, #2B3135)}
.ico-idn:before {content:'Sledujte\20 '; position:absolute; top:0; left:0; width:auto}
.ico-idn:after {content:'\20 na:'; position:absolute; top:0; right:0}
.ico-mbl:before, .ico-eml:before, .ico-rss:before, .ico-fcb:before, .ico-twt:before, .ico-ins:before, .ico-mes:before, .ico-tik:before, .ico-tgr:before {content:''; display:inline-block; width:1em; height:1em; margin:0 .3em -.15em 0; background:no-repeat 50% 50% / contain; filter:var(--filter-txt-pri80)}
.ico-mbl:before {background-image:url('/u/icon/000/mobile2.svg')}
.ico-eml:before {background-image:url('/u/icon/000/mail2.svg')}
.ico-rss:before {background-image:url('/u/icon/000/rss.svg')} 
.ico-rss span {display:none}
.ico-fcb:before {background-image:url('/u/icon/000/social-facebook.svg')}
.ico-twt:before {background-image:url('/u/icon/000/social-twitter.svg')}
.ico-ins:before {background-image:url('/u/icon/000/social-instagram.svg')}
.ico-mes:before {background-image:url('/u/icon/000/social-messenger.svg')}
.ico-tik:before {background-image:url('/u/icon/000/social-tiktok.svg')}
.ico-tgr:before {background-image:url('/u/icon/000/social-telegram.svg')}
#foot .f-top {position:absolute; top:50%; right:10px; width:5em; height:5em; margin:-2.5em 0 0; font-size:75%; border-radius:100%; background:var(--sec60, #E41F1F)}
#foot .f-top:hover {background:#C11B1B}
#foot .f-top:before {content:''; position:absolute; top:50%; left:50%; width:2em; height:2em; margin:-.7em 0 0 -1em; border:1px solid var(--tgl-white, #FFF); border-width:.5em .5em 0 0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); box-sizing:border-box}
#foot .iweb2 {position:absolute; right:0; bottom:1em}

/* footer IDN4 */
#footer {clear:both}
#footer .content {width:964px; margin:var(--spacing-25, 2.5rem) auto var(--spacing-15, 1.5rem); font-size:1rem}
#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')}
#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; 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% / contain; filter:var(--filter-txt-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 .f-top {float:right; width:3rem; height:3rem; border-radius:100%; background:var(--sec60, #E41F1F) url('/u/icon/fff/arrow-up.svg') no-repeat 50% 50% / 50% 50%}
#footer .f-top:hover {background-color:var(--sec70, #C11B1B)}
#footer #copyright {margin:0 3.5rem; font-weight:400; font-size:81.25%; line-height:1.231; text-align:center}
#footer .btn-mob {margin:2rem auto}

.lachtan-out {clear:both; max-width:964px; margin:var(--spacing-2, 2rem) auto 0; padding:var(--spacing-15, 1.5rem) var(--spacing-15, 1.5rem) 0; border-radius:var(--radius-m-0); background:linear-gradient(180deg, var(--tgl-pri05, #EDF2F9) 0%, transparent 100%)}
.lachtan1, .lachtan2 {clear:both; margin:0 auto var(--spacing-2, 2rem); text-align:left}
.lachtan1 h4, .lachtan2 h4 {margin:0 0 .5rem; font-weight:600; font-size:112.5%; line-height:1.2; font-family:var(--ff-h, 'Fira Sans'); text-align:left; text-transform:uppercase}
.lachtan1 li, .lachtan2 li {list-style:none; font-size:87.5%; line-height:1.25}
.lachtan1 li a, .lachtan2 li a {display:block; padding:.25rem 0}
.lachtan1 {display:flex; gap:1.25rem}
.lachtan1 > div {flex:1}
.lachtan2 ul {display:flex; flex-wrap:wrap; gap:.5rem 1.25rem}
.lachtan2 li {flex:0 0 calc(25% - 1.25rem * 3/4)}

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

.r-head span {background-image:url('/u/idn4/reklama.svg')}

/* IPH = IdnesPortalHeader */
.iph {position:relative; z-index:4999; margin:0 0 1.5rem; padding:0 18px 1px; border-top:.25rem solid var(--sec60, #E41F1F); text-align:left; background:var(--tgl-white, #FFF); box-sizing:border-box}
.m-bg-4 .iph {margin:0 -15px 1.5rem; padding:0 33px 1px}
.iph:after {content:''; position:absolute; left:18px; bottom:0; right:18px; height:1px; background:var(--tgl-pri10, #D3D7DA)}
.m-bg-4 .iph:after {left:33px; right:33px}
.iph a {color:var(--tgl-pri80, #122E5B)}
.iph li {position:relative; display:block}
.iph-row {position:relative; display:flex; align-items:center; gap:1.5rem; max-width:964px; margin:0 auto .5rem; padding:1rem 0 .5rem; box-sizing:border-box; /*transition:padding .2s*/}
.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:4.65em; margin:0 auto; font-style:italic; font-weight:800; font-size:212.5%; line-height:1}
.iph-logo a {position:relative; display:block; text-indent:-99em; text-align:left; overflow:hidden; /*background:url('/u/loga-n4/idnes.svg') no-repeat 50% 50% / contain*/}
.iph-logo a:after {content:url('/u/loga-n4/idnes.svg'); position:absolute; top:0; left:0; width:100%; min-width:2em; height:100%; text-indent:0}
.dark .iph-logo a:after {content:url('/u/loga-n4/idnes-white.svg')}
.iph-date {font-size:62.5%; line-height:1.2}
.iph-prem {display:flex; align-items:center; gap:.5rem; max-width:300px; height:1.75rem}
.iph-prem iframe {width:100%!important}
.iph-prem .premlab.premlab.premlab, .iph-prem .btn-prem.btn-prem {margin:0; padding:0 .5rem; border-radius:.25rem; font-weight:600; font-size:81.25%; line-height:2.154; 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-icolist {display:flex; gap:1.5em; margin-left:auto}
.iph-icolist li {position:relative}
.iph-icolist [class*="ico-"] {display:block; min-width:4.25em; margin:0; font-size:.5rem; line-height:1; text-align:center}
.iph-icolist [class*="ico-"]:before {content:''; display:block; width:1em; height:1em; margin:0 auto .125rem; font-size:300%; filter:var(--filter-txt-pri80)}
.iph-icolist .ico-menu.active {position:relative}
.iph-icolist .ico-menu.active:before {background-image:url('/u/icon/000/close-i.svg')}
.iph-icolist .ico-menu.active:after {content:'Zav\159 \ed t'; position:absolute; bottom:0; left:50%; width:4em; margin-left:-2em; background:var(--tgl-white, #FFF)}
.iph-icolist .ico-menu.active:hover::after {text-decoration:underline}
.iph-row .portalmenu {margin-top:0; border:0}
.ico-login1 i {position:absolute; top:1.5rem; left:50%; margin:-1.4em 0 0 .2em; padding:0 .3em; border-radius:.25rem; font-style:normal; font-weight:800; font-size:.625rem; line-height:1.4; color:#FFF; background:var(--sec60)}
.iph .ico-login1, .q-prihlasen .iph .ico-login0 {display:none}
.q-prihlasen .iph .ico-login1 {display:block}
.iph-breadcrumb {display:flex; justify-content:center; flex-wrap:wrap; gap:0; margin:-.5rem 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:100%; 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:var(--sec60, #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-menu2 {position:absolute; top:100%; left:0; z-index:99; column-gap:0; min-width:9em; max-height:0; transition:all .2s linear .3s; overflow:hidden; border:0 solid var(--tgl-pri10, #D3D7DA); border-radius:.25rem; font-weight:400; font-size:.875rem; line-height:1.125rem; background:rgba(255,255,255,.9); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px)}
.dark .iph-menu2 {background:rgba(0,0,0,.9)}
.iph-more .iph-menu2 {display:none; left:auto; right:0; max-height:none; white-space:normal; transition:none}
.iph-menu2 li {break-inside:avoid}
li:hover .iph-menu2, .iph-more.active .iph-menu2 {padding:.5rem 0; border-width:1px; box-shadow:0 .5rem 1rem rgba(0,0,0,.08)}
li:hover .iph-menu2 {max-height:29.75rem} 
.iph-more:hover .iph-menu2, .iph-more.active .iph-menu2 {display:block}
.iph-menu2.iph-menu2 .iph-menu2.iph-menu2 {display:none}
.iph-menu2 a {padding:.5rem 1rem}
.iph-menu2 a:hover {background:var(--tgl-pri05, #EDF2F9)}
.iph-menu2 a:after {display:none}

#iph {position:sticky; top:-10rem; z-index:99; /*box-shadow:0 .5rem 5rem rgba(0,0,0,0);*/ transition:box-shadow 1s}
#iph.shadow {box-shadow:0 .5rem 1rem var(--tgl-black-o10, #0000001a)}