@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-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-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-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-face {font-family:"Fira Sans"; font-weight:700; font-style:normal; src:url("/fonts/Fira/firasans-bold.woff2") format("woff2"), url("/fonts/Fira/firasans-bold.woff") format("woff");} @font-face {font-family:"Fira Sans"; font-weight:700; font-style:italic; src:url("/fonts/Fira/firasans-bolditalic.woff2") format("woff2"), url("/fonts/Fira/firasans-bolditalic.woff") format("woff");} h1, h2, h3, .art-full .opener, .art .perex, #foot, .tf-title, .extra-art-box .related {font-family:'Fira Sans', sans-serif} html {overflow-y:scroll} #main {position:relative; width:100%; margin:0 auto; text-align:center} .counters {position:absolute; top:-5000px; left:-5000px; z-index:1} .m-bg-1 {padding:10px 0 0} .m-bg-3 {max-width:1030px; margin:0 auto; background:#FFF} .klikaci-body .m-bg-3 {box-shadow:0 0 10px #444} .m-bg-4 {position:relative; z-index:2; width:1000px; min-height:600px; margin:0 auto; padding:.1px 0 1px; background:#FFF; text-align:left} @media screen and (min-width:1030px){.m-bg-4 {padding-left:15px; padding-right:15px}} /* portalovka */ #portal {clear:both; position:relative; width:1000px; margin:0 auto 20px; padding:0 0 1px} #p-menu iframe {margin-top:-3px} #portal hr {display:none} #emblem {font-family:Arial,Helvetica,sans-serif} #emblem a, #p-menu a {text-decoration:none} #emblem a:hover, #p-menu a:hover {text-decoration:underline} #portal li {list-style:none} #portal #emblem {position:relative; z-index:1; overflow:hidden; line-height:1.8; min-height:86px; margin:0; padding:0; font-size:400%; font-weight:400; text-transform:none; background:#FFF} #portal #emblem .emblem-1 {float:left; width:3.67em; height:1.8em; margin:0 10px} #portal #emblem .emblem-1 span {position:absolute; top:-99em; left:-99em} #portal #emblem .emblem-2, #portal #emblem .emblem-3 {float:left} #portal #emblem .emblem-2 {margin:0 10px 0 0; color:#999} #portal #emblem img {margin:0; vertical-align:top} #fellow {position:absolute; right:375px; top:0; z-index:3; text-align:right} #fellow img.fl {margin-right:0} #holiday {float:right; width:320px; padding:4em 0 0; text-align:right} /* MENU */ #p-menu#p-menu#p-menu .h {display:none} #p-menu {position:relative; z-index:12; clear:both; width:100%; font-size:133%; font-family:Arial, Helvetica, sans-serif; background:#FFF} #p-menu.fixed {padding:0 0 3px} #p-menu-2 {font-weight:700} #p-menu h4 {position:absolute; top:-9999em; left:-9999em} #p-menu menu {position:relative; clear:both; width:100%; min-height:1.84em; line-height:1.84; margin:0 auto; border-radius:3px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} #p-menu li, #p-menu a, #p-menu i, #p-menu .p-tit .nib {height:1.84em; line-height:1.84} #p-menu .p-tit .nib {display/*\**/:none\9} #p-menu li {position:relative; float:left; margin:0 -1px 0 0} #p-menu li.fr {float:right} #p-menu menu > li:first-child {margin-left:5px} #p-menu .nib {position:absolute; top:.3em; right:0; width:1px; height:1.2em; background:#999} #p-menu-2 li:last-child .nib {display:none} #p-sph {overflow:hidden} #p-sph .nib {position:static; float:left; width:.8em; height:100%} #p-menu-1 {padding-right:30px} #p-menu a, #p-menu i, #p-menu .ico-next {float:left; padding:0 .5em; text-decoration:none; font-style:normal} #p-menu-1 a, #p-menu-1 i {padding:0 .7em; color:#000} #p-menu #p-mor {position:relative; z-index:5; /*float:right; margin-right:30px;*/} #p-menu-2 a {color:inherit} #p-menu-2 .act {margin-bottom:-3px; padding-bottom:3px; border-radius:.3em .3em 0 0; color:#000; background:url('data:image/png ;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAQMAAABKLAcXAAAAA1BMVEX///+nxBvIAAAAE0lEQVR4XmOgKxgFo2AUjIJRAAAFeAABfJyg3QAAAABJRU5ErkJggg==') repeat-x 0 1px} #p-menu-2 .act .nib {display:none} #p-mor .ico-list {position:relative; z-index:5; margin:-1px 0; padding-left:30px; border:1px solid transparent; border-radius:.3em .3em 0 0} #p-mor:hover .ico-list, #p-mor.active .ico-list {border-color:#CCC; border-bottom-color:#FFF; color:#000; background:#FFF} #p-mor .ico-list span {position:absolute; top:50%; left:5px; width:21px; height:21px; margin:-11px 0 0; border-radius:3px} #p-mor ul {transition:.4s all; opacity:0; overflow:hidden; position:absolute; top:100%; left:0; z-index:2; width:0; line-height:0; border:1px solid transparent; border-radius:0 .3em .3em .3em; color:#000; background:#FFF; =display:none} #p-mor:hover ul, #p-mor.active ul {opacity:1; width:7em; line-height:1.8; padding:.2em 0 .8em; border-color:#CCC; =display:block} #p-mor ul * {height:inherit; line-height:inherit} #p-mor .nib {display:none} #p-mor li {float:none; display:block; width:100%} #p-mor li a {float:none; display:block; padding:0 10px; color:#000} /* novinka - 2015 kveten */ #p-menu #p-dal {position:static} #p-dal .ico-list {position:relative; z-index:5; margin:-1px 0; padding-left:30px; border:1px solid transparent; border-radius:.3em .3em 0 0} #p-dal.active .ico-list {border-color:#CCC; border-bottom-color:#FFF; color:#000; background:#FFF} #p-dal .ico-list span {position:absolute; top:50%; left:5px; width:21px; height:21px; margin:-11px 0 0; border-radius:3px} #p-dal div {position:absolute; top:100%; left:50%; z-index:4; display:none\9; width:998px; margin:0 0 0 -500px; border:1px solid #CCC; border-radius: 3px; background:#FFF; box-shadow:0 .2em .5em rgba(0,0,0,0); transition:.25s transform, .25s box-shadow .125s; transform-origin:0 0; -webkit-transform:scaleY(0); -ms-transform:scaleY(0); -moz-transform:scaleY(0); -o-transform:scaleY(0); transform:scaleY(0)} #p-dal div:after {content:''; position:absolute; top:0; left:0; right:20%; height:2em; background:rgba(0,0,0,0); transform-origin:0 0; transform:rotate(-1.07deg)} .q-mouse #p-dal:hover div, #p-dal.active div {display:block\9; box-shadow:0 .2em .5em rgba(0,0,0,.25); -webkit-transform:scaleY(1); -ms-transform:scaleY(1); -moz-transform:scaleY(1); -o-transform:scaleY(1); transform:scaleY(1)} #p-dal menu {width:auto; text-align:center; font-weight:700} #p-dal menu li {z-index:2} #p-dal menu a {float:none; display:inline-block; color:#000} #p-dal ul {position:relative; z-index:2; display:block; float:left; width:20%; overflow:hidden; background:#F3F3F3} #p-dal ul:first-child, #p-dal menu + ul {border-radius:0 0 0 3px} #p-dal ul:last-child {border-radius:0 0 3px} #p-dal ul li {float:none; height:auto; min-height:1.84em} #p-dal ul a {position:relative; height:auto; padding-left:32px; color:#000} a.p-sme-amo span, a.p-sme-rea span, a.p-sme-job span, a.p-sme-dov span, a.p-sme-ham span, a.p-sme-tk span, a.p-sme-poc span, a.p-sme-app span, a.p-sme-raj span, a.p-sme-tvp span, a.p-sme-aaa span, a.p-sme-jr span, a.p-sme-ac span {position:absolute; top:3px; left:5px; z-index:1; width:21px; height:21px; background:url('/o/sph/icon-sme-2.png') no-repeat} a.p-sme-amo span {background-position:0 0} a.p-sme-rea span {background-position:0 -25px} a.p-sme-job span {background-position:0 -50px} a.p-sme-dov span {background-position:0 -75px} a.p-sme-ham span {background-position:0 -100px} a.p-sme-tk span {background-position:0 -125px} a.p-sme-poc span {background-position:0 -150px} a.p-sme-app span {background-position:0 -175px} a.p-sme-raj span {background-position:0 -200px} a.p-sme-tvp span {background-position:0 -225px} a.p-sme-aaa span {background-position:0 -250px} a.p-sme-jr span {background-position:0 -275px} a.p-sme-ac span {background-position:0 -300px} #p-menu #p-hle {position:relative; z-index:3; float:right; width:31px; margin:0} #p-menu #p-hld {position:absolute; top:0; right:0; z-index:7; width:23px; margin:0} #p-hld .ico-zoom {position:relative; display:block; z-index:2; padding:0; width:100%; height:100%} #p-hld .ico-zoom span {position:absolute; top:50%; left:0; width:21px; height:21px; margin:-12px 0 0; border:1px solid #CCC; border-radius:3px} #p-hld.act .ico-zoom span {border-color:transparent; background-position:-21px -200px} #p-searcher {display:none; position:absolute; top:-1px; right:-5px; z-index:1; padding:10px; border:1px solid #CCC; border-radius:.3em; white-space:nowrap; color:#000; background:#FFF} #p-hld.act #p-searcher {display:block} #p-searcher form {display:block; position:relative; line-height:1} #p-searcher label {display:block; margin:0 0 .5em; font-size:14px} #p-searcher .inp, #p-searcher .sen {height:1.6em; margin:0; padding:0 4px; border:1px solid #999} #p-searcher .inp {width:12em; background:#FFF url('/u/portal/p-search-inp.gif') repeat-x} #p-searcher .inp:focus {border-color:#333} #p-searcher .sen {width:5em; border-radius:3px; background:#DDD url('/u/n4/button-bg-small.gif') repeat-x 0 50%; text-align:center} #p-searcher .sen:hover {border-color:#333; box-shadow:0 0 2px #333} #p-searcher #words {left:0} #p-menu .p-sub:hover .nib, #p-menu .p-sub.active .nib {display:none} #p-menu .p-sub .ico-next {position:relative; z-index:3; margin:-1px 0; padding-right:30px; border:1px solid transparent; border-radius:.3em .3em 0 0} #p-menu .p-sub:hover .ico-next, #p-menu .p-sub.active .ico-next {border-color:#CCC; border-bottom-color:#FFF; color:#000; background:#FFF} .p-sub .ico-next span {position:absolute; top:50%; right:5px; width:21px; height:21px; margin:-11px 0 0; border-radius:3px} #p-menu .p-sub ul {transition:all .4s; opacity:0; overflow:hidden; position:absolute; top:100%; left:0; z-index:2; width:0; line-height:0; border:1px solid transparent; border-radius:0 .3em .3em .3em; background:#FFF; font-weight:400; =display:none} #p-menu .p-sub.act ul {margin-top:-3px} #p-menu .p-sub:hover ul, #p-menu .p-sub.active ul {opacity:1; width:auto; min-width:11em; line-height:1.8; padding:.2em 0 .8em; border-color:#CCC; =display:block} #p-menu .p-sub ul * {float:none; display:block; height:inherit; line-height:inherit; white-space:nowrap} #p-menu .p-sub ul a {padding:0 10px; color:#000} #p-menu .p-tit ul {left:5px} #p-menu menu > li.p-tit {margin-left:0; padding:0 8px 0 5px; border-radius:3px 0 0 3px; background:rgba(0,0,0,.3)} #p-menu .p-tit .nib {top:0; width:10px; background:none} /* helper */ #words {position:absolute; top:100%; left:60px; z-index:10; display:none; line-height:1.2; margin:0; padding:0; width:17.2em; border:1px solid #999; color:#2C5AA5; background:#F9F9F9; cursor:default; font-size:12px; font-weight:400; overflow:hidden; white-space:normal; text-transform:none} #words div {padding:.2em 5px} #words div span {float:right; color:#787878} #words div.selected, #words div.selected span {color:highlighttext; background:highlight} #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 {color:highlighttext; background:highlight} /*== foot2 ==*/ #foot2 {clear:both; position:relative; z-index:2} #foot2 a, #f-lachtan a {font-style:normal; color:#333} #foot2 .f-in, #f-lachtan .f-in {width:980px; padding:15px 10px; margin:0 auto; text-align:left; cursor:default} #f-lachtan, #f-seo {width:100%} #foot2 h3, #f-lachtan h3 {margin:0 0 7px; font-size:133%; font-weight:600} .portal-g0 {position:relative; z-index:3; padding:0 25px; color:#263238; background:#eceff1} .portal-g0:after {content:''; display:block; clear:both} .portalmenu-0, .p-date {line-height:2.17; font-size:75%} .p-date {float:left} .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:0 0 0 2em} .portalmenu-0 .premlab.premlab-big {vertical-align:top; margin:.15em 1em 0; padding:.2em 1.2em; font-size:116.6%} .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} .icon-login0, .icon-login1 {color:#1B3E7A} a.icon-login1, .q-prihlasen a.icon-login0 {display:none} .q-prihlasen a.icon-login1 {display:block} .icon-login0:before, .icon-login1:before {content:''; float:left; display:block; width:1.4em; height:1.4em; margin:.35em .5em 0 0; background:no-repeat 50% 50% / cover } .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:#37474f; background:url('/u/idn4/icon-mail2-344.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} /*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 {list-style:none; } #f-lachtan ul.fl, #f-lachtan ul.fr {width:172px} #f-lachtan ul.fl {margin-right: 25px} #f-lachtan li {margin:0 0 8px} #f-lachtan .w3-c h3 {margin:0 0 4px } #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: normal; font-size: 209%; color:#000; line-height:1.73} /*seo*/ #f-seo {font-size:92%} #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:700} #f-seo li {list-style:none; float:left; margin:0 13px 4px 0} /*foot*/ #f-foot {} #f-foot .f-in {background:#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:#B9151C} .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; height:3em; line-height:3em; padding:0 .8em; margin:0 0 1em; border:1px solid #CCC; border-radius:.5em; cursor:pointer; text-align:center; text-decoration:none; text-transform:uppercase; font-weight:700; font-size:220%; overflow:hidden; color:#666; background:#E6E6E6; -webkit-appearance:none; word-wrap:break-word} .q-touch .btn-mob {display:block} #f-search {padding:8px 0} #f-search form {width:100%} #f-search .inp, #f-search .sen {height:22px} #f-search .inp {float:left; width:200px; line-height:22px; margin:0; padding:0 .2em; border:1px #CCC solid; font-size:14px; background:#FFF url('/u/portal/p-search-inp.gif') repeat-x} #f-search .inp:focus {border-color:#999} #f-search .sen {width:5em; font-size:12px; margin-left:4px; padding:0; border:1px solid #CCC; border-radius:3px; background:#DDD url('/u/n4/button-bg-small.gif') repeat-x 0 50%; text-align:center} #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:700px} #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:83%; 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:#FFF; cursor:default} #foot .content {position:relative; width:1000px; min-height:10px; margin:0 auto; padding:3em 6em 3em 5px; text-align:left; -webkit-box-sizing:border-box; box-sizing:border-box} #foot a {color:#333; text-decoration:none} #foot a:hover {color:#000; text-decoration:underline} #foot #copyright {padding:1.6em 0; color:#666} #foot #copyright a {color:inherit} #foot ul {overflow:hidden; font-size:133%; font-weight:600} #foot li {float:left; list-style:none; margin:0 1em 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:#666} .ico-idn:before {content:'Sledujte\20 '; position:absolute; top:0; left:0} .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 {content:''; display:inline-block; width:1em; height:1em; margin:0 .3em -.15em 0; background:no-repeat 50% 50% / cover} .ico-mbl:before {background-image:url('/u/ico/ico-mobile.svg')} .ico-eml:before {background-image:url('/u/ico/ico-email.svg')} .ico-rss:before {background-image:url('/u/ico/ico-rss.svg')} .ico-fcb:before {background-image:url('/u/ico/ico-facebook.svg')} .ico-twt:before {background-image:url('/u/ico/ico-twitter.svg')} .ico-ins:before {background-image:url('/u/ico/ico-instagram.svg')} .ico-mes:before {background-image:url('/u/ico/ico-messenger.svg')} #foot .f-top {position:absolute; top:50%; right:1em; width:5em; height:5em; margin:-2.5em 0 0; border-radius:100%; background:#E41F1F} #foot .f-top:hover {background:#B9151C} #foot .f-top:before {content:''; position:absolute; top:50%; left:50%; width:2em; height:2em; margin:-.7em 0 0 -1em; border:1px solid #FFF; border-width:.5em .5em 0 0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-box-sizing:border-box; box-sizing:border-box} #foot .iweb2 {position:absolute; right:0; bottom:1em} /* login i+ */ #p-holiday {position:absolute; top:0; right:0; z-index:99; max-width:500px; padding:14px 0 0; text-align:right} #p-date {display:inline-block; margin:0 0 .5em 0; padding:0 6px 0 0; border-right:1px solid #999} #p-plus {display:inline-block; white-space:nowrap; position:relative} #p-plus .ico-who {position:relative; z-index:2; display:block; padding:0 30px 0 6px} #p-plus .ico-who i {font-style:normal} #p-plus.act .ico-who i {visibility:hidden} #p-plus .ico-who span, #p-plus .ico-who img {position:absolute; top:50%; right:0; width:21px; height:21px; margin:-12px 0 0; border:1px solid #CCC; border-radius:3px} #p-plus .ico-who img {z-index:2; background-repeat:no-repeat; background-position:0 0; background-size:cover} #p-plus.act .ico-who span {border-color:transparent} #p-plus.act .ico-who img {display:none} #p-plus #idnes-plus {display:none; position:absolute; top:-8px; right:-5px; z-index:1; border:1px solid #CCC; border-radius:8px; text-align:left; font-family:Arial, Helvetica, sans-serif} #p-plus.act #idnes-plus {display:block} iframe#idnes-plus {height:230px} #idnes-plus {width:330px; font-family:Arial, Helvetica, sans-serif} #idnes-plus * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} #idnes-plus .disc-login, #idnes-plus .profile-header {position:relative; width:100%; padding:10px; border-radius:6px; white-space:normal} .disc-login .logo, .profile-header .logo {position:relative; height:50px; line-height:50px; margin:0 0 10px 4px; border:0; font-size:16px} .disc-login .logo span, .profile-header .logo span {position:absolute; top:0; left:0; z-index:1; width:193px; height:50px; background:url('/u/n4/logo-ucet-box2.gif') no-repeat 0 -1px} .profile-header .logo span {background:url('/o/mujucet/logo-ucet-muj.gif') no-repeat 0 -1px} .disc-login {background:#F4F4F4} #idnes-plus .disc-login .login-registration {position:absolute; top:33px; right:10px; text-align:right; white-space:normal} .disc-login .half-l {position:relative; float:left; width:37%; padding:0 0 0 70px} #idnes-plus .disc-login .half-l {float:none; width:100%} .disc-login h3, #moot-form-out .disc-login h3 {margin:0 0 10px; font-size:150%; color:#333} .disc-login .half-l h3 {display:none} .disc-login .half-l li {list-style:none; margin:4px 0 0} #idnes-plus .disc-login li {display:block; padding:0} .disc-login .btn, .disc-login .inp {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} .disc-login .inp, #moot-form-out .disc-login .inp {width:100%; height:auto; padding:2px .2em; border:1px solid #CCC; font-size:14px; font-weight:700; background:#FFF url('/u/portal/p-search-inp.gif') repeat-x} .disc-login .inp:focus, #moot-form-out .disc-login .inp:focus {border-color:#999} .disc-login a.btn, .disc-login b.btn {display:inline-block; width:100%; height:30px; line-height:30px; margin:0; padding:0; border:1px solid #CCC; border-radius:5px; color:#000; background:#DDD url('/u/n4/button-bg.gif') repeat-x; white-space:nowrap; text-align:left; font-size:12px; font-weight:700; cursor:pointer; text-decoration:none; overflow:visible} .disc-login a.btn:hover, .disc-login b.btn {border-color:#999; box-shadow:0 0 3px #999} .disc-login a.btn span, .disc-login b.btn span {float:none; display:inline-block; width:21px; height:21px; vertical-align:top; margin:4px .5em 0 4px; background:url('/u/ico/default-social.png?2'); border-radius:3px} .disc-login a.btn-openid span, .disc-login b.btn-openid span {background-color:#E16309; background-position:0 -525px} .disc-login a.btn-facebook span, .disc-login b.btn-facebook span {background-color:#3b5998; background-position:0 0} .disc-login a.btn-google span, .disc-login b.btn-google span {background-color:#E73400; background-position:0 -50px} .disc-login a.btn-mojeid span, .disc-login b.btn-mojeid span {background-color:#000; background-position:0 -500px} .disc-login b.btn span {position:absolute} .disc-login label.fb {position:absolute; left:0; width:60px; text-align:right; color:#666; font-size:117%; font-weight:700} .disc-login .check-line label {position:static; width:auto; padding-left:.5em; text-align:left; color:#666; font-size:92%; font-weight:400} .disc-login .check-line input {margin:0; padding:0} .disc-login button.btn {display:inline-block; width:100%; height:3em; vertical-align:middle; margin:0 0 9px; padding:0; border:1px solid #C00; border-radius:5px; color:#FFF; background:#D82731 url('/u/portal/zpr/button-bg.gif') repeat-x; white-space:nowrap; text-align:center; font-size:14px; font-weight:700; cursor:pointer; text-decoration:none; overflow:visible} .disc-login button.btn:hover {border-color:#900; box-shadow:0 0 3px #999} .disc-login .half-r {float:right; width:45%} .disc-login .half-r p {margin:0 0 1em} .disc-login .fbig {font-size:125%; font-weight:700} .circle-list li {list-style:none; padding:0 0 .6em 18px; background:url('/o/zpr/reddot.png') 0 .2em no-repeat} /* openid vyber */ .disc-login .standard-variant {position:absolute; display:none} .disc-login .openid-variant input {height:100%; width:100%; padding-left:31px; background:transparent; border:0} .disc-login .openid-variant label {font-style:normal; position:absolute; left:0%; top:36px; width: 100%; white-space:normal; line-height:125%; font-weight:normal} .disc-login .akce-openid .openid-variant {margin-bottom:3em} .disc-login .openid-variant b {display:none; position:relative} .disc-login .akce-openid .openid-variant a {display:none} .disc-login .akce-openid .openid-variant b {display:block} .disc-login .akce-openid .standard-variant {position:absolute; left:0; display:block; width:100%; height:58px; z-index:10; text-decoration:none; font-size:150%} .disc-login .akce-openid .standard-variant:before, .disc-login .akce-openid .standard-variant:after {display:block; position:absolute; left:0; top:0; width:100%; height:100%} .disc-login .akce-openid .standard-variant:before {content:''; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAQMAAABKLAcXAAAAA1BMVEX09PTft/RqAAAAAXRSTlO/Gzh2ewAAABNJREFUGBljGAWjYBSMglFAVwAABXgAAdxFAhsAAAAASUVORK5CYII=')} .disc-login .akce-openid .standard-variant:hover:after {content:'b\011B\017En\00E9 p\0159ihl\00E1\0161en\00ED'; top:16px; height:42px; color:black; font-weight:bold; padding-left:70px; box-sizing:border-box; -moz-box-shadow:border-box; -webkit-box-sizing:border-box; text-align:center} .disc-login .akce-openid #b_login:after {content:' pomoc\00ED\0020OpenID'} /* /openid vyber */ #idnes-plus .profile-header {background:#FFF} #idnes-plus .profile-header div.fl {margin:0 10px 0 0} #idnes-plus .profile-header div.fl img {display:block; width:60px} #idnes-plus .profile-header .cell {display:table-cell; width:235px} .profile-header h2.name, .social-list {float:left; margin:0 14px 10px 0} .profile-header h2.name {font-weight:bold; font-size:142%; color:#333} .profile-header p {width:100%; overflow:hidden; font-size:117%} .social-list li {list-style:none; float:left; margin:0 5px 0 0} .social-list span {position:absolute; top:-999em; left:-999em} .social-list a, .social-list i {float:left; width:21px; height:21px; margin:0; border-radius:3px; background:#CCC url('/u/ico/default-social.png') no-repeat} .social-list .logo-facebook {background-position:0 0} .social-list .logo-facebook:hover, .social-list i.logo-facebook {background-color:#00549F} .social-list .logo-google {background-position:0 -50px} .social-list .logo-google:hover, .social-list i.logo-google {background-color:#C30907} .social-list .logo-idnes {background-color:#D81636; background-position:0 -175px} .social-list .logo-idnes:hover {background-color:#D81636} .social-list .logo-proof {background-position:0 -200px} .social-list .logo-proof:hover {background-color:#393} .social-list .logo-mobil {background-position:0 -225px} .social-list .logo-mobil:hover {background-color:#3F3D49} .social-list .logo-blog {background-position:0 -250px} .social-list .logo-blog:hover {background-color:#003871} .social-list .logo-technet {background-color:#B5C839; background-position:0 -275px} .social-list .logo-technet:hover {background-color:#B5C839} .social-list .logo-rajce {background-position:0 -300px} .social-list .logo-rajce:hover {background-color:#DF3E22} .profile-statistics {margin:0 0 1em} .profile-statistics li {list-style:none; font-weight:700; font-size:108%; color:#666} .profile-statistics li i {font-style:normal; color:#333} .profile-header .setting {overflow:hidden; margin:1em 0 -.3em} .profile-header .setting li {float:left; margin:0 .8em .3em 0} .profile-header .setting li.fr {float:right; margin:0 0 .3em .5em} .profile-header .setting li.fr a {color:#C00} /* SVG */ #portal #emblem .emblem-1 {background:url('/u/loga-n4/idnes-idn3.png') no-repeat 50% 50%; background:url('/u/loga-n4/idnes.svg') no-repeat 0 50% / contain} #p-sph .nib {background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2010%2030%27%3E%3Cpolygon%20fill%3D%27%23777777%27%20points%3D%278%2C15%202.03%2C23%201%2C23%207%2C15%201%2C7%202%2C7%20%27%2F%3E%3C%2Fsvg%3E') no-repeat -.04em 50%} #p-mor .ico-list span, #p-dal .ico-list span {background:url('/u/ico/default-ico.png') no-repeat -21px -650px; background:url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2021%2021%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%232C2C2C%22%20d%3D%22M5%2C9h11c0.928%2C0%2C1%2C0.8%2C1%2C1.5c0%2C0.699-0.072%2C1.5-1%2C1.5H5c-0.928%2C0-1-0.801-1-1.5C4%2C9.8%2C4.072%2C9%2C5%2C9z%20M5%2C4h11c0.928%2C0%2C1%2C0.8%2C1%2C1.5S16.928%2C7%2C16%2C7H5C4.072%2C7%2C4%2C6.2%2C4%2C5.5S4.072%2C4%2C5%2C4z%20M5%2C14h11c0.928%2C0%2C1%2C0.801%2C1%2C1.5c0%2C0.7-0.072%2C1.5-1%2C1.5H5c-0.928%2C0-1-0.8-1-1.5C4%2C14.801%2C4.072%2C14%2C5%2C14z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 50% / contain} #p-hld .ico-zoom span {background:url('/u/ico/default-ico.png') no-repeat -21px -475px; background:url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2021%2021%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%232C2C2C%22%20d%3D%22M17.64%2C17.767l-0.309%2C0.309c-0.651%2C0.651-1.707%2C0.651-2.358%2C0L11.7%2C14.803c-0.414-0.414-0.563-0.992-0.449-1.525c-0.837%2C0.495-1.811%2C0.784-2.854%2C0.784c-3.103%2C0-5.617-2.515-5.617-5.617c0-3.103%2C2.515-5.617%2C5.617-5.617s5.617%2C2.515%2C5.617%2C5.617c0%2C1.2-0.379%2C2.309-1.02%2C3.221c0.489-0.057%2C0.997%2C0.096%2C1.372%2C0.471l3.272%2C3.271C18.291%2C16.06%2C18.291%2C17.115%2C17.64%2C17.767z%20M8.397%2C4.755c-2.037%2C0-3.689%2C1.652-3.689%2C3.689s1.652%2C3.69%2C3.689%2C3.69c2.038%2C0%2C3.689-1.652%2C3.689-3.69S10.436%2C4.755%2C8.397%2C4.755z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 50% / contain} #p-plus .ico-who span {background:url('/u/ico/default-ico.png') no-repeat -21px -950px; background:url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2021%2021%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%232C2C2C%22%20d%3D%22M10.766%2C3c1.201%2C0%2C2.911%2C1.24%2C3.194%2C3.315c0.288%2C2.111-0.977%2C4.456-1.806%2C4.615c-0.392%2C0.727-0.223%2C0.34-0.239%2C1.094c-0.01%2C0.469%2C0.459%2C0.587%2C1.109%2C0.721c1.086%2C0.225%2C1.838%2C0.432%2C2.422%2C0.943C16.261%2C14.404%2C16.57%2C14.69%2C17%2C18c-0.435%2C0-12.565%2C0-13%2C0c0.43-3.31%2C0.521-3.632%2C1.554-4.312c0.648-0.427%2C1.336-0.719%2C2.422-0.943c0.65-0.134%2C1.157-0.252%2C1.147-0.721c-0.016-0.754%2C0.006-0.584-0.277-1.094C8.007%2C10.77%2C6.802%2C8.355%2C7.132%2C6.213C7.446%2C4.174%2C9.027%2C3%2C10.234%2C3C10.765%2C3%2C10.418%2C3%2C10.766%2C3z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 50% / contain} #p-plus.act .ico-who span, #p-hld.act .ico-zoom span {border-color:transparent; background:url('/u/ico/default-ico.png') no-repeat -21px -200px; background:url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2021%2021%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%232C2C2C%22%20d%3D%22M13.108%2C10.616l3.12%2C3.12c0.555%2C0.555%2C0.555%2C1.455%2C0%2C2.01l-0.604%2C0.604c-0.556%2C0.555-1.455%2C0.555-2.01%2C0l-3.034-3.034L7.548%2C16.35c-0.556%2C0.555-1.456%2C0.555-2.011%2C0l-0.604-0.604c-0.556-0.555-0.556-1.455%2C0-2.01l3.119-3.12l-3.119-3.12c-0.556-0.555-0.556-1.455%2C0-2.011l0.604-0.603c0.555-0.555%2C1.455-0.555%2C2.011%2C0l3.033%2C3.034l3.034-3.034c0.555-0.555%2C1.454-0.555%2C2.01%2C0l0.604%2C0.603c0.555%2C0.556%2C0.555%2C1.456%2C0%2C2.011L13.108%2C10.616z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 50% / contain} #p-hld .ico-zoom:hover span, #p-plus .ico-who:hover span {background-color:#FFC} .p-sub .ico-next span {background:url('/u/ico/default-ico.png') no-repeat 0 -50px; background:url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2021%2021%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23FFF%22%20d%3D%22M9.219%2C14.562c-0.688-0.689-2.683-2.689-4.509-4.515c-0.69-0.69-0.69-1.81%2C0-2.5c0.689-0.69%2C1.809-0.69%2C2.499%2C0c1.118%2C1.118%2C2.348%2C2.35%2C3.292%2C3.294c0.943-0.945%2C2.174-2.176%2C3.291-3.294c0.691-0.69%2C1.811-0.69%2C2.5%2C0c0.691%2C0.69%2C0.691%2C1.81%2C0%2C2.5c-1.826%2C1.826-3.82%2C3.826-4.51%2C4.515c-0.357%2C0.357-0.822%2C0.51-1.281%2C0.484C10.041%2C15.071%2C9.577%2C14.919%2C9.219%2C14.562z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 50% / contain} .p-sub:hover .ico-next span, .p-sub.act .ico-next span, .p-sub.active .ico-next span {background:url('/u/ico/default-ico.png') no-repeat -21px -50px; background:url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2021%2021%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%232C2C2C%22%20d%3D%22M9.219%2C14.562c-0.688-0.689-2.683-2.689-4.509-4.515c-0.69-0.69-0.69-1.81%2C0-2.5c0.689-0.69%2C1.809-0.69%2C2.499%2C0c1.118%2C1.118%2C2.348%2C2.35%2C3.292%2C3.294c0.943-0.945%2C2.174-2.176%2C3.291-3.294c0.691-0.69%2C1.811-0.69%2C2.5%2C0c0.691%2C0.69%2C0.691%2C1.81%2C0%2C2.5c-1.826%2C1.826-3.82%2C3.826-4.51%2C4.515c-0.357%2C0.357-0.822%2C0.51-1.281%2C0.484C10.041%2C15.071%2C9.577%2C14.919%2C9.219%2C14.562z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 50% / contain} .q-js .arts-1, .q-js .arts-2, .q-js .arts-3, .q-js .arts-4, .q-js .arts-5, .q-js .arts-6, .q-js .arts-7, .q-js .arts-8, .q-js .arts-9, .q-js .arts-10, .q-js .arts-11, .q-js .arts-12, .q-js .arts-13, .q-js .arts-14, .q-js .arts-15 {display:none} .q-js .prep-1 .arts-1, .q-js .prep-2 .arts-2, .q-js .prep-3 .arts-3, .q-js .prep-4 .arts-4, .q-js .prep-5 .arts-5, .q-js .prep-6 .arts-6, .q-js .prep-7 .arts-7, .q-js .prep-8 .arts-8, .q-js .prep-9 .arts-9, .q-js .prep-10 .arts-10, .q-js .prep-11 .arts-11, .q-js .prep-12 .arts-12, .q-js .prep-13 .arts-13, .q-js .prep-14 .arts-14, .q-js .prep-15 .arts-15 {display:block} .q-js .prep-1 .nava-1, .q-js .prep-2 .nava-2, .q-js .prep-3 .nava-3, .q-js .prep-4 .nava-4, .q-js .prep-5 .nava-5, .q-js .prep-6 .nava-6, .q-js .prep-7 .nava-7, .q-js .prep-8 .nava-8, .q-js .prep-9 .nava-9, .q-js .prep-10 .nava-10, .q-js .prep-11 .nava-11, .q-js .prep-12 .nava-12, .q-js .prep-13 .nava-13, .q-js .prep-14 .nava-14, .q-js .prep-15 .nava-15 {color:inherit; text-decoration:none} @media print { html.q-js > body, #main, #portal #emblem, .m-bg-1, .m-bg-2, .m-bg-3, .m-bg-4, #foot, #foot2 #copyright2, #foot2 .f-in, #f-bot .w2-b {float:none !important; clear:both !important; position:static !important; width:100% !important; _width:600px !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:0 !important; background:none !important; filter:none !important} .counters, #p-menu, #f-lachtan, #f-seo, #f-top, #f-link, #f-emblem2, .iweb2 {display:none !important} #foot2 #copyright2 {padding:0; font-size:100%} a {color:#009 !important} } /* footer IDN4 */ #footer .content {width:964px; margin:2.5rem auto 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;} #footer #f-lnk {display:flex; flex-wrap:wrap; justify-content:center; margin:0 auto 1.5rem} #footer #f-lnk li {display:block; font-weight:700; 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} #footer .ico-mbl:before {background-image:url('/u/icon/124/mobile2.svg')} #footer .ico-dsk:before {background-image:url('/u/icon/124/desktop.svg')} #footer .ico-eml:before {background-image:url('/u/icon/124/mail2.svg')} #footer .ico-rss:before {background-image:url('/u/icon/124/rss.svg')} #footer .ico-fcb:before {background-image:url('/u/icon/124/social-facebook.svg')} #footer .ico-twt:before {background-image:url('/u/icon/124/social-twitter.svg')} #footer .ico-ins:before {background-image:url('/u/icon/124/social-instagram.svg')} #footer .ico-mes:before {background-image:url('/u/icon/124/social-messenger.svg')} #footer .ico-tik:before {background-image:url('/u/icon/124/social-tiktok.svg')} #footer .ico-tgr:before {background-image:url('/u/icon/124/social-telegram.svg')} #footer .f-top {float:right; width:3rem; height:3rem; border-radius:100%; background:#E41F1F url('/u/icon/fff/arrow-up.svg') no-repeat 50% 50% / 50% 50%} #footer #copyright {margin:0 3.5rem; font-weight:400; font-size:81.25%; line-height:1.231; text-align:center} #footer .btn-mob {height:auto; margin:2rem auto; padding:0 1em; border:1px solid #CFDCF1; border-radius:3px; font-weight:700; font-size:112.5%; line-height:3; text-decoration:none; text-transform:none; color:#102447; background:#EFF3F9;} #footer .btn-mob:hover {background-color:#CFDCF1} .lachtan-out {margin:2rem -15px 1rem; padding:1px 15px; font-size:1rem; background:linear-gradient(180deg, #EFF3F9 0%, rgba(239,243,249,0) 100%);} .lachtan1, .lachtan2 {clear:both; max-width:964px; margin:2rem auto; text-align:left} .lachtan1 h4, .lachtan2 h4 {margin:0 0 .5rem; font-weight:700; font-size:112.5%; line-height:1.222; font-family:'Fira Sans', sans-serif; text-align:left; 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:.5rem 1.25rem} .lachtan2 li {flex:0 0 calc(25% - 1.25rem * 3/4)}