/* IDN4 fix ******/
.content {font-size:.75rem}
/* IDN4 fix - END*/

.dc-head:after {content:''; display:block; clear:both}
.dc-head h1 {margin:0 10px .3em; font-size:300%; font-weight:600; color:#666}
.dc-head h1 small {padding-left:.5em; font-size:55%; font-weight:400}

.timeline-box {position:relative; float:left; padding:0 85px 0 30px}
.timeline {overflow:hidden}
.timeline li {float:left; display:block; width:3.8em; margin:0 3px 0 0; line-height:1.2}
.timeline a {display:block; line-height:1; padding:.6em 0; border:1px solid #CCC; border-radius:.5em; font-size:92%; text-align:center; text-transform:uppercase; text-decoration:none; color:#000}
.timeline a:hover {color:#000; border-color:#063}
.timeline .act a {color:#FFF; background:#0CAF2E; border-color:#0CAF2E} 
.timeline b {display:block; font-size:150%}

.timeline-prev, .timeline-next { position:absolute; top:.7em; right:60px; display:block; width:24px; height:24px; background:url('/o/spo/dc/sprite.png') no-repeat 0 -103px} 
.timeline-prev:hover, .timeline-next:hover { background-position:-28px -103px}
.timeline-prev {transform:rotate(180deg); right:auto; left:0}
.timeline li { width: 0; margin: 0; opacity: 0; transition: 0.5s }
.timeline-show-1 li.timeline-group-1, .timeline-show-2 li.timeline-group-2, .timeline-show-3 li.timeline-group-3, .timeline-show-4 li.timeline-group-4 { width: 3.8em; margin: 0 3px 0 0; opacity: 1; }

.calendar {position:absolute; right:0; top:.4em; }
#datum {position:absolute; top:0; left:0; width:100%; border:0; overflow:hidden; text-indent:100px; color:transparent; background:none;  }
.calendar-wrapper {display:block}
.calendar-wrapper:before, .calendar-wrapper:after {cursor:pointer}
.calendar-wrapper:before {content:''; display:block; width:20px; height:20px; margin:0 auto; background:url('/o/spo/dc/sprite.png') no-repeat 0 -80px}
.calendar-wrapper:after {content:'KALEND\c1 \158 '; font-size:92%;}
.calendar-wrapper:hover:before, .calendar-wrapper[style*="z-index"]:before {background-position:-24px -80px}
.calendar-wrapper:hover:after, .calendar-wrapper[style*="z-index"]:after {color:#0CAF2E}

.refresh-box {position:relative; margin:0 0 6px; float:right}
.refresh-box .list-tit2 {float:left; margin-top:8px; margin-left:10px; /*font-size:183%*/ }
.refresh-box .webz-bg {position:static; float:right; display:table; margin:0 0 0 10px; padding:0; border:0; border-radius:6px; font-size:125%; font-weight:700; text-decoration:none; text-transform:uppercase; color:#FFF; background:#0CAF2E}
.refresh-box .webz-bg:hover {background:#063}
.refresh-box .webz-bg img {float:left; margin:4px 10px}
.refresh-box .webz-bg span {display:table-cell; vertical-align:middle; padding:5px 15px 5px 0}
.refresh-box small { position:absolute; top:100%; right:0; padding:.3em 1em 0; text-align:right; font-size:92%; font-style:italic;}

@keyframes ckw {
	0% {transform:rotate(360deg)}
	100% {transform:rotate(0deg)}
}
.but-refresh {width:36px; height:36px; background:url('/o/spo/dc/refresh.svg') no-repeat; }
.auto .but-refresh, .auto:hover .but-refresh {animation:ckw 2s infinite}

.filter-box {font-size:125%;}
.timeline-box ~ .filter-box {clear:both; padding:1.5em 0;}
.filter-box label {padding-left:10px; font-weight:700}
.select-out {position:relative; display:inline-block; width:12em; box-sizing:border-box; margin:-.3em .25em; padding:.3em 1em; border-radius:.368em; box-shadow:0 0 0 1px #CCC inset; font-family:"Open Sans",sans-serif;}
.select-out:hover {box-shadow:0 0 0 1px #063 inset}
.select-out:after {content:''; position:absolute; right:1.25em; top:50%; width:1em; height:1em; margin-top:-.8em; font-size:80%; transform:scaleY(.8) rotate(45deg); border:1px solid #0CAF2E; border-width:0 4px 4px 0 }
.select-out:hover:after {border-color:#063 }
.select-out select {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; opacity:0; font-size:100%; z-index:2; cursor:pointer; }
.select-out option {padding:.3em 1em }
.filter-list {display:table;}
.select-out ~ .filter-list {float:right;}
.filter-list li {display:table-cell; vertical-align:middle;}
.filter-list li + li {border-left:1px solid #CCC;}
.filter-list li.b {border-left:0; font-weight:700;}
.filter-list a {display:block; padding:0 10px; text-decoration:none; color:inherit}
.filter-list a:hover, .filter-list a.act {color:#0CAF2E}
.filter-list .star {vertical-align:top; margin:.1em .3em 0 0}

.star {position:relative; display:inline-block; width:16px; height:16px; background:url("/o/spo/dc/sprite.png") no-repeat -20px 0}   
.dc-caption .star, .dc-tit .star {background-position:0 0}
.star.star-act, .dc-caption .star.star-act, .dc-tit .star.star-act {background-position:-40px 0}
.tooltip {position:relative;}


.t-box {display:none; position:absolute; z-index:1; bottom:100%; left:50%; width:140px; height:auto; line-height:1.4; margin:0 0 8px -75px; padding:.6em 5px; border:1px solid #CCC; border-radius:5px; text-align:center; font-size:small; font-weight:400; text-transform:none; color:#000; background:#FFF}
.t-box:after {content:''; position:absolute; z-index:2; top:100%; left:50%; width:17px; height:9px; margin:0 0 0 -9px; background:url('/o/online/sport/bubble-arrow.png') no-repeat}
.star:hover .t-box, .tooltip:hover .t-box {display:block}

/* blok pro tabulky */
.dc-box {margin:0 0 2em}
.dc-box .star {border:1px solid transparent; border-width:5px}

.dc-tit {position:relative; padding:0 0 3px;}
.dc-tit:after {content:''; display:block; clear:both}
.dc-tit h2 {float:left; min-width:10em; line-height:2; padding:0 10px; text-transform:uppercase; font-size:150%; font-weight:800; color:#FFF; background:#30CBD9}
.dc-tit h2:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background:inherit}
.dc-tit h2 .star {float:right; margin:.3em 0 0 .5em}

/* barvy */
.dc-tit .dc-hockey {color:#FFF; background:#17B3ED}
.dc-tit .dc-football {color:#FFF; background:#57B20D}
.dc-tit .dc-tennis {color:#FFF; background:#E9840E}
.dc-tit .dc-skiing {color:#FFF; background:#167DDC}
.dc-tit .dc-biathlon {color:#FFF; background:#164EDC}
.dc-tit .dc-athletics {color:#FFF; background:#B93E34}
.dc-tit .dc-cycling {color:#FFF; background:#B8734A}
.dc-tit .dc-basketball, .dc-tit .dc-volleyball, .dc-tit .dc-handball, .dc-tit .dc-floorball {color:#FFF; background:#E78E26}
.dc-tit .dc-motorsport {color:#FFF; background:#8C8B8A}

/* datacentrum polozky */
.dc-events {display:table; width:100%; margin:0 0 2em}
.dc-caption {display:table-caption; color:#000; background:#CCC}
.dc-caption h3, .dc-events > h4 {float:left; margin:0 1em 0 0; padding:5px 10px; text-transform:uppercase; font-weight:700}
.dc-events > h4 {padding:10px}
.dc-caption h4 {float:left; margin:0 1em 0 0; padding:5px 10px; font-style:italic}
.dc-caption .star {float:right}
.dc-caption ul {float:right; margin:0}
.dc-caption li {float:left; list-style:none}
.dc-caption li + li:before {content:'|'}
.dc-caption li a {display:inline-block; padding:5px .5em; color:inherit}
.dc-caption li a:hover {color:#B00}
.dc-row {display:table-row }
.dc-row > div {display:table-cell; vertical-align:middle; border-bottom:1px solid #CCC}
.dc-row .cell-a {width:62%}
.dc-row .cell-b {width:14%}
.dc-row .cell-c {width:8%; padding-left:10px}
.dc-row .cell-d {padding-left:5px}
.dc-row .cell-e {width:26px}
.dc-row .text {padding:.4em 10px; font-size:100%}

.dc-events-less { max-height:2000px; transition:max-height 2s}
.dc-events-less.less {position:relative; max-height:200px; overflow:hidden; margin-bottom:2em}
.less .less-cancel {text-align:right; font-size:100%; text-decoration:none; text-transform:uppercase; color:inherit;}
.less .less-cancel:hover {text-decoration:underline}
.less .less-cancel:before {display:none}
.less .less-cancel span {position:relative; display:inline-block; width:1.6em; height:1.6em; margin:-.4em .4em 0; border-radius:100%; color:#FFF; background:#0CAF2E}
.less .less-cancel span:before {content:''; position:absolute; left:.4em; top:.3em; width:.6em; height:.6em; transform:scaleY(.8) rotate(45deg); border:1px solid #FFF; border-width:0 2px 2px 0 }


/* obsah .dc-row .cell-a, tj. konkretni zapas */
.dc-item {display:table; width:100%; height:3em; text-decoration:none; color:#000; opacity:.6}
a.dc-item {opacity:1}
a.dc-item:hover {color:inherit; background:#c5e6c5}
.dc-item > div {display:table-cell; vertical-align:middle}
.dc-item .time {width:4em; text-align:center; font-size:100%; color:inherit }
.dc-item .symbol {width:3em; text-align:center}
.dc-item .symbol img {width:auto; max-width:2.25em; height:auto; max-height:1.8em; margin:.1em auto 0; vertical-align:top}
.dc-item .name {width:25%; padding-right:.5em}
.dc-item .name-merge {width:55.9%;}
.dc-item .score {padding-right:5px}
.dc-item .score strong {display:inline-block; min-width:2.6em; vertical-align:middle; /*font-size:150%*/}
.dc-item .score b, .dc-item .score strong {font-weight:800}
.dc-item .score b:after, .dc-item .score strong:after {content:''; display:inline-block; width:10px}
.notable {padding:0 10px .2em; font-style:italic; font-size:92%;}

.mark-detail, .mark-live {display:inline-block; vertical-align:middle; padding:.2em .5em; font-size:83%; color:#FFF; background:#0CAF2E; white-space:nowrap}
.mark-detail {float:right}
.score strong + .mark-detail {margin-top:.3em}
.mark-detail:before {content:''; display:inline-block; margin:-.2em .3em -.2em 0; border:1px solid #000; border-width:.6em 0 .6em .8em; border-color:transparent #048A27; }
.mark-detail:after {content:'PODROBN\11a '}
.mark-live:before {content:'\17d IV\11a '}
/* barvy score */
.score-1 {color:#000}
.score-2 {color:#0CAF2E}
.score-3 {color:#3E4D7C}

.bet-out {display:block; text-decoration:none; color:inherit; background:#FFF7EC}
.bet-out:hover {text-decoration:underline; background:#F4DEB7}
.bet {table-layout:fixed; border-collapse:collapse; width:100%; height:3em; text-align:center; }
.mark-tipsport {display:inline-block; width:16px; height:16px; background:url("/o/spo/dc/sprite.png") no-repeat 0 -60px}
.bet td {text-align:center; padding:2px;}

.mark-tab {display:inline-table; vertical-align:middle; line-height:1.1; text-transform:uppercase; text-decoration:none; font-size:83%; color:#0CAF2E;}
.mark-tab:hover {color:#063}
.mark-tab span {display:table-cell; vertical-align:middle}
.mark-clanek {padding-right:.6em}
.mark-clanek:before, .mark-priloha:before {content:''; display:inline-block; vertical-align:middle; width:16px; height:16px; margin:-6px auto; background:url("/o/spo/dc/sprite.png") no-repeat -40px -20px}
a .mark-clanek:before {background-position:0 -20px }
a:hover .mark-clanek:before {background-position:-20px -20px}
.mark-priloha {padding-right:.3em}
.mark-priloha:before {background-position:0 -40px}
a:hover .mark-priloha:before {background-position:-20px -40px}

.dc-events-plus {display:table; width:100%; margin:-2em 0 2em; color:#333; background:#E1E1E1}
.dc-events-plus label {display:table-cell; width:5em; vertical-align:middle; padding:0 0 0 1em; white-space:nowrap; text-transform:uppercase; font-size:83%; }
.dc-events-plus ul {display:table-cell; padding:.5em 1em; font-size:92%}
.dc-events-plus li {display:inline}
.dc-events-plus li:after {content:''; display:inline-block; width:1em}
.dc-events-plus a {color:inherit}
.dc-events-plus a:hover {color:#B00}

/* filtr */
/*.q-js .all div.dc-box , .q-js .future div.dc-future, .q-js .present div.dc-present, .q-js .past div.dc-past,
.q-js .all h2, .q-js .future h2.dc-future, .q-js .present h2.dc-present, .q-js .past h2.dc-past {display:block}*/
.q-js .future .dc-present, .q-js .future .dc-past,
.q-js .present .dc-future, .q-js .present .dc-past,
.q-js .past .dc-future, .q-js .past .dc-present {display:none}


/* REKLAMA */
.dc-r {width:480px; margin:0 auto 2em}

@keyframes brejkule {
	0%, 50%, 100%	{background:inherit}
	25%, 75%{background:#FFC;} 
}
.change {animation:brejkule 2s}