/*horni cast soutezi kvuli krizovkam*/
.test-art { margin: 0 0 1rem 15px;  /* border-bottom:solid 2px #eee */ }
.test-art h1 { margin-bottom: 1rem; font-weight: 700; }
.test-art .opener { margin: .6em 0 1em }
.test-art .opener p { margin: 0 }

.krizovky {margin: 0 15px 2rem; }
.krizovka-wrap {position: relative;margin: 0 0 2rem;width:970px;}
.krizovka-wrap iframe { border: none; }

.krizovky .btn {color: #000;font-size: 87.5%;font-weight: 700;cursor: pointer;border-radius: 12px;border:solid 1px #EDEDED;background-color: #fff;}
.krizovky .btn:hover {text-decoration:none;color:#34568f}
.krizovky .btn.arr-right:after{content:"";display:inline-block;width: 8px;vertical-align: middle;height: 100%;margin-left: 10px;background: url(//1gr.cz/o/lidovky_ln6/ico/ico-arr-right.svg) no-repeat center center;}
.krizovky .btn.arr-right:hover:after {background-image:url(/o/lidovky_ln6/ico/ico-arr-right-358.svg)}

.ico-callendar:before{content:"";display:inline-block;width: 20px;vertical-align: middle; width: 20px; height: 100%;margin-right: 10px;background: url(/o/lidovky_ln6/ico/ico-calendar.svg) no-repeat center center;background-size: contain;}
.ico-callendar:hover:before {background-image:url(/o/lidovky_ln6/ico/ico-calendar-358.svg)}

.krizovka-info {position: absolute;top: 200px;left: 50%;width: 600px;margin-left: -300px;padding: 2em 1.5em 1.5em;box-sizing: border-box;background: #E7E7E8;}
.krizovka-info .close {position: absolute;right: 10px;top: 10px;padding-right: 20px;min-height: 20px;font-size: 70%;cursor: pointer;}
.krizovka-info .close:before, .krizovka-info .close:after { content: ""; position: absolute; top: 6px; right: 0; width: 18px; height: 0; transform: rotate(45deg); border-top: solid 3px #000; }
.krizovka-info .close:after { transform: rotate(-45deg) }
.krizovka-info h3 { margin-bottom: .5rem; font-size: 120%; font-family: 'Inter', sans-serif }
.krizovka-info p { margin-bottom: .5rem; font-size: 87.5% }

.krizovka-info .ico-info:before {content:""; display:inline-block; width:20px; height:20px;margin-right: 10px;vertical-align: middle;background:url(/o/lidovky_ln6/ico/ico-info-c03.svg)}
.krizovka-info .btn {margin-top: 1em;}


.krizovka-info-strip {margin-bottom: .5rem;padding: 1em 1em;font-size: 87.5%;}
.krizovka-info-strip h3, .krizovka-info-strip p {display:inline}
.krizovka-info-strip .btn {margin: 0 5px;}

/*barevne varianty*/
.krizovka-info-ok {color: #fff;background: #03AA00;}
.krizovka-info-ok > .close:before, .krizovka-info-ok > .close:after { border-color: #fff; }
.krizovka-info-ok a {color: #fff;cursor: pointer;}
.krizovka-info-err { color: #CF0435; background: #FFE4E8 }
.krizovka-info-err > .close:before, .krizovka-info-err > .close:after { border-color: #CF0435; }


.krizovky-daylist  {display:flex}
.krizovky-days li {display:inline-block;list-style:none;height: 3.5em;line-height: 3.5em;margin: 1em 5px 1em 0;color:#5370A0;padding: 0em 1.5em;font-size: 87.5%;border-radius: 12px;background:#E8ECF3;}
.krizovky-days li a {color:#5370A0;}
.krizovky-days .done:after {content:"";display:inline-block;width: 20px;height: 19px;margin-left: 10px;vertical-align: baseline;background:url(//1gr.cz/o/lidovky_ln6/ico/ico-done.svg);}
.krizovky-days li.act, .krizovky-days li.act a {color:#fff; background:#1D4382;}
.krizovky-days li.disabled {color:#CECFD0; background:#E7E7E8;}

.krizovky .btnwrapp {position:relative;display: table;}
.krizovky .btnwrapp .btn {margin-top:1em}

.krizovky-kalendar {position: absolute;right: 0;/* bottom:100%; */overflow: hidden;z-index: 20;top: -280px;}
.krizovky-kalendar .calendar-box {position:relative}
.krizovky-kalendar .calendar-days .done a {color:#fff; background:#1D4382;}

.krizovky-hp .krizovky-daylist { justify-content: space-between;}
.krizovky-hp .krizovky-kalendar {top: 90%; bottom:auto}

.krizovky-help-wrap {position:relative;margin-bottom: 5px;z-index: 1;}
.krizovky-help {position: absolute;top: 0;right: 0;width: 500px;padding: 0.5em 1em;font-size: 75%;line-height: 1.6;background:#fff;/* border:solid 1px #999; */box-shadow: 0px 0px 5px 1px rgb(50 50 50 / 50%);border-radius: 6px;}
.krizovky .ico-quest {font-size: 87.5%; cursor:pointer}
.krizovky .ico-quest:before {content:"?";display:inline-block;width: 16px;height: 16px;margin-right:5px;line-height: 17px;text-align:center;color:#fff;font-weight:700;font-size: 12px;border-radius:100%;background:#000;}
.krizovky .ico-quest:hover {text-decoration:underline}
.krizovky-help .ico-close {position: absolute; right: 0; top: -30px; width: 20px; margin: 0 0 auto  auto; cursor: pointer;}
.krizovky-help p {margin: .5em 0;}
.krizovky-help li {margin: .5em 0 0 1rem;list-style-type: initial;}

.krizovky-popup  {position:relative;padding: 0.5em 1em;font-size: 75%;line-height: 1.6;background:#fff;box-shadow: 0px 0px 5px 1px rgb(50 50 50 / 50%);}
.krizovky-popup .ico-close {position: absolute;right: 10px;top: 15px;width: 20px;margin: 0 0 auto  auto;cursor: pointer;}
.krizovky-popup p {margin: .5em 0;}
.krizovky-popup h3 {margin: .5em 0;}
.krizovky-popup li {margin: .5em 0 0 1rem;list-style-type: initial;}

.krizovky-pravidla  {position: fixed;top: 190px;left:50%;width: 600px;height: 600px;max-height: calc(100vw - 200px);margin-left: -300px;z-index: 100;}
.krizovky-pravidla-head {background:#fff;height: 30px;}
.krizovky-pravidla-in {overflow-y: scroll;height: 560px;}

.krizovky-hp-introbox { border-top: solid 1px #1d4382; margin-bottom: 2rem;}

.krizovky-introart {position:relative;overflow: hidden;}
.krizovky-introart h3 {font-size: 150%;margin-bottom: 1rem;}
.krizovky-introart .art-img {float:left; width:400px}
.krizovky-introart .perex {padding-left: 420px;}
.krizovky-introart .perex p {margin-bottom:1em}


/* on-line */
#on-line-header {text-align:center; margin:0 0 1.3em}
#on-line-header, #on-line-header-top {zoom:1}
#on-line-header h1 {width:1000px; font-size:150%; font-weight:700; padding-left:0; padding-right:0}
/* float kvuli logum sportovnich on-linu */
#on-line-header h1 .team {float:left; width:40%; height:60px; line-height:60px; text-transform:uppercase; overflow:hidden; zoom:1}
#on-line-header h1 .tar {text-align:right}
#on-line-header h1 .tal {text-align:left}
#on-line-header h1 .score {float:left; width:20%; line-height:60px; text-align:center; font-size:112.5%}
#on-line-header .big {font-size:100%}
#on-line-header p {clear:both; margin-bottom:24px}
/*#reload-box {position:relative; z-index:1; clear:both; width:100%; height:51px; margin:-18px auto 0; background:url('/o/zpr/online/online-reload-bg.gif') 50% 0 no-repeat; text-align:center}
#reload {position:absolute; top:0; left:50%; z-index:1; display:block; width:70px; height:20px; margin-left:-35px; padding:31px 0 0; overflow:hidden}
#reload span {position:absolute; top:0; left:0; z-index:1; display:block; width:100%; height:100%; background:url('/o/zpr/online/online-reload-stat.gif'); cursor:pointer} */
/*#reload.auto span {background:url('/o/zpr/online/online-reload-auto.gif')}*/


#on-line-add-moot {position:relative; width:100%; padding-bottom:1px; margin:0 0 22px}
#on-line-add-moot h2 {font-size:112.5%; font-weight:700; margin:0 0 7px}
#on-line-add-moot .show-box {/* display:none; */ position:absolute; top:0; right:0; z-index:1; width:7em}
#on-line-add-moot .moot-in {padding:8px 10px 4px; margin:0 0 10px; font-size:68.75%; background:#EEE; background:rgba(0,0,0,.07); border-radius:5px}
#on-line-add-moot .moot-login, #on-line-add-moot .moot-editor {clear:both; float:left; width:100%; margin:0 0 1em}
#on-line-add-moot .moot-login {margin:0 0 1em -10px}
#on-line-add-moot .fl-inp {float:left}
#on-line-add-moot .bt {float:right}
#on-line-add-moot .form-login .bt {margin:13px 0 0}
#on-line-add-moot .inp {float:left; margin:0 4px 0 0}
#on-line-add-moot .moot-login .inp {width:98px}
#on-line-add-moot .moot-editor .inp {width:200px}
#on-line-add-moot .moot-login li {clear:both; display:inline; margin-right:1em; line-height:26px; font-size:12px}
#on-line-add-moot .moot-login a {font-weight:700; color:#0A3A3D}
#on-line-add-moot .moot-in p {clear:both; margin:0 0 0.5em}
.mujpas-prihlasen .moot-login, .q-prihlasen .moot-login, .moot-editor {display:none}
.mujpas-prihlasen .moot-editor, .q-prihlasen .moot-editor, .moot-login {display:block}
#on-line-diskuse-data {width:282px; overflow:hidden; clear:both}
#on-line-diskuse-new {color:#32475A}
#on-line-diskuse-new b {color:#3C566E}
#on-line-diskuse-old {overflow:hidden}
#on-line-diskuse-data p.highlight {color:#6E3C3C}
#on-line-diskuse-data p i {visibility:hidden; position:absolute; top:-5000px; left:-5000px}

/*on-line-add-mid*/
#on-line-add-mid .ol-list {margin:0 0 10px}
#on-line-add-mid .ol-list li {list-style-position:inside; list-style-type:decimal}

/*online*/
#on-line {position:relative; width:100%}
#on-line h1 {margin-bottom: 3rem; font-size:250%; font-weight:700; line-height:1.2; font-family: 'Lora', serif;}

.online-top-box {margin:0 0 1em 10px}
.online-top-box img {margin-bottom:10px; vertical-align:middle}
.online-top-box h1 {margin:0 0 8px; font-size:162.5%; font-weight:700}
.online-top-box p, .online-top-box li {font-size:87.5%; margin:0 0 .25em}
.online-top-box li {list-style-position:inside}
.online-top-box ul {padding-left:1.2em}
.online-top-box ul li {list-style-position:outside}
.online-top-box .date {font-size:100%}

#on-line-art {margin:0 0 22px}
#on-line-art.tit-img {font-size:100%}
#on-line-art ul {list-style:none}
#on-line-art .box-in {margin:0 0 0 10px}
#on-line-art .fl, #on-line-art .fr {width:300px}
#on-line-art img, #on-line-art .mark-video {float:left; margin:0 10px 0 0}
#on-line-art .mark-video img {float:none; margin:0}
#on-line-art a {font-size:87.5%; font-weight:700; text-decoration:none}

#on-line .refresh-box {position:relative; margin:0 0 6px; float:right}
#on-line .refresh-box .list-tit2 {float:left; margin-top:8px; margin-left:10px; /*font-size:137.5%*/}
#on-line .refresh-box .webz-bg {position:static;float:right;margin:0 0 0 10px;padding: 0 1em;line-height: 1;font-size: 75%;padding: 0.8rem 2rem;color: #fff;border:none;border-radius: 12px;background: #000;}
/*#on-line .refresh-box .webz-bg:hover {border-color:#999}*/
#on-line .refresh-box .webz-bg span {/* display:none *//* vertical-align: middle; */}

#on-line .but-refresh {float: right;width:1em;height:1em;margin: 0 0 0 10px;background:url(/o/spo/dc/refresh.svg) no-repeat center; background-size:contain}
#on-line .auto .but-refresh, #on-line .auto:hover .but-refresh {animation:ckw 2s linear infinite}

@keyframes ckw {
	0% {transform:rotate(360deg)}
	100% {transform:rotate(0deg)}
}


#on-line .but-sound {/*background-position:0 -192px; */ width:36px; height:36px; margin:5px; background:url(/o/online/ico-sound.png) no-repeat center}
/*#on-line .webz-bg:hover .but-sound {background-position:-32px -192px}*/
#on-line .sound-off .but-sound {background-position:0 -256px}
#on-line .sound-off:hover .but-sound {background-position:-32px -256px}

#on-line .on-line-time {position:absolute; top:22px; right:10px; z-index:2; width:20em; white-space:normal; text-align:right; margin:0; font-size:68.75%}
/*#on-line-top {clear:both; padding:7px; font-size:131.25%; font-weight:700; color:#000; background:none} stavovy radek*/

#on-line-select #sound-switch {position:relative; float:right; width:32px; height:32px; margin:-6px 0 0; left:-5px; overflow:hidden}
#on-line-select #sound-switch span {position:absolute; top:0; left:0; z-index:1; display:block; width:100%; height:100%; background:url('/o/zpr/online/sound-switch.gif') no-repeat; cursor:pointer}
#on-line-select #sound-switch.sound-off span {background-position:100% 100%}

#on-line-select ul {width:550px; padding-left:1em}
#on-line-select li {float:left; display:block; padding-right:1em; white-space:nowrap}
#on-line-select li a {display:inline-block}
#on-line-select li img {width:auto; height:1.3em; margin:.3em 0 0; vertical-align:top}
#on-line.legend1 #on-line-select.inline .legend1, #on-line.legend2 #on-line-select.inline .legend2, #on-line.legend3 #on-line-select.inline .legend3, #on-line.legend4 #on-line-select.inline .legend4, #on-line.legend5 #on-line-select.inline .legend5, #on-line.legend6 #on-line-select.inline .legend6, #on-line.legend7 #on-line-select.inline .legend7, #on-line.legend8 #on-line-select.inline .legend8, #on-line.vse #on-line-select.inline .vse {color:#B9151C; text-decoration:none}

#on-line-select h4 {float:none; margin-bottom:10px; padding-right:1em; font-weight:700; font-size:100%}

#on-line-select.tiles ul.inline {float:left}
#on-line-select.inline h4 {float:left; margin-top:-3px}
#on-line-select li img {margin-right:3px}

#on-line-select.tiles {position:relative;/* top:-30px; */float: right;/* margin:20px 0 0 0; */}
#on-line-select.tiles ul {float:none; width:auto; padding-left:0}
#on-line-select.tiles li {min-height:0; width:185px; margin:0 5px 5px 0px; padding:0; line-height:1.33; white-space:initial}

#on-line-select.tiles li a {position:relative; display:table; width:100%; height:45px; padding:10px 5px; box-sizing:border-box; text-decoration:none; color:#024a92; font-size:87.5%; border-radius:3px; background:#fff; border:solid 1px #024a92}
#on-line-select li a:hover {text-decoration:underline}
#on-line-select.inline li .image {float:left; margin-top:-3px}
#on-line-select.tiles li .image, #on-line-select.dropdown li .image {display:table-cell; width:40px; height:23px; vertical-align:middle}

#on-line-select.tiles li img, #on-line-select.dropdown li img {/* display:block; */width:30px;height:auto;margin:0 5px 0 0;vertical-align: middle;}
#on-line-select.tiles li .img-act, #on-line-select.dropdown li .img-act {display:none}
#on-line-select.tiles li span, #on-line-select.dropdown li span {display:table-cell; vertical-align:middle; height:100%}
#on-line-select.tiles li a.vse span, #on-line-select.tiles li a.o-c3 span, #on-line-select.dropdown li a.vse span, #on-line-select.dropdown li a.o-c3 span {padding-left:40px}


#on-line-select.tiles .act a, #on-line-select.dropdown .act a {display:table;/* color:#fff; */text-decoration:none;/* background: #1d4382; *//* border-width: 2px; */}
#on-line-select.tiles .act a .img-neact, #on-line-select.dropdown .act a .img-neact {display:none}
#on-line-select.tiles .act a .img-act, #on-line-select.dropdown .act a .img-act {display:block}

#on-line-select.dropdown {float: left;position:relative; top:0px; height:65px; margin:0px 0 30px 10px; z-index:10}
#on-line-select.dropdown h4 {float:left; line-height:36px}
#on-line-select.dropdown ul {position:relative; display:inline-block; float:none; width:auto; margin-right: 15px; padding: .35rem 0; vertical-align:top; overflow:hidden; background:#fff; border: solid #e7e7e8 1px;border-radius: .5rem;}

#on-line-select.dropdown ul:after {content:''; position:absolute; top:.9rem; right:10px; display:block; width:15px; height:10px; cursor:pointer; background:url(/u/ico/default-ico.png); background-position:18px -80px}
#on-line-select.dropdown ul.closed:after {background-position:18px -57px}
#on-line-select.dropdown li {float:none; width:220px; min-height:0; margin:0}
#on-line-select.dropdown li:hover {}
#on-line-select.dropdown li a {position:relative; display:table; width:100%; height:26px; margin:0; padding:3px 30px 3px 5px; box-sizing:border-box; text-decoration:none;  font-size:87.5%; background:#fff}
#on-line-select.dropdown .closed li a {display:none}

#on-line-select.dropdown .act a, #on-line-select.dropdown .closed .act a {display:table; color:#000; }
#on-line-select.dropdown .act a:hover {}
#on-line-select.dropdown ul li a:hover {text-decoration:underline;}

#on-line-data {/*width:630px; */ margin:0 0 1em}
#on-line-data .o-c1, #on-line-data .o-c2, #on-line-data .o-c3, #on-line-data .c1, #on-line-data .c2, #on-line-data .c3 {clear:both}
/*nedavat overflow:hidden !!!!*/
#on-line-data .o-c1, #on-line-data .c1 {background:#FFF}
#on-line-data .o-c2, #on-line-data .c2 {background:#EFEFEF}
#on-line-data .o-c3, #on-line-data .c3 {background:#DDD;}
#on-line-data .time {float:left;width:80px;min-height:1px;margin:10px 10px 10px 0;padding: 5px 0;line-height:1.6;text-align:center;/* color: #fff; */font-size:87.5%;font-weight:700;}
#on-line-data.row-time .time {margin:10px 10px 10px 0}
#on-line-data .time a {display:block; cursor:pointer; margin:0 2px; padding-bottom:2px}
#on-line-data .event {display:block; line-height:1.6; border:0; padding:15px 10px 30px 10px; font-size:87.5%; overflow:hidden; _overflow:visible}
#on-line-data.with-images .event {position:relative; width:519px; padding-left:27px; min-height:15px; _height:15px}
#on-line-data.with-images .event img {position:absolute; top:6px; left:6px; z-index:1}
#on-line-copy {margin:0 0 1em 10px; padding:10px 0 0; background:url('/u/n3/art_dots.gif') repeat-x; font-size:68.75%}
#on-line-data .event + .relative {margin-top:-10px; padding:0 10px 10px; font-size:87.5%}

#on-line-data .o-c0 {padding:1em 0}
#on-line-data .o-c0 .item {font-size:131.25%; font-weight:700}
#on-line-data .o-c0 hr {display:block; height:0; margin:.5em 0; border:1px solid #000}


/*doplnky*/
#on-line-data .equip {margin:0}
#on-line-data .equ-img img {vertical-align:middle}
#on-line-data .equ-info {padding:10px; font-size:87.5%; border-top:2px solid #FFF}

/*online-box, online-table, online-fotogalery*/
.online-box, .online-table, .online-fotogalerie {/*width:610px; */ padding:10px 10px 5px}
.col-b .online-box, .col-b .online-table {width:280px}
.online-box .title, .online-table .title, .online-fotogalerie .title {float:left; line-height:1.44; font-size:112.5%; font-weight:700}
.online-box .show-box, .online-table .show-box, .online-fotogalerie .show-box {width:50%}
#on-line-wrapper .online-box .ico-r, #on-line-wrapper .online-table .ico-r, #on-line-wrapper .online-fotogalerie .ico-r {float:right; margin:0 0 5px}
.online-box .ico-r a, .online-table .ico-r a {margin-left:10px}

.online-box ul {list-style:none}
.online-box p {margin:0 0 .5em; font-size:87.5%}

.online-table table {width:100%; margin:0 0 5px; border-collapse:collapse; font-size:87.5%}
.online-table .col1 {width:5%}
.

/*sirky tabulky*/
.online-table .col-order {width:1%}
.online-table .col-result {width:10%}

.online-fotogalerie .box-in {overflow:hidden; width:100%}
.online-fotogalerie .box-img {width:110%}
.online-fotogalerie .box-img img {float:left; margin:0 23px 5px 0; vertical-align:middle}
.online-fotogalerie .more {margin:0 0 5px; font-size:87.5%}

#on-line-video .video-wmv {padding-left:10px}
#on-line-video #on-line-text a {display:block; margin:0 0 22px; padding:20px 20px 20px 200px; line-height:45px; font-size:131.25%; font-weight:700; background:#EEE; background:rgba(0,0,0,.07)}
#on-line-video #on-line-text img {float:left; margin-right:10px}

#on-line-wrapper .ico-r {margin-bottom:12px}
#on-line-add-top-content.box-in {padding-bottom:10px}

#on-line-add-results {}
#on-line-add-results table {width:100%; margin-bottom:5px; border-collapse:collapse; /*font-size:68.75%*/}
#on-line-add-results th, #on-line-add-results td {/*padding:2px 5px; border:1px solid #FFF*/}
#on-line-add-results .col1 {width:9%}
#on-line-add-results .col3, #on-line-add-results .col4, #on-line-add-results .col5 {width:18%}
#on-line-add-results-content .ico-r {margin:0 0 5px}
#on-line-add-results-content .ico-r a, .q-js .choice #on-line-add-results-content .ico-r a.ico-pack {display:none}
.q-js #on-line-add-results-content .ico-r a.ico-pack, .q-js .choice #on-line-add-results-content .ico-r a.ico-unpack {display:block}
.q-js #on-line-add-results.choice .hidden {display:none}



#on-line-add-twitter .tweet {margin-bottom:3px; background:#f8f8f8; padding:3px 5px}
#on-line-add-twitter .tweet span {color:#b7b7b7; margin-left:3px}

/* ze sportovnich online */
.on-line-rivals {display:table; table-layout:fixed; width:100%; line-height:1.3; border:1px solid #FFF; border-width:1px 0; color:#000; background:#DDD}
.on-line-rivals .half {display:table-cell; width:50%; padding:10px 10px 2px}
.on-line-rivals .half + .half {border-left:1px solid #FFF}
.on-line-rivals img {float:left; margin:0 10px 10px 0}
.on-line-rivals h3 {margin:0 0 .5em; font-weight:700; font-size:112.5%}
.on-line-rivals p {margin:0 0 .5em; font-size:87.5%}

.online-carousel {overflow:hidden;position:relative;top:-5px;/* width:1000px; */min-height:380px;margin: 0 -15px 12px;}
.online-carousel img.block {width:100%; height:auto}
.online-carousel a, .online-carousel a:hover {color:#FFF}
.online-carousel .nava {position:absolute;left:0;bottom:0;margin-left: 30px;z-index:2;/* width:100%; */line-height:2.6;text-transform:uppercase;font-weight:700;font-size:100%;color:#FFF;/* background:#111 */}
.online-carousel .nava li {position:relative;float:left;display:block;margin: 0 5px 0 0;padding:0 2em;border-right:1px solid rgba(128,128,128,.3);cursor:pointer;background: #8ea1c0;}
.online-carousel .nava li:hover {background:#025cb5}
.online-carousel.prep-1 .nava-1, .online-carousel.prep-2 .nava-2, .online-carousel.prep-3 .nava-3, .online-carousel.prep-4 .nava-4, .online-carousel.prep-5 .nava-5, .online-carousel.prep-6 .nava-6,
.online-carousel.prep-1 .nava-1:hover, .online-carousel.prep-2 .nava-2:hover, .online-carousel.prep-3 .nava-3:hover, .online-carousel.prep-4 .nava-4:hover, .online-carousel.prep-5 .nava-5:hover, .online-carousel.prep-6 .nava-6:hover {background: #1d4382;cursor:default;}
.online-carousel.prep-1 .nava-1:before, .online-carousel.prep-2 .nava-2:before, .online-carousel.prep-3 .nava-3:before, .online-carousel.prep-4 .nava-4:before, .online-carousel.prep-5 .nava-5:before, .online-carousel.prep-6 .nava-6:before {content:'';position:absolute;top:0;left:50%;width:0;height:0;margin:-1em 0 0 -.7em;border-width:0 .7em 1em;border-style:solid;border-color: #1d4382 transparent;}
.online-carousel .online-carousel-in {position:absolute;bottom:0;left:0;right:0;/*z-index:1; */padding:1em 2em 75px;color:#FFF;background: rgba(4, 31, 77, .8);}
/*.online-carousel .online-carousel-in .arts-1, .online-carousel .online-carousel-in .text {margin-bottom:.9em}*/
.online-carousel .online-carousel-in > * {}

.online-carousel .online-carousel-box {position:absolute; bottom:0; left:0; right:0; /*z-index:1; */ padding:1em 2em 5em; color:#FFF; background:rgba(0,0,0,.6)}
.online-carousel-box > div {position:absolute; width:100%; box-sizing:border-box; padding:0 2em; left:0; top:10px; bottom:75px}

@-webkit-keyframes blikani {
	0% {opacity:.2}
	50% {opacity:1}
	100% {opacity:.2}
}

@keyframes blikani {
	0% {opacity:.2}
	50% {opacity:1}
	100% {opacity:.2}
}

.online-carousel .state {display:block; text-transform:uppercase; font-size:87.5%}
.online-carousel .state:before {content:''; float:left}
.online-carousel .state.state-on {color:#0E0}
.online-carousel .state.state-on:before {margin:.1em .1em 0 0; border:.5em solid rgba(200,0,0,0); border-left-width:1em; border-left-color:#0E0; -webkit-animation-name:blikani; animation-name:blikani; -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite}
.online-carousel .state.state-off {color:#f11}
.online-carousel .state.state-off:before {height:1em; width:1em; margin:.1em .5em 0 0; background:#f11}
.online-carousel .online-top-box {margin:0; overflow:hidden; /*position:absolute; bottom:230px; */}
.online-carousel .online-top-box h1 {margin:0; font-size:187.5%; font-weight:700}
.online-carousel .online-top-box p {margin:0 0 .25em; font-size:87.5%; color:#ccc}
.online-carousel .short-message li {display:block; overflow:hidden; max-width:42em; max-height:2.66em; line-height:1.33; margin:.9em 0 0; font-size:100%}
/*.online-carousel .short-message li:before {content:''; float:left; width:7px; height:7px; margin:.2em .5em 0 0; background:#f11; border:2px solid #f11; border-radius:100%}*/
.online-carousel .short-message li > *:first-child {display:table-cell}
.online-carousel .kolotoc {padding:0 40px; margin-top:40px}
.online-carousel-box .kolotoc {padding:0 70px}
.online-carousel .kolotoc .nav {position:relative; height:0}
.online-carousel .kolotoc .nav a {position:absolute; top:60px; width:30px; height:30px; border:2px solid #FFF; transform:rotate(45deg)}
.online-carousel .kolotoc a.ico-prev {left:-30px; border-width:0 0 10px 10px}
.online-carousel .kolotoc a.ico-next {right:-30px; border-width:10px 10px 0 0}
.online-carousel .kolotoc .box-in {overflow:hidden; width:790px; margin:0 auto}
.online-carousel .kolotoc a {color:#FFF}
.online-carousel .kolotoc h3 {margin:.3em 0 .5em; text-transform:none; font-size:100%}
.online-carousel .kolotoc .art-img {margin:0; position:relative}
.online-carousel .kolotoc li {width:230px; margin-right:40px}
.online-carousel .kolotoc li u {width:230px; height:129px; margin:0; padding:0}
.online-carousel .arts-stream {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); /*text-indent:1em; */}
#online-carousel .arts-stream {/*display:block; left:0px; width:100%; */}
.online-carousel .arts-stream #stream-prep {position:absolute; bottom:0; left:0; width:100%; padding:1em 0 5em; color:#FFF}
.online-carousel .arts-stream .video {float:left; width:500px; height:340px; margin:0 20px 0 250px; text-indent:1em}
.online-carousel .arts-stream h3 {margin-bottom:10px; font-size:100%}
.online-carousel .arts-stream li {list-style:none}
.online-carousel .arts-stream li {display:table; margin-bottom:5px; padding:6px 8px 4px; color:#fff; font-weight:700; cursor:pointer; border-radius:2px; background:#024a92; font-size:100%}
.online-carousel .arts-stream li.act {color:#024a92; background:#fff}

.online-carousel .arts-gallery {position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8)}
.online-carousel .arts-gallery ul {position:absolute; bottom:0; overflow:hidden; margin:20px 15px 70px}
.online-carousel .arts-gallery li {float:left; list-style:none}
.online-carousel .arts-gallery a {position:relative; display:block; box-sizing:border-box; width:232px; height:130px; margin:5px}
.online-carousel .arts-gallery img {display:block; width:100%; height:auto}
.online-carousel .arts-gallery a:after {content:''; position:absolute; top:0; left:0; bottom:0; right:0; opacity:0; transition:opacity 200ms; background:rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 70%)}
.online-carousel .arts-gallery a:hover:after {opacity:1}
.online-carousel .arts-gallery li:last-child a {position:relative; padding:0 15px; line-height:132px; font-size:150%; font-weight:700; text-transform:uppercase; background-color:#024a92}
.online-carousel .arts-gallery li:last-child a:hover {background:#025cb5}
.online-carousel .arts-gallery li:last-child a:after {content:''; display:block; position:absolute; left:auto; right:20px; top:54px; width:18px; height:18px; opacity:1; background:none; border:2px solid #FFF; border-width:6px 6px 0 0; transform:rotate(45deg)}

.online-social {position:relative; margin:0; z-index:5}
.online-social ul {list-style:none; position:absolute; width:30px; right:0; top:0}
.online-social li {position:relative; float:left; line-height:21px; margin:0 10px 10px 0}

.online-social .logo-facebook, .online-social .logo-twitter, .online-social .logo-gplus, .online-social .logo-google, .online-social .logo-link, .online-social .logo-print {width:30px; height:30px; background:url(/o/zpr/online/social.png)}
.online-social .logo-facebook:hover, .online-social .logo-twitter:hover, .online-social .logo-gplus:hover, .online-social .logo-google:hover, .online-social .logo-link:hover, .online-social .logo-print:hover {background-image:url(/o/zpr/online/social-hover.png)}
.online-social .logo-facebook {background-position:0 0}
.online-social .logo-twitter {background-position:0 -40px}
.online-social .logo-gplus, .online-social .logo-google {background-position:0 -80px}
.online-social .logo-link {background-position:0 -120px}
.online-social .logo-print {background-position:0 -160px}

/*verze 2 - ze sportu*/
#on-line .art-social {position:relative;z-index:5;/* clear:both; *//* float:none; *//* margin:0; */}
#on-line .art-social ul {/* position:absolute; */top:0;right:0;margin:0;}
#on-line .art-social li {position:relative;/* float:none; *//* display:block; */margin:0 0 5px;}
#on-line .art-social li a {/* padding:0 */}

#on-line .logo-facebook, #on-line .logo-twitter, #on-line .logo-gplus, #on-line .logo-link, #on-line .logo-print,
#on-line .ico-facebook, #on-line .ico-twitter, #on-line .ico-google, #on-line .ico-link, #on-line .ico-print {/* display:block; *//* width:25px; *//* height:25px; *//* border-radius:100%; *//* background:#BBB url('/u/ico/default-social.png') no-repeat */}
#on-line .logo-facebook, #on-line .ico-facebook {/* background-color:#3B5998; *//* background-position:2px 2px; */}
#on-line .logo-twitter, #on-line .ico-twitter {/* background-color:#32AADC; *//* background-position:2px -23px; */}
#on-line .logo-gplus, #on-line .ico-google {display:none}
#on-line .logo-link, #on-line .ico-link {background-color:#777; background-position:2px -73px}
#on-line .logo-print, #on-line .ico-print {background-color:#333; background-position:2px -323px}
#on-line #linkbox {left:-2px}


#on-line-commentary {margin:0 10px 1em}
#on-line-commentary h2, #on-line-commentary .list-tit2 {margin-left:0}
#on-line-commentary p {margin:0 0 .5em; font-size:93.75%}
#on-line-commentary .list-tit2 span, #on-line-commentary .list-tit2 a {text-transform:none; font-size:13px; font-weight:normal; color:#333}

#on-line-select {margin:0 10px 1em; font-size:87.5%}

#on-line-top-wrapper, #on-line-wrapper {margin-right:50px}
#on-line-top {margin-right:50px}
#on-line-select + * #on-line-top {margin-bottom:20px}

#on-line-data a[class*="legend"] {clear:left; float:left; width:80px; text-align:center; margin:0 .5em 0 0}
#on-line-data .event a[class*="legend"], #on-line-data .event img.legend {width:auto}
#on-line-data a[class*="legend"] img.legend {margin-right:0}

#on-line-data a.webz-bg span:before, .on-line-data a.webz-bg span:before {display:none}
#on-line-data .event .header h4 {position:absolute; left:0; top:0; display:block; width:80px; margin-top:13px; padding:7px 0; text-align:center; font-size:86%; font-weight:700; color:#fff; background:#444}

#on-line-data .c1, #on-line-data .c2, #on-line-data .c3 {background:none}
#on-line-data .anchor {position:relative; top:-4em}

#on-line-data .o-c1, #on-line-data .o-c2, #on-line-data .o-c3 {position:relative;color:inherit;background:none;}
#on-line-data .o-c1:after, #on-line-data .o-c2:after, #on-line-data .o-c3:after, #on-line-data .o-c3:before {content:''; position:absolute; top:100%; left:0; right:0; display:block; margin-left:90px; border-bottom:1px solid #CCC}

#on-line-data .o-c3:before, #on-line-data .o-c3:after {/*margin-top:-1px; */border-bottom: 1px solid #ee7d8a;}
#on-line-data .o-c3:before {top:-1px}

#on-line-data .time-in {/* padding:4px 5px; */color: #fff;background: #1d4382;}
#on-line-data .event span {display:block}

#on-line-data .o-c3 .time-in {color:#FFF;background: #B5002b;}
#on-line-data .o-c3 .event {background: #f0f1f1;}
#on-line-data .o-c3 .contribution-add {display:block}
#on-line-data .o-c3 .event {padding-bottom:43px}

#on-line-data.row-time .event {padding:0 0 10px 0}
#on-line-data.row-time .event h4 {position:static; margin:0 0 10px}
#on-line-data.row-time .o-c3 {background:#ededed}
#on-line-data.row-time .o-c3 .time {margin:1px 10px 10px}
#on-line-data.row-time .o-c3 .event {padding:5px 10px 43px 10px}
#on-line-data.row-time .o-c1:after, #on-line-data.row-time .o-c2:after, #on-line-data.row-time .o-c3:after, #on-line-data.row-time .o-c3:before {margin-left:0}

.o-comment-box {position:static}
.o-comment-box:before {display:none}
.o-comment-box a {position:static}
.o-comment-box .box-in {padding:0}
.o-comment-box .box-in:hover {background:none}
.o-comment-box p {font-style:normal; font-size:122%; font-weight:700; margin-bottom:10px}
.o-comment-box h3 {bottom:0; left:210px; font-size:122%; font-weight:700}
.o-comment-box h3 {position:static; float:right; font-size:122%; font-weight:700}
.o-comment-box h3 small {font-size:81.25%; font-weight:400}
.o-comment-box img {float:left; margin-top:5px; width:140px; height:auto; margin-right:20px}

.o-glosa {line-height:1.4}
.o-glosa h3 {font-size:114%; font-weight:700; margin-bottom:5px}
.o-glosa p {font-size:114%}

.o-gal {position:static}
.o-gal a.webz-bg:after {display:none}
.o-gal p {font-size:84%; line-height:1.33}

.o-ank .header {padding:0; background:none}
.o-vid .header {padding:0; background:none}
.o-sta .header {padding:0; background:none}
.o-ank .header h3, .o-sta .header h3 {font-size:129%}
.o-host .img-ilu {position:absolute; left:0; top:65px}
.o-host h3 {font-size:129%; font-weight:700}
.o-host p {margin-bottom:5px}
.o-host a.webz-bg {margin-top:5px}

#on-line-data.row-time .o-host .img-ilu {position:static; float:left; margin-right:10px}
#on-line-data.row-time .o-vid h4, #on-line-data.row-time .o-ank h4, #on-line-data.row-time .o-sta h4 {float:left; margin-right:10px}


.redakce {}
.redakce h3 { margin: 1em 0 0.5em; font-size: 110%; font-family: 'Inter', sans-serif;}
.redakce-oddeleni {width:100%; margin-bottom:2rem}
.redakce-oddeleni tr {}
.redakce-oddeleni td {border-bottom:solid 1px #eee;width: 33%;padding: .3em 0;}

.redakce-oddeleni a {color:#024a92}
.redakce-oddeleni .ico-phone:before, .redakce-oddeleni .ico-eml:before {content:"";display:inline-block; width:20px; height:20px; margin-right:10px; background:url(/o/lidovky_ln6/ico/ico-call-c03.svg) no-repeat }
.redakce-oddeleni .ico-eml:before {background-image:url(/o/lidovky_ln6/ico/ico-message-c03.svg)}
.list-author {margin-bottom:2em}
.list-author .author {margin-bottom:1rem}
.list-author h3 {font-size: 1.25rem; margin: .2em 0;}
.list-author arr-next {font-size:87.5%}
.list-author .author {overflow:hidden; margin-bottom:1em}

/* historie? */
.page {margin:0 0 .5em; font-size:150%}

/* rss channels */
.rss-channels p {margin:0 0 1em}
.rss-channels p.warning {padding:.5em 1em; font-size:87.5%; border-radius:.25rem; background:rgba(128,128,128,.1) }
.rss-channels h3 {margin:1.5rem 0 .5rem; font-size:112.5%}
.rss-channels h4 {margin:0 0 .25em; font-weight:700; font-size:100%}
.rss-channels table {margin:0 0 1.5rem; border-collapse:collapse; font-size:87.5%}
.rss-channels table tr td.name {width:10em; padding:.2em 0; border-bottom:1px dotted #f5f5f5}