@import url("/css/ln6/base.css?v=03");

@font-face { font-family: "Lora"; font-weight: 400; font-style: normal; src: url("/fonts/Lora/lora-regular.woff2") format("woff2"), url("/fonts/Lora/lora-regular.woff") format("woff"); }
@font-face { font-family: "Lora"; font-weight: 400; font-style: italic; src: url("/fonts/Lora/lora-italic.woff2") format("woff2"), url("/fonts/Lora/lora-italic.woff") format("woff"); }
@font-face { font-family: "Lora"; font-weight: 600; font-style: normal; src: url("/fonts/Lora/lora-medium.woff2") format("woff2"), url("/fonts/Lora/lora-bold.woff") format("woff"); }
@font-face { font-family: "Lora"; font-weight: 600; font-style: italic; src: url("/fonts/Lora/lora-mediumitalic.woff2") format("woff2"), url("/fonts/Lora/lora-bolditalic.woff") format("woff"); }
@font-face { font-family: "Lora"; font-weight: 700; font-style: normal; src: url("/fonts/Lora/lora-bold.woff2") format("woff2"), url("/fonts/Lora/lora-bold.woff") format("woff"); }
@font-face { font-family: "Lora"; font-weight: 700; font-style: italic; src: url("/fonts/Lora/lora-bolditalic.woff2") format("woff2"), url("/fonts/Lora/lora-bolditalic.woff") format("woff"); }

@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-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-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-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-face { font-family: "Inter"; font-weight: 700; font-style: normal; src: url("/fonts/Inter/inter-bold.woff2") format("woff2"), url("/fonts/Inter/inter-semibold.woff") format("woff"); }
@font-face { font-family: "Inter"; font-weight: 700; font-style: italic; src: url("/fonts/Inter/inter-bolditalic.woff2") format("woff2"), url("/fonts/Inter/inter-semibolditalic.woff") format("woff"); }
/*stitek premium*/
@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}



h1, h2, h3 {/*font-family: 'Lora', serif;*/font-weight:700;font-size: 1rem;}

