@font-face {font-family:'Source Sans Pro'; font-style:normal; font-weight:400; src:local('Source Sans Pro'), local('SourceSansPro-Regular'), url('/fonts/SourceSansPro-Regular.woff') format('woff'); src/*\**/:url("/fonts/SourceSansPro-Regular.eot")\9;}
@font-face {font-family:'Source Sans Pro'; font-style:normal; font-weight:700; src:local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url('/fonts/SourceSansPro-Bold.woff') format('woff'); src/*\**/:url("/fonts/SourceSansPro-Bold.eot")\9;}

html {overflow-y:scroll}
body {font-family:'Source Sans Pro', sans-serif; background:#E1E1E1}

a, a.link:hover {color:#000; text-decoration:none}
a:hover, a.link {color:#000; text-decoration:underline}

/* layout */
.content {position:relative; margin:0 auto; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.header {padding:10px 0 16px}
.header-hp {padding-right:218px}
#emblem {float:left; width:313px; height:65px; background:url('/u/loga-n4/kino.png') no-repeat 0 50% / contain; text-indent:-999em; overflow:hidden}
.header .menu {float:right; display:table; margin:14px 0 0; text-transform:uppercase; font-size:medium}
.header .menu li {display:table-cell; line-height:3}
.header .menu a {display:block; height:3em; padding:0 .6em; color:#BA2229; white-space:nowrap}
.header .menu a.menu-i4 {padding-right:0}
.menu-i1 span, .menu-i2 span, .menu-i3 span {float:left; width:0; height:0; border:1px solid #222; border-color:transparent #222; border-width:.4em 0 .4em .4em; margin:1.1em .3em 0 0; background:none}
.header .emblem-idn {text-align:right; font-size:125%; color:#E41F1F}
.header-hp .emblem-idn {margin-right:-218px;}
.emblem-idn a {color:inherit}

.footer {margin:0 0 -1px;}
.footer a {text-decoration:underline}
.footer a:hover {color:#C10000}
.footer .footer-in {position:relative; padding:0 0 10px; text-align:center}
.footer ul {display:table; margin:0 auto; text-transform:uppercase; /*font-size:medium*/}
.footer li {display:table-cell; height:3em; line-height:3}
.footer li a {float:left; padding:0 .5em}
#copyright {max-width:700px; margin:0 auto; padding:0 300px}
.footer .iweb2 {position:absolute; bottom:10px; right:10px; z-index:10}
/* layout */

.col-a {float:left; width:680px}
.col-b {float:right; width:300px}

.btn {display:inline-block; padding:.2em .7em; border-radius:.3em; color:#000; background:#222; background:rgba(128,128,128,.15); text-transform:uppercase; text-decoration:none; font-size:small}
.btn.h {display:none}
.btn-tag, .btn-tag:hover {color:#222; background:#FFF}
.btn-act, .btn-highlight {color:#FFF; background:#BA2229}
.btn-facebook:before, .btn-gplus:before, .btn-twitter:before {content:''; display:inline-block; width:16px; height:16px; vertical-align:middle; margin-right:.3em; background:url('/o/playtvak/ico-social.png')}
.btn-facebook {color:#FFF; background:#00549F}
.btn-facebook:before {background-position:0 0}
.btn-facebook:hover {color:#FFF; background-color:#003F77}
.btn-gplus {color:#FFF; background:#D0462A}
.btn-gplus:before {background-position:0 -20px}
.btn-gplus:hover {color:#FFF; background-color:#9C3420}
.btn-twitter {color:#FFF; background:#5ACDFF}
.btn-twitter:before {background-position:0 -40px}
.btn-twitter:hover {color:#FFF; background-color:#449ABF}
.btn-like {position:relative; padding-right:40px}
.btn-like:after {content:''; position:absolute; top:50%; right:8px; width:25px; height:20px; margin:-10px 0 0; background:url('/o/playtvak/btn-like.png')}
.btn-like:hover:after {background-position:0 -25px}
.btn-like-act:after {background-position:0 -50px}
.scroll-up, .scroll-down {position:relative} 
.scroll-up:after, .scroll-down:after {content:''; display:inline-block; vertical-align:sub; width:21px; height:21px; background:url('/u/ico/default-ico.png') }
.scroll-up:after {background-position:-21px -75px}
.scroll-down:after {background-position:-21px -50px}

.play {position:relative}
.play:after {content:''; position:absolute; right:0; top:0; width:20px; height:20px; margin:6px 10px; background:url('/u/n4/play.svg') no-repeat}

.ico-stretch, .ico-shorten {display:inline-block}
.ico-stretch:after, .ico-shorten:after {content:''; display:inline-block; vertical-align:sub; width:22px; height:11px; margin-left:.5em; background:url('/o/playtvak/ico-stretch.png') }
.ico-shorten:after {background-position:0 -16px}

/* hp */
.slider {position:relative; width:100%; margin:0 auto}
.slider ul {overflow:hidden; display:block; vertical-align:top}
.slider li, .slider .slider-a li, .slider img {position:relative; overflow:hidden; display:block; width:100%; }
.slider .slider-a {margin:0}
.slider .slider-a li {float:left; width:33%; margin:0 0 20px 3px}
.slider .slider-a li:first-child {margin-left:0}
.prep-1 #slider-a1 .play:before, .prep-2 #slider-a2 .play:before, .prep-3 #slider-a3 .play:before {content:''; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:rgba(186,34,41,.4)}

.slider-b {margin:0 0 2em}
.slider-b video {width:100%; height:383px; vertical-align:middle; }
.slider-b .slider-in {position:absolute; bottom:32px; left:0; z-index:3; width:620px; padding:1.4em 200px .6em 1em; background:rgba(255,255,255,.6); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.slider-b h2 {font-size:134%; font-weight:400; text-transform:uppercase; color:#000}
.slider-b h3 {margin:.3em 0; font-size:150%; font-weight:700; color:#000}
.slider-b p {margin:0 0 .5em; font-size:134%; color:#000}
.slider-b .btn {position:absolute; right:1em; bottom:1em; padding:.7em; font-size:117%; color:#FFF; background:#BA2229; text-shadow:none}
.slider-b .btn:after {content:''; position:absolute; top:-2000px; bottom:-2000px; left:-2000px; right:-2000px; z-index:5; background:url('/u/free.gif')}
.slider-b li {overflow:hidden}
.slider-b li.slider-bar-wrap {position:absolute; z-index:5; width:98%; height:3px; margin:-10px 1% 0; background:#999; background:rgba(0,0,0,.4)}
.slider-b li.slider-bar-wrap:before {display:none}
#slider-bar {width:0%; height:3px; background:#BA2229}

#searcher {position:absolute; bottom:100%; right:0; margin:0 -8px; padding:8px 0 24px; border:8px solid #FFF; border-width:0 8px; background:#FFF}
#searcher .inp, #searcher .sen {float:left; height:2em; line-height:2; border:0; font-size:150%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
#searcher .inp {width:165px; border-radius:.2em 0 0 .2em; text-indent:.5em; color:#000; background:#E2E2E2; transition:width .3s}
#searcher .sen {width:36px; border-radius:0 .2em .2em 0; text-indent:-10em; background:#BA2229 url("data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%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%23FFFFFF%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 50% 50%; background-size:50%}
#searcher .sen:hover {background-color:#C00}

.searcher-tit {height:1.2em; line-height:1.2; margin:0; padding:0 0 .3em; white-space:nowrap; overflow:hidden; font-size:134%; font-weight:700; text-transform:uppercase }
.searcher-list {overflow:hidden; position:relative; width:300px; height:410px; margin:0 0 20px}
.searcher-list ul {position:absolute; width:100%; transition: 0.25s; top: 0}
.searcher-list li {position:relative; overflow:hidden; display:block; margin:0 auto 5px}
.searcher-list li:hover {text-decoration:underline}
.searcher-list a:after {content:''; position:absolute; top:-300px; bottom:-300px; left:-300px; right:-300px; z-index:5; background:url('/u/free.gif')}
.searcher-list img, .searcher-list .play {float:left; width:50%; margin:3px 0 0}
.searcher-list .play img {float:none; display:block; width:100%; margin:0}
/*.searcher-list .play:after {display:none}*/
.searcher-list .cell {display:table-cell; vertical-align:top; line-height:1.14; padding:0 3px 0 6px}
.searcher-list h3 {font-size:134%; font-weight:400}
.searcher-list .views {display:block; margin:.4em 0 0; color:#666}
.searcher-list p {margin:.2em 0 0}
.searcher-list .scroll-up, .searcher-list .scroll-down {position:absolute; left:0; z-index:10; width:100%; line-height:2; text-align:center; text-transform:uppercase; font-size:134%; font-weight:700; background:rgba(255,255,255,.6); cursor:pointer}
.searcher-list .scroll-up {top:0; background:linear-gradient(rgba(255,255,255,1) .5em, rgba(255,255,255,0)); border-top:2px solid #a7a7a7}
.searcher-list .scroll-down {bottom:0; background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) 1.2em); border-bottom:2px solid #a7a7a7}
.searcher-list .scroll-up:hover, .searcher-list .scroll-down:hover {background:#FFF; text-decoration:underline; border-color:#ba2229}
/* A/B test */
.ab-test .searcher-list img, .ab-test .searcher-list .play {width:33%}
.ab-test .searcher-list .play img {width:100%}
.ab-test .searcher-list h3 {font-size:117%}
.ab-test .searcher-list .play:after {display:none}
/* vyhledavani */
.col-b.searcher-act #search-box-upload {position:relative; margin:0 -8px; border:8px solid #F2F2F2; border-width:0 8px}
.col-b.searcher-act #searcher, .col-b.searcher-act #search-box-upload {border-color:#F2F2F2; background:#F2F2F2}
.col-b.searcher-act #searcher .inp, #searcher .inp:focus {width:265px}
.col-b.searcher-act #searcher .inp {background:#FFF}
#searcher-close {float:right; overflow:hidden; position:absolute; top:-10px; right:-10px; line-height:30px; cursor:pointer}
#searcher-close:hover {color:#BA2229}
#searcher-close:before {content:'\00D7'; display:block; font-size:40px; padding:0 10px}
/* HP - END */

.playtvak-art h1 {margin:0 0 .2em; font-size:225%; font-weight:700}
.playtvak-art h2 {margin:0 0 .2em; font-size:200%; font-weight:400}
.playtvak-art h3 {margin:0 0 .2em; font-size:175%; font-weight:400}
.playtvak-art u {padding-right:.8em; text-decoration:none; color:#555}

.menu-switch {overflow:hidden}
.menu-switch li {float:left; border-left:1px solid #555; margin:0 0 1em; padding:0 .5em}
.menu-switch li:first-child {border-left:0; padding-left:0}
.menu-switch a {text-decoration:underline}
.menu-switch a:hover {text-decoration:none}
.menu-switch a.act {text-decoration:none; color:#555}
.shift .menu-switch {display:inline-block; vertical-align:bottom; margin:0 0 0 .5em; text-transform:uppercase}
.shift .menu-switch li {margin-bottom:0; font-size:small}

.playtvak-info {margin:0 0 1em}
.playtvak-info h1 {margin:0 0 .3em; font-size:225%; font-weight:700}
.playtvak-info li {display:inline-block; margin:0; padding:.1em .5em; border-left:1px solid #CCC; font-size:125%}
.playtvak-info li:first-child {padding-left:0; border-left:0}
.playtvak-info .btn-facebook {margin-left:10px}

.playtvak-text {/*overflow:hidden;*/ margin:0 0 1em}
.playtvak-text a {text-decoration:underline}
.playtvak-text a:hover, .playtvak-text .btn {text-decoration:none}
.playtvak-text h3 {font-size:125%; font-weight:700}
.playtvak-text ul {margin:0 0 1em; padding-left:1.5em}
.playtvak-text li {font-size:125%}
.playtvak-text .abreast {padding:0}
.playtvak-text .abreast li {display:inline; padding-right:.3em}
.playtvak-text p {margin:0 0 1em; font-size:125%}
.playtvak-text li li, .playtvak-text li p {font-size:100%}
.playtvak-text .complete p {margin-bottom:.2em}
.playtvak-text u {opacity:.8; text-decoration:none}
.playtvak-text table {margin:0 0 1em}

/* obrazky */
.imagelist {zoom:1; margin:0 0 .5em; font-size:small}
.imagelist .cell {float:left}
.imagelist .cell-first {margin-left:0 !important}
.imagelist p {display:block; clear:both; margin:0; padding:.3em 0 0; line-height:1.33; font-size:90%; color:#666}
.imagelist-cl5 .cell {width:560px; margin-left:0}
.imagelist-sph .cell {width:264px; margin-left:26px}
.imagelist-sp5 .cell {width:172px; margin-left:22px}
.imagelist-p135 .cell {width:135px; margin-left:6px}
.imagelist-fl {float:left; margin-right:15px}
.imagelist-fr {float:right; margin-left:15px}
.imagelist-cl6 {float:none; margin-right:0; margin-left:0}
.text .imagelist-cl6 .cell, .text .imagelist-cl6h .cell {max-width:100%; overflow:hidden; margin-left:0}
.text .imagelist-cl6 img, .text .imagelist-cl6h img {width:100%; height:auto}

.b-box {max-width:640px}
.tit-img {float:left; width:100%; margin-bottom:0; =margin-bottom:10px; font-size:134%}
.tit-img a {display:block}
.tit-img li {list-style:none; clear:both; float:left; width:100%; margin:0 0 10px}
.tit-img img {float:left; margin-right:10px}
.tit-img .mark-video, .tit-img .midi {float:right; margin:0 0 0 10px; overflow:hidden} 
.tit-img .mark-video img {margin:0}
.show-box.show-box.show-box {display:none}

.video-html {margin:0 0 1em}

.video-wrap {position:relative; width:100%; margin:0 auto 1em}
.video-wrap > * {vertical-align:middle}
.video-wrap-in {position:absolute; bottom:32px; left:0 z-index:3; width:680px; padding:1.4em 1.5em .6em; color:#000; background:rgba(255,255,255,.6); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.video-wrap-in-r {position:relative; top:-1px; left:1px}
.video-wrap-in h1 {margin:0 0 .3em; font-size:300%; font-weight:700}
.video-wrap-in p {margin:0 0 .5em; font-size:134%}
.video-wrap-in li {display:block; margin:0 0 .5em; font-size:117%}

.art-social {overflow:hidden; margin:0 0 .5em; font-size:125%}
.art-social u {float:left; margin:.3em 0; text-decoration:none}
.art-social ul {display:table-cell}
.art-social li {list-style:none; float:left; margin:0 .5em .3em 0}
.short-link, .shared-code {padding:.3em .5em; border:1px solid #CCC; border-radius:.3em}
.shared-code {width:400px; max-width:100%; margin-left:1em; -moz-box-sizing:border-box; box-sizing:border-box}

.art-tags {overflow:hidden; margin:0 0 1em; font-size:125%}
.art-tags u {float:left; margin:.2em 0; font-weight:700; text-transform:uppercase; text-decoration:none}
.art-tags ul {display:table-cell}
.art-tags li {list-style:none; float:left; margin:0}
.art-tags a {display:inline-block; padding:.3em .5em; text-decoration:underline}

.playtvak-discussion {margin:0 0 1em}
.playtvak-discussion h2 {margin:0 0 .5em; font-size:134%; font-weight:700; text-transform:uppercase}
.playtvak-discussion .btn {padding:.4em .9em}

.group-tit {margin:0 0 .5em; font-size:134%; font-weight:700; text-transform:uppercase}

.parts-list {margin:0 0 20px}
.parts-list .shift {margin:0 0 .6em; font-size:134%}
.parts-list .shift span, .parts-list .shift a {padding:0 .5em}
.parts-list .shift a {text-decoration:underline}
.parts-list ul {overflow:hidden}
.parts-list li {position:relative; overflow:hidden; float:left; list-style:none; width:33%; margin:0 0 20px 3px}
.parts-list li:nth-child(3n+1) {clear:both; margin-left:0}
.parts-list-three li + li + li + li {display:none}
.parts-list li a:after {content:''; position:absolute; top:-300px; bottom:-300px; left:-300px; right:-300px; z-index:5; background:url('/u/free.gif')}
.parts-list li img {display:block; width:100%}
.parts-list li h3 {font-size:125%; font-weight:700}
.parts-list li h4 {position:relative; z-index:10; overflow:hidden; padding:.1em 4px; font-size:125%; background:#E2E2E2}
.parts-list li .cell {padding:.2em 4px 0; }
.parts-list > p {margin:0 0 1em; font-size:125%}
.parts-list li p {font-size:117%}

.colophon p {margin:0 0 1em; font-size:117%; }

.pack {position:relative; padding:0 0 3em; transition:padding .3s}
.unpack {padding:0}
.pack-out {position:absolute; z-index:1; display:block; height:2em; line-height:2; border-bottom:2px solid #a7a7a7; margin:0 auto; text-align:center; text-transform:uppercase; font-size:134%; font-weight:700; transition:all 1s; outline:none}
.pack-out:hover {border-color:#ba2229}
.unpack .pack-out {/*display:none*/ height:0; font-size:0; overflow:hidden}
.pack-in, .pack-in-b {overflow:hidden; max-height:0; transition:max-height 6s}
.unpack .pack-in, .unpack.pack-in-b {max-height:9999px}
.pack-in-b {position:relative; max-height:520px; overflow:hidden; margin:0 0 20px}
.pack-in-b .pack-out {left:0; bottom:0; width:100%; padding-top:.5em; background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) .6em)} 

#newest-parts-continuation .pack-out, #playtvak-text-box .pack-out {width:280px; left:50%; margin-left:-140px}

.mail-settings p {margin:0 0 1em}
.mail-settings table {margin:0 0 1em; border-collapse:collapse; font-size:134%; color:#FFF}
.mail-settings th, .mail-settings td {width:4em; padding:.2em .4em .4em; text-align:center; vertical-align:top; font-weight:400}
.mail-settings td:first-child {width:10em; padding-left:0; text-align:left}
.mail-settings input[type="checkbox"], .mail-settings input[type="radio"] {position:absolute; left:-999em}
.mail-settings input + label {display:block; width:2em; height:1.2em; margin:0 auto; border-radius:.3em; background:#999; cursor:pointer}
.mail-settings input:checked + label, .mail-settings input + label:hover {background:#BA2229}

.hit-box {margin:0 0 20px}
.hit-box h2 {margin:0 0 .5em; font-size:134%; font-weight:700; text-transform:uppercase; text-align:center}
.hit-box li {position:relative; overflow:hidden; display:block; margin:0 auto 5px}
.hit-box a:after {content:''; position:absolute; top:-300px; bottom:-300px; left:-300px; right:-300px; z-index:5; background:url('/u/free.gif')}
.hit-box img, .hit-box .play {float:left; width:50%; margin:3px 0 0}
.hit-box .play img {float:none; display:block; width:100%; margin:0}
.hit-box .cell {display:table-cell; vertical-align:top; line-height:1.14; padding:0 3px 0 10px}
.hit-box h3 {font-size:134%; font-weight:400}
.hit-box p, .hit-box .views {display:block; margin:.4em 0 0; color:#666}

/* on-line ve clanku */
#on-line {max-width:650px; margin:0 auto}
#on-line-in-art {margin:0 0 20px}
.pack-in-b #on-line-in-art {margin-bottom:0}
#on-line-in-art .ico-r {padding-bottom:10px; background:url('/u/n3/art_dots.gif') repeat-x 0 100%}
#on-line-in-art h3 {margin:0 0 .5em; font-size:134%; font-weight:700; text-transform:uppercase; text-align:center}
#on-line-in-art .on-line-data {position:relative; width:100%; margin:0 0 1em; font-size:12px}
.on-line-data .c1, .on-line-data .c2, .on-line-data .c3, .on-line-data .o-c1, .on-line-data .o-c2, .on-line-data .o-c3 {float:left; clear:both; width:100%}
.on-line-data .c1, .on-line-data .o-c1, #on-line-data .c1, #on-line-data .o-c1 {background:none}
.on-line-data .c2, .on-line-data .o-c2, #on-line-data .c2, #on-line-data .o-c2 {background:rgba(128,128,128,.15)}
.on-line-data .c3, .on-line-data .o-c3, #on-line-data .c3, #on-line-data .o-c3 {color:#000; background:#888}
.on-line-data .time {display:none; float:left; width:52px; margin-right:-1px; padding:6px 0; border-right:1px solid #000; text-align:center; font-size:117%; font-weight:700}
.on-line-data .c3 .time, .on-line-data .o-c3 .time, #on-line-data .time {}
.on-line-data .event {overflow:hidden; padding:6px 10px; font-size:117%}
.on-line-data .event img {position:static; vertical-align:middle}
.col-b .on-line-data img {max-width:280px; height:auto}
.col-b .fl.mr10.equ-rel {float:none; display:block; margin:0 0 3px}
#on-line-data {width:auto; padding:0}
#on-line-data .event {padding:10px 20px}
#on-line-data .equip {padding:0 10px}
.equip table, .equip table tr, .equip table td, .equ-img img {display:block; width:100%; max-width:100%}
.equ-img img {width:100%; height:auto}
/* embed-social */
.embed-social {width:100%; margin:0 0 1em}
.embed-social .es-box {margin:0 0 0.5em; font-size:75%; border:1px solid #333; background:rgba(255,255,255,.1); border-radius:5px}
.embed-social p {margin:0 0 5px; font-size:117%}
.embed-social p img {max-width:100%; vertical-align:middle}
.embed-social .es-name, .embed-social .es-perex {display:block}
.embed-social .es-top, .embed-social .es-mid, .embed-social .es-bot {padding:6px 8px; border-bottom:1px solid #333}
.embed-social .es-top {position:relative; width:auto; min-height:32px; line-height:1.33; padding-left:49px}
.embed-social .es-top img {position:absolute; z-index:1; top:8px; left:8px; width:32px; height:32px}
.embed-social .es-name {font-size:117%}
.embed-social .es-name a {text-decoration:none; color:#FFF}
.embed-social .es-name a:hover {text-decoration:underline}
.embed-social .es-perex, .embed-social .es-date {font-size:92%}
.embed-social .es-perex, .embed-social .es-perex a {color:#999}
.embed-social .es-perex a {text-decoration:none}
.embed-social .es-perex a:hover {text-decoration:underline}
.embed-social .es-perex span {color:#FFF}
.embed-social .es-date {display:block; margin:0 0 0.25em; color:#777}
.embed-social .es-bot {border-bottom:none; border-radius:0 0 5px 5px; background:rgba(255,255,255,.1)}
.embed-social .es-bot span {float:left; margin:0 30px 0 0}
.embed-social .es-bot span a {float:none;  margin:0; font-weight:normal}
.embed-social .es-bot a {float:right; font-weight:bold; margin:0 0 0 15px; text-decoration:none}

.error-404 {position:fixed; display:table; width:100%; height:100%}
.error-404 > div {display:table-cell; text-align:center; vertical-align:middle}
.error-404 img {display:block; margin:0 auto 2em}
.error-404 h1, .error-404 h2 {display:block; margin:.6em auto; font-size:xx-large}
.error-404 p {margin:0 auto; font-size:medium}
.error-404 a {text-decoration:underline}
.error-404 a:before { content:''; position:absolute; top:-99em; left:-99em; bottom:-99em; right:-99em; z-index:1}

/* reklama */
.r-head {/*text-align:right*/}

/* n4 navigace // musi byt za predpisy pro ico */
.content table.nav-n4 {width:auto; margin:0 auto 20px; border-collapse:collapse}
table.nav-n4 td {vertical-align:middle; white-space:nowrap; font-size:16px; font-weight:700}
table.nav-n4 .tal, table.nav-n4 .tar {text-align:left}
table.nav-n4 .tac {padding:0 10px; line-height:26px}
.nav-n4 a:hover span {color:#FFF; background:#CD181F}
.nav-n4 a.ico-left, .nav-n4 a.ico-right {display:block; text-decoration:none}
.nav-n4 a.ico-right {float:left}
.nav-n4 a.ico-left:hover, .nav-n4 a.ico-right:hover {text-decoration:none}
.nav-n4 .ico-left span, .nav-n4 .ico-right span {width:auto; height:26px; line-height:26px; margin:0; font-size:100%; background:none; white-space:nowrap; zoom:1}
.nav-n4 .ico-left span {float:left; padding-right:.8em}
.nav-n4 .ico-right span {=width:4em; =overflow:hidden; float:right; padding-left:.8em}
.nav-n4 .ico-left i, .nav-n4 .ico-right i {width:21px; height:21px; background:url('/u/ico/default-ico.png') no-repeat 100% -25px}
.nav-n4 .ico-left i {float:left; margin:2px 3px 0 0; background-position:100% -25px}
.nav-n4 .ico-right i {float:right; margin:2px 0 0 3px; background-position:100% 0}
.nav-n4 .ico-left:hover i {background-position:0 -25px}
.nav-n4 .ico-right:hover i {background-position:0 0}
.nav-n4 .tac a span, .nav-n4 .tac b span {float:none; display:inline-block; width:auto; height:26px; margin:0; padding:0 .5em; border-radius:3px; font-size:14px; text-align:center}
.nav-n4 .tac b span {background-color:#EEE; text-decoration:none}
.nav-n4 .tac span {background-image:none; background-color:transparent; /*text-decoration:underline; */}
.nav-n4 .tac a:hover span {text-decoration:none}

/* jiny vzhled prehravace videi */
video::-webkit-media-controls {display:none !important}

.videoform {width:460px; margin:0 auto 1em}
.videoform h2 {margin:0 0 .5em; font-size:225%; font-weight:700}
.videoform p {margin:0 0 1em; font-size:125%}
.videoform label {display:table-cell}
.videoform .bttn {float:right; vertical-align:middle; margin:0 0 0 15px; padding:0 .5em;  font-weight:bold; color:#333; border:1px solid #CCC; border-radius:3px;  font-weight:bold; background:#DDD url("/u/n4/button-bg.gif") repeat-x}
.videoform .bttn:hover {box-shadow:0 0 3px #999; border-color:#999}
.videoform .bttn span {line-height:31px}
.videoform .bttn[disabled] {color:#CCC}
.videoform .bttn:hover[disabled] {cursor:default; box-shadow:none; border-color:#CCC}
.videoform .webz-bg {min-width:6em; height:3.166em; margin:0 0 22px; padding:0; vertical-align:middle; border:0; border-radius:.3em; color:#FFF; background:#BA2229; white-space:nowrap; text-align:left; font-weight:700; cursor:pointer; overflow:visible}
.videoform .webz-bg span {display:inline-block; line-height:1.6666em; vertical-align:middle; padding:0 10px 0 0; margin:0 0 0 -4px }
.videoform .webz-bg img {width:32px; margin:0 8px; vertical-align:middle; background-image:url("/u/n4/button-icon.png"); background-repeat:no-repeat} 
.videoform .but-plus {background-position:0 -96px}
.videoform .webz-bg:hover .but-plus {background-position:-32px -96px}
.videoform .webz-bg:hover span {text-decoration:underline}
#filelist {width:466px; margin:0 0 22px}
#filelist .line {margin:0 0 1em; font-size:117%}
#filelist .file {overflow:hidden; float:left; width:40%; line-height:25px; margin:0 2% 0 0}
#filelist .loader {float:left; display:inline-block; overflow:hidden; width:30%; height:23px; background:#FFF url("/u/portal/p-search-inp.gif") repeat-x; border:1px solid #CCC; border-radius:4px}
#filelist .l-in {display:block; width:0; height:100%; background:#3ECC45}
#filelist .done {float:left; width:30%; line-height:25px; text-align:center; color:#3ECC45; font-weight:bold}
#filelist .fail {float:left; width:30%; line-height:25px; text-align:center; color:#B9151C; font-weight:bold}
#filelist .line .bttn {float:right; height:23px; margin:0}
#filelist .line .bttn span {line-height:23px}
.videoform .form {/*width:466px;*/ margin:0 0 22px}
.videoform .form label {float:left; line-height:21px; font-size:117%}
.videoform label span {color:#B9151C}
.videoform .inp, .videoform .area {float:right; width:248px; margin:0 0 1em; padding:2px; border:1px solid #CCC; color:#000; background:#FFF}
.videoform .area {min-height:80px}
.videoform .form p {float:left; line-height:1.33; font-size:117%}
.videoform .warning {margin:0 0 22px}
.videoform .box {margin:0 0 3em}
.videoform .box p {font-size:117%; margin:0 0 1em}
.plupload.html5 input, .plupload.flash input {cursor:pointer} /*kvuli JS IE*/ 	


/* PLANOVANY PRECHOD SLOW NA IDNES.TV */
#portal {position:relative; z-index:99; width:100%; margin:0 auto; background:#FFF}
#portal .logo {float:left; position:relative; width:1em; height:1.8em; font-size:225%}
#portal .logo a {overflow:hidden; position:absolute; top:.4em; left:0; display:block; width:5.2em; height:1em; background:url('/u/loga-n4/idnestv.svg') no-repeat 0 50%; background-size:contain}
#portal .logo span {position:absolute; left:-999em}
#portal .emblem {padding:.3em 0 0; text-align:right; font-size:87.5%}
#portal menu {line-height:2.6; text-align:right}
#portal menu a {display:block; text-decoration:none; color:#000}
#portal menu a:hover {color:#E41F1F}
#portal menu li {position:relative; display:inline-block; font-size:162.5%; font-weight:600; text-transform:uppercase}
#portal menu > li > a {position:relative; z-index:2; padding:0 .7em; transition:all .2s}
#portal menu > li.act > a {color:#E41F1F}
#portal menu > li:hover > a, #portal menu > li.active > a {color:#E41F1F; background-color:#FFF}
#portal ul {overflow:hidden; position:absolute; top:0; left:-1px; z-index:1; width:100%; max-height:0; line-height:2; padding:2.6em 0 0; border:1px solid transparent; border-width:0 1px 1px; text-align:left; transition:all 1s}
#portal menu > li:hover ul, #portal menu > li.active ul {max-height:15em; border-color:#DDD; background:#FFF}
#portal ul li {display:block; background:#FFF; font-size:69.23%; text-transform:none }
#portal ul li a {padding:0 1em}
#portal ul li a:hover {color:#FFF; background:#E41F1F}

#searcher-box {float:right}
#searcher-box a.ico-zoom-close {position:static; padding:0}
.ico-zoom-close span, #searcher-box.act .ico-zoom-close:before {display:block; width:1em; height:2.6em; border-left:1em solid transparent; background:url('/o/video/ico-zoom.svg') no-repeat 50% 50%}
.ico-zoom-close:hover span {background-image:url('/o/video/ico-zoom-hover.svg')}
#searcher-box.act .ico-zoom-close:before {content:''; position:fixed; top:1em; z-index:3; background-image:url('/o/video/ico-close.svg')}
#searcher-box.act .ico-zoom-close:hover:before {background-image:url('/o/video/ico-close-hover.svg')}
#searcher-box.act .ico-zoom-close:after {content:''; position:fixed; top:0; left:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,.8)}
#searcher-box form {display:none; position:fixed; top:0; left:0; z-index:2; width:100%; padding:2em 0; background:#FFF}
#searcher-box.act form {display:block}
#searcher-box .inp {display:block; width:40em; max-width:70%; margin:0 auto .5em; padding:.5em; border:1px solid #000; border-radius:.3em; font-size:medium; text-align:center}
#searcher-box .btn {display:block; width:12em; height:3em; line-height:3; margin:0 auto; padding:0 1em; border:0; border-radius:.3em; color:#FFF; background:#E41F1F; font-size:medium; font-weight:700; text-align:center; text-transform:uppercase; -webkit-box-sizing:content-box; box-sizing:content-box; -webkit-appearance:none; transition:all .3s}
#searcher-box .btn:hover {color:#FFF; background:#C00}

#foot .content {padding-top:3%; padding-bottom:3%}
#f-emblem {float:left; font-size:225%}
#f-emblem a {overflow:hidden; position:relative; display:block; width:4.2em; height:1em; margin:0 1em 0 0; background:url('/u/loga-n4/idnes.svg') no-repeat 0 50%; background-size:contain}
#f-emblem span {position:absolute; left:-999em}
#foot #copyright {max-width:none; display:table-cell; padding:0; font-size:87.5%}
#copyright a {color:#333}
#copyright a:hover {color:#E41F1F}
#f-link, #foot #f-link {clear:both; overflow:hidden; display:block; padding:1em 0 0 11.7em; font-size:100%}
#f-link li {float:left; display:block; margin:0 1em 0 0}
#foot .iweb2 {position:absolute; right:10px}
/* PLANOVANY PRECHOD SLOW NA IDNES.TV - END */