@font-face {font-family:"Fira Sans"; font-weight:400; font-style:normal; src:url("/fonts/Fira/firasans-regular.woff2") format("woff2"), url("/fonts/Fira/firasans-regular.woff") format("woff");}
@font-face {font-family:"Fira Sans"; font-weight:400; font-style:italic; src:url("/fonts/Fira/firasans-italic.woff2") format("woff2"), url("/fonts/Fira/firasans-italic.woff") format("woff");}
@font-face {font-family:"Fira Sans"; font-weight:600; font-style:normal; src:url("/fonts/Fira/firasans-semibold.woff2") format("woff2"), url("/fonts/Fira/firasans-semibold.woff") format("woff");}
@font-face {font-family:"Fira Sans"; font-weight:600; font-style:italic; src:url("/fonts/Fira/firasans-semibolditalic.woff2") format("woff2"), url("/fonts/Fira/firasans-semibolditalic.woff") format("woff"); }
@font-face {font-family:"Fira Sans"; font-weight:700; font-style:normal; src:url("/fonts/Fira/firasans-bold.woff2") format("woff2"), url("/fonts/Fira/firasans-bold.woff") format("woff");}
@font-face {font-family:"Fira Sans"; font-weight:700; font-style:italic; src:url("/fonts/Fira/firasans-bolditalic.woff2") format("woff2"), url("/fonts/Fira/firasans-bolditalic.woff") format("woff");}
html {overflow-y:scroll}
body {max-width:1920px; margin:0 auto; font-family:'Fira Sans', sans-serif; font-size:100%; transition:all .5s}
@media screen and (max-width:1536px){body {font-size:93.75%}}
@media screen and (max-width:1360px){body {font-size:87.5%}}
@media screen and (max-width:1280px){body {font-size:81.25%}}
@media screen and (max-width:1200px){body {font-size:75%}}
@media screen and (max-width:1024px){body {font-size:68.75%}}
@media screen and (max-width:900px){body {font-size:81.25%}}
@media screen and (max-width:768px){body {font-size:75%}}
body, #portal, #content, #foot {min-width:640px}
a {color:#E41F1F; text-decoration:none}
a:hover {color:#1C3E79}
.btn {display:block; height:3em; line-height:3; margin:0 auto; padding:0 1em; border:0; border-radius:.3em; color:#FFF; background:#999; font-size:medium; font-weight:700; text-align:center; text-transform:uppercase; text-decoration:none; -webkit-box-sizing:content-box; box-sizing:content-box; -webkit-appearance:none; transition:all .3s}
.btn:hover {color:#FFF; background:#777; text-decoration:none}
.btn-on, #searcher-box .btn {color:#FFF; background:#E41F1F}
.btn-on:hover, #searcher-box .btn:hover {color:#FFF; background:#C00}
.content {position:relative; max-width:1380px; width:90%; min-height:0; margin:0 auto; padding:1px 10px}

#portal {position:fixed; z-index:2; width:100%; max-width:1920px; 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:.2em; 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}
@media screen and (max-width:900px){
#portal menu {text-align:right; font-size:84%}
#portal .logo {font-size:185%}
#portal menu > li > a {padding:0 .4em}
}
@media screen and (max-width:700px){
#portal menu {font-size:74%}
#portal .logo {font-size:160%}
}
#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:.5em solid transparent; background:url('/o/video/ico-zoom.svg') no-repeat 50% 45%}
.ico-zoom-close:hover span {background-image:url('/o/video/ico-zoom-hover.svg')}
#searcher-box.act .ico-zoom-close:before {content:''; position:fixed; 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 {width:12em}

#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}
#copyright {display:table-cell; font-size:225%}
#copyright {font-size:87.5%}
#copyright a {color:#333}
#copyright a:hover {color:#E41F1F}
#f-link {clear:both; overflow:hidden; display:block; padding:1em 0 0 11.7em}
#f-link li {float:left; display:block; margin:0 1em 0 0}
#foot .iweb2 {position:absolute; right:10px}

.btn-mob {display:none; height:3em; line-height:3em; padding:0 .8em; margin:0 0 1em; border:1px solid #CCC; border-radius:.5em; cursor:pointer; text-align:center; text-decoration:none; text-transform:uppercase; font-weight:700; font-size:220%; overflow:hidden; color:#666; background:#E6E6E6; -webkit-appearance:none; word-wrap:break-word}
.q-touch .btn-mob {display:block}
.q-ipad .btn-mob { display: none !important }
@media screen and (max-width:320px){
.btn-mob {display:block}
.btn-mob:before {content:''; position:fixed; top:0; left:0; right:0; bottom:0; z-index:990; width:100%; height:100%; background:rgba(0,0,0,.6)}
.btn-mob:after {content:'P\159 epnout\20 na\20 MOBILN\cd \20 VERZI'; position:fixed; top:50%; left:50%; z-index:999; width:9em; height:auto; line-height:1.3; margin:-2em 0 0 -5em; padding:.5em; border:1px solid #1B3E7A; border-radius:.5em; font-size:x-large; text-align:center; text-transform:none; color:#1B3E7A; background:#FFF}
}

#content {position:relative; z-index:1; min-height:200px; padding-top:6em; background:#F6F6F6}

/* vypis video polozek */
.entry-list {padding:0 0 2%}
.entry {float:left; width:32%; margin:2% 0 0 2%; transition:width .3s, margin .3s, box-shadow .3s}
.entry-in {overflow:hidden; position:relative; width:100%; height:0; line-height:1.3; padding:85% 0 0; background:#FFF; box-shadow:0 0 1px #CCC}
.q-mouse .entry:hover {box-shadow:0 0 10px #999}
.entry:nth-child(3n+1) {clear:both; margin-left:0}
@media screen and (max-width:900px){
.entry {width:49%}
.entry:nth-child(3n+1) {clear:none; margin-left:2%}
.entry:nth-child(2n+1) {clear:both; margin-left:0}
}

.art-link {display:block}
.art-img {overflow:hidden; position:absolute; top:0; left:0; width:100%; padding:56.19048% 0 0; background:#CCC no-repeat 50% 50%; background-size:cover}
.art-img:before, div.art-img:before, .message-link p:before {content:''; position:absolute; top:50%; left:50%; bottom:auto; right:auto; z-index:3; width:20%; height:0; margin:-10% 0 0 -10%; padding:20% 0 0; border-radius:100%; overflow:hidden; background:url('/u/n4/play.svg') no-repeat 0 0 / contain; transition:all .4s; transform:scale(0)}
.q-mouse .art-link:hover .art-img:before, .q-mouse .message-link:hover p:before {transform:scale(1)}
.art-info {overflow:hidden; font-size:100%}
.art-img .art-info {position:absolute; left:0; bottom:0; right:0; float:none; height:2em; line-height:2; margin:0; padding:0 .5em; color:#FFF; background:rgba(0,0,0,.7); transition:all .2s}
.art-info span {opacity:1}
.art-info .time {float:left; font-size:100%; color:inherit}
.art-info .length {float:right; white-space:nowrap}
.q-mouse .art-link:hover .art-info {height:100%}
.q-mouse .art-link:hover .art-info span {opacity:0}
.entry h3 {overflow:hidden; position:absolute; top:65%; left:0; right:0; height:3.9em; padding:3% 5% 0; color:#000; font-weight:600; font-size:137.5%}
.entry .isle-link {position:absolute; bottom:0; left:0; right:0; padding:.6em 5% .4em; background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1) 30%)}

.label, .live {position:absolute; z-index:2; height:2em; line-height:2; padding:0 1em; text-transform:uppercase; font-weight:700; text-align:center}
.label {top:0; left:0; color:#FFF; background:#1C3E79}
.live, .entry-unique .label.live {bottom:0; right:0; font-weight:700; color:#FFF; background:#E41F1F}
.live:before {content: '\2022\20 \17d IV\11a '; line-height:1.7; font-size:125%}

.entry-double {width:66%; margin-left:0}
.entry-double .entry-in, .entry-double .art-img {padding-top:41.2%}
.entry-double .entry-in {height:0}
.entry-double .art-img {background-size:cover}
.entry-double .art-img .art-info {overflow:auto; height:0; padding:0; font-size:0}
.q-mouse .entry-double .art-link:hover .art-info {position:absolute; height:100%}
.q-mouse .entry-double .art-link:hover .art-img:before {transform:scale(.6)}
.entry-double .live {top:0; left:0; bottom:auto; right:auto}
.q-mouse .entry-double .art-link:hover .live {display:none}
.entry-double h3 {position:absolute; top:auto; left:0; bottom:0; right:auto; width:44%; height:auto; padding:2.5% 2.25%; color:#FFF; background:rgba(0,0,0,.5); transition:all .4s}
.q-mouse .entry-double .art-link:hover h3 {background:rgba(0,0,0,0)}
.entry-double ~ .entry:nth-child(3n+1) {clear:none; margin-left:2%}
.entry-double ~ .entry:nth-child(3n) {clear:both; margin-left:0}
@media screen and (max-width:900px){
.entry-double {width:100%}
.entry-double ~ .entry:nth-child(3n), .entry-double ~ .entry:nth-child(2n+1) {clear:none; margin-left:2%}
.entry-double ~ .entry:nth-child(2n) {clear:both; margin-left:0}
}

.entry-square {width:23.5%}
.entry-square:nth-child(3n+1) {clear:none; margin-left:2%}
.entry-square:nth-child(4n+1) {clear:both; margin-left:0}
@media screen and (max-width:900px){
.entry-square {width:32%}
.entry-square:nth-child(2n+1), .entry-square:nth-child(4n+1) {clear:none; margin-left:2%}
.entry-square:nth-child(3n+1) {clear:both; margin-left:0}
}
.entry-square .entry-in, .entry-square .art-img {padding-top:100%}
.entry-square .entry-in {height:auto}
.entry-square .art-link {padding:0 0 3%}
.entry-square .art-img {background-size:cover}
.entry-square .art-img:before {background:rgba(0,0,0,.4); border-radius:0; transition:none}
.q-mouse .entry-square .art-link:hover .art-img:before {width:100%; height:100%; margin:-50% 0 0 -50%}
.entry-square h3 {position:static; height:2.6em}

.q-mouse .entry-unique:hover {box-shadow:none}
.entry-unique h2 {position:absolute; top:0; left:0; right:0; line-height:1.2; padding:.4em 0; text-transform:uppercase; text-align:center; font-size:150%; font-weight:700; color:#FFF; background:#333}
.entry-unique h2:before {content:''; display:inline-block; width:1em; height:1em; margin-right:.3em; vertical-align:top; background:url('/o/video/ico-flap.svg') no-repeat 50% 50%}
.entry-unique ul {position:absolute; top:3em; left:0; right:0; padding:5%}
.entry-unique li {display:block}
.entry-unique li + li {margin:1em 0 0}
.entry-unique li a {display:table; width:100%}
.entry-unique h3 {position:static; display:table-cell; width:100%; height:2.4em; line-height:1.2; padding:0 0 0 1em; vertical-align:middle; font-size:93.75%; font-weight:400; color:#000}
.entry-unique a:hover h3 {color:#E41F1F}
.entry-unique .label {position:static; float:left; width:7em; padding:0; vertical-align:middle; text-align:center; text-transform:none; font-weight:400; color:#FFF; background:#333}

.countdown .countdown-in {display:block}
.countdown-in {display:none; position:absolute; left:50%; top:50%; z-index:10; /*width:7em;*/ line-height:1.8; margin:-.9em 0 0 -3.5em; text-align:center; font-size:200%; font-family:sans-serif; color:#FFF}
.countdown-in:before {content:''; position:absolute; top:-99em; left:-99em; bottom:-99em; right:-99em; z-index:1; background:rgba(34,34,34,.9)}
.countdown-in span {position:relative; z-index:2; float:left; width:2em; color:#FFF; background:#999}
.countdown-in span + span {margin:0 0 0 .5em}
.countdown-in span + span:before {content:":"; position:absolute; left:-.4em; }
.countdown-in b {display:inline-block; position:relative; z-index:2; min-width:1em; line-height:1.4em; text-align:center;  }
.countdown-in b:after {content:""; position:absolute; bottom:0; display:block; width:100%; line-height:1; font-size:20%; text-align:center; }
.entry-double .countdown-in {font-size:300%}
.entry-double .countdown h3 {z-index:10; background:none}
.countdown-alternative .countdown-in {left:10%; display:table; width:80%; height:4.8em; line-height:1.2; margin:-2.4em 0 0}
.countdown-alternative .countdown-in b {display:table-cell; vertical-align:middle; line-height:inherit; font-size:60%}
.countdown-alternative .countdown-in b:after {display:none}
.countdown:hover .art-img::before, .countdown .art-info {display:none}
/* vypis video polozek - END */

.next-art {margin:0 0 4%}
.next-art .btn {width:12em}
.next-art .btn  ~ .btn {margin-top:1em}

.submenu {overflow:hidden; margin-bottom:-1%; padding:1% 0 0}
.submenu h2 {float:left; line-height:1.33; font-size:150%; color:#666}
.submenu h2 a {color:#000; font-weight:600}
.submenu h2 a:hover, .submenu h2 a.act {color:#E41F1F}
.submenu ul {float:right; display:table; line-height:2}
.submenu li {display:table-cell}
.submenu li a {display:block; padding:0 1em; border-bottom:1px solid transparent; color:#666; text-decoration:none}
.submenu li.act a, .submenu li a:hover {color:#E41F1F}
.submenu li.act a {border-bottom-color:#E41F1F}
@media screen and (max-width:900px){
.submenu ul {clear:both; float:none; padding:.3em 0 0}
}

.sorryjako {clear:both; line-height:1.3; border:1px solid transparent; border-width:1em 0; font-size:150%; font-weight:700}
.sorryjako:before {content:''; float:left; width:4.2em; height:4.2em; margin:0 1em 0 0; background:url('/o/video/ico-smile.svg') no-repeat 50% 50%}
.sorryjako .cell {display:table-cell; height:4.2em; vertical-align:middle}

.header-show {position:relative; overflow:hidden; background:#333 no-repeat 50% 50%; background-size:cover}
.header-show:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2)}
.header-show .opener {display:table; width:66%; height:22em}
.header-show .opener-in {display:table-cell; vertical-align:bottom}
.header-show h1, .header-show p {padding:0 5% 2em; color:#FFF; background:rgba(0,0,0,.5)}
.header-show h1 {padding:1em 5% .3em; font-size:200%; font-weight:700}
@media screen and (max-width:900px){
.header-show .opener {width:100%}
}

/* clanek */
.col-a {float:left; width:66%; padding:2% 0}
.col-b {float:right; min-width:300px; width:32%; padding:2% 0}
@media screen and (max-width:1024px){
.col-a {width:60%; width:calc(100% - 320px)}
}
@media screen and (max-width:900px){
.col-a, .col-b {float:none; clear:both; width:100%; padding:2% 0}
}
.r-box {width:300px; margin:0 auto 20px}
.col-b .r-box:first-child { margin-top:-14px}

.art-video h1 {margin:0 0 .2em; padding:.5em 0 0; font-size:200%; font-weight:700}
.art-video p {margin:0 0 1em}
.art-video img {max-width:100%}
.art-video .art-info {margin:0 0 1em}
.art-video .authors {float:left}
.art-video .location {float:right; font-size:93.75%}
.art-video .location a:before {content:''; display:inline-block; width:1em; height:.6em; margin-right:.2em; background:url('/o/video/iconmonstr-arrow.svg') no-repeat 50% 50%; background-size:cover}
.art-video .location a:hover:before {background-image:url('/o/video/iconmonstr-arrow-hover.svg')}
.art-video .art-info .location a:before {display:none}
.art-video videoplayer + small {visibility:hidden; padding:0; font-size:x-small}

.btn-fb {display:table; line-height:2.6; margin:0 auto; padding:0 1em 0 .7em; text-align:left; text-transform:uppercase; font-size:112.5%; font-weight:700; color:#FFF; background:#4267B2}
.btn-fb:before {content:''; float:left; width:1.6em; height:1.6em; margin:.5em .3em 0 0; background:url('/u/icon/fff/social-facebook.svg') no-repeat 50% 50%}
.btn-fb:hover {color:#FFF; background:#365899; text-decoration:none}

/* upravy layoutu pro diskuse */
.disc-form .ico-r {position:relative; float:right}
.disc-form .form-user .email {margin-left:0}
.disc-form .error {color:red}
.contribution, .disc-form {font-size:87.5%}
.contribution .ico-thread {display:none}

.b-box h2 {margin:0 0 .3em; font-size:150%; font-weight:700; color:#333; text-align:left}
.disc-trailer {position:relative; overflow:hidden; height:20em}
@media screen and (max-width:900px){.disc-trailer {display:none}}
.disc-trailer-link, a.disc-trailer-link {position:absolute; bottom:0; left:0; z-index:5; width:100%; height:2.6em; display:table; font-size:150%; font-weight:600; text-decoration:none; color:inherit; transition:all .2s}
.disc-trailer-link:hover {height:100%; text-decoration:none}
.disc-trailer-link:before {content:''; position:absolute; top:-999em; left:-999em; bottom:-999em; right:-999em;}
.disc-trailer-link:after {content:'celá diskuse'; display:table-cell; vertical-align:middle; text-align:center; text-transform:uppercase; color:#FFF; background:rgba(0,0,0,.8) }
.disc-trailer .contribution {margin-left:0 !important}
.disc-trailer .contribution:hover {background-position:0 0}
.disc-trailer .contribution .properties {display:none}
#diskuse {position:absolute; top:-6em}

div.img-tit {margin:0 0 20px}
.img-tit li {position:relative; display:block; margin:0}
.img-tit li + li {margin-top:1em}
.img-tit li + li:after {display:none}
.img-tit .art-link {display:table; width:100%; padding:0; color:#000; background:#FFF; box-shadow:0 0 1px #CCC}
.q-mouse .img-tit .art-link:hover {box-shadow:0 0 10px #999}
.img-tit .art-img {position:relative; float:none; display:table-cell; width:45%; max-width:240px; margin:0; padding:24% 0 0}
.img-tit .art-info {height:0}
.img-tit .art-info:before {display:none}
.img-tit h3 {display:table-cell; padding:.2em 1em; vertical-align:middle; font-size:112%; font-weight:600}
.img-tit .art-link .art-img:before {opacity:1}

.message-center {overflow:hidden; max-height:0; margin:0 0 20px; transition:.5s}
.message-center.visible {max-height:300px}
.q-mouse .message-center:hover {box-shadow:0 0 10px #999}
.message-link {display:table; direction:rtl; width:100%; margin:0; box-shadow:0 0 1px #CCCCCC; color:#000; transition:box-shadow .3s}
.message-link p {position:relative; display:table-cell; width:45%; max-width:240px; padding:24% 0 0; background:#E41F1F; background:linear-gradient(0deg, #E41F1F 0%, #E41F1F 100%) no-repeat, linear-gradient(0deg, #440909 0%, #440909 100%) no-repeat; background-position:0 0, 0 200%; transition:.2s}
.message-link:hover p {background-position:0 -200px, 0 0}
.message-link p:after {content:"Právě\d\a teď"; position:absolute; top:50%; left:0; width:100%; line-height:1.2em; margin-top:-1.1em; color:#FFF; font-weight:700; text-transform:uppercase; white-space:pre; text-align:center; font-size:160%; transition:.2s}
.message-link:hover p:after {color:rgba(255,255,255,.3)}
.message-link h3 {display:table-cell; vertical-align:middle; direction:ltr; padding:0 1em; font-weight:700; color:#000; background:#FFF}

@media screen and (max-width:900px){.img-tit, .message-center {font-size:150%}}

/* includy */
.art-full .text {padding:2em 0}
.text h1 {margin:0 0 .5em; font-weight:700; font-size:200%}
.text h2 {margin:0 0 .5em; font-weight:600; font-size:150%}
.text h3 {margin:0 0 .5em; font-weight:600; font-size:125%}
.text p {margin:0 0 1em}
.text ul, .text ol {margin:0 0 1em}
.text li {margin:0 0 .5em 2em}

/* 404 */
#err-404 {background:#F6F6F6}
#err-404 #portal {background:#FFF }
#err-404 #portal .logo {float:none}
#err-404 #portal .logo a {position:static; }
#err-404 #content .content:before {content:'404'; float:right; line-height:1; margin:0 0 0 .2em; font-size:2000%; font-weight:700; color:#E41F1F}
@media screen and (max-width:900px){
#err-404 #content .content:before {display:none}
#err-404 #content .content:after {content:'404'; float:right; line-height:1; font-size:30vw; font-weight:700; color:#E41F1F}
}
#err-404 h2 {margin:1em 0 .5em; font-size:200%; font-weight:700}
#err-404 p {margin:0 0 2em; font-size:125%}
#err-404 .btn {display:inline-block}

.ahead {display:none}

.video-art {position:relative; display:block; font-size:150%; box-shadow:0 .21em .5em rgba(128,128,128,.5); transition:all .3s}
.video-art:hover {box-shadow:0 .21em .5em rgba(0,0,0,.6)} 
.video-art img {display:block; width:100%; height:auto}
.video-art .art-img {overflow:hidden; position:relative; padding:0}
.video-art .art-img:before {content:''; position:absolute; top:50%; left:50%; z-index:3; width:20%; height:0; margin:-10% 0 0 -10%; padding:20% 0 0; border-radius:100%; overflow:hidden; background:url('/u/n4/play.svg') no-repeat 0 0 / contain; transition:all .4s; transform:scale(0)}
.video-art:hover .art-img:before {transform:scale(1)}
.video-art .art-info {position:absolute; left:0; bottom:0; right:0; width:auto; height:24px; line-height:24px; padding:0 .5em; font-size:14px; color:#FFF; background:rgba(0,0,0,.8); transition:all .2s}
.video-art .art-info span {display:block; overflow:hidden; white-space:nowrap}
.q-mouse .video-art:hover .art-info {height:100%}
.q-mouse .video-art:hover .art-info span {opacity:0}
.video-art .art-img img {margin:0}

.mark-new:before {content:'NOV\c9 '; position:absolute; top:0; left:0; z-index:2; line-height:1; padding:.3em .6em .2em; color:#FFF; background:#E41F1F}

/* detail poradu */
.art-video videoplayer + small {height:0; margin:0; padding:0; overflow:hidden}
.carusel {position:relative; border:3px solid rgba(0,0,0,.8)}
.carusel-prev, .carusel-more {position:absolute; top:0; z-index:1; height:100%; width:27px; background:rgba(0,0,0,.8); cursor:pointer}
.carusel-prev {left:0}
.carusel-more {right:0}
.carusel-prev:before, .carusel-more:before {position:absolute; top:50%; left:0; width:100%; line-height:2em; margin-top:-1em; text-align:center; font-size:400%; color:#FFF}
.carusel-prev:before {content:'\276C'}
.carusel-more:before {content:'\276D'}
.carusel-in {overflow:hidden; padding:7px 32px}
.carusel ul {clear:both; width:10000% !important; min-height:1em; list-style:none; overflow:hidden}
.carusel li {width:220px; margin-right:10px; float:left; display:block}
.carusel li.act .video-art {cursor:default}
.carusel li.act .art-info:before {content:'PR\c1 V\11a \20 HRAJE'; position:absolute; bottom:100%; left:0; width:100%; text-indent:.5em; background:rgba(228,31,30,.8)}
.carusel li.act .video-art:hover .art-img:before {width:0; margin:0; padding:0}
.carusel li.act .video-art:hover .art-info {height:20px}
.carusel li.act .video-art:hover .art-info span {opacity:1}
.carusel .video-art {font-size:12px}
.carusel .video-art .art-info {height:20px; line-height:20px; margin:0; font-size:100%}

/* novinky na Slow */
.b-box-prep {position:relative; padding:0 0 5px; cursor:pointer}
.b-box-prep:before, .b-box-prep:after {position:absolute; top:50%; right:0; z-index:1; line-height:2em; margin:-1em 0 0; font-size:87.5%;}
.b-box-prep:before {content:'schovat'; right:1.2em}
.b-box-prep:after {content:'\276F'; transform:rotate(-90deg); color:#E41F1F}
.b-box-prep:hover:before {text-decoration:underline}
.b-box-packed .b-box-prep:before {content:'zobrazit';}
.b-box-packed .b-box-prep:after {transform:rotate(90deg)}
.b-box-packed .box-in {max-height:0; overflow:hidden}
.b-news {width:auto; padding:10px 15px 5px; border:1px solid #DDD; background:#FFF}
.b-news .b-box-prep h2 {margin:0; padding:0}
.b-news .b-box-prep p {margin:0; font-size:87.5%; opacity:.5}
.b-news .box-in {padding:0; border:0; max-height:999em; transition:all 1s}
.b-news.b-box-packed .box-in {max-height:0}
.b-news p {margin:.8em 0}
.b-news .date {display:block; opacity:.5}
.b-news .btn {margin:0 0 1em}

/* uvitani */
.blekot {clear:both; overflow:hidden}
.blekot-in {margin-top:-10em; padding:.6em; border:1px solid #999; border-width:2px 0; color:#000; background:#FFF; text-align:center; font-size:125%; animation:blekotani 1.6s forwards;}
@keyframes blekotani {
0% {margin-top:-10em} 
100% {margin-top:0}
}
.blekot-close {float:right; text-decoration:none}
.blekot-close:before {content:'\2716';}

/* IE bug */
.q-ie body, .q-ie #portal menu > li > a, .q-ie .entry {transition:none}