body {font-family:'Inter', sans-serif; color:#000; background:#CFD8DC;}
a, a:hover {color:#000; text-decoration:none; cursor:pointer}
a:hover {text-decoration:underline}
:target {/* kvuli kotvam a fixovanemu menu */ margin-top:-4em; padding-top:4em}
table:target {margin-top:0}
table:target::before {content:''; display:table-caption; height:4rem}

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


.portal {position:relative; z-index:99; width:1030px; margin:0 -15px 20px; text-align:left}

#emblem {margin: 0 auto;line-height:1;font-weight:700;font-size:150%;color:inherit;}
#emblem a {display: block;width: 372px;height: 80px;margin: auto;background: url('//1gr.cz/o/lidovky_ln5/ln-logo.svg') no-repeat 0 22px / contain;}
#emblem span { position: absolute; top: -9999em; left: -9999em; }

#emblem b.emblem-ceskapozice {display: block; width: 415px;height: 80px;margin:25px auto 0; background: url('//1gr.cz/o/ceska_pozice/logo-claim.png') no-repeat center right / contain;}


.portal-g1 {position:relative;/*border-bottom: solid 1px #e8ecf3;*//* overflow: hidden; */}
.portal-g1:before {content:"";position:absolute;left:0;bottom: 0px;width:100%;height:0;border-bottom: solid 1px #e8ecf3;}
.portal-g1:after {content:""; display:block;clear:both}
.portal-g1.fixed  {color:#fff;background:#1d4382;border-color: transparent;z-index: 1;box-shadow:0 10px 10px rgba(0,0,0,.2)}
.portal-g1.fixed:before {display:none}
.portal-g1.fixed a, .portal-g1.fixed a:hover, .portal-g1.fixed .portalmenu-1 li.act a {color:#fff}

#emblem-g1 {visibility: hidden;padding-left:10px;float: left;}
#emblem-g1 a {display: block;width:40px;height:40px;margin: .5em 1em;background:url(/o/lidovky_ln6/ico/ico-l.svg) no-repeat; background-size: 2.4em;}

#emblem-g1 span {display:none}

.portal-g1.fixed #emblem-g1{visibility: visible;}
.portal-g1.fixed a.icon-menu { background-image:url('/o/lidovky_ln6/ico/ico-portal-menu-fff.svg')}



.portalmenu-1 {margin: 0 auto 0;padding-top: 12px;text-align: center;}
.portalmenu-1 li {position:relative;display: inline-block;line-height: 1.8;font-size:100%;font-weight: 700;}
.portalmenu-1b li a {border-top: 2px solid transparent;}
.portalmenu-1b li {padding: 0 .5em 0em;}
.portalmenu-1b li a:hover, .portalmenu-1b li.act a {border-color: #8ea1c0; color:#1d4382; text-decoration:none}
.portalmenu-1b li:hover:after, .portalmenu-1b li.act:after {content:"";}

.portalmenu-1 a {position:relative; display:block; padding:0 .5em}

.hamburgermenu {float:right;/*margin-top: 2px;height: 2em;*/}

a.icon-menu { background-image:url('/o/lidovky_ln6/ico/ico-portal-menu.svg')}
a.icon-menu.active, .portal-g1.fixed a.icon-menu.active {background-color:#1d4382; background-image:url('/o/lidovky_ln6/ico/ico-close-fff.svg') }
a.icon-menu:after {content:'Menu'}


a.icon-user, a.icon-user-log, a.icon-menu {position: relative; display: block; width: 2em; height: 2.4em; padding: 0em 2em 0 0; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; background-position: 50% .5em; background-size: 1.2em auto;}
a.icon-user {background-image:url('/o/lidovky_ln6/ico/ico-login0.svg')}
a.icon-user-log {background-image:url('/o/lidovky_ln6/ico/ico-login1.svg')}

a.icon-user-log, .q-prihlasen a.icon-user {display:none}
a.icon-user, .q-prihlasen a.icon-user-log {display:block}
a.icon-user:after, a.icon-user-log:after, a.icon-menu:after, .portalmenu-sph a.icon-user:after, .portalmenu-sph a.icon-user-log:after, .portalmenu-sph a.icon-menu:after {content:''; position:absolute; left:50%; top:50%; width:10em; height:auto; margin:4px 0 0 -5em; font-size:8px; text-indent:0; text-align:center; opacity:0}
a.icon-user:after, .portalmenu-sph a.icon-user:after {content:'P\159 ihl\e1 sit'}
a.icon-user-log:after, .portalmenu-sph a.icon-user-log:after {content:'Profil'}

a.icon-user:hover:after, a.icon-user-log:hover:after, a.icon-menu:hover:after, .portalmenu-sph a.icon-user:hover:after, .portalmenu-sph a.icon-user-log:hover:after, .portalmenu-sph a.icon-menu:hover:after {opacity:1; background:none}
.portalmenu-1 a.icon-user.active, .portalmenu-1 a.icon-user-log.active, .portalmenu-1 a.icon-menu.active {overflow:visible}
.portalmenu-1-sub {position:absolute; top:100%; left:-1em; min-width:calc(100% + 2em); max-height:0; overflow:hidden; color:#CFD8DC; background:#263238; transition:max-height .2s linear .3s}

.p-holiday { position: absolute; top: 0; right: 0; z-index: 1; display: table; height: 86px; font-size: 75% }
.p-holiday p { display: table-cell; vertical-align: middle; text-align: right }


.portalmenu {display:none;position:absolute;top:100%;right: 0;left: 0;padding: 2rem 10rem;color: #fff;background: #1d4382;box-shadow:0 10px 10px -5px #666;}

.portalmenu.visible {display: grid;grid-template: none / 50%  50%;z-index: 1;margin-top: -10px;}
.portalmenu > * {}
.portalmenu-list-2col { display:none}
.portalmenu > *:first-child {grid-area: 1 / 1 / span 1 / span 2;}
.portalmenu > *:nth-child(2) {grid-area: 2 / 1 /span 1 / span 1;}
.portalmenu > *:nth-child(3) {grid-area: 2 / 2 / span 2 / span 1;}
.portalmenu > *:nth-child(4) {grid-area: 3 / 1 / span 1 / span 1;}

.portalmenu-list-2col { display:none}
.portalmenu .ico-mobile {display:none}

.portalmenu h2 {font-weight: normal; font-size: 75%; font-family: Inter, sans-serif }
.portalmenu-in {/*padding: 0rem 0rem 0;*/}
.portalmenu-in-2 {margin-top: 1rem;}
.portalmenu-in .portalmenu-list {}

.portalmenu-list ul { clear: both; display: block; margin: 0 0 1.5rem; overflow: hidden }
.portalmenu-list ul:last-child { /*margin: 1em 0 0;*/ }
.portalmenu-list li { font-size: 125%; font-weight: 700; }
.portalmenu-list a { display: block; padding: .4em 1rem .4em 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; text-decoration: none }

.portalmenu-search { clear: both; padding: 0 0em 2em }
.portalmenu-search form { display: block; position: relative }
.portalmenu-search .inp, .portalmenu-search .sen { font-size: 100% }
.portalmenu-search .inp { width: 70%; width: calc(100% - 6.5rem); height: 3rem; height: 2.5rem; padding: 0 .5rem 0 2.5rem; border: none; border-radius: 8px; color: #000; font-size: 87.5%; background: #fff url(/o/lidovky_ln6/ico/ico-search-148.svg) no-repeat .5rem center; }
/*.portalmenu-search .inp:focus { border-color: #999; color: #263238; background-color: #FFF; background-image: url('/u/icon/137/search.svg') }*/
.portalmenu-search .sen { position: absolute; top: 0; right: 0; width: 5.5rem; height: 2.5rem; margin: .2em; font-size: 75%; border: 0; border-radius: 1em; font-weight: 700; text-align: center; color: #000; background: #fff }
.portalmenu-search #p-words, .portalmenu-search #words { display: none }


/*
.portalmenu-search #words {left:54px}
#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 #CFD8DC; color:#2C5AA5; background:#F9F9F9; cursor:default; font-size:87.5%; font-weight:400; overflow:hidden; white-space:normal; text-transform:none}
#words div {padding:.2em .8em}
#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}*/

.portal-g0 {position:relative;/* z-index:3; */padding:10px 25px;color:#263238;background:#eceff1;}
.portal-g0:after {content:''; display:block; clear:both}
.portalmenu-0, .p-date {line-height:2.6;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:0 0 0 2em; font-size:100%}
.portalmenu-0 .premlab.premlab-big {vertical-align:top; margin:.15em 1em 0; padding:.5em 1.2em; font-size:116.6%}
.portalmenu-0 .premlab.premlab-expired {position:relative; vertical-align:top; margin:.15em 1em 0 3em; padding:.2em 1.2em; font-size:116.6%; background:#546E7A !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/da2/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}
.icon-login0, .icon-login1 {color:#000; font-weight:700;}
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('/o/lidovky_ln6/ico/ico-login0.svg')}
.icon-login1:before {background-image:url('/o/lidovky_ln6/ico/ico-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/icon/344/mail2.svg') no-repeat 0 50% / 1.5em 1.5em }
.p-inbox i {float:left; line-height:1.17; margin:.66em .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-bottom .btn { display: table; margin-bottom: 2em; padding: 0 1.5em; height: 3em; line-height: 3em; text-align: center; text-decoration: none; border-radius: 12px; background: #fff; }

.portal-social {margin-top: 1rem;width: 100%;}
.portal-social ul {display: block;margin-top: 1em;list-style: none;vertical-align: middle;width: 100%;}
.portal-social li {display: inline-block;/* float: left; *//* margin-left: .8em; */margin-right: .4em;}
.portal-social span { display: none }
.portal-social .ico-fcb, .portal-social .ico-twt, .portal-social .ico-ins { display: block; width: 40px; height: 40px; border-radius: 100%; background: #fff no-repeat center }
.portal-social a:before {top: 11px;}



/*ico-rss je v authorboxu*/
.ico-mbl:before, .ico-eml:before, .ico-fcb:before, .ico-twt:before, .ico-ins:before, .ico-mes:before {content:'';display: block;position: relative;top: 4px;width: 16px;height: 16px;margin:auto;background: no-repeat 50% 50%;background-size: contain;}
.ico-mbl:before {height: 22px;background-image:url('/o/lidovky_ln6/ico/ico-mobile.svg');}
.ico-eml:before {background-image:url('/o/lidovky_ln6/ico/ico-message.svg')}

.ico-fcb:before {background-image:url('/o/lidovky_ln6/ico/ico-facebook.svg')}
.ico-twt:before {background-image:url('/o/lidovky_ln6/ico/ico-twitter.svg')}
.ico-ins:before {background-image: url(/o/lidovky_ln6/ico/ico-instagram.svg);}
.ico-mes:before {background-image:url('/u/ico/ico-messenger.svg')}

.portal-g2 {display:flex;width: 660px;margin: 20px 0 -10px 30px;justify-content:space-between;z-index: 5;font-size: 87.5%;}

.portal-g2 .portal-g2a h2 {display:inline-block; margin-right: 1.5em; font-size: 100%;}
.portal-g2a ul {display: inline-block;list-style:none}
.portal-g2a li {display:inline-block; margin: 0 12px 6px 0;text-align:center;font-weight:700;border-radius:20px;background:#e8ecf3;}

.portal-g2a a {width:100%;padding: 0px 15px;color: #1d4382;text-decoration: none;line-height: 2;}
.portal-g2a li.act, .portal-g2a li:hover {background:#1d4382;}
.portal-g2a .act a, .portal-g2a  li:hover a {color:#fff}

.portal-g2b {position:relative;flex-grow: 1;}
.portal-g2b h4 {display: table;margin: -.3rem 0 0px auto;padding: 0.5rem 2rem 0.5rem 1rem;cursor: pointer;/* background: #afa; */}
.portal-g2b h4:after {content:'';position: absolute; right: .5em; top: 0; width:24px; height:24px; margin: 0 -5px 0 5px; vertical-align: middle; background:url(/o/lidovky_ln6/ico/ico-arr-down.svg) no-repeat center}
.portal-g2b h4:hover {text-decoration:underline}

.portal-g2b.open h4 {color:#cf0435;background: #E8ECF3;}
.portal-g2b.open h4:after {background-image:url(/o/lidovky_ln6/ico/ico-close-c03.svg)}
.portal-g2b ul {display:none;position:absolute;right: 0;min-width: 300px;padding: 1rem 1rem .5rem;max-width: 640px;box-sizing: border-box;text-align:right;background:#E8ECF3;box-shadow: -2px 2px 2px 0px rgba(5,5,5,.1);}
.portal-g2b.open ul {display:block}
.portal-g2b a {color:#1d4382; text-decoration:none}
.portal-g2b li {list-style:none;padding-bottom: .5em;font-weight: 700;}

/* hotfix */
.portal-g2 {margin:0 0 0 30px}
.portal-g2a, .portal-g2b {margin:20px 0 -10px}


#minor {position:relative;/* z-index:3; */clear:both; /* hack - pocitadla a brandingy *//*margin-bottom:-60px;*/padding-bottom:1px; /* hack END */background:transparent;cursor:default;}
#minor .s_wallpaper {
    max-width: 1030px;padding: 0 30px;box-sizing: border-box;background: white;
}
#foot .content {position:relative;width:1030px;background: #fff;min-height:0;margin:0 auto;padding: 2em 30px 0em 30px;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}
#copyright {display:flex;align-items: center;padding:1.6em 0;color:#666;font-size:75%;}

#f-emblem  {display:block;width:220px;flex: 220px 0 0;height: 30px;margin-right: 20px;background:url('//1gr.cz/o/lidovky_ln5/ln-logo.svg') no-repeat 50% 50% / cover;cursor:pointer;}
#f-emblem span {display:none}

#foot ul {display: flex;justify-content: space-between;font-weight:700;margin-bottom: 1rem;margin-bottom: 0;padding-bottom: 1rem;}
#foot li {float:left; list-style:none; margin:0 1em 0 0}
#foot li a:hover {text-decoration:underline}

#foot .ico-fcb:before, #foot .ico-twt:before, #foot .ico-ins:before{background-color: #000; border-radius:100%; background-size: auto;}
#foot .ico-fcb:before {background-image:url('/o/lidovky_ln6/ico/ico-facebook-fff.svg')}
#foot .ico-twt:before {background-image:url('/o/lidovky_ln6/ico/ico-twitter-fff.svg'); background-size: 80%;}
#foot .ico-ins:before {background-size: 10px;background-image: url(/o/lidovky_ln6/ico/ico-instagram-fff.svg);}

#f-sls li {position:relative; padding-left:20px; font-size:100%;}
#f-sls a:before {position:absolute; left:0; margin: 0px 5px 3px 0;}
#f-sls .ico-mbl:before {margin-top: -3px;}
#f-lnk {font-size:87.5%}
#foot .iweb2 {position:absolute; right:0; bottom:1em}

.btn-mob {display:none; line-height:1.2em; padding:.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:225%; overflow:hidden; color:#666; background:#E6E6E6; -webkit-appearance:none; word-wrap:break-word}
.q-touch .btn-mob {display:block}
.q-ipad .btn-mob {display:none !important}

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


/* KOLBDA hot fix 08/2023 */
.fc-button-custom-choice.fc-button-custom-choice.fc-button-custom-choice:hover {color:#000 !important; background:#ca9617 !important}
.fc-button-whitelist.fc-button-whitelist.fc-button-whitelist {color:#FFF !important; background:#4f924f url('//1gr.cz/log/redir.aspx?r=logsas_noevil_show_LN&log=ref&url=https%3A%2F%2F1gr.cz%2Fu%2Ffree.gif') !important}
.fc-button-whitelist.fc-button-whitelist.fc-button-whitelist:hover {background:#366336 !important}
body[style*="overflow: hidden"]{height:100vh}