@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: 700; 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: 900; font-style: normal; src: url("/fonts/Inter/inter-extrabold.woff2") format("woff2"), url("/fonts/Inter/inter-extrabold.woff") format("woff"); }

@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}
@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-display:swap}
@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"); font-display:swap}



* {margin:0; padding:0; border:0;}
html, body {font-size:1rem; line-height:1.25; font-family: Inter, sans-serif; color:#263238;  background:#F6F7F9}
a, a:hover { color: #13375E }
strong {font-weight:600}
sup {line-height:1}
.tac {text-align:center;}
.h {display:none}

#main {min-height: 100vh; padding:2rem; background:url(/o/cmpwall/bg_desktop.jpg) no-repeat center top;  background-attachment:fixed }

@media(max-width:750px) {
    #main { padding:1rem; background-image:url(/o/cmpwall/bg_touch2x.jpg); background-size:cover;}
}



.content {max-width:670px; margin:auto; padding:1.5rem; background: #fff; border-radius:8px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);}

.head { display: flex;  align-items: center;  justify-content: space-between; margin-bottom:1.5rem; padding-bottom:1rem; border-bottom: solid 1px #cfdcf1;}
.flag {display:block; width:2rem; aspect-ratio:1.5; text-indent:-10000px; overflow:hidden; border-radius:4px; background:no-repeat center; background-size:contain }
.flag.english {background-image: url(/u/vlajky/gbr.svg)}
.flag.czech {background-image: url(/u/vlajky/cze.svg)}


h1 { display: block; width: 4.65em; font-size: 212.5%; text-indent: -99em;  overflow: hidden; background: no-repeat 50% 50% / contain;}
h1.emblem-idn, h1.emblem-idnes  { width: 4.65em;  background-image: url(/u/loga-n4/idnes.svg) }

h1.emblem-lidovky {width: 5.65em; background-image: url(//1gr.cz/o/lidovky_ln5/ln-logo.svg)}
h1.emblem-expres {background-image: url(//1gr.cz/o/expres/LogoExpres4.svg)}

h1.emblem-ay {background-image: url('/o/antiyoutuber/logo-antiyoutuber.svg')}

@media(max-width:480px) {
    h1.emblem-idn { font-size:186%}
}


.login [class*="ico-"] {display:block;; margin: 0; text-align: center; font-size: 50%; text-decoration:none}
.login [class*="ico-"]:before { content: ''; display: block; width: 1em; height: 1em; margin: 0 auto; font-size: 1.5rem;background: no-repeat 50% 50% / contain;}

.login .ico-login0:before { background-image: url(/u/icon/124/login0.svg);}
.login .ico-login1:before { background-image: url(/u/icon/124/login1.svg);}

.login  .ico-login1, .q-prihlasen .login  .ico-login0 { display: none;}
.q-prihlasen .login .ico-login1 {display: block;}

.emblem { display: table; margin-bottom: 1.5rem }
.emblem img { vertical-align: top }


.amc-warning {margin-bottom:1rem; padding:1rem; text-align:center; font-size:1.2rem; font-weight:bold; color:#fff; background:#f00; outline: 2px #007 solid; border: 2px #fff solid;}
.amc-warning p+p {margin-top:.5rem}

.alert {margin-bottom:.5rem; font-size:1.75rem; font-weight:900; text-align:center}
.alert:before {content:""; display:block; width:64px; height:64px; margin:0 auto 1rem; background:url(/u/icon/e11/error.svg) no-repeat; background-size:contain}

.toptext {text-align:center; line-height:1.6}

.boxes {display:flex; gap:1.5rem; margin:1.5rem auto 2rem;; padding-bottom:2rem;  border-bottom: 1px solid #cfdcf1}

@media (max-width:600px) {
    .boxes {flex-direction:column}
    .box-highlited {order:-1}
}

@media (min-width:601px) {
    .boxes-connected {}
    .boxes-connected .box {}
}

.box {display:flex; flex-flow:column; justify-content: flex-start;  flex: 1 0 0px; padding:1.5rem; font-size:.875rem; border-radius:.5rem; border:solid 1px #cfdcf1;}
.box-highlited {border-color: #A1B8E0; box-shadow: 0px 0px 10px #0002}
.box h2 {margin-bottom:1.5rem; font-size:1.5rem; font-weight:700; font-family:'Fira Sans', sans-serif}
.box h2.tit2 {color:#37474F}

.ico-list {display:flex; gap:1rem; width:max-content; margin-bottom:.75rem; list-style:none}
.ico-list li {flex:1 0 0px; text-align:center; white-space:nowrap}
.ico-list img {display:block; height:24px; width:auto; margin:auto}
.ico-list span {color:#546e7a; font-size:.5rem}


.btn, .btn-cons, .btn-back {display:flex; align-items: center; justify-content: center; min-height: 44px; padding: 0.5em 1em; box-sizing:border-box;
                 text-align: center; font-weight:700; font-size:1rem;  text-decoration:none; border-radius: 4px; border:solid 1px transparent; }

.btn {color:#102447; border-color:#CFDCF1; background:#EFF3F9;}
.btn:hover {color:#102447; background:#cfdcf1}

.btn-cons {color:#fff; background: #008A27;}
.btn-cons:hover{color:#fff; background:#076d02}

.btn-back:hover {color:#102447; background:#cfdcf1}
.btn-back:before {content:""; display:inline-block; width:.75em; height:.75em; margin-right:.25em; background:url(/u/icon/124/arrow2-left.svg) no-repeat; background-size:contain}

.box p {margin-bottom:1rem}

.box .btn, .box .btn-cons { margin:auto auto 0;}
.box  p:last-child {margin:1rem auto 0}

.box-bottom {margin:auto auto 0;}
.box-bottom .btn, .box-bottom .btn-cons { margin:auto;}

.box .btn-wrap {display: flex;  margin: auto auto 0; min-height: 58px; flex-direction: column; justify-content: center;}



.buttons {display:flex;justify-content: space-between;  align-items: center; gap: 2em;}
.buttons >* {width: 100%;
    max-width: 320px;}
@media (max-width:600px) {
    .buttons {flex-direction:column-reverse}
}

ol {margin-left: 1em;}

.bottext {padding:1.5rem 0; text-align:center; }

.text {font-size:.75rem; line-height:1.6}
.text h3 {margin-bottom:1em; font-size:1.5em; line-height: 1.2;}
.text p {margin-bottom:1em; }

.kprihlaseni {font-size:1em}
.kprihlaseni .ico-close {position:relative; /*float:right; */display: flex; align-items: center; justify-content: center; width: 2em; height: 2.4em; 
                         margin: 0 0 1rem auto;/* margin-left: 1rem; margin-bottom: 1rem;*/ cursor:pointer;}
.kprihlaseni .ico-close:before {content:""; display:block; width:1em; height:1em; background:url(/u/icon/124/close-i2.svg) no-repeat ;}
.kprihlaseni .ico-close:after {content: 'Zav\159 \ed t'; position: absolute; bottom: -1px;font-size: 50%;}


.podcarou {padding:1rem 0; list-style:none; color:#263238; border-top:solid 1px #cfdcf1}
.podcarou li {margin-bottom:1em;}

.infobox-em {
    margin: 0 0 2.5rem;
    padding: 1.5rem;
    border-radius: 6px;
    color: #263238;
    border: solid 1px #e41f1f;
    background: #fce8e8;
}