body {color:#272626; background:#EEE}
#spt-menu, .comment-box p, .comment-box:before, .leagues-tab .nava {font-family:"Fira Sans",sans-serif}
a {color:#EE1212}
a:hover {color:#16234A}

.b-box .box-in {border-color:#16244B}

button.webz-bg, a.webz-bg {border-color:#16234A; background:#16234A}
button.webz-bg:hover, a.webz-bg:hover {border-color:#EE1212; background:#EE1212}

.cell {display:table-cell}
.mark-video span {z-index:3; width:60px; height:60px}
.midi span, .p135 span, .wmidi span {width:30px; height:30px}
.sp5 span, .sph span, .vidw span, .w230 span {width:40px; height:40px}

.ico a span, .ico-r a span, #najdete .ico a span, #najdete .ico-r a span, #eyes .ico a span, #eyes .ico-r a span {border-radius:0; background-color:#16234A}
.ico a:hover span, .ico-r a:hover span, #najdete .ico a:hover span, #najdete .ico-r a:hover span, #eyes .ico a:hover span, #eyes .ico-r a:hover span {background-color:#EE1212}

.row-top {width:1024px; margin:0 -12px 20px; border-top:3px solid transparent}

.col-a {width:666px}
.col-b {margin-right:0}
#space-c.col-b {margin-top:0}

.art {position:relative; padding:0 0 0 246px}
.art:after {display:none}
.archiv-art .art {padding:0}
.art .art-img {position:absolute; top:0; left:0; z-index:1}
.art-img img {position:relative; display:block}
.art-img.w230 img, .art-img.w230 u {width:230px; height:129px; background-size:cover}
.art-img.sp6 img, .art-img.sp6 u {width:320px; height:240px; background-size:cover}
.opener .art-img:after, .extra-opener .art-img:after, .box1colum .art-img:after, .box2colum .art-img:after {content:''; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; margin:0; background:url('/o/spo/art-img-big.png') repeat-x 50% 100%; background:linear-gradient(rgba(0,0,0,0) 40%, rgba(0,0,0,.9) 70%);  opacity:.7; transition:opacity .3s}
.art-link:hover .art-img:after {opacity:1}
.art h4 {position:absolute; top:129px; left:0; z-index:5; height:2em; line-height:2em; margin:-2em 0 0; padding:0; text-transform:uppercase; font-weight:700; font-size:100%}
.art h4 a {display:block; padding:0 1em; color:inherit; text-decoration:none}
.art h4 a:hover {background:rgba(0,0,0,.15)}
.art h3 {margin:0 0 .2em -16px; padding-left:16px; font-weight:600; font-size:167%; color:#16234A}
.art h3 a {color:inherit; text-decoration:none}
.art h3 a:hover {text-decoration:underline}
.art-link, .art-link:hover {text-decoration:none; outline:none}
.art-link:hover h3 {text-decoration:underline}
.art-info {margin:0 0 .5em}
.art-info .brisk, .brisk {padding:0 1em; border-radius:.5em 0; background:#AF0C32}
.art-info .commercial, .commercial {padding:0; color:#000; background:none}
.art-info .time:before {content:''; display:inline-block; vertical-align:middle; width:13px; height:13px; margin:-.1em .4em 0 0; background:url('/o/spo/ico/art-time.svg') no-repeat}

.opener {padding:0}
.opener .mark-video {width:auto; margin:0}
.opener .art-link {display:block; position:relative; overflow:hidden}
.opener .art-link:before {content:''; position:absolute; top:-999px; right:-999px; bottom:-999px; left:-999px; z-index:4}
.opener .art-img {position:relative; min-height:200px}
.opener .art-img img {width:100%; height:auto; margin:0}
.opener h4 {top:1em; left:30px; margin:0; font-size:150%}
.opener h3, .opener .art-info {position:absolute; left:30px; right:15px; z-index:3; color:#FFF !important; text-shadow:0 .05em .03em #000}
.opener h3, .art.opener h3 {bottom:1.2em; margin:0 0 .2em; padding:0; font-weight:700; font-size:300%}
.opener .art-info {bottom:1em}
.opener .art-info .time {color:inherit}
.opener .art-info .time:before {background-image:url('/o/spo/ico/art-time-light.svg')}

.extra-opener {padding:0; overflow:hidden}
.extra-opener .mark-video {width:auto}
.extra-opener .mark-video span {top:auto; right:30px; bottom:30px}
.extra-opener h4 {top:150px; left:30px; margin:0; font-size:150%}
.extra-opener .art-img {position:relative; min-height:300px; max-height:560px}
.extra-opener .art-img img {width:100%; height:auto; margin:0}
.extra-opener .cell {position:absolute; left:30px; bottom:30px; z-index:2; width:820px}
.extra-opener h3, .extra-opener .art-info .time, .extra-opener .perex {color:#FFF !important; text-shadow:0 .05em .03em #000}
.extra-opener h3, .art.extra-opener h3 {margin:0 0 .2em; padding:0; font-weight:700; font-size:350%}
.extra-opener .art-info {margin-bottom:.8em}
.extra-opener .art-info .time:before {background-image:url('/o/spo/ico/art-time-light.svg')}
.extra-opener .perex {display:none; width:650px; font-size:133%}

.art-events {min-height:1px; margin:0; padding:240px 0 0}
.art-events h4 {top:240px; font-size:125%}
.art-events h3 {margin-left:0; padding:.2em 0 0}

/* stitky */
.e-other {color:#FFF; background:#30CBD9}
.e-hokejh {color:#FFF; background:#17B3ED}
.e-fotbalh {color:#FFF; background:#57B20D}
.e-tenis {color:#FFF; background:#E9840E}
.e-lyzovani {color:#FFF; background:#167DDC}
.e-biatlon {color:#FFF; background:#164EDC}
.e-atletika {color:#FFF; background:#B93E34}
.e-cyklistika {color:#FFF; background:#B8734A}
.e-sport-basket, .e-volejbal, .e-hazena, .e-florbal {color:#FFF; background:#E78E26}
.e-motorsport, .e-formule {color:#FFF; background:#8C8B8A}
.e-olympiada {color:#FFF; background:#DAA520}
.e-vysledky {color:#FFF; background:#0CAF2E}

#najdete.kolotoc li {color:inherit; background:none}

/* a-boxy */
.a-box {position:relative; margin:0 0 30px 10px}
.a-box .list-art, .list-art .a-box, .col-b .a-box {margin-left:0}
.a-box h2, .s-line {position:relative; line-height:1.75; margin:0 0 .5em; text-transform:uppercase; font-weight:800; font-size:183%}
.a-box h2 a, .s-line a {display:block; color:#16234A; text-decoration:none; font-weight:800}
.a-box h2 a:before, .a-box h2 a:after, .s-line:before, .s-line:after {content:''; position:absolute; bottom:0; left:0; z-index:1; width:100%; height:3px; background:rgba(128,128,128,.2)}
.a-box h2 a:after, .s-line:after {width:70px; background-color:#16234A; transition:width 1s}
.a-box h2 a:hover:after, .s-line:hover:after {width:100%}

#related-box, #abcnejctenejsi, #abchlavniz, #hlavniz {margin-bottom:0}
#space-f.col-a .list-tit, #related-box .list-tit, #hlavniz .list-tit, #abcnejctenejsi .list-tit {padding-left:0}
#related-box.less .less-cancel:before {left:0}

#stalose p {position:relative; overflow:hidden; font-size:117%}
#stalose p + p {margin:.5em 0 0}
#stalose p .b {float:left; width:3em}

.box1colum {position:relative}
.box1colum ul {overflow:hidden}
.box1colum li {display:block; margin:0 0 3px}
.box1colum .art-link {position:relative; display:block}
.box1colum .art-img {position:relative; display:block; width:100%; margin:0}
.box1colum img {width:100%; height:auto}
.box1colum h3 {position:absolute; bottom:15px; left:15px; right:1em; z-index:3; color:#FFF; text-shadow:.1em .1em .1em #000; font-weight:700; font-size:150%}
.box1colum .art-link:hover h3 {text-decoration:underline}
.box1colum .mark-video span {top:6px; right:8px; width:50px; height:50px}

.box2colum ul {overflow:hidden}
.box2colum li {float:left; display:block; width:49.5%; margin:0 0 1% 1%}
.box2colum li:nth-child(2n+1) {clear:both; margin-left:0}
.box2colum li, .box2colum li + li + li {clear:both; margin-left:0}
.box2colum li + li, .box2colum li + li + li + li {clear:none; margin-left:1%}
.box2colum .art-link {position:relative; display:block}
.box2colum .art-img {position:relative; display:block; width:100%; height:auto; margin:0}
.box2colum img {width:100%; height:auto}
.box2colum h3 {position:absolute; bottom:15px; left:90px; right:1em; z-index:3; color:#FFF; text-shadow:.1em .1em .1em #000; font-weight:700; font-size:150%}
.box2colum .art-link:hover h3 {text-decoration:underline}
.box2colum .mark-video span {top:auto; right:auto; left:15px; bottom:20px}

.box4events {margin-bottom:12px}
.box4events ul {overflow:hidden}
.box4events li {position:relative; float:left; display:block; width:320px; margin:0 0 16px}
.box4events li, .box4events li + li + li {clear:both; margin-right:16px}
.box4events li + li, .box4events li + li + li + li {clear:none; margin-right:0}
.box4events li:nth-child(2n+1) {clear:both; margin-right:16px}

.comment-box {position:relative; margin:0 0 30px; padding:12px 0 0; font-size:.75rem}
.comment-box:before {content:'\201E'; position:absolute; top:-37px; left:0; width:100%; line-height:1; text-align:center; font-size:60px; color:#16234A}
.comment-box .box-in {position:relative; overflow:hidden; min-height:70px; padding:30px 10px 60px 180px; border-bottom:2px solid #16234A}
.comment-box .box-in:hover {background:rgba(128,128,128,.15)}
.comment-box p {font-weight:700; font-size:175%}
.comment-box p:before {content:'\201E'}
.comment-box p:after {content:'\201C'}
.comment-box h3, .comment-box img, .comment-box a {position:absolute; bottom:0}
.comment-box h3 {bottom:.5em; left:180px; font-weight:700; font-size:133%}
.comment-box small {display:block; font-weight:400; font-size:80%}
.comment-box img {left:10px}
.comment-box a {right:0; padding:.3em .6em; font-weight:700; font-size:150%; text-transform:uppercase; text-decoration:none; color:#FFF; background:#16234A; text-decoration:none}
.comment-box a:hover {color:#FFF; text-decoration:underline}
.comment-box a span:before {content:'\203A'; float:left; margin-right:.3em}
.comment-box a:after {content:''; position:absolute; top:-999px; left:-999px; right:-999px; bottom:-999px; z-index:1}

/* kolotoc specialu */
.kolotoc .art-img {position:relative}
.a-box.kolotoc li {width:163px; margin-right:3px}
.a-box.kolotoc li a {color:#000; text-decoration:none}
.a-box.kolotoc a:hover h3 {text-decoration:underline}
.a-box.kolotoc h3 {font-weight:800}
.a-box.kolotoc h3, .a-box.kolotoc p {padding-right:8px}
.a-box.kolotoc .art-img {width:163px; height:122px; margin:0 0 .3em}
.a-box.kolotoc .art-img:before {display:none}
.a-box.kolotoc .ico-r {position:absolute; top:0; right:0; z-index:1; padding:.5em 1px; background:url('/u/free.gif')}

.row-tab {position:relative; display:table; width:100%; margin:0 0 30px}
.row-tab .col-a, .row-tab .col-b {float:none; display:table-cell; vertical-align:top}
.row-tab .col-b {padding:0 0 0 34px}

#twitter-box h2 {overflow:hidden; padding:.2em .7em; border:3px solid #1DA1F2; font-weight:700; font-size:150%; text-transform:uppercase; color:#FFF; background:#1DA1F2}
#twitter-box h2:before {content:''; float:left; width:20px; height:20px; vertical-align:middle; margin:.1em .5em 0 0; background:url('/u/ico/default-social.png') no-repeat 0 -25px}
#twitter-box .box-in {overflow-y:scroll; width:300px; height:360px; margin:0 0 20px; border-bottom:3px solid #1DA1F2; font-size:125%}
.row-tab #twitter-box .box-in {position:absolute; top:3.4em; right:0; bottom:3px; height:auto; margin:0}

.leagues-tab {line-height:1.4; font-size:.75rem}
.col-a > .leagues-tab {margin-left:10px}
.text .leagues-tab {clear:both; margin:0 0 1em}
.leagues-tab img {vertical-align:middle}
.leagues-tab .nava {overflow:hidden; margin:0 0 10px; border-bottom:3px solid #16234A}
.leagues-tab .nava li {float:left; display:block; margin:0 3px 0 0; padding:.2em 1em; border-top:3px solid #FFF; color:#000; background:rgba(128,128,128,.15); font-weight:800; font-size:150%; text-transform:uppercase; cursor:pointer}
.leagues-tab .nava li:hover {background:rgba(128,128,128,.25)}
.text .leagues-tab .nava li {font-weight:700; font-size:133%}
.leagues-tab.prep-1 .nava-1, .leagues-tab.prep-2 .nava-2, .leagues-tab.prep-3 .nava-3, .leagues-tab.prep-4 .nava-4, .leagues-tab.prep-5 .nava-5, .leagues-tab.prep-6 .nava-6, .leagues-tab.prep-7 .nava-7, .leagues-tab.prep-8 .nava-8, .leagues-tab.prep-9 .nava-9, .leagues-tab.prep-10 .nava-10,
.leagues-tab.prep-1 .nava-1:hover, .leagues-tab.prep-2 .nava-2:hover, .leagues-tab.prep-3 .nava-3:hover, .leagues-tab.prep-4 .nava-4:hover, .leagues-tab.prep-5 .nava-5:hover, .leagues-tab.prep-6 .nava-6:hover, .leagues-tab.prep-7 .nava-7:hover, .leagues-tab.prep-8 .nava-8:hover, .leagues-tab.prep-9 .nava-9:hover, .leagues-tab.prep-10 .nava-10:hover {color:#FFF; background-color:#16234A; border-color:#16234A; cursor:default}
#leagues.prep-1 .nava, #leagues.prep-1 .nava-1 {border-color:#57B20D}
#leagues.prep-1 .nava-1, #leagues.prep-1 .number-b, #leagues.prep-2 .nava-1:hover {color:#FFF; background-color:#57B20D}
#leagues.prep-2 .nava, #leagues.prep-2 .nava-2 {border-color:#17B3ED}
#leagues.prep-2 .nava-2, #leagues.prep-2 .number-b, #leagues.prep-1 .nava-2:hover {color:#FFF; background-color:#17B3ED}
.select-team {overflow:hidden; width:100%; padding:0 0 10px}
.select-team label, .select-team li {height:25px; line-height:25px}
.select-team label {float:left; width:20%; font-size:125%}
.select-team ul {display:table; table-layout:fixed; width:80%}
.select-team li {display:table-cell}
.select-team li a {position:relative; display:block; width:auto; margin:0 0 2px; padding:0 0 5px; border-bottom:3px solid #FFF; text-align:center; transition:all .3s ease-in-out}
#leagues.prep-1 .select-team li a:hover {border-color:#57B20D}
#leagues.prep-2 .select-team li a:hover {border-color:#17B3ED}
.select-team li img {width:34px; /*height:27px;*/}
.leagues-tab .tit, .leagues-players-2 h4 {clear:both; margin:0 10px .5em; color:#AAA; font-weight:800; font-size:167%; text-transform:uppercase}
#leagues.prep-1 .tit strong, #leagues.prep-1 .number-a {color:#57B20D}
#leagues.prep-2 .tit strong, #leagues.prep-2 .number-a {color:#17B3ED}

.leagues-players + .leagues-round, .leagues-players-2 + .leagues-round, .leagues-teams + .leagues-round {float:left; width:450px}
.leagues-round + .leagues-players, .leagues-round + .leagues-players-2, .leagues-round + .leagues-teams {display:none}
.leagues-round table {width:100%; margin:0 0 5px; border-collapse:collapse; background:none; font-size:125%}
.leagues-round th, .leagues-round td {width:.5em; text-align:center; padding:0 .5em .2em}
.leagues-round th {width:2em; font-weight:700; color:inherit; background:rgba(128,128,128,.2)}
.leagues-players + .leagues-round th, .leagues-players-2 + .leagues-round th, .leagues-teams + .leagues-round th {width:.5em}
.leagues-round th:first-child, .leagues-round td:first-child {width:.5em; text-align:right; padding-left:0}
.leagues-round th:nth-child(2), .leagues-round td:nth-child(2) {width:auto; padding-left:0}
.leagues-round tr + tr th {padding-top:1em}
.leagues-round td {border-bottom:1px solid rgba(128,128,128,.2)}
.leagues-round .tal {text-align:left}
.leagues-round a {display:block}
.leagues-round .flag, .flag-sm .flag {float:left; width:1.33em; height:1em; margin:.2em 6px 0 0}

/*.leagues-round-mini {width:340px}*/
.leagues-round-mini {float:left; width:49%}
.leagues-round-mini:first-child {margin-right:2%}
.leagues-round-mini h2 {font-size:117%; color:#fff; padding:2px 6px; background-color:#57B20D}

.leagues-tab .more {display:block; text-align:right; font-size:117%}
.leagues-tab .more li {display:inline; padding:0 0 0 1em; background:none}
.leagues-tab .more a {display:inline-block}
.leagues-tab .more a + a {margin-left:.8em}
.leagues-tab .more a:before {content:'\003E\00a0'; display:inline-block}
.leagues-players {float:right; width:172px}
.leagues-players h4 {float:left; margin:0 0 .3em; font-weight:700; font-size:125%; text-transform:uppercase}
.leagues-players .number-a {float:right; margin:-.2em 0 0; font-weight:700; font-size:143%}
.leagues-players .number-b {float:right; width:1.8em; height:1.8em; line-height:1.8em; margin:-.2em 0 0; border-radius:100%; font-weight:700; text-align:center}
.leagues-players .art-link {display:block; clear:both; margin:0 0 1em; text-decoration:none; color:#16234A}
.leagues-players .art-link:hover {color:#EE1212}
.leagues-players .art-img {position:relative; margin:0 0 .3em}
.leagues-players .art-img:before {display:none}
.leagues-players .art-link:hover h3 {text-decoration:underline}
.leagues-players h3 img {float:left; width:38px; height:27px}
.leagues-players h3 span {display:table-cell; vertical-align:middle; min-height:28px; line-height:1.33}
.leagues-players-2 {float:right; width:172px}
.leagues-players-2 .item {overflow:hidden; margin:0 0 .8em}
.leagues-players-2 .item + h4 {margin-top:1em}
.leagues-players-2 .cell {display:table-cell}
.leagues-players-2 .number-a, .leagues-players-2 .number-b {float:left; margin:.3em 10px 0 0; font-weight:700; font-size:150%}
.leagues-players-2 .number-a {width:2.2em}
.leagues-players-2 .number-b {width:1.8em; height:1.8em; line-height:1.8em; margin-top:.1em; border-radius:100%; text-align:center}
.leagues-players-2 h3 {text-transform:uppercase; font-weight:700; font-size:125%}
.leagues-teams {float:right; width:200px}
.leagues-teams h4 {margin:0 0 .3em; color:#AAA; font-weight:800; font-size:167%; text-transform:uppercase; text-align:center}
.leagues-teams .item {clear:both; overflow:hidden; margin:0 0 20px}
.leagues-teams img {float:left; width:76px; height:auto}
.leagues-teams h3 {font-weight:700; font-size:125%}
.leagues-teams p {display:table-cell; font-size:117%}
.leagues-graph {float:left; clear:both; width:360px}
#leagues .vlb-chgraf-nav {display:none}
#leagues .vlb-graf-legendy {font-size:8px}
.leagues-next {float:right; width:250px}
.leagues-next h4 {margin:0 0 .3em; font-weight:700; font-size:125%; text-transform:uppercase}
.leagues-next li {display:block; overflow:hidden; margin:0 0 .6em}
.leagues-next li + li {margin-top:1em}
.leagues-next .item {display:table; width:100%; color:#000; text-decoration:none; line-height:30px}
.leagues-next .item:hover {background:rgba(128,128,128,.1)}
.leagues-next h3, .leagues-next p {display:table-cell; padding:0 5px}
.leagues-next h3 {font-size:125%; text-transform:uppercase}
.leagues-next p {font-weight:700; font-size:150%; text-align:right}
.leagues-next img {width:auto; height:24px}
/* pro euro + svetovy pohar */
.leagues-round-next {display:table; margin:1em 0 0}
.leagues-round-mini + .leagues-round-next {margin:0; padding:0 0 0 2em}
.leagues-round-next h3 {margin:0 0 .2em 1em; font-weight:700; font-size:125%}
.leagues-round-next p + h3 {margin-top:1em}
.leagues-round-next p {font-size:125%}
.leagues-round-next a {display:inline}
.leagues-round-next label {display:inline-block; width:7em}
.leagues-round-next .final {display:inline-block; width:12em}
.leagues-round-next .final + label {display:inline; width:auto}

.minigraf {position:relative; height:180px}
.minigraf svg {position:relative; left:1.4em; overflow:hidden; width:300px; height:160px}
.minigraf path {stroke-width:7px; fill:none; stroke-linejoin:round}
.minigraf-osa-x {position:absolute; top:160px; width:300px; line-height:1.4em; padding-left:1.4em; border-top:2px solid #000; text-align:center}
.minigraf-osa-y {position:absolute; top:0; left:1.4em; width:160px; line-height:1.4em; padding-left:1.4em; border-bottom:2px solid; text-align:center; -webkit-transform:translate(-50%, -50%) rotate(-90deg) translate(-50%, -50%); -moz-transform:translate(-50%, -50%) rotate(-90deg) translate(-50%, -50%); -ms-transform:translate(-50%, -50%) rotate(-90deg) translate(-50%, -50%); transform:translate(-50%, -50%) rotate(-90deg) translate(-50%, -50%)}

.score-box {overflow:hidden; line-height:1.4; margin:0 0 .5em; border-left:3px solid #333}
.score-box-1 {border-color:#222}
.score-box-2 {border-color:#0CAF2E}
.score-box-3 {border-color:#3E4D7C}
.score-box h2, .content .score-box h2 {margin:0; padding:0; color:#FFF; background:#333; font-weight:700; font-size:150%; text-transform:uppercase; text-align:center}
.score-box-1 h2, .content .score-box-1 h2 {background:#222}
.score-box-2 h2, .content .score-box-2 h2 {background:#0CAF2E}
.score-box-3 h2, .content .score-box-3 h2 {background:#3E4D7C}
.score-box h2 a {display:block; padding:.3em; color:inherit}
.b-box .score-box h2, .b-box .score-box h2 a, .b-box .score-box h2 a:hover {color:#FFF}
.score-box img {width:auto; vertical-align:top; height:1.2em; margin:.1em auto 0}
.score-box .box-in {float:right; display:table; width:98%; padding:0; border:0}
.score-box .item {display:table; width:100%; height:4em; font-size:14px; color:#222; text-decoration:none}
.score-box .item:hover {background:#ECECEC; background:rgba(128,128,128,.1)}
.score-box .item > div {display:table-cell; vertical-align:middle; padding-top:.2em; padding-bottom:.2em; border-bottom:1px solid rgba(128,128,128,.15)}
.score-box .row {display:table-row}
.score-box .row > div {display:table-cell; vertical-align:top}
.score-box .row + .row > div {padding-top:.2em}
.score-box .event {position:static; display:table-row; width:auto; max-width:none; height:auto}
.score-box .event > div {display:table-cell; vertical-align:middle}
.score-box .symbol {width:2.6em; text-align:center}
.score-box .event img {height:1.8em}
.score-box .cell-b {padding-left:.2em; padding-right:.2em; text-align:right; white-space:nowrap; font-weight:700; font-size:16px}
.score-box .cell-b table {margin:0 0 0 auto}
.score-box .cell-b td {padding:0 .2em}
.score-box-1 .cell-b {color:#222}
.score-box-2 .cell-b {color:#0CAF2E}
.score-box-3 .cell-b {color:#3E4D7C}

.spt-list-menu {overflow:hidden; margin:0 0 20px 10px; color:#16234A}
.list-art .spt-list-menu {margin-left:0}
.spt-list-menu h1 {float:left; margin:0 .5em 0 0; font-size:267%}
.spt-list-menu ul {float:right; display:table; padding:.7em 0 0; font-size:117%}
.spt-list-menu li {display:table-cell}
.spt-list-menu li:before {content:'|'}
.spt-list-menu li:first-child:before {content:''}
.spt-list-menu a {text-decoration:none; color:inherit}
.spt-list-menu a:hover {text-decoration:underline}
.spt-list-menu li a {display:inline-block; padding:.5em .3em; font-weight:700}
.spt-list-menu h3 {clear:both; color:#222; font-weight:700; font-size:150%}
.block-list {margin-left: 10px}
.block-list-item {float:left; width:49%; margin:0 0 1em 1%}
.block-list-item:nth-child(2n+1) {clear:both; margin:0 1% 1em 0}

/* hracske karty */
.players-cards .item {position:relative; overflow:hidden; float:left; width:206px; min-height:350px; margin:0 0 0 19px; box-shadow:0 .5em .6em rgba(128,128,128,.5)}
.players-cards .item-cropped {max-height:390px; padding-bottom:10px}
.players-cards .item-cropped:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:30px; background:linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,1) 90%)}
.players-cards .item:first-child {margin-left:0}
/*.players-cards .art-link:before {content:''; position:absolute; top:-999px; right:-999px; bottom:-999px; left:-999px; z-index:4}*/
.players-cards .art-img {position:relative; margin:0 0 10px}
.players-cards .art-img img {width:100%; height:auto}
.players-cards .art-img:before {display:none}
.players-cards .art-img:after {content:''; position:absolute; bottom:-10px; right:0; z-index:2; width:100%; height:20px; background:#FFF; transform:skewY(2deg)}
.players-cards img.fl {/*width:20px;*/ margin:1px 10px 0 10px}
.players-cards .flag img {width: 20px}
.players-cards h3 {display:table; margin:0 0 5px 10px; font-weight:400; font-size:100%}
.players-cards h3 span {display:block; font-weight:700; font-size:133%}
.players-cards h3 small {color:#000}
.players-cards .dress {position:absolute; top:106px; right:0; z-index:2; width:50px; height:50px; line-height:50px; text-align:center; font-weight:700; font-size:16px; color:#FFF; background:url('/o/spo/dress.png') no-repeat 50% 50%}
.players-cards p {margin:0 .5em .8em 10px; color:#000}
.players-cards p + p {margin-bottom:0}
.players-cards p span {display:inline-block}
.players-cards ul {clear:both; overflow:hidden; display:block; margin-top:15px; text-align:center}
.players-cards li {float:left; display:block; width:50%; margin:0 0 1.5em}
.players-cards li:nth-child(2n+1) {clear:both}
.players-cards li p {margin:0; font-size:108%}
.players-cards li p span {display:block; text-transform:uppercase; font-weight:700}
.pie-chart {overflow:hidden; display:block; width:70px; height:70px; border-radius:100%; margin:0 auto .2em; font-size:medium}
.pie-chart, .pie-chart * {border-radius:100%}
.pie-chart b {overflow:hidden; position:relative; display:block; width:42px; height:42px; padding:14px; text-align:center; background:#16234A url('/o/spo/pie-chart-70.png') 50% -2800px}
.pie-chart i {display:table-cell; width:42px; height:42px; border-radius:50%; vertical-align:middle; background:#FFF; font-style:normal}
.pie-chart-c1 b {background-color:rgba(22,35,74,.4)}
.pie-chart-c2 b {background-color:rgba(22,35,74,.6)}
.pie-chart-c3 b {background-color:rgba(22,35,74,.8)}
.pie-chart-c4 b {background-color:rgba(22,35,74,1)}
/* pro karty oh */
.players-cards .summer {float:left; min-height:10px; padding:0 5px}

/* hlava */
#portal {position:relative; z-index:50; margin:3px -12px 20px; padding:2.6em 12px 1.6em}
#portal-fix {position:relative; z-index:5}
#portal-fix.fixed {background:#FFF; box-shadow:15px 0 0 0 #FFF, -15px 0 0 0 #FFF; transition:background .3s, box-shadow .3s}
#portal-fix.fixed:after {content:''; position:absolute; top:100%; left:0; width:100%; height:0; margin:0 -15px; padding:0 15px; border-top:1px solid #E6E6E6; border-bottom:1px solid rgba(128,128,128,.15)}
#p-holiday {padding:.8em 10px 0}
#portal:after {content:''; position:absolute; top:100%; left:0; width:100%; height:18px; background:url('/o/spo/portal-shadow-ie8.png') repeat-x; background:linear-gradient(rgba(128,128,128,.15),rgba(255,255,255,0))}
#portal.row-top-act:after {display:none}
#portal.row-top-act {color:#FFF; position:absolute; background:linear-gradient(rgba(0,0,0,.5) 70%, rgba(0,0,0,0) 100%)}
#portal.row-top-act .fixed {color:#000}
#portal.row-top-act .ico-who {color:#FFF}
#portal #p-plus .ico-who span {border:0}
#portal.row-top-act #p-plus .ico-who span {background-image:url('/o/spo/ico/who-light.svg')}
#spt-menu {float:right}
#spt-menu .spt-submenu {display:none; position:absolute; top:100%; left:0; z-index:2; width:10em}
#spt-menu .spt-submenu:before {content:''; position:absolute; top:-10px; left:30px; border-width:0 6px 10px; border-style:solid; border-color:rgb(28,37,46) transparent}
#spt-menu .spt-submenu-nib {position:absolute; top:100%; left:0; width:100%; height:1em; overflow:hidden}
#spt-menu .spt-submenu-nib:after {content:''; position:absolute; bottom:50%; left:0; width:100%; height:100%; transform:skewY(3deg)}
#spt-menu .active .spt-submenu {display:block}
#spt-menu a {display:block; padding:.7em .8em; border-top:2px solid transparent; color:inherit; text-decoration:none}
#spt-menu .spt-submenu, #spt-menu .spt-submenu-nib:after {color:#FFF; background:rgb(28,37,46)}
#spt-menu .spt-submenu a {padding:.2em 1em; border:0; background:none}
#spt-menu li {position:relative; float:left; display:block; text-transform:uppercase; font-size:125%; font-weight:600}
#spt-menu .spt-submenu li {float:none; text-transform:none; font-weight:400; font-size:100%; -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid}
#spt-menu .act, #spt-menu .active > a, #spt-menu > li > a:hover {color:#30CBD9; border-color:#30CBD9}
#spt-menu .spt-submenu .act, #spt-menu .spt-submenu a:hover {color:#FFF; background-color:#30CBD9}
#other .spt-submenu {left:auto; right:0; width:40em}
#other .spt-submenu:before {left:auto; right:70px}
#other .spt-submenu-nib:after {transform:skewY(-1.2deg)}
#other .spt-submenu ul {float:right; width:50%; -webkit-column-count:2; column-count:2}
#other .spt-submenu ul + ul {font-size:85%}
#other .spt-submenu ul + ul a {color:#DDD}
#other .act, #other.active > a, li#other > a:hover {color:#30CBD9; border-color:#30CBD9}
#other .spt-submenu .act, #other .spt-submenu a:hover {color:#FFF; background-color:#30CBD9}
#volatile .act, #volatile.active > a, li#volatile > a:hover {color:#30CBD9; border-color:#30CBD9}
#volatile .spt-submenu .act, #volatile .spt-submenu a:hover {color:#FFF; background-color:#30CBD9}
#idnwebs .act, #idnwebs.active > a, li#idnwebs > a:hover {color:#E41F1F; border-color:#E41F1F}
#idnwebs .spt-submenu .act, #idnwebs .spt-submenu a:hover {color:#FFF; background-color:#E41F1F}
#fotbalh .act, #fotbalh.active > a, li#fotbalh > a:hover {color:#57B20D; border-color:#57B20D}
#fotbalh .spt-submenu .act, #fotbalh .spt-submenu a:hover {color:#FFF; background-color:#57B20D}
#hokejh .act, #hokejh.active > a, li#hokejh > a:hover {color:#17B3ED; border-color:#17B3ED}
#hokejh .spt-submenu .act, #hokejh .spt-submenu a:hover {color:#FFF; background-color:#17B3ED}
#tenis .act, #tenis.active > a, li#tenis > a:hover {color:#E9840E; border-color:#E9840E}
#tenis .spt-submenu .act, #tenis .spt-submenu a:hover {color:#FFF; background-color:#E9840E}
#lyzovani .act, #lyzovani.active > a, li#lyzovani > a:hover {color:#167DDC; border-color:#167DDC}
#lyzovani .spt-submenu .act, #lyzovani .spt-submenu a:hover {color:#FFF; background-color:#164EDC}
#biatlon .act, #biatlon.active > a, li#biatlon > a:hover {color:#164EDC; border-color:#164EDC}
#biatlon .spt-submenu .act, #biatlon .spt-submenu a:hover {color:#FFF; background-color:#164EDC}
#atletika .act, #atletika.active > a, li#atletika > a:hover {color:#B93E34; border-color:#B93E34}
#atletika .spt-submenu .act, #atletika .spt-submenu a:hover {color:#FFF; background-color:#B93E34}
#cyklistika .act, #cyklistika.active > a, li#cyklistika > a:hover {color:#B8734A; border-color:#B8734A}
#cyklistika .spt-submenu .act, #cyklistika .spt-submenu a:hover {color:#FFF; background-color:#B8734A}
#motorsport .act, #motorsport.active > a, li#motorsport > a:hover {color:#8C8B8A; border-color:#8C8B8A}
#motorsport .spt-submenu .act, #motorsport .spt-submenu a:hover {color:#FFF; background-color:#8C8B8A}
#sport-basket .act, #sport-basket.active > a, li#sport-basket > a:hover,
#volejbalh .act, #volejbalh.active > a, #volejbalh > a:hover,
#hazena .act, #hazena.active > a, li#hazena > a:hover,
#florbal .act, #florbal.active > a, li#florbal > a:hover {color:#E78E26; border-color:#E78E26}
#sport-basket .spt-submenu .act, #sport-basket .spt-submenu a:hover,
#volejbalh .spt-submenu .act, #volejbalh .spt-submenu a:hover,
#hazena .spt-submenu .act, #hazena .spt-submenu a:hover,
#florbal .spt-submenu .act, #florbal .spt-submenu a:hover {color:#FFF; background-color:#E78E26}
#olympiada .act, #olympiada.active > a, li#olympiada > a:hover {color:#DAA520; border-color:#DAA520}
#olympiada .spt-submenu .act, #olympiada .spt-submenu a:hover {color:#FFF; background-color:#DAA520}
#vysledky .act, #vysledky.active > a, li#vysledky > a:hover {color:#0CAF2E; border-color:#0CAF2E}
#vysledky .spt-submenu .act, #vysledky .spt-submenu a:hover {color:#FFF; background-color:#0CAF2E}
li#idnwebs {position:absolute; left:0; z-index:3; background:url('/u/free.gif')}
li#idnwebs > a.ico-menu, li#idnwebs > a.ico-menu:hover {border-color:transparent; cursor:pointer}
#idnwebs .spt-submenu {width:20em}
#idnwebs .spt-submenu:before {left:55px}
#idnwebs .spt-submenu ul {-webkit-column-gap:0; -moz-column-gap:0; column-gap:0; -webkit-column-count:2; -moz-column-count:2; column-count:2}
#idnwebs .spt-submenu-nib:after {transform:skewY(2deg)}
.ico-menu span {display:block; width:8em; height:0; margin:0 0 1.4em; overflow:hidden; text-indent:-99em}

#p-hld, li#p-hld {width:21px; font-weight:400; text-transform:none}
#p-hld a.ico-zoom {background:none; border-color:transparent}
#p-hld .ico-zoom span {margin-top:.5em; border-color:transparent}
#portal.row-top-act #p-hld .ico-zoom span {background-image:url('/o/spo/ico/zoom-light.svg')}
#portal.row-top-act .fixed #p-hld .ico-zoom span {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 scroll 0 50% / contain}
#portal.row-top-act #p-hld.act .ico-zoom span, #portal.row-top-act #p-plus.act .ico-who span {background-image: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")}
#portal.row-top-act #p-hld .ico-zoom:hover span, #portal.row-top-act #p-plus .ico-who:hover span {background-color:#FB1747}
#portal.row-top-act .fixed #p-hld .ico-zoom:hover span {background-color:#FFC}
#p-searcher {top:3px}

#portal #emblem {float:left; min-height:1px; line-height:1.2; font-size:267%; color:#000; background:none}
#portal #emblem .emblem-3 {padding-right:.3em}
#portal #emblem a {color:inherit}
#portal #emblem .emblem-1, #portal.row-top-act .fixed #emblem .emblem-1 {height:1.2em; background-image:url('/o/spo/idnes-ie8.png'); background:url('/u/loga-n4/idnes.svg') no-repeat 0 50% / contain}
#portal.row-top-act #emblem {color:#FFF}
#portal.row-top-act .fixed #emblem {color:#000}
#portal.row-top-act #emblem .emblem-1 {background-image:url('/o/spo/idnes-white-ie8.png'); background:url('/o/spo/idnes-light.svg') no-repeat 0 50% / contain}

/* CLANEK */
.space-c {margin-top:0}
.art-full h1 {font-size:300%}
.opener-foto .relative .more-gal {width:auto; height:44px; line-height:44px; padding:0 50px 0 10px; font-weight:400; background:url('/o/spo/right-gal.png') no-repeat 100% 50%; background-color:#999; background-color:rgba(51,51,51,.7)}
.opener-foto a:hover .more-gal {text-decoration:underline; background-color:#666; background-color:rgba(51,51,51,.9); background-position:100% 50%}
.opener-foto h4 {position:absolute; bottom:0; left:0; z-index:5; height:2em; line-height:2em; margin:0; padding:0; text-transform:uppercase; font-size:125%; font-weight:700}
.opener-foto h4 a {display:block; padding:0 1em; color:inherit; text-decoration:none}
.opener-foto h4 a:hover {background:rgba(0,0,0,.15)}
.art-time {float:left; width:7em; text-align:center}
.art-time span {display:block}
.art-time .art-time-a {margin:0 0 .1em; color:#333; text-transform:uppercase}
.art-time .art-time-b {display:inline-block; min-width:2.5em; border-top:2px solid #16234A; color:#16234A; font-size:125%; font-weight:700}
.art-time .art-time-c {color:#BBB}
.art-full .perex {display:table-cell; padding:0 20px .4em 0; line-height:1.6; font-weight:700; font-size:133%}
.art-full .perex li {position:relative; display:block; margin:0 0 .2em; padding:0 0 0 1em; background:url('/o/spo/ico/perex.png') no-repeat 0 .3em}
.art-disc-top {clear:both; overflow:hidden; line-height:1.7; margin:0 20px .6em 50px; text-align:right}
.art-disc-top a {float:right; color:#16234A; text-transform:uppercase; text-decoration:none}
.art-disc-top a:hover {text-decoration:underline}
.art-disc-top a:before {content:''; display:inline-block; vertical-align:middle; width:1.7em; height:1.7em; margin:0 .4em 0 0; background:url('/o/spo/ico/disc.svg') no-repeat 0 50%}
.art-disc-top .brisk {float:left}
.authors img {display:inline-block; vertical-align:middle; width:2em; height:2em; padding:0 .3em; border-radius:100%}
div.art-tags {margin-bottom:20px}
.art-community {display:block; margin:0 20px 20px 50px; text-align:right}
.art-community li {overflow:hidden; display:inline-block; text-align:center}
.art-community a {display:table-cell; vertical-align:middle; padding:8px 10px 0 0; text-transform:uppercase; text-decoration:none}
.art-community a:hover {text-decoration:underline}
.community-discusion {float:left}
.community-discusion a, .community-discusion a:hover {color:#FFF; background:#051444}
.community-discusion span {display:block; font-weight:400}
.community-facebook a, .community-facebook a:hover {color:#FFF; background:#3E5991}
.community-twitter a, .community-twitter a:hover {color:#FFF; background:#1B92DB}
.community-discusion a:before, .community-facebook a:before, .community-twitter a:before {content:''; float:left; width:28px; height:28px; margin:-8px 10px 0 0; border:10px solid transparent; background:rgba(255,255,255,.1) no-repeat 50% 50%}
.community-discusion a:before {background-image:url('/o/spo/ico/disc-light.svg')}
.community-facebook a:before {background-image:url('/o/spo/ico/facebook-light.svg')}
.community-twitter a:before {background-image:url('/o/spo/ico/twitter-light.svg')}
.community-facebook a, .community-twitter a {padding-top:15px}
.community-facebook a:before, .community-twitter a:before {margin-top:-15px}

#\--fotogalerie h3 {position:relative; line-height:1.6; margin:0 0 .3em; text-transform:uppercase; font-size:167%; font-weight:800}
#\--fotogalerie h3 a {display:block; color:#16234A; text-decoration:none}
#\--fotogalerie h3 a:hover {text-decoration:none}
#\--fotogalerie h3 a:before, #\--fotogalerie h3 a:after {content:''; position:absolute; bottom:0; left:0; z-index:1; width:100%; height:3px; background:rgba(128,128,128,.2)}
#\--fotogalerie h3 a:after {width:70px; background-color:#16234A; transition:width 1s}
#\--fotogalerie h3 a:hover:after {width:100%}
#\--fotogalerie td {padding-top:0}
#\--fotogalerie.complete-dual-l {width:296px; background:none}
#\--fotogalerie p {margin-top:.3em; text-align:right}

#space-full-fotbal, #space-full-hokej {margin:0 0 30px}
#space-full-fotbal .a-box, #space-full-hokej .a-box {margin-bottom:0}

/* kurzy */
.kurzy .box-in {padding:0; border:0}
.kurzy h3 {display:block; height:36px; margin:0 0 2px; text-indent:-999em; overflow:hidden; color:#FFF; background:#2297F4 url('/o/spo/tipsport.png') no-repeat 50% 50%}
.kurzy h3 img {vertical-align:middle}
.kurzy .zalozky {display:table; width:100%; border-bottom:2px solid #2297F4}
.kurzy .zalozky span {display:table-cell; padding:.2em; border:1px solid #FFF; border-width:2px 1px 0; font-weight:700; font-size:92%; text-transform:uppercase; text-align:center; color:#333; background:#CCC; cursor:pointer}
.kurzy .prep-1 .zal-1, .kurzy .prep-2 .zal-2, .kurzy .prep-3 .zal-3, .kurzy .prep-4 .zal-4, .kurzy .prep-5 .zal-5, .kurzy .prep-6 .zal-6 {color:#fff; background:#2297F4; border-color:#2297F4}
.kurzy table {width:100%; border-collapse:collapse}
.kurzy td {vertical-align:top}
.kurzy td.tal {padding-right:.3em}
.kurzy td.tac {width:3em}
.kurzy td a {display:block; padding:.2em 0; color:#000; text-decoration:none}
.kurzy td.tac a {color:#2297F4}
.kurzy tr:hover {background:rgba(128,128,128,.15)}
.kurzy .tv-tipsport, .kurzy a.tv-tipsport {display:inline-block; vertical-align:middle; width:20px; height:16px; margin:0; padding:0; background:url('/o/online/sport/sazky.png') no-repeat 0 -90px}
.q-js .kurzy .prep-1 .arts-1, .q-js .kurzy .prep-2 .arts-2, .q-js .kurzy .prep-3 .arts-3, .q-js .kurzy .prep-4 .arts-4, .q-js .kurzy .prep-5 .arts-5, .q-js .kurzy .prep-6 .arts-6, .q-js .kurzy .prep-7 .arts-7, .q-js .kurzy .prep-8 .arts-8, .q-js .kurzy .prep-9 .arts-9, .q-js .kurzy .prep-10 .arts-10, .q-js .kurzy .prep-11 .arts-11, .q-js .kurzy .prep-12 .arts-12, .q-js .kurzy .prep-13 .arts-13, .q-js .kurzy .prep-14 .arts-14, .q-js .kurzy .prep-15 .arts-15 {display:table}
.kurzy .mf-warning {margin-top:3px; margin-left:5px}

.kurzy-fortuna h3 {color:#000; background:#FFDE00 url('/o/spo/fortuna.png') no-repeat 50% 50%}
.kurzy-fortuna .prep-1 .zal-1, .kurzy-fortuna .prep-2 .zal-2, .kurzy-fortuna .prep-3 .zal-3, .kurzy-fortuna .prep-4 .zal-4, .kurzy-fortuna .prep-5 .zal-5, .kurzy-fortuna .prep-6 .zal-6 {color:#000; background:#FFDE00; border-color:#FFDE00}
.kurzy-fortuna .zalozky {border-color:#FFDE00}
.kurzy-fortuna table {border-spacing:2px; border-collapse:separate; color:#FFF; background:#000}
.kurzy-fortuna tr:hover {background:rgba(255,255,255,.15)}
.kurzy-fortuna td:first-child {padding-left:.5em}
.kurzy-fortuna td a {color:inherit}
.kurzy-fortuna td.tac a {border-radius:.4em; color:#000; background:#FFDE00}

.pack {}
.pack .pack-in {display:none}


/* kopie drivejsich */

/*ONLINE*/
#online-nav h2 {margin-left:10px}
#online-nav .box-in {width:990px; margin:0 auto 22px}
#online-nav .entry {float:left; width:131px; border:5px solid #FFF; border-top:2px solid #FFF; border-bottom:3px solid #FFF; border-radius:4px; cursor:pointer}
#online-nav ul {border-top:1px solid #1DA6D3; border-bottom:1px solid #1DA6D3; background:#FFF}
#online-nav li {display:table; width:131px; height:25px; border-top:2px solid #FFF; border-bottom:2px solid #FFF; border-radius:3px}
#online-nav li:first-child {border-bottom:none}
#online-nav li img {vertical-align:middle}
#online-nav li span {display:table-cell; vertical-align:middle}
#online-nav a {font-weight:bold}
#online-nav p {padding:4px}
#online-nav p span {color:#999}
#online-nav .img {width:31px; border-radius:2px}
#online-nav .team {padding:0 0 0 5px; text-align:left}
#online-nav .score {width:26px; font-weight:700; font-size:117%; text-align:center; color:#FFF; background:#999; border-radius:2px}
#online-nav .entry:hover {width:135px; border-color:#1DA6D3; border:3px solid #1DA6D3; border-top:2px solid #1DA6D3; background:#1DA6D3}
#online-nav .entry:hover ul {border-radius:2px}
#online-nav .entry:hover li {border:2px solid #FFF; border-radius:3px}
#online-nav .entry:hover li:first-child {border-bottom:none}
#online-nav .entry:hover .score, #online-nav .play .score {background:#1DA6D3}
#online-nav .entry:hover p {padding:4px 6px; color:#FFF}
#online-nav .entry:hover a, #online-nav .entry:hover p span {color:#FFF; font-weight:bold}


.ico-karta-zluta, .ico-karta-cervena {display:inline-block; width:5px; height:7px; border-radius:1px; background:#f11}
.ico-karta-zluta {background:#f8f404}

.online-carousel {min-height:0; height:340px; background:#000}
.online-carousel .online-carousel-in {padding-bottom:65px; top:0; width:100%}
.online-carousel .online-carousel-in > * {position:absolute; bottom:65px}
.online-carousel .online-carousel-box {padding-bottom:65px; top:0}
.online-carousel .nava li:hover {background-color:#E20025}
.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:#16234a}
.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 {border-color:#16234a transparent}
.online-carousel .online-top-box h1.zahlavi {float: right; margin-bottom: 10px; text-transform: uppercase; font-size:100%; text-align:right}    
.online-carousel #on-line-plays h2 {font-size:250%}

.online-carousel .arts-gallery ul {margin-bottom:65px}

#on-line-plays {text-align:center}
.online2017 #on-line-plays {height:145px}
#on-line-plays h2 {font-weight:600; font-size:167%; margin-bottom:2px}
#on-line-plays h4 {height: 1.2em}

.online-score {display:inline-block; margin:-10px auto auto; overflow:hidden; text-align:center}
.online-score h1 {font-size:200%}
.online-score .col-team {float:left; width:320px}
.online-score .col-team1 {text-align:right}
.online-score .col-team2 {text-align:left}
.online-score .col-team a, .online-score .col-team > span {display:table; width: 100%; vertical-align:middle; text-decoration:none}
.online-score .col-team img {vertical-align:middle; width: auto; height: auto;  max-width: 135px}
.online-score .team {display:table-cell; height:100px; padding:0 10px; vertical-align:middle; text-align:center; font-size:150%}
.online-score .col-score {float:left; text-align:center}
.online-score .score {display:block; position:relative; overflow:hidden; margin:10px 0 0; font-size:70px; line-height:70px; font-weight:700}
.online-score .score .team1 {float:left; width:120px; text-align:right}
.online-score .score .team2 {float:left; width:120px; text-align:left}
.online-score .colon {float:left; padding:0 10px}
.online-score .score-pn {font-size:50%; line-height:1}

.online-osa {margin:14px -24px 0; padding:38px 0}
.online-osa-set {position:relative; float:left; width:87%; height:2px; margin-left:3%}

.online-osa-casy {position:absolute; top:-35px; width:100%}
.online-osa-casy .osa-cas {position:relative; float:left; width:16.66%; height:76px; color:#999; border-right:solid 1px #999; box-sizing:border-box}
.online-osa-casy .osa-cas:first-child {border-left:solid 1px #999}
.online-osa-casy .osa-cas:first-child:before {content:"0'"; position:absolute; top:-17px;  left:-3px}
.online-osa-casy span {position:absolute; right:-16px; top:-17px; width:30px; height:1em; text-align:center}


.online-osa-bar-bg {position:absolute; width:100%; height:5px; background-color:#999}
.online-osa-bar {position:absolute; height:5px; background-color:#16234a}

.online-osa-event {position:absolute; top:0}
.online-osa-event.gol {width:11px; margin:-3px 0 0 -5px}
.online-osa-event.gol:before {content:""; display:block; width:5px; height:5px; border-radius:50%; border:solid 3px #fff}
.online-osa-event .event-cas {position:absolute; right:11px; width:30px; text-align:right; font-size:84%}
.online-osa-event.team2 .event-cas {top:9px}
.online-osa-event.team1 .event-cas {bottom:9px}
.online-osa-event .bublina {position:absolute; left:5px}
.online-osa-event:hover .bublina {z-index:10; opacity:1}
.online-osa-event.team2 .bublina {top:24px}
.online-osa-event.team1 .bublina {bottom:24px}
.online-osa-event .bublina span {position:relative; display:inline-block; left:-50%; padding:0 4px; color:#000; border: solid 1px #666; border-radius:3px; background:#fff}
.online-osa-event .bublina span:after {content:""; position:absolute; left:50%; width:0; height:0; margin-left:-4px; border:solid 4px transparent}
.online-osa-event.team1 .bublina span:after {bottom:-11px; border-top:solid 7px #fff}
.online-osa-event.team2 .bublina span:after {top:-11px; border-bottom:solid 7px #fff}
.online-osa-event.ico-karta-zluta, .online-osa-event.ico-karta-cervena {top:-10px}
.online-osa-event.team2.ico-karta-zluta, .online-osa-event.team2.ico-karta-cervena {top:10px}

.set-after {width:90px; margin-left:8px}
.set-after .online-osa-event {position:relative; float:left; margin-left:0; margin-right:3px}
.set-after .online-osa-event .bublina {opacity:0.5}

.set-after .team1 .bublina {bottom:38px}
.set-after .team1 .bublina span {top:14px}
.set-after .team2 .bublina {top:38px}
.set-after .team2 .bublina span {top:-14px}
.set-after .event-cas {right:0}

.online-carousel .kolotoc {margin-top:50px}
.online-carousel .kolotoc.zapasy-kola li {width:800px; min-height: 180px; margin:0px 20px}
.online-carousel .zapasy-kola h3 {font-size:150%}
.zapasy-kola table {float:left; width:46%; margin:0 4% 0 0; border-collapse:collapse}

.zapasy-prehled td, .zapasy-kola td {height:1.8em; padding:0px 0px; font-size:109%; border-bottom:solid 1px #eee}
.zapasy-prehled .symbol, .zapasy-kola .symbol {float:left; width:22px; height:auto; margin-right:2px; vertical-align:bottom}
.zapasy-prehled .symbol img, .zapasy-kola .symbol img {display:block; width:100%; height:auto}
.zapasy-prehled .score, .zapasy-kola .score {font-weight:800; font-size:123%}
.zapasy-prehled .date, .zapasy-kola .date {float:right; font-weight:bold}
.kolotoc.zapasy-kola .date {width:78px}

.mark-live {display:inline-block; padding:.2em .5em; color:#fff; font-size:11px; height:14px; line-height:15px; background:#0CAF2E}
.mark-live:before {content:'\17d IV\11a '}
.zapasy-kola .mark-live {float:right}

.h2h {width: 840px; margin: 0 50px}
.h2h h2 {margin-top: 25px; text-align: center; font-weight: 600; font-size: 150%}
.h2h h4 {margin-bottom: 10px; font-size: 84%; text-align: center}
.h2h-row {width: 840px; height: 25px; margin: 0 auto 10px; overflow: hidden}
.h2h-bar-wrap {float: left; position: relative; width: 330px; height: 100%; line-height: 25px; background: rgba(85,91,79,.8)}
.h2h-bar-wrap.team1 {text-align: right}

.h2h-bar {position: absolute; height: 100%; padding: 0 10px; box-sizing: border-box; background: #16234a}
.team1 .h2h-bar {right: 0}
.team2 .h2h-bar {left: 0}
.h2h-bar-wrap .num {position: relative; padding: 0 10px; font-weight: 700}
.h2h-popis {float: left; width: 180px; line-height: 25px; text-align: center; font-size: 109%; background: rgba(30,30,30,.8)}

.h2h-vysledky {margin: -20px 0 10px}
.h2h-vysledky.team1 {float: left}
.h2h-vysledky.team2 {float: right}
.h2h-vysledky span {display: inline-block; padding: 3px}
.vysledky-v {background: #0c7a0a}
.vysledky-r {background: #d68a0c}
.vysledky-p {background: #b30809}

.h2h .tar a {font-size: 109%; text-decoration: underline}
.h2h .tar a:before {content: "> "; display: inline-block; margin-right: 3px}
.h2h .tar a:hover {text-decoration: none}

.online-vysledky {overflow: hidden}
.online2017 .online-vysledky {margin-right:50px}
.online-vysledky h3, .online-vsestava h3 {clear: both; margin-top: 5px; padding: 3px; font-weight: 800; font-size: 117%; background: #ccc}
.online-vysledky h4 {font-weight: bold; margin-bottom: 4px}
.online-vysledky table {width: 100%; margin-bottom: 20px; border-collapse: collapse}
.online-vysledky td {width: 50%; padding: 10px; vertical-align: top}
.online-vysledky td:first-child {border-right: solid 2px #ccc}
.online-vysledky p {margin-bottom: 4px}
.vysledky-goly, .vysledky-karty {float: left; width: 50%; margin-top: 2px}
.vysledky-karty {float: right}
.vysledky-stridani p {float: left; width: 50%}

.online-vysledky .ico-karta-zluta, .online-vysledky .ico-karta-cervena, .online-vysledky .ico-stridani-up, .online-vysledky .ico-stridani-down {display: inline-block; width: 10px; height: 13px; margin: 2px 6px -2px 0}
.online-vysledky .ico-gol {margin: 2px 6px -2px 0}
.online2017 .ico-gol {display:inline-block; width:14px; height:14px; background-image: url(//1gr.cz/o/fot/online/hriste/icons.png); /*background-size:contain*/}

.online-vysledky .ico-stridani-up, .online-vysledky .ico-stridani-down {background:url(//1gr.cz/o/fot/online/sprite-stridani.png) no-repeat}
.online-vysledky .ico-stridani-down {background-position:center -15px}

.online-vsestava {margin-right: 50px}
.online-vsestava .half {float:left;box-sizing:border-box;padding: 5px 0 0 10px;font-size: 117%}
.online-vsestava .half:first-of-type {border-right: solid 2px #ccc}
.online-vsestava .half h4 {margin-bottom:10px;padding:2px;font-weight:bold;font-size: 122%}


.zapasy-prehled {width: 100%; margin-bottom: 20px}
.zapasy-prehled .live {font-weight: bold; color: #0CAF2E; /*57B20D*/}
.zapasy-prehled a {text-decoration: underline}
.zapasy-prehled a:hover {text-decoration: none}
.zapasy-prehled td:first-child {width: 120px}
.zapasy-prehled td:last-child a:before {content: ">"; display: inline-block}
.zapasy-prehled .team {width: 200px; font-size: 117%; padding: 2px 0}
.zapasy-prehled .score {text-align: center; font-weight: 800; font-size: 133%}


.on-line-header-grandslam {background:#3075C6}
.online-carousel .on-line-header-grandslam {background:none}
.on-line-header-grandslam h1 {margin:0 10px; padding:6px 0; color:#FFF}
.on-line-header-grandslam h1 + p {margin:-6px 10px 6px}
.on-line-header-grandslam table {width:100%; padding:15px 10px 15px 5px; border:1px solid #FFF; border-width:1px 0 0; border-collapse:separate; color:#FFF; text-shadow:.1em .1em .2em #000; background-size:cover !important}
.online-carousel .on-line-header-grandslam table {min-width:608px; border:none; color:inherit; background:none}
.on-line-header-grandslam table th, .on-line-header-grandslam table td, .on-line-header-grandslam table img {margin:0; vertical-align:middle; font-size:x-large}
.on-line-header-grandslam table td {width:1em; padding:0 .2em; text-align:center}
.on-line-header-grandslam table td[colspan] {padding:.3em}
.on-line-header-grandslam table hr {width:96%; margin:6px auto; border:1px solid #FFF}
.on-line-header-grandslam td.score-all {background:rgba(0,0,0,.4); font-size:xx-large}
.on-line-header-grandslam td.score-act {background:rgba(48,117,198,.6); font-size:xx-large}
.on-line-header-grandslam .servis {float:right; display:inline-block; width:.5em; height:.5em; margin:.4em .5em 0 .2em; border-radius:100%; background:#E6EE2D; box-shadow:0 0 .1em #000}

.icon-online {display:inline-block; width:18px; height:18px; background:url('/o/spo/icon-online.png')}
.icon-online-true {background-position:0 0}
.icon-online-false {background-position:0 -20px}
.icon-online-null {background-position:0 -40px}
.icon-online-tenis {background-position:0 -60px}
.icon-online-hokej {background-position:0 -80px}
.icon-online-fotbal {background-position:0 -100px}
.icon-online-other {background-position:0 -120px}

.on-line-summary-list {font-size:125%}
.on-line-summary-list li {position:relative; overflow:hidden; margin:0 0 .5em}
.on-line-summary-list li a:after {content:''; position:absolute; top:-4em; bottom:-4em; left:-300px; right:-300px; z-index:1; background:url('/u/free.gif')}
.on-line-summary-list .icon-online {float:left; margin:0 .3em 0 0}
.on-line-summary-list .icon-online + .icon-online {float:right; margin:0}
.on-line-summary-list .score {float:right; /* width:2em;*/ text-align:center; font-weight:700}
.on-line-summary-list + h2 {margin-top:1em}

#tt-tipsport-tip {font-size:86%}

/*poutani na online*/
.list-art .on-line {margin-bottom:30px}
.list-art .on-line h2 {overflow:hidden; line-height:1.8; margin:0; padding:3px 14px 0; font-weight:700; font-size:150%; text-transform:uppercase; color:#FFF; background:#16244B}
.list-art .on-line h2 a {display:block; color:inherit; text-decoration:none}
.list-art .on-line h2 a:hover span {text-decoration:underline}
.list-art .on-line h2 span {float:right; padding-top:.4em; padding-left:40px; font-size:67%; font-weight:400}
.list-art .on-line h2 span:before {content:'\003E\00a0'}
.list-art .on-line .box-in {min-height:10em; padding:0 7px 0 14px; border:1px solid #16244B; border-width:3px 3px 0 0}

.list-art .on-line #on-line-data .time {float:left; margin-right:20px}
.list-art .on-line #on-line-data .event {padding:10px 10px 10px 0}
.list-art #on-line-data .event .oh-top .box-in {border-width:3px 0 0}

.list-art .on-line .box-in-wrapper {position:relative; overflow:hidden; margin:0 -7px 0 -14px}
.list-art .on-line .box-in-wrapper:before {content:''; position:absolute; bottom:0; left:0; z-index:1; width:100%; height:40%; background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) 60%)}

.list-art .on-line .box-in-wrapper > .ico-r {position:absolute; bottom:0; right:10px; z-index:3; font-size:14px}
.list-art .on-line h2 {display:table-cell}
.list-art .on-line .box-in-wrapper {height:12em}

.table-box {margin-bottom:1em; padding:0}
.table-box table, .table-box {width:100%; border-collapse:collapse; text-align:left}
.table-box h2 {margin:10px}
.col-a .table-box table, .col-a .table-box-r table {font-size:14px}
.col-b .table-box {padding:0 0 10px; margin-bottom:.5em}
.col-b .table-box table {font-size:92%}
.table-box h3, .table-box th {padding:3px 0 2px 6px; font-weight:700; font-size:117%; text-transform:uppercase; color:#FFF; background:#04A}
.table-box td {padding:3px 5px 2px; border-bottom:1px solid rgba(128,128,128,.2); vertical-align:top; background:none;  /* text-align:center;*/}
.table-box td.tal {text-align:left}
.table-box td.tar {text-align:right}
.col-b .table-box td {padding:2px 5px 1px}
.table-box .c0 {font-weight:700; text-transform:uppercase; background:rgba(128,128,128,.2)}
.table-box .c1 {background:none}
.table-box .legend {padding-top:0.5em; list-style:none; list-style-image:none; list-style-position:outside}
.table-box .legend li {padding:0 5px; margin-bottom:0.5em; font-size:92%}

.table-box-r {margin-bottom:1em}
.col-b .table-box-r {margin-bottom:22px}
.table-box-r h2 {margin:10px}
.col-b .table-box-r {padding:0 0 10px}
.col-b .table-box-r .box-in {margin-bottom:0.5em}
.table-box-r table, .table-box-r {border-collapse:collapse; width:100%; text-align:right}
.col-b .table-box-r table {font-size:92%}
.table-box-r th, .table-box-r h3, .table-box caption {padding:3px 0 2px 6px; color:#FFF; font-weight:700; text-transform:uppercase; text-align:left; border:1px solid #FFF; font-size:108%; /*border-bottom:none; */ zoom:1}
.table-box-r h3 {background-color:#04A}
.table-box-r .c0 {font-weight:700; color:#000}
.table-box-r td {padding:2px 5px; text-align:center}
.table-box-r td.tal {text-align:left}
.table-box-r .muzstvo {width:98px}
.table-box-r .legend {padding-top:0.5em; list-style:none; list-style-image:none; list-style-position:outside}
.table-box-r .legend li {padding:0 5px; margin-bottom:0.5em; font-size:92%}

.spodb-table {margin:0 0 22px}
.spodb-table .box-in {padding:0; border:0}
table.spodb-table, .spodb-table table {margin:0 0 22px}
.spodb-table h2 {margin:0 0 7px; font-weight:700; font-size:150%; text-align:left}
.spodb-table table, table.spodb-table {width:100%; font-size:117%; border-collapse:collapse}
.spodb-table th, .spodb-table td {padding:8px; vertical-align:top}
.spodb-table .bg-flag {background:url('/o/oh2012/bg-flag-cz.png') 100% 7px no-repeat}
.spodb-table th {color:#000; background:#FFF}
.spodb-table .c0, .spodb-table.c0 {color:#000; background:#FFF}
.spodb-table .c1, .spodb-table.c1 {color:#000; background:#E5F4FF}
.spodb-table tr:hover {background:#C4E7FF}
.spodb-table th a {color:#000; text-decoration:none}
.spodb-table th a:hover {text-decoration:underline}
.spodb-table .w1 {width:1%}
.spodb-table .w5 {width:5%}
.spodb-table .w10 {width:10%}

.col-b .spodb-table table {font-size:100%}
.col-b .spodb-table th {padding:5px 5px 4px; font-size:108%}
.col-b .spodb-table td {padding:5px 5px 4px}

.kolo .half-l {float:left; width:48.2%}
.kolo .half-r {float:right; width:48.1%}
.kolo .box-in {padding:0; border:0}
.kolo table {border-collapse:collapse; width:100%}
.col-b .kolo table {font-size:92%}
.kolo th {background-color:#04A; color:#fff}
.kolo h3, .kolo th {padding:1px 0 1px 5px; border:1px solid #FFF; font-weight:700; text-transform:uppercase}
.kolo .c0 {text-align:left; font-weight:700; color:#000}
.kolo td {padding:2px 3px 2px 5px; vertical-align:top}
.kolo td.tac {padding:2px; text-align:center}
.kolo td a {font-weight:normal}

.h2-tit, .online-summary h2 {margin:0 0 .3em; font-size:217%; font-weight:700}
.h2-tit {margin:10px 0 10px 10px}
.online-summary h2 {margin:0 0 7px 10px}
.h3-tit {margin:0 0 10px 10px; font-size:133%; font-weight:700}

/* tabule */
.blackboard {padding:0 0 0 10px}
.blackboard h2 {margin:0 0 .3em; font-weight:700; font-size:217%; text-align:left}
.blackboard p {margin-left:13px; color:#3C3C3C; line-height:1.75}
.blackboard .box {margin-bottom:1em; padding-bottom:.5em; border-bottom:1px dashed #CCC; zoom:1}
.blackboard form .inputs {float:left; margin-bottom:12px}
.blackboard form .inputs input {width:11em; height:16px; border:1px solid #CCC; background:#EEE; margin-right:12px}
.blackboard form .inputs select {margin:0 10px 0 0}
.blackboard form .bt {margin-top:1.1em; width:7em}
.blackboard form label {display:block; font-size:92%}
.blackboard .date {overflow:hidden}
.blackboard .date ul {float:left; width:100%; margin-bottom:1em}
.blackboard .date li {float:left; display:inline; text-align:center; width:62px}
.col-a .blackboard .date li {width:63px}
.blackboard .date li a {display:block; padding:0.4em 0; background-color:#EEE; font-size:92%; text-align:center; text-decoration:none; text-transform:uppercase}
.blackboard .date li span {font-weight:700; text-decoration:underline}
.blackboard .date li .d-date {text-decoration:none; font-weight:normal; color:#000}
.blackboard .date li.active {width:88px}
.col-a .blackboard .date li.active {width:76px}
.blackboard .date li.active a {background:none; color:#000; font-size:100%; padding:0.2em 0}
.blackboard .date h3 {margin-bottom:1px}
.list-score {width:100%; margin-bottom:1em; line-height:1.6}
.list-score .category {padding-bottom:.8em}
.list-score h2 {margin:10px 0 10px 10px}
.list-score h3 {padding:1px 13px; color:#FFF; background-color:#04A; text-transform:uppercase; font-size:133%; font-weight:700}
.list-score h4 {padding:1px 13px; background-color:#EEE; font-size:125%; font-weight:700}
.list-score .box {margin-bottom:1em; padding-bottom:.5em; border-bottom:1px dashed #CCC; zoom:1}
.list-score .ico-r {float:right; =width:16em; margin:0 0 0 10px}
.list-score p {margin:4px 10px; font-size:117%}

/* vycuc onlinu do clanku */
.mysicuc {clear:both; position:relative; line-height:1.4; margin:0 0 3em; padding:1em 0 0; border:1px solid #16234A; border-width:3px 0; font-size:.75rem}
.mysicuc .col-l {width:40%; float:left; text-align:left}
.mysicuc .col-r {width:40%; float:right; text-align:right}
.mysicuc .col-m {display:block; text-align:center}
.mysicuc .caption {overflow:hidden; margin:0 0 .5em; opacity:.7}
.mysicuc .header {overflow:hidden}
.mysicuc .header a {text-decoration:none}
.mysicuc .header small {clear:both; display:block; margin:0 0 .3em; text-align:center; font-size:100%}
.mysicuc .header .col-l, .mysicuc .header .col-r {font-weight:700; font-size:175%; text-transform:uppercase}
.mysicuc .header .symbol {float:left; width:auto; height:1.4em; margin:0 .2em 0 0}
.mysicuc .header .col-r .symbol {float:right; margin:0 0 0 .2em}
.mysicuc .header .col-m {line-height:1.1; margin:0 0 .4em; font-size:250%; font-weight:800}
.mysicuc .header .col-m small {clear:both; display:block; text-align:center; font-size:50%}
.mysicuc .row, .mysicuc p {font-size:125%}
.mysicuc .row {display:table; width:100%}
.mysicuc .cell {display:table-cell; width:50%; padding:.5em 15px .5em 0}
.mysicuc .cell + .cell {padding-left:15px; padding-right:0; border-left:3px solid #16234A}
.mysicuc p {margin:1em 0}
.mysicuc .btn {position:relative; top:1.5em; display:table; margin:-1.5em auto 0; padding:.8em 1em; font-weight:700; font-size:125%; text-align:center; text-decoration:none; text-transform:uppercase; color:#FFF; background:#16234A}
.mysicuc .btn:hover {background-color:#EE1212}

/*turnaj*/
#tournament, .head-list {margin:0 0 22px; padding:0 0 1px; background:url("/u/n3/art_dots.gif") repeat-x bottom left; zoom:1}
.col-a .list-art .inc #tournament, .col-a .list-art #inc #tournament {margin-bottom:0}
#tournament h2 {margin:10px 0 0 10px}
#tournament h3, .head-list h3 {margin:0 0 0 10px; font-weight:700; font-size:117%; color:#000}
#tournament .ico-rm .head-list .ico-rm {margin-bottom:0.5em}
/*#tournament .box-in,*/ .head-list .box-in {margin-left:10px}
#tournament ul, #tournament li, .head-list ul, .head-list li {list-style:none}
#tournament ul, .head-list ul, #inc .head-list ul {overflow:hidden; margin:0 -30px 1em 0}
#tournament li, .head-list li {float:left; margin:0 16px 2px 0}
.head-list li a {float:left; padding-left:16px; min-height:16px; _height:16px; font-weight:700; background:url("/u/dot_gray.gif") no-repeat left center}
#tournament li a {float:left; padding:4px 0 0 22px; /*min-height:16px; _height:16px; */ line-height:1.75em; font-weight:700; background:url("/o/spo/ico_tennisball.gif") no-repeat left center}
#tournament .logo-garros, #tournament .logo-australian, #tournament .logo-wimbledon, #tournament .logo-usopen, #tournament .logo-tour, #tournament .logo-daviscup, #tournament .logo-fedcup, #tournament .cup2009, #tournament .logo-wta, #tournament .logo-atp, #tournament .logo-fis, #tournament .wfc-2009 {width:100%; min-height:64px; _height:64px}
/*#tournament .logo-garros p, #tournament .logo-australian p, #tournament .logo-wimbledon p, #tournament .logo-usopen p, #tournament .logo-tour p, #tournament .logo-daviscup p, #tournament .logo-fedcup p*/
#tournament p {padding-top:11px; font-size:117%; line-height:1.5; margin:0 50px 1em 0}
#tournament .text-img p {margin:0 0 1em}
#tournament img.fr {margin:0 0 2px 5px}
#tournament img.fl {margin:0 5px 2px 0}
#tournament .logo-garros {background:url("/o/spo/logo_garros.gif") no-repeat top right}
#tournament .logo-australian {background:url("/o/spo/logo_australian.gif") no-repeat top right}
#tournament .logo-usopen {background:url("/o/spo/logo_usopen.gif") no-repeat top right}
#tournament .logo-wimbledon {background:url("/o/spo/logo_wimbledon.gif") no-repeat top right}
#tournament .logo-tour {background:url("/o/spo/logo_tdf.gif") no-repeat top right}
#tournament .logo-daviscup {background:url("/o/spo/logo_daviscup.gif") no-repeat top right}
#tournament .logo-fedcup {background:url("/o/spo/logo_fedcup.gif") no-repeat top right}
#tournament .logo-kralcyk {background:url("//oidnes.cz/12/103/nesd/MBB46b21c_kral.gif") no-repeat top right}
#tournament .logo-lavercup {background:url("/o/spo/logo_lavercup.jpg") no-repeat top right}
#tournament .cup2009 {background:url("/o/spo/cup2009.gif") no-repeat top right}
#tournament .logo-wta {background:url("/o/spo/logo_WTA.gif") no-repeat top right}
#tournament .logo-wta2 {background:url("/o/spo/wta_logo_2010.gif") no-repeat top right}
#tournament .logo-atp {background:url("/o/spo/logo_ATP.gif") no-repeat top right}
#tournament .logo-fis {background:url("/o/spo/logo-fis.gif") no-repeat top right}
#tournament .wfc-2009 {min-height:94px; _height:94px; background:url("/o/spo/wfc_2009.gif") no-repeat top right}
#tournament .logo-giro {min-height:78px; _height:78px; background:url("/o/spo/logo_giro.jpg") no-repeat top right}
#tournament .logo-wta p {margin:0 159px 1em 0}
#tournament .logo-wta2 p {margin:0 80px 1em 0}
#tournament .bg-tour li {margin-right:14px}
#tournament .bg-tour a {padding:4px 0 0 24px; background-image:url("/o/spo/odrazka_tdf.jpg")}
#tournament .hokej a {padding:4px 0 0 26px; background-image:url("/o/spo/odrazka_hokej.gif")}
#tournament .fotbal a {padding:4px 0 0 26px; background-image:url("/o/spo/odrazka_fotbal.gif")}
#tournament .floorball a {padding:4px 0 0 26px; background-image:url("/o/spo/ico_floorball.gif")}
#tournament .snowflake a {padding:4px 0 0 26px; background-image:url("/o/spo/odrazka_vlocka.gif")}
#tournament .atletika a {padding:4px 0 0 26px; background-image:url("/o/spo/odrazka_atletika.gif")}
#tournament .volejbal a {padding:2px 0 0 26px; background-image:url("/o/spo/odrazka_volejbal.gif")}
#tournament .basketbal a {padding:2px 0 0 26px; background-image:url("/o/spo/odrazka_basketbal.gif")}
#tournament .hokejbal a {padding:2px 0 0 26px; background-image:url("/o/spo/odrazka_hokejbal.gif")}
#tournament .hazena a {padding:2px 0 0 26px; background-image:url("/o/spo/odrazka_hazena.gif")}
#tournament .pingpong a {padding:2px 0 0 26px; background-image:url("/o/spo/ico_ping.gif")}
#tournament .golf a {padding:2px 0 0 26px; background-image:url("/o/spo/ico_golf.jpg")}
#tournament .pokerdrive a {padding:2px 0 0 26px; background-image:url("/o/spo/odrazka_poker.gif")}
#tournament-flash {margin-left:10px}

/*inc*/
#inc h3 {font-size:150%; font-weight:700}
#inc .text h3 {font-size:113%}
#inc .table-box h3 {font-size:108%; color:#FFF}
#inc p {margin-bottom:10px}

/* grafprubehu */
.vlb-chgraf {margin:0 0 20px; padding:10px; font-size:125%; background:#F3F3F3}
.vlb-chgraf-nav {overflow:hidden; line-height:21px; margin:0 0 1.5em}
.vlb-chgraf-nav label {position:relative; float:left; overflow:hidden; margin:0 1em .5em 0; white-space:nowrap}
.vlb-chgraf-nav input {position:absolute; left:0; top:0; margin:0; padding:0; width:21px; height:21px; opacity:0}
.vlb-chgraf-nav .status {float:left; width:21px; height:21px; margin:0 8px 0 0; background:url('/o/volby-n4/checkbox-graf-nav.png') no-repeat}
.vlb-chgraf-nav input:checked + .status {background-position:-50px 0}
.vlb-chgraf-nav label:hover .status {background-position:-100px 0}
.vlb-chgraf-nav label:hover input:checked + .status {background-position:-150px 0}
.graf-1, .graf-2 {margin:0 0 20px}

.pavouk {text-align:center; table-layout:fixed; width:100%; border-collapse:collapse; line-height:1.6em; font-size:110%}
.pavouk *, .pavouk *:before {-moz-box-sizing:border-box; box-sizing:border-box}
.pavouk td {padding:0; text-align:center}
.pavouk th {background:0; color:#000; font-weight:bold; text-align:left; text-transform:uppercase}
.pavouk a {display:block; position:relative; margin-top:1.25em; color:#000}
.pavouk b {display:block; background:#ECECEC; border-radius:0.5em 0.5em 0 0; box-shadow:0 0 0.333em rgba(0,0,0,0.125) inset; font-weight:normal}
.pavouk b + b {border-radius:0 0 0.5em 0.5em; margin-top:1px}
.pavouk span {display:block; height:1.38em; clear:both; color:#666; font-size:90%}
.pavouk a[href] {text-decoration:none}
.pavouk a[href]:hover span {text-decoration:underline; color:#000}
.pavouk a[href]:hover b {color:#FFF; background:#57B20D}
.pavouk .pavouk-l {padding-right:1em}
.pavouk .pavouk-r {padding-left:1em}
.pavouk [rowspan] a:before {content:""; position:absolute; width:1em; bottom:0; top:-1em; border:2px solid #57B20D}
.pavouk .pavouk-l[rowspan] a:before {right:100%; border-left:0; border-radius:0 2em 2em 0 / 0 100% 100% 0}
.pavouk .pavouk-r[rowspan] a:before {left:100%; border-right:0; border-radius:2em 0 0 2em / 100% 0 0 100%}
.pavouk [rowspan='2'] a:before {bottom:-0; top:-1.25em}
.pavouk [rowspan='4'] a:before {bottom:-3em; top:-4em}
.pavouk td.pavouk-finale a:before, .pavouk td.pavouk-finale a:after {content:""; position:absolute; width:1em; border:2px solid #57B20D; top:1.6em; height:7em; margin:0 37px}
.pavouk td.pavouk-finale a:before {right:50%; border-width:0 2px 2px 0; border-radius:0 0 100% 0 / 0 0 100% 0}
.pavouk td.pavouk-finale a:after {left:50%; border-width:0 0 2px 2px; border-radius:0 0 0 100% / 0 0 0 100%}
.pavouk th.pavouk-finale {text-align:center}
.pavouk th.pavouk-finale ~ th {text-align:right}
.pavouk tr:first-child + * a {margin-top:0}
.pavouk .pavouk-finale {width:72px; vertical-align:top}
.pavouk td.pavouk-finale a {width:260%; margin-top:1.75em; left:-80%}
.pavouk td.pavouk-finale b {float:left; width:50%; border-radius:0.5em 0 0 0.5em}
.pavouk td.pavouk-finale b + b {border-radius:0 0.5em 0.5em 0; border-left:1px solid #FFF; margin:0}

#bvidmoto h3 {margin:.3em 0 0; font-size:133%}
#bvidmoto small {height:0; overflow:hidden}

/* ico letni OH v Riu */
.summer span {display:inline-block; vertical-align:middle; width:24px; height:24px; background:url("/o/oh/2016/piktogramy.png") no-repeat}
.s-atletika span, .s-atletika:hover span {background-position:0 0}
.s-badminton span, .s-badminton:hover span {background-position:0 -25px}
.s-basketbal span, .s-basketbal:hover span {background-position:0 -50px}
.s-bmx span, .s-bmx:hover span {background-position:0 -75px}
.s-box span, .s-box:hover span {background-position:0 -100px}
.s-ceremonial span, .s-ceremonial:hover span {background-position:0 -125px}
.s-dcyklistika span, .s-dcyklistika:hover span {background-position:0 -150px}
.s-fotbal span, .s-fotbal:hover span {background-position:0 -175px}
.s-hazena span, .s-hazena:hover span {background-position:0 -200px}
.s-kola span, .s-kola:hover span {background-position:0 -225px}
.s-jachting span, .s-jachting:hover span {background-position:0 -250px}
.s-jezdectvi span, .s-jezdectvi:hover span {background-position:0 -275px}
.s-judo span, .s-judo:hover span {background-position:0 -300px}
.s-lukostrelba span, .s-lukostrelba:hover span {background-position:0 -325px}
.s-gymnastika span, .s-gymnastika:hover span {background-position:0 -350px}
.s-petiboj span, .s-petiboj:hover span {background-position:0 -375px}
.s-plavani span, .s-plavani:hover span {background-position:0 -400px}
.p-volejbal span {background-position:0 -425px}
.s-hokej span, .s-hokej:hover span {background-position:0 -450px}
.s-kanoistika span, .s-kanoistika:hover span {background-position:0 -475px}
.s-scyklistika span, .s-scyklistika:hover span {background-position:0 -500px}
.s-skoky span, .s-skoky:hover span {background-position:0 -525px}
.s-sgymnastika span, .s-sgymnastika:hover span {background-position:0 -550px}
.s-stenis span, .s-stenis:hover span {background-position:0 -575px}
.s-strelba span, .s-strelba:hover span {background-position:0 -600px}
.s-splavani span, .s-splavani:hover span {background-position:0 -625px}
.s-serm span, .s-serm:hover span {background-position:0 -650px}
.s-taekwondo span, .s-taekwondo:hover span {background-position:0 -675px}
.s-tenis span, .s-tenis:hover span {background-position:0 -700px}
.s-trampoliny span, .s-trampoliny:hover span {background-position:0 -725px}
.s-triatlon span, .s-triatlon:hover span {background-position:0 -750px}
.s-veslovani span, .s-veslovani:hover span {background-position:0 -775px}
.s-polo span, .s-polo:hover span {background-position:0 -800px}
.s-slalom span, .s-slalom:hover span {background-position:0 -825px}
.s-volejbal span, .s-volejbal:hover span {background-position:0 -850px}
.s-vzpirani span, .s-vzpirani:hover span {background-position:0 -875px}
.s-zapas span, .s-zapas:hover span {background-position:0 -900px}
.s-golf span, .s-golf:hover span {background-position:0 -925px}
.s-ragby span, .s-ragby:hover span {background-position:0 -950px}

#rio-on-line .box-in-wrapper {position:relative; overflow:hidden; height:28em; margin:0 -7px 0 -14px}
#rio-on-line .box-in-wrapper:before {content:''; position:absolute; bottom:0; left:0; z-index:1; width:100%; height:40%; background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1))}
#rio-on-line .box-in-wrapper > .ico-r {position:absolute; bottom:0; right:10px; z-index:3; font-size:14px}

#oh-souhrny li {width:128px; margin:0 4px 0 0}
#oh-souhrny .art-img {width:128px; height:96px; margin:0}
#oh-souhrny .art-img:before {display:none}
#oh-souhrny h3 {line-height:1.6; padding:0 6px; color:#FFF; background:#16244B}
#oh-souhrny h3 .oh-medal {position:relative; z-index:2; float:right; margin:.2em 0 0 -.8em; font-size:80%}

/*#oh-souhrny.biatlon h3 {padding-bottom:20px}*/
#oh-souhrny.biatlon .medals {position:relative; top:17px}

.oh-medal {position:relative; overflow:hidden; display:inline-block; width:1.4em; height:1.4em; line-height:1.4; border:1px solid rgba(0,0,0,.4); border-radius:100%; text-align:center}
.oh-medal:before {content:''; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; border-radius:100%; background:radial-gradient(1em at .5em 24%, rgba(255,255,255,0), rgba(0,0,0,.3))}
.oh-medal-1 {color:#705E0C; background-color:#EACF06}
.oh-medal-1:after {content:'1'}
.oh-medal-2 {color:#999999; background-color:#EDEDED}
.oh-medal-2:after {content:'2'}
.oh-medal-3 {color:#663E1A; background-color:#D68300}
.oh-medal-3:after {content:'3'}

.vysledky {margin:0; padding:0 0 15px; overflow: hidden}
.vysledky table {float:left; table-layout:fixed; width:48%; margin:0 0 15px 4%}
.vysledky table:nth-child(2n+1) {clear:both; margin-left:0}
.vysledky caption {margin:0 0 .2em; padding:0 0 .1em; border-bottom:1px solid #16234a; text-transform:uppercase; font-weight:700; font-size:175%; text-align:left; color:#16234a}
.vysledky td, .vysledky th {padding:1px 0; /*font-size:117%*/}
.vysledky a {color:#66c; text-decoration:none}
.vysledky th, .vysledky td {vertical-align:top; text-align:left}
.vysledky th {text-transform:uppercase}
.vysledky th[rowspan] {width:80px; padding-right:5px}
.vysledky th[rowspan] + th:nth-child(2) {width:45%}
.vysledky th:nth-child(4), .vysledky td:nth-child(3) {width:4em; text-align:right}
.vysledky img {width:80px; height:auto; margin-right:4px; vertical-align:middle}

.statistics-box {}
.statistics-box ul {clear:both; width:100%}
.statistics-box li {display:block; margin:0 0 .6em}
.statistics-box li a {display:block; text-decoration:none}
.statistics-box li a:hover {text-decoration:underline}
.statistics-box li div {display:table; width:100%}
.statistics-box li p {display:table-cell; vertical-align:top; width:90px; text-align:center; font-size:150%; font-weight:700}
.statistics-box .best p {padding:.4em 0 0; font-size:200%; background:url('/o/spo/statistics-best.png') no-repeat 50% 0}
.statistics-box .best-of-worst p {background:url('/o/spo/statistics-worst.png') no-repeat 50% 1.3em}
.statistics-box li img {display:inline; height:1.2em; vertical-align:top}
.statistics-box h3 {font-size:133%; font-weight:700}
.statistics-box h3 .sp5 {width:100px; height:auto}
.statistics-box h3 .fl {float:left; margin:0 .5em 0 0}
.statistics-box h3 .fr {float:right; margin:0 0 0 .5em}
.statistics-box h4 {font-size:100%; font-weight:400}
.statistics-box .best h4 {font-size:117%}
.statistics-box h4 a {color:#666}
.statistics-box .cell {width:20px; vertical-align:bottom; text-align:right}
.statistics-box .more {display:block; margin:0 0 .6em 90px; font-size:117%}
.statistics-box .more:before {content:'> '}
.statistics-box small {font-size:92%; color:#808080}
.t-up:before, .t-down:before, .t-plane:before {content:''; display:inline-block; width:20px; height:20px; background:url('/o/spo/statistics-arr.png') no-repeat}
.t-up:before {background-position:50% 0}
.t-down:before {background-position:50% -20px}
.t-plane:before {background-position:50% -40px}


/* reklama tipsport */
#tt-tipsport-tip2 {overflow:hidden; width:550px; margin:0 0 20px 50px; padding:1px 5px; background:rgba(128,128,128,.1)}
#tt-tipsport-tip2 a {color:inherit; text-decoration:none}
#tt-tipsport-tip2 .row {display:table; width:100%; border-spacing:10px; border-collapse:separate}
#tt-tipsport-tip2 .row > * {display:table-cell; vertical-align:middle}
#tt-tipsport-tip2 .cell-l, #tt-tipsport-tip2 .cell-r {padding:.5em 10px; -webkit-box-sizing:border-box; box-sizing:border-box}
#tt-tipsport-tip2 .cell-l {float:left; width:36%; padding-right:0}
#tt-tipsport-tip2 .cell-l + .cell-r {float:right; width:62%; padding-left:10px}
#tt-tipsport-tip2 h4 {margin-right:1em; font-size:117%}
#tt-tipsport-tip2 h4 + p {margin-top:.5em}
#tt-tipsport-tip2 label {display:inline-block; width:2.6em; text-align:right; font-size:110%; color:#0097F4}
#tt-tipsport-tip2 .tt-victory {width:30px}
#tt-tipsport-tip2 .tt-score, #tt-tipsport-tip2 .tt-ticket {border-radius:.5em; background:#FFF}
#tt-tipsport-tip2 .tt-score {width:5.4em; text-align:center}
#tt-tipsport-tip2 .tt-score b {display:block; font-size:80%}
#tt-tipsport-tip2 .tt-score i {color:#0097F4; font-style:normal}
#tt-tipsport-tip2 .tt-ticket {padding:.6em 1em .3em}
#tt-tipsport-tip2 .tt-ticket p {font-size:92%}
#tt-tipsport-tip2 .tt-ticket .o-hid {clear:both}
#tt-tipsport-tip2 .tt-ticket .o-hid .fr:before {content:'\003E\00a0'; display:inline-block}
#tt-tipsport-tip2 .tt-ticket a {color:#0097F4; text-decoration:underline}
#tt-tipsport-tip2 .tt-ticket a.tt-btn {display:inline-block; padding:.2em 1em; border-radius:.3em; color:#FFF; background:#0097F4; text-decoration:none}
#tt-tipsport-tip2 + .mf-warning {margin:-16px 0 10px 50px}