@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic&subset=latin,latin-ext');

html { overflow-y: scroll; }
body { font-family: 'Roboto', sans-serif; color: #333; background: #999 url(/o/ocko/bg.png); background-attachment: fixed; }
a { color: #f3000b; text-decoration: none; transition: color linear .15s; }
a:hover { color: #333; }
img { vertical-align: middle; }
input, .select-wrap { border-radius: 2px; border: solid 1px #c8c8c8; font-family: 'Roboto', sans-serif; }
h2, h3 { margin-bottom: 15px; font-size: 150%; color: #f3000b; text-transform: uppercase; font-weight: bold; }

.content .r-body { margin: 0 0 1.5em; }

.q-js .brief .box-in .hidden { display: none; }

.select-wrap { display: inline-block; position: relative; overflow: hidden; vertical-align: top; cursor: pointer; }
.select-wrap::before { content: ""; position: absolute; right: 0; top: 0; width: 35px; height: 50px; background: url("/o/ocko/arrsm-down.png") no-repeat center center; }
.select-wrap select { position: relative; width: 120%; height: 100%; border: none; background: none; }
.form-help { color: #666; font-size: 90%; }

.listrow { overflow: hidden; }
.listrow li { list-style: none; float: left; }

.multi-ul { margin-bottom: 20px; }

.btn, .bt, .test-form .button { display: block; width: 150px; height: 50px; line-height: 50px; box-sizing: border-box; text-align: center; font-weight: bold; color: #FFF; border: solid 1px #f3000b; border-radius: 2px; background: #f3000b; /*font-size: 15px;*/ }
a.btn:hover { color: #fff; /*text-decoration: underline;*/ background: #c80009; border-color: #c80009; }
.btn.btn-more { color: #f3000b; font-weight: normal; background: none; }
a.btn-more:hover { color: #fff; /*text-decoration: underline;*/ background: #f3000b; }
.btn.h { display: none; }

.btn.btngr { color: #666; border-color: #c8c8c8; background: none; }
.btn.btngr:hover, .btn.btngr.act { color: #fff; background: #f3000b; }
.btn.expres, .btn.expres:hover { position: relative; text-transform: uppercase; color: #fff; border-color: #333; background: #333; }
.btn.gold, .btn.gold:hover { position: relative; text-transform: uppercase; color: #fff; border-color: #fba517; background: #fba517; }
.btn.obejvak, .btn.obejvak:hover { position: relative; text-transform: uppercase; color: #fff; border-color: #b0048a; background: #b0048a}

#zive .btn:after, .btn.expres:after, .btn.gold:after, .btn.obejvak:after { content: ""; position: absolute; right: 10px; top: 10px; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 9px solid #fff; }


span.ocko, .logo-ocko { display: inline-block; width: 80px; height: 26px; vertical-align: bottom; background: url(/o/ocko/logo.jpg) no-repeat; background-size: contain; }
span.ocko span, .logo-ocko span { display: none; }

.logo-ocko.expres, .expres .logo-ocko { background-image: url(/o/ocko/logo-expres.jpg); }
.logo-ocko.gold, .gold .logo-ocko { background-image: url(/o/ocko/logo-gold.jpg); }


.hashtag { word-spacing: -.25em; color: #f3000b; }
.hashtag:before { content: '#'; }

u.odklad { display: block; }
/*.s160 {width:160px; height:160px}
.s100 {width:100px; height:100px}
.s40 {width:40px; height:40px}
.cl5 {width:480px; height:270px}
.sph {width:300px; height:169px}
.sp5 {width:172px; height:129px}
.p130 {width:130px; height:73px}*/


/* layout */
#main { position: relative; width: 100%; margin: 0 auto; text-align: center; }
.counters { position: absolute; top: -5000px; left: -5000px; z-index: 1; }
.m-bg-1 { position: relative; z-index: 2; min-height: 600px; margin: 0 auto; padding: 10px 0 0; background: url('/u/n4/shadeTop.png') no-repeat 50% 0; }
.m-bg-2 { padding: 0 0 10px; background: url('/u/n4/shadeBot.png') no-repeat 50% 100%; }
.m-bg-3 { background: url('/u/n4/shadeMid.png') repeat-y 50% 0; }
.m-bg-4 { width: 1000px; min-height: 600px; margin: 0 auto; padding: 1px 0; background: #FFF; text-align: left; }

#foot { position: relative; clear: both; padding: 20px 0; }
#foot .iweb2 { position: absolute; right: 0; z-index: 1; }
/*#foot .btn-mob { display: none; height: 3em; line-height: 3em; padding: 0 .8em; margin: 0 0 1em; border: 1px solid #333; cursor: pointer; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 700; font-size: 220%; overflow: hidden; color: #333; background: #FFF; -webkit-appearance: none; word-wrap: break-word; }
.q-touch #foot .btn-mob { display: block; }*/

#f-top { margin-bottom: 20px; padding-bottom: 20px; overflow: hidden; border-bottom: 1px solid #CCC; }
#f-top .fl + .fl { margin-right: 40px; padding-left: 40px; border-right: 1px solid #CCC; border-left: 1px solid #CCC; }

#f-top ul { float: left; padding-right: 40px; }
#f-top li { list-style: none; font-size: 134%; text-transform: uppercase; }
#f-top a { color: #333; }
#f-top a:hover { color: #f3000b; text-decoration: underline; }
#f-top a.zive { color: #f3000b; }
#f-top a.zive:hover { color: #333; }

#f-top .btn-mobillink { border: 10px solid #eee; color: #666; display: none; font-size: 30px; font-weight: bold; margin: 30px 0 0; padding: 15px 0; text-align: center; text-decoration: none; }
.q-touch #f-top.btn-mobillink { display: block; }


#f-emblem { float: left; margin: 0 0 10px; }
#f-emblem img { width: 100px; }
#copyright { clear: both; line-height: 1.4; font-size: 92%; color: #666; }
#copyright a { color: #999; }
/*#foot .hr { padding: 0; }*/

#f-link { float: right; height: 40px; line-height: 40px; font-size: 117%; }
#f-link li { display: inline-block; }
#f-link li a { padding: 0 1em; color: #333; text-transform: uppercase; }
#f-link li a:hover { color: #f3000b; text-decoration: underline; }
.socials { float: right; height: 40px; line-height: 40px; }
.socials li { display: inline-block; height: 50px; margin: 0 0 0 3px; }
.logo-facebook, .logo-twitter, .logo-instagram, .ico-who, .ico-zoom, .ico-mail, .logo-pinterest, .logo-tumblr { display: block; width: 40px; height: 40px; background: url('/o/ocko/ico-sm-sprite.png') no-repeat; }

.logo-facebook { background-position: 0 0; }
.logo-twitter { background-position: -40px 0; }
.logo-instagram { background-position: -80px 0; }
.ico-who { background-position: -120px 0; }
.q-prihlasen .ico-who { background-position: -315px 0; }
.ico-zoom { background-position: -160px 0; }
.ico-mail { background-position: -200px 0; }
.logo-pinterest { background-position: -240px 0; }
.logo-tumblr { background-position: -280px 0; }

.logo-facebook:hover { background-position: 0 -80px; }
.logo-twitter:hover { background-position: -40px -80px; }
.logo-instagram:hover { background-position: -80px -80px; }
.ico-who:hover { background-position: -120px -80px; }
.q-prihlasen .ico-who:hover { background-position: -315px -80px; }
.ico-zoom:hover { background-position: -160px -80px; }
.ico-mail:hover { background-position: -200px -80px; }
.logo-pinterest:hover { background-position: -240px -80px; }
.logo-tumblr:hover { background-position: -280px -80px; }

.ico-back span { display: inline-block; width: 10px; height: 17px; margin-right: 5px; vertical-align: middle; background: url('/o/ocko/arrsm-left.png') no-repeat; }
.ico-note { display: block; height: 40px; padding-left: 40px; background: url('/o/ocko/ico-note.png') no-repeat; }
.app-store { display: inline-block; width: 146px; height: 50px; margin: 20px 20px 0 0; background: url('/o/ocko/app-store.png') no-repeat; }
.google-play { display: inline-block; width: 146px; height: 50px; margin: 20px 20px 0 0; background: url('/o/ocko/google-play.png') no-repeat; }

#portal { position: relative; height: 60px; margin: 0 0 -10px; padding: 0 0 30px; text-align: left; z-index: 6; }
#portal:after { content: ""; position: absolute; bottom: 30px; display: block; width: 1030px; height: 8px; margin-left: -15px; box-shadow: 0px 7px 7px -1px #dadada; }
#portal img { vertical-align: middle; }
#emblem { float: left; height: 36px; margin: 10px 30px 0 0; }
#emblem img { width: 100px; height: auto; }
#fellow { float: left; margin: 0 0 0 20px; }
#p-menu { position: relative; display: inline-block; z-index: 8; /*margin: 15px -25px 0; padding: 0 25px;*/ margin: 15px 0 0 -25px; padding: 0 35px 0 25px; line-height: 2.1; font-size: 150%; }
#p-menu li { list-style: none; float: left; text-transform: uppercase; font-weight: bold; }
#p-menu li:first-child { margin-left: -.6em; }
#p-menu a { display: inline-block; padding: 0 .5em; }
#p-menu a:hover { text-decoration: underline; }
/*@media all and (max-width:1054px) {
#p-menu {width:1000px; margin:0 -10px; padding:0;}
#p-menu li:first-child {margin-left:0}
}*/
#p-menu .act a, #p-menu a.hashtag { color: #f3000b; }
#p-menu .act a:hover, #p-menu a.hashtag:hover { color: #333; }
#p-menu #p-home { width: 2.2em; height: 2.2em; }
/*#p-home .ico-home {display:block; width:100%; height:100%; margin:0; padding:0; text-decoration:none; background:url('/o/expres/ico-home.png') no-repeat 50% 50%;}*/

#p-fb { }
#p-plus { z-index: 8; width: 60px; height: 60px; border: solid #dcdcdc; border-width: 0 1px; }
#p-plus .ico-who { position: relative; display: block; padding: 0; text-decoration: none; }
#p-hld { position: relative; /*z-index: 7;*/ float: right; height: 60px; }
#p-hld .ico-zoom { position: relative; display: block; margin: 10px -5px auto 10px; padding: 0; text-decoration: none; }
#p-fb.act .logo-facebook, #p-hld.act .ico-zoom { color: #FFF; font-size: 300%; background: none; }
#p-fb.act .logo-facebook:before, #p-hld.act .ico-zoom:before { position: absolute; content: '\00d7'; z-index: 11; }

#p-fb.act .logo-facebook:before { right: 40px; }

#p-socials { float: right; height: 60px; }
#p-socials li { display: inline-block; height: 60px; }
#p-socials a { margin: 10px auto; }

#login-plus { display: none; position: absolute; top: 60px; right: 0; z-index: 5; line-height: 1.4; width: 280px; padding: 10px; border: 1px solid #CCC; font-size: medium; color: #333; background: #FFF; opacity: 0; transition: opacity 1s; }
#p-plus.act #login-plus { display: block; box-shadow: 2px 2px 2px 0 #666; opacity: 1; }
#login-plus .inp { width: 100%; margin: 0 0 .2em; padding: 6px 4px; font-size: 100%; }
#login-plus .btn { width: 100%; height: 40px; margin: 20px 0 .2em; line-height: 40px; color: #fff; font-size: 100%; text-transform: uppercase; background: #f3000b; }
#login-plus .btn:hover { color: #fff; background: #f3000b; }
#p-plus.act a.btn-fb { display: block; margin: 0 0 .2em; color: #FFF; font-size: 14px; }
#login-plus div { padding: .5em; text-align: center; color: #666; font-size: 88%; }

#p-searcher, #p-laperf { display: none; position: absolute; top: -2px; right: -15px; z-index: 10; width: 1030px; height: 1000px; background: rgba(0, 0, 0, 0.95); }

#p-laperf div { width: 500px; margin: 100px auto; padding: 50px; text-align: center; background: #fff; }
#p-laperf img { display: block; width: 250px; height: auto; margin: 0 auto 40px; }
#p-laperf p { margin-bottom: 40px; font-size: 200%; }
#p-laperf .btn { width: 300px; text-transform: uppercase; border-color: #49639f; background-color: #49639f; }

/*#p-searcher:before {content:""; position: absolute; top: 0; left: 0; width:100%; height:100%; background: rgba(0, 0, 0, 0.5) }*/
#p-hld.act #p-searcher, #p-fb.act #p-laperf { display: block; }
#p-searcher form { display: block; position: relative; margin-top: 100px; }

#p-searcher .inp { width: 900px; margin: 100px 50px; padding: 4px 0; color: #FFF; font-size: 200%; font-style: italic; border: none; border-bottom: 1px solid #fff; background: transparent; }
#p-searcher input[type=submit] { position: absolute; top: 100px; left: 910px; width: 40px; height: 34px; border: none; background: url('/o/ocko/ico-sm-sprite.png') no-repeat -160px -42px; }
#p-searcher .inp:focus { }

/*#p-words, #words { display: none; }
#words { position: absolute; top: 100%; left: 0; z-index: 10; display: none; line-height: 1.2; margin: 0; padding: 0; width: 17.2em; border: 1px solid #999; color: #333; background: #F9F9F9; cursor: default; font-size: medium; font-weight: 400; overflow: hidden; white-space: normal; }
#words div { padding: .2em 5px; }
#words div span { float: right; color: #787878; }
#words div.selected, #words div.selected span { color: highlighttext; background: highlight; }
#words a { clear: both; float: none; display: block; height: auto; line-height: 1.33; padding: 2px 5px; border-top: 1px solid #C2C2C2; color: #EE333E; background-color: #E9EAEA; }
#words a:hover { color: highlighttext; background: highlight; }*/

.rating-box { margin-top: 20px; }
#badge-vote { overflow: hidden; margin-bottom: 30px; }
#badge-vote li { position: relative; display: table-cell; width: 80px; vertical-align: bottom; text-align: center; text-transform: uppercase; font-weight: 800; font-size: 108%; }
#badge-vote li { /*-webkit-transform:scale(1)*/ /* jinak nefunguje overflow */; }
#badge-vote a { color: #000; }
#badge-vote a:hover { color: #f3000b; }
#badge-vote img { /*width:auto; height:54px;*/ position: absolute; bottom: -39px; left: -1px; width: 80px; }

#badge-vote .bv-in { position: relative; margin: 25px 33px 0 0; bottom: 30px; padding-bottom: 40px; overflow: hidden; display: block; width: 80px; font-size: 142%; color: #f3000b; font-style: italic; font-weight: normal; }
#badge-vote .bv-in .cap { position: relative; width: 78px; height: 0; margin-top: 10px; padding-bottom: 40px; border-top-left-radius: 40px; border-top-right-radius: 40px; background: #f3000b; background: linear-gradient(#f3000b, #8a0102 80%); }


/*-webkit-linear-gradient(top, #5bc0de, #2f96b4);
-o-linear-gradient(top, #5bc0de, #2f96b4);
linear-gradient(to bottom, #5bc0de, #2f96b4);
-moz-linear-gradient(top, #5bc0de, #2f96b4);*/

#badge-vote span { position: absolute; bottom: 0; display: block; width: 80px; text-align: center; font-size: 142%; }

@-webkit-keyframes thumb {

	50% { padding-bottom: 50px; margin-top: 0; }
	100% { padding-bottom: 40px; }
}

@keyframes thumb {

	50% { padding-bottom: 50px; margin-top: 0; }
	100% { padding-bottom: 40px; }
}

#badge-vote a:hover .cap { -webkit-animation: thumb 2 400ms linear; animation: thumb 2 400ms linear; }


@-webkit-keyframes thumb-2a {
	0% { top: 0px; }
	50% { top: -25px; }
	100% { top: 0px; }
}

@keyframes thumb-2a {
	0% { top: 0px; }
	50% { top: -25px; }
	100% { top: 0px; }
}


@-webkit-keyframes thumb-2b {
	0% { -webkit-transform: scaleY(1); }
	50% { -webkit-transform: scaleY(-1); }
	100% { -webkit-transform: scaleY(1); }
}

@keyframes thumb-2b {
	0% { transform: scaleY(1); }
	50% { transform: scaleY(-1); }
	100% { transform: scaleY(1); }
}

#badge-vote a:active .cap { -webkit-animation: thumb-2a 2 400ms linear; animation: thumb-2a 2 400ms linear; }
#badge-vote a:active .cap img { -webkit-animation: thumb-2b 1 400ms linear; animation: thumb-2b 1 400ms linear; }

.badge { display: block; width: 77px; height: 64px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.art .badge { position: absolute; top: 6px; left: 6px; z-index: 1; }



/* wow efekt */
html.wow #badge-list li { opacity: 0; }
html.wow #badge-list li span { transform: scale(0, 1); -webkit-transform: scale(0, 1); display: block; transition: 0.25s; -webkit-transition: 0.25s; }
html.wow #badge-list li.wow { opacity: 1; }
html.wow #badge-list li.wow span { transform: scale(1, 1); -webkit-transform: scale(1, 1); }
#badge-list { position: relative; }
#badge-list > img { position: absolute; left: -550px; top: 200px; width: 481px; height: 375px; transition: 0.5s; -webkit-transition: 0.5s; z-index: 10; }
#badge-list > div { position: absolute; left: -90px; top: 453px; width: 0; height: 0; transition: 0.666s; -webkit-transition: 0.666s; z-index: 10; overflow: hidden; border-radius: 0 400px 0 0; }
#badge-list > div img { position: absolute; left: 0; bottom: 0; width: 452px; height: 368px; }
#badge-list > div span { position: absolute; font-size: 600%; text-align: center; font-family: Comic Sans MS; left: 0; bottom: 120px; width: 452px; z-index: 11; }
#badge-list > div span b { visibility: hidden; font-weight: normal; }
#badge-list > div.wow { width: 500px; height: 453px; top: 0px; }
#badge-list img.wow-1 { transform: translate(0, 0) scale(0); -webkit-transform: translate(0, 0) scale(0); }
#badge-list img.wow-2 { transform: translate(0, 0) scale(1); -webkit-transform: translate(0, 0) scale(1); -webkit-transition-timing-function: cubic-bezier(.78,.45,.62,1.33); transition-timing-function: cubic-bezier(.78,.45,.62,1.33); }
#badge-list img.wow-3 { transform: translate(357px, -360px) scale(0.17); -webkit-transform: translate(357px, -360px) scale(0.17); }



.q-js .arts-1, .q-js .arts-2, .q-js .arts-3, .q-js .arts-4, .q-js .arts-5, .q-js .arts-6, .q-js .arts-7, .q-js .arts-8, .q-js .arts-9, .q-js .arts-10, .q-js .arts-11, .q-js .arts-12, .q-js .arts-13, .q-js .arts-14, .q-js .arts-15 { display: none; }
.q-js .prep-1 .arts-1, .q-js .prep-2 .arts-2, .q-js .prep-3 .arts-3, .q-js .prep-4 .arts-4, .q-js .prep-5 .arts-5, .q-js .prep-6 .arts-6, .q-js .prep-7 .arts-7, .q-js .prep-8 .arts-8, .q-js .prep-9 .arts-9, .q-js .prep-10 .arts-10, .q-js .prep-11 .arts-11, .q-js .prep-12 .arts-12, .q-js .prep-13 .arts-13, .q-js .prep-14 .arts-14, .q-js .prep-15 .arts-15 { display: block; }
.q-js .prep-1 .nava-1, .q-js .prep-2 .nava-2, .q-js .prep-3 .nava-3, .q-js .prep-4 .nava-4, .q-js .prep-5 .nava-5, .q-js .prep-6 .nava-6, .q-js .prep-7 .nava-7, .q-js .prep-8 .nava-8, .q-js .prep-9 .nava-9, .q-js .prep-10 .nava-10, .q-js .prep-11 .nava-11, .q-js .prep-12 .nava-12, .q-js .prep-13 .nava-13, .q-js .prep-14 .nava-14, .q-js .prep-15 .nava-15 { color: inherit; text-decoration: none; }

/* content */
.content { min-height: 200px; }
.col-a { float: left; width: 680px; margin-left: 10px; }
.col-b { float: right; width: 300px; }
.col { float: right; width: 480px; }
.col.col-l { float: left; }
.hr { margin: 0 0 15px; padding: 30px 0 0; border-bottom: 1px solid #CCC; }

.col .r-body { margin: 0 0 35px; }

/* vypis clanku */
.list-art { clear: both; }
.list-art-odklad u.odklad { background-image: none !important; }

.list-tit { margin: 0 0 1em; padding: 0 0 .6em; border-bottom: 1px solid #CCC; font-size: 300%; font-weight: 700; }
.box-tit { margin: 0 0 .8em; font-size: 200%; font-weight: 800; }

.art h3, .art .art-info { margin: 2px 0 0 10px; }
.list-art h3 { line-height: 1.2; font-size: 134%; }
.list-art .art-info { color: #333; }

.art, .mark-video { position: relative; min-height: 160px; margin: 0 0 10px; text-decoration: none; }
.art + .art { margin-top: 20px; }
.art h3 { /*margin: 0 0 .5em;*/ font-size: 134%; font-weight: 800; text-transform: uppercase; }
.art a h3, .art h3 a { color: #f3000b }
.art .box h3 { margin: 0; }
.art-img u { display: block; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.art .art-img { position: static; display: block; min-width: 690px; min-height: 388px; overflow: hidden; }
.art .box { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; padding: 3em 15px 15px; color: #FFF; background: linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,0.64) 100%); }
.art.opener .box { padding-top: 50px; background: linear-gradient(rgba(0,0,0,0) 1em, rgba(0,0,0,.75) 10em); }
.art .box h3 a { color:#fff }
.art .box h3 a:hover { color: #f3000b; }
.art .box h3 a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 690px; height: 388px; }

.art .hashtag { position: relative; z-index: 1; display: inline-block; margin: 0 0 15px; padding: 4px 8px; font-size: 117%; color: #fff; border-radius: 2px; background: rgba(243,0,11,.85); }
.art .hashtag:hover { background: #c80009; }

.art.opener { width: 690px; height: 388px; overflow: hidden}
.art.opener .box { padding-top: 40px; }
.art.opener .box .hashtag { position: absolute; top: 0; }

.col-a .art.opener { left: -10px; width: 690px; height: 388px; }
.col-a .opener img { width: auto; height: auto; min-width: 690px; min-height: 388px; }
.col-a .art h3 { font-size: 234%; }

.next-art { overflow: hidden; }
.next-art .btn { width: 215px; margin: 30px auto; font-size: 150%; }
.next-art .btn.btn-more { float: right;; }
#last-art.act .art.h { display: block; }
.next-art a[href*="strana"] { background: #fff; color: #F3000A; }
/*Muze zato Petr*/
.next-art a:hover[href*="strana"] { background: #F3000A; color: #FFF; }
/*Muze zato Petr*/

.nav-n4 { margin: 20px auto; font-size: 125%; }
.nav-n4 a, .nav-n4 b { display: inline-block; min-width: 20px; height: 25px; margin: 0 3px; padding: 5px 10px; line-height: 25px; border: solid 1px #ddd; }

.col-b .list-art { margin-bottom: 20px; }
.col-b .art { width: 300px; margin-left: -2px; padding: 2px 0 0 2px; }
.col-b .art.box-art { height: 169px; overflow: hidden; }
.col-b .art .art-img { width: auto; height: auto; min-width: 300px; min-height: 169px; }
.o-list .art .box, .col-b .art .box { height: 100%; padding: 0 15px; }
.col-b .art .box { margin-left: 2px; }
.o-list .art .hashtag, .col-b .art .hashtag { position: absolute; left: -2px; top: -2px; padding: 5px; }
.o-list .art .box h3, .col-b .art .box h3 { position: absolute; left: 0; bottom: 0; margin: 0; padding: 0 10px 10px 10px; text-shadow: 0px 0px 1px rgba(0, 0, 0, .9); }
.o-list .art h3 a:after { width: 330px; height: 185px; }
.col-b .art h3 a:after { width: 300px; height: 168px; }

/* b-box */
.b-box { margin: 0 0 20px; }
.b-box h2 { margin: 0 0 .3em; font-size: 150%; color: #f3000b; line-height: 1; }
.b-box .box a:hover { color: #f3000b; }
.b-box .art-info { font-size: 117%; color: #333; }

.chart { list-style: none; }

.mark-video { position: relative; display: block; width: 300px; margin: 0 0 10px; }
.mark-video.h { display: none; }
.mark-video .play { position: absolute; top: 84px; left: 50%; margin: -30px auto auto -30px; z-index: 2; width: 35px; height: 60px; padding-right: 25px; font-size: 26px; font-weight: bold; color: #fff; text-align: right; line-height: 60px; border-radius: 30px; background: rgba(243,0,11,.85); }
.art.opener.mark-video .play { top: 50%; }
.mark-video:hover .play { background: rgba(243,0,11,1); }
.mark-video .play:before { content: ""; position: absolute; right: 20px; top: 15px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #fff; }

.chart .mark-video .play:before { right: 12px; top: 20px; border-width: 10px; }
.chart .art:hover:after { position: absolute; left: 0; top: 0; right: 0; height: 45px; padding-top: 125px; content: "hlasuj"; text-align: center; color: #fff; font-weight: bold; text-transform: uppercase; background: rgba(0,0,0,.50); }
.col-b .chart .art:hover:after { left: 2px; top: 2px; }

/*docasne*/
.mark-video h3 { margin-bottom: 0; }

.hlasuj h1 { margin-bottom: 0; }
.hlasuj .author { color: #f3000b; font-size: 150%; }
.hlasuj .btn { width: 125px; height: 35px; margin-bottom: 10px; line-height: 35px; text-transform: uppercase; }
.hlasuj strong { color: #f3000b; }
.hlasuj .voted .btn { cursor: auto; border-color: #25c95b; background-color: #25c95b; }
.hlasuj .voted strong { color: #25c95b; }
.hlasuj .chart, .anketa-list { margin-bottom: 30px; }
.hlasuj .chart li { clear: both; overflow: hidden; }
.hlasuj .mark-video { float: left; margin-right: 20px; }
.hlasuj .chart h3 { margin: 0; }
.hlasuj .chart .btn { margin-top: 20px; }
.hlasuj .fl { width: 360px; }

.anketa-list .question { margin-bottom: 20px; font-size: 142%; font-weight: bold; }
.anketa-list .entry { overflow: hidden; margin-bottom: 20px; }
.anketa-list .entry.with-img { max-height: 389px; }
.anketa-list .entry.with-img a { float: left; margin-right: 20px; }
.anketa-list .entry.with-img img { width: 300px; height: auto; }
.anketa-list .entry.with-img .vote { margin-left: 320px; }

.anketa-list .vote a, .anketa-list .vote .vcl, .anketa-list .entry.with-img .vote a { text-transform: uppercase; font-weight: bold; font-size: 150%; display: block; float: none; }
.anketa-list .vote .rate { font-size: 200%; color: #bbb; font-weight: bold; }

/*anketa, charts*/
.eb { width: 80%; height: 8px; background: #f6f6f6; }
.vb { height: 100%; background: #f04124; }

#zive { overflow: hidden; }
#zive h2 { float: left; }
#zive .ico-note { float: right; height: 22px; margin-top: 10px; padding-left: 22px; text-transform: uppercase; text-decoration: underline; background-size: 15px; background-position: 0 2px; }
#zive .video-stream { margin-bottom: 10px; }
#zive .btn { position: relative; float: left; width: 85px; height: 40px; margin:0 10px 10px 0; padding-left: 10px; overflow: hidden; line-height: 40px; text-align: left; text-transform: uppercase; font-size: 15px; color: #fff; font-weight: bold; }
#zive .expres { width: 150px; }
#zive .gold { width: 140px; }
#zive .obejvak {width:150px}

.col-a #zive { margin: 0 auto 20px -10px; }

.col-b #zive .btn:nth-child(3n){margin-right:0}


#o-chart { margin-top: 20px; }
#youtube-chart { }

#o-chart h2, #youtube-chart h2, .arrline { position: relative; margin-bottom: 20px; padding-bottom: 10px; text-align: center; text-transform: uppercase; font-weight: bold; border-bottom: solid 1px #f3000b; }
#o-chart h2:after, #youtube-chart h2:after, .arrline:after { content: ""; position: absolute; left: 50%; bottom: -6px; margin-left: -15px; width: 30px; height: 10px; background: #fff url(/o/ocko/arrsm-down.png) no-repeat center top; }

#o-na-sitich h2 { margin-bottom: 30px; }
#o-na-sitich .es-box { margin-top: 20px; }
#o-na-sitich .es-top img { float: left; margin-right: 12px; vertical-align: top; }
#o-na-sitich .es-name { display: block; margin-left: 12px; margin-bottom: 5px; font-size: 142%; color: #333; }

#o-na-sitich .es-name a { color: #333; }
#o-na-sitich .es-mid, #o-na-sitich .es-bot { margin-left: 60px; }
#o-na-sitich .es-mid { margin-top: 5px; }
#o-na-sitich .es-mid p, #o-na-sitich .es-date { display: block; margin-bottom: 5px; }
#o-na-sitich .es-date { color: #999; }
#o-na-sitich .es-mid img { width: 185px; border-radius: 3px; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); }

.avatar { position: relative; float: left; width: 50px; height: 50px; margin-right: 10px; border-radius: 3px; box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.3); background: url(/o/ocko/logo.jpg) no-repeat center center; background-size: 42px; }
.avatar.twitter { background-color: #f3000b; background-image: url(/o/ocko/logo-white.png); }
.avatar.fb:after, .avatar.twitter:after { content: ""; position: absolute; display: block; opacity: 0.3; width: 45px; height: 45px; top: 100%; background: url(/o/ocko/ico-sm-sprite.png); }
.avatar.fb:after { background-position: 4px -80px; }
.avatar.twitter:after { background-position: -34px -80px; }

/*chat*/
.show-box-vis .show-box { display: none; }
.show-box-vis input[type=submit] { width: 50px; height: 20px; margin: auto 0 auto auto; line-height: 18px; }
.show-box-vis .moot-login .fl-inp { display: inline-block; width: 120px; vertical-align: bottom; }
.show-box-vis .moot-login .inp { width: 115px; margin: 0 10px 2px 0; padding: 2px; }
.show-box-vis .moot-login .bt { display: inline-block; margin-bottom: 2px; }
.show-box-vis .moot-login li { clear: both; display: inline-block; width: 120px; }
.show-box-vis .moot-editor { display: none; }
.show-box-vis .moot-editor form { padding: 5px 0 0 10px; border: solid 1px #dcdcdc; border-radius: 2px; }
.show-box-vis .moot-editor .inp { width: 210px; border: none; }
.show-box-vis .box-in .btn { width: 100%; margin-top: 5px; text-transform: uppercase; line-height: 40px; height: 40px; }

.mujpas-prihlasen .moot-login { display: none; }
.mujpas-prihlasen .moot-editor { display: block; }

#on-line-diskuse-data { height: 600px; margin-top: 5px; padding: 5px; overflow-y: scroll; border: solid 1px #f1f1f1; background: #fdfdfd; }
#on-line-diskuse-data .disc-in div { margin-top: 10px; }
#on-line-diskuse-data p { margin-bottom: 10px; }
#on-line-diskuse-data .b { display: block; }
#on-line-diskuse-data p i { visibility: hidden; position: absolute; top: -5000px; left: -5000px; }

#co-jsme-hrali { margin: 30px 15px 50px; padding-top: 20px; border-top: solid 1px #c8c8c8; }
#co-jsme-hrali form > div { float: left; }
#co-jsme-hrali label { display: block; font-weight: bold; }
#co-jsme-hrali input[type=text], #co-jsme-hrali .select-wrap { height: 50px; margin-right: 8px; box-sizing: border-box; }
#co-jsme-hrali input[type=text] { width: 280px; padding: 0 5px; font-size: 134%; }
#co-jsme-hrali .select-wrap { width: 148px; }
#co-jsme-hrali select { width: 170px; font-size: 134%; }
#co-jsme-hrali button { display: inline-block; width: 50px; height: 50px; margin-top: 1.3em; border: solid 1px #f3000b; border-radius: 3px; background: #f3000b url('/o/ocko/ico-sm-sprite.png') no-repeat -154px -34px; transition: background-color linear .15s; }
#co-jsme-hrali button:hover { background-color: #fff; background-position: -154px 5px; }
#co-jsme-hrali button span { display: none; }
.form-help { display: block; }


/*a.ico-disc {color:#888}
.ico-disc:before {content:''; display:inline-block; vertical-align:middle; width:13px; height:12px; margin:0 6px 0 0; background:url('/o/expres/ico-disc.png') no-repeat -20px 0}
a.ico-disc:hover {color:#f3000b}
.ico-disc:hover:before {background-position:-40px 0}*/

/*kolotoc*/
.kolotoc, .video-box { float: left; margin-left: -10px; overflow: hidden; position: relative; width: 340px; }
#artrusel-2, .video-box { margin-left: 10px; }

.kolotoc ul { position: relative; clear: both; width: 10000% !important; min-height: 1em; list-style: none; overflow: hidden; }
.kolotoc li { width: 340px; float: left; _overflow: hidden; display: block; }
.kolotoc li.h { display: none; }
.kolotoc li a { display: block; text-align: left; }
.kolotoc li u { position: relative; display: block; width: 100%; height: 192px; /*height: 0; padding-top: 57%;*/ background: transparent no-repeat 50% 0; background-size: cover; margin-bottom: .55em; cursor: pointer; overflow: hidden; }
.kolotoc h3, .video-box h3 { font-weight: 700; font-size: 150%; text-transform: uppercase; }
.kolotoc h3 a, .video-box h3 a { text-decoration: none; color: #333; }
.kolotoc h3 a:hover, .video-box h3 a:hover { text-decoration: underline; color: #f3000b; }

.video-box iframe { width: 340px; height: 192px; border: 0; }

.q-js .kolotoc-odklad u { background-image: none !important; }

.kolotoc .navig, .kolotoc .dots { position: absolute; top: 160px; width: 100%; text-align: center; z-index: 5; }
.kolotoc .navig { height: 54px; top: 120px; padding-top: 20px; background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,.20) 100%); }

.kolotoc .navig .ico-left { position: relative; float: left; width: 70px; height: 54px; }
.kolotoc .navig .ico-right { position: relative; float: right; width: 70px; height: 54px; }

.kolotoc .navig .ico-left:after, .kolotoc .navig .ico-right:after { content: ""; display: block; position: absolute; left: 20px; top: 20px; width: 12px; height: 20px; background: url(/o/ocko/arrwhite-left.png) no-repeat; }
.kolotoc .navig .ico-right:after { left: auto; right: 20px; background: url(/o/ocko/arrwhite-right.png) no-repeat; }

.kolotoc .dots { display: none; width: 60px; left: 137px; top: 163px; z-index: 5; }
.kolotoc .dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 5px; border-radius: 5px; background: #fff; }
/*.kolotoc #dots1.prep-1 #dots1-a1, .kolotoc #dots1.prep-2 #dots1-a2, .kolotoc #dots1.prep-3 #dots1-a3, .kolotoc #dots2.prep-1 #dots2-a1, .kolotoc #dots2.prep-2 #dots2-a2, .kolotoc #dots2.prep-3 #dots2-a3 { background: #F3000b; }*/


.kolotoc.prep-0 .dot-0, .kolotoc.prep-1 .dot-1, .kolotoc.prep-2 .dot-2 { background: #F3000b; }



/* clanek */


h1 { margin-bottom: 20px; font-size: 234%; text-transform: uppercase; font-weight: 800; }
h1 small { font-size: 90%; color: #f3000b; font-size: 50%; }
/*program*/
.art-full .datetime { margin-bottom: 20px; color: #999; font-size: 125%; }
.art-full .perex { margin: 0 0 20px; font-size: 175%; }
.art-full .perex li { position: relative; display: block; margin: 0 0 .2em; padding: 0 0 0 1em; font-weight: 700; }
.art-full .perex li:before { content: '\2022'; position: absolute; top: 0em; left: 0; line-height: .8; color: #999; font-size: xx-large; }

.tags { float: left; width: 400px; margin: 10px 0 20px; list-style: none; }
.tags li { float: left; margin: 0 10px 10px 0; }
.tags a { display: block; padding: 4px 8px; color: #fff; text-decoration: none; border-radius: 3px; }
.tags a.hashtag { background: #f3000b; }
.tags a.hashtag:hover { text-decoration: underline; background: #c80009; }
.tags .expres, .tags .gold, .tags .obejvak { height: auto; padding-bottom: 3px; line-height: 30px; }
.art-full .socials { margin-bottom: 20px; }

.moderators { margin-left: -5px; overflow: hidden; list-style: none; }
.moderators li { float: left; width: 47%; /*height:3.8em;*/ margin: 0 3% 30px 0; line-height: 1.2; font-size: medium; }
.moderators img { float: left; margin: 5px 20px 0 5px; width: 120px; height: auto; border-radius: 5px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.9); }
.moderators h4 { margin-top: 5px; font-size: 150%; font-weight: bold; /*color: #333;*/ }
.moderators h4 a { /*color: #333;*/ }
.moderators span { display: block; color: #666; font-size: 88%; }

.art-full .moderators img { width: 50px; }
.art-full .moderators h4 { margin-top: 5px; font-size: 100%; line-height: 1.1; }

.share-box { margin: 0 0 35px; padding: 10px 15px; border: 1px solid #CCC; }
.share-box img { vertical-align: middle; }
.share-function { float: left; overflow: hidden; /* kvuli poskakovani pri nacitani */ width: 240px; height: 25px; padding-top: 8px; }
.fb_iframe_widget > span { vertical-align: baseline !important; margin-right: 1em; }
.share-button { float: right; margin-left: 10px; padding-left: 10px; border-left: 1px solid #CCC; }

.art-social { float: left; overflow: hidden; }
.art-social li { float: left; display: block; margin: 0 0 3px 5px; }



.art-full .opener { margin: 0 0 1em; font-size: 134%; font-weight: 700; color: #555; }

.text { line-height: 1.6; font-size: 134%; }
.text .text { margin: 0; font-size: 100%; }
.text .bbtext { position: relative; width: 100%; }
.text h1 {line-height:1.33; font-size:175%}
.text h3 { font-weight: 700; }
.text h3.tit { line-height: 1.2; margin: 0 0 .6em; font-size: 167%; font-weight: 800; }
.text * + h3.tit { margin-top: 1em; }
.text h3.subtit { margin: 0 0 .4em; font-size: 107%; }
.text img { max-width: 100%; height: auto; }
.text p, .text table, .text ul, .text ol { margin: 0 0 1em; line-height: 1.33; }
.text table table, .text ul ul, .text ol ul, .text ul ol, .text ol ol { margin-bottom: 0; }
.text li { margin: 0 0 0 2em; }

.text a { text-decoration: underline; }
.text a:hover { background: #f3000b; color: #fff; text-decoration: none; }


/*.text li li {background:url('/o/zpr/li_sqr_b.gif') no-repeat 0 .55em}*/
/*.text [type="a"] { counter-reset: list; }
.text [type="a"] > li { position: relative; padding-left: 0; background: 0; }
.text [type="a"] > li:before { counter-increment: list; content: counter(list, lower-alpha) ") "; position: absolute; left: -1.4em; }
.text td, .text th { padding: 2px .5em; }*/

.text-link { font-weight: 700; text-decoration: underline; }
.complete .text-link { font-weight: inherit; text-decoration: inherit; }

/*.art-full .equip, .art-full .equip-fl { clear: both; width: auto; margin-bottom: 1em; font-size: 12px; }
.art-full .equip-fl { float: left; margin: 4px 10px 1em 0; _margin-right: 7px; }
.art-full .equip-fr { float: right; margin: 4px 0 1em 10px; _margin-left: 7px; }
.art-full .equip table, .art-full .equip-fl table, .art-full .equip-fr table { border-collapse: collapse; margin: 0; }
.art-full .equip td, .art-full .equip-fl td, .art-full .equip-fr td { padding: 0; border: 0; }*/
.equip ul, .equip li, .equip-fl ul, .equip-fl li, .equip-fr ul, .equip-fr li { display: block; }

.opener-foto, .opener-flv-player { position: relative; width: 690px; margin: 0 0 20px -10px; overflow: hidden; font-size: small; }
.opener-foto { height: 428px; }
.opener-foto .relative { position: relative; display: block; height: 388px; text-decoration: none; overflow: hidden; }
.opener-foto .relative img { display: block; }
.opener-foto .relative .more-gal { position: absolute; bottom: 0px; right: 0px; max-width: 560px; height: 35px; line-height: 35px; padding: 0 10px 0 45px; color: #FFF; font-size: 14px; text-align: right; overflow: hidden; cursor: pointer; background: rgba(243, 0, 11, 0.85) url('/o/ocko/ico-fotogal-white.png') no-repeat 10px 50%; }
.opener-foto .relative:hover .more-gal { text-decoration: underline; background-color: rgba(243, 0, 11, 1); }
.opener-foto .relative .more-gal b { font-weight: bold; }
.opener-foto .overlap { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: url('/u/free.gif') repeat; text-decoration: none; cursor: pointer; }
.opener-foto p.opener-foto-info { padding: 6px 0; color: #666; font-size: 90%; }
p.opener-foto-info a { color: #666; text-decoration: none; }
p.opener-foto-info a:hover { color: #B9151C; text-decoration: underline; }
.opener-flv-player { position: relative; margin-left: -10px; padding: 0 0 1px; }
.opener-flv-player h2, .opener-flv-player strong { position: absolute; z-index: 1; padding: 1em; color: #FFF; background: url("/u/fog80.png"); }
.opener-flv-player h2 { max-width: 460px; _width: 460px; top: 1em; left: 1em; font-size: 142%; font-weight: 700; }
.opener-flv-player strong { max-width: 460px; _width: 460px; right: 1em; bottom: 1em; }
.opener-flv-player img.block { margin: 0 0 2px; }

.opener-foto img { width: auto; height: auto; min-width: 690px; min-height: 388px; }

/* doplneni clanku */
.art-full .complete, .complete { border-collapse: collapse; font-size: medium; line-height: 1.33; margin: 0 0 30px; padding: 0; position: relative; width: 100%; }
.art-full .complete tbody, .complete tbody { font-size: 75%; }
.complete .complete { clear: both; margin: 0; }
.b-box .complete { float: none; margin: 0; }
.art-full .complete-half-r, .complete-half-r { float: right; width: 194px; margin: 0 0 .5em 10px; }
.art-full .complete-half-l, .complete-half-l { float: left; width: 194px; margin: 0 15px .5em 0; }
.art-full .complete-dual-r, .complete-dual-r { float: right; width: 302px; margin: 0 0 .5em 10px; }
.art-full .complete-dual-l, .complete-dual-l { float: left; width: 302px; margin: 0 15px .5em 0; }
.art-full .complete td, .complete td { padding: 0; }
.art-full .complete table td, .complete table td { background: #FFF; border: 0; padding: 2px 4px; }
.art-full .complete h3, .complete h3 { margin-bottom: 10px; }
.art-full .complete h3.tit, .complete h3.tit { margin: 1em 0 .4em; color: #666; font-size: 150%; }
.art-full .complete h3.ico span span, .complete h3.ico span span, .art-full .complete h3.ico a span, .complete h3.ico a span { display: none; }
.art-full .complete a, .complete h3.ico a { display: inline; line-height: inherit; height: auto; }
.art-full .complete p, .complete p { font-size: 134%; margin: 0 0 .5em; }
.art-full .complete ul li, .complete ul li { list-style: none; margin: 0; padding-left: 1em; font-size: 134%; background: url('/o/zpr/li_sqr_a.gif') no-repeat 0 .45em; }
.art-full .complete ol li, .complete ol li { font-size: 134%; }
.art-full .complete li li, .complete li li, .art-full .complete li p, .complete li p { font-size: 100%; }
.art-full .complete .title, .complete .title { font-size: 150%; font-weight: 700; color: #464646; }
.art-full .complete .only-text { font-size: 100%; padding-bottom: 8px; margin: 0; }



/* obrazky */
.imagelist, .text .imagelist { margin: 0 0 0 -10px; font-size: small; }
.cell img { /*width: auto; height: auto; min-width: 690px; min-height: 388px;*/ vertical-align: middle; }

.imagelist-s160 .cell { margin-left: 6px; width: 110px; }
.imagelist-s160 img { height: 110px; width: 110px; }
.imagelist-w690 img { width: auto; height: auto; width: 690px; height: 388px; }
.imagelist .cell { float: left; margin-bottom: 6px; }
.imagelist .cell-first { margin-left: 0 !important; }
.imagelist p { display: block; clear: both; margin: 0; padding: .3em 0 0; text-align: right; line-height: 1.33; font-size: 93%; color: #666; }
/*.cell img { vertical-align: middle; max-width: 690px; height: auto; }*/
/*#\--fotogalerie*/ /*.complete p { position: absolute; right: 0; bottom: 0; width: 110px; height: 50px; margin: 0; padding-top: 60px; text-align: center; font-weight: normal; text-transform: uppercase; font-size: 90%; background: url(/o/ocko/ico-fotogal.png) no-repeat center 25px; }*/
.complete p { display: inline-block; width: 110px; height: 50px; margin: 0; padding-top: 60px; text-align: center; font-weight: normal; text-transform: uppercase; font-size: 90%; background: url(/o/ocko/ico-fotogal.png) no-repeat center 25px; }
/*#\--fotogalerie*/ .complete p a { text-decoration: underline; }
#\--fotogalerie.complete-dual-l { width: 217px; }
/*#\--fotogalerie*/ .complete .imagelist { float: left; }

/* video */
html .text videoplayer a:hover { background: none; }
html videoplayer .share-button { border: 0; }
/*
html videoplayer.dummy:before { width: 7em; margin: -3.5em 0 0 -3.5em; padding-top: 7em; background-color: rgba(243,0,11,.5); }
html videoplayer.dummy:before, html videoplayer related a.watch-related::after { background-image: url('/o/ocko/player/playtko.png'); }
html videoplayer related replay:after { width: 56px; background-color: rgba(243,0,11,.5); }
html videoplayer related a.watch-related:after { width: 40px; background-color: rgba(243,0,11,.5); }
html videoplayer.dummy:hover:before, html videoplayer related replay:hover:after, html videoplayer related a.watch-related:hover:after { background-color: rgb(243,0,11); }

html videoplayer toolbar, html videoplayer seekbar, html videoplayer volumebar, html videoplayer toolbar toggle.volume:after, html videoplayer toolbar toggle.mute:after { background-image: url('/o/ocko/player/bars.png'); }
html videoplayer.unwrapped toolbar { height: 41px; bottom: -41px; }

html videoplayer toolbar toggle.volume:after, html videoplayer toolbar toggle.mute:after { height: 5px; top: 16px; }
html videoplayer volumebar { left: 82px; height: 30px; top: 8px; }
html videoplayer toolbar toggle.volume, html videoplayer toolbar toggle.mute { left: 45px; top: 5px; }
html videoplayer toolbar span { left: 190px; top: 5px; font-size: 117%; }

html videoplayer toolbar play, html videoplayer toolbar toggle, html videoplayer a.share-button { top: 5px; background-image: url('/o/ocko/player/controls.png'); }
html videoplayer toolbar play { top: 7px; }
html videoplayer toolbar play:hover, html videoplayer toolbar toggle:hover, html videoplayer a.share-button:hover { background-image: url('/o/ocko/player/controlsHover.png') !important; }
html videoplayer seekbar { height: 5px; }
html videoplayer toolbar toggle.hd-on { background-image: url('/o/ocko/player/controlsToggle.png'); }

html videoplayer:fullscreen toolbar toggle.fullscreen, html videoplayer:fullscreen toolbar toggle.fullscreen:hover { background-image: url('/o/ocko/player/controlsToggle.png') !important; }
html videoplayer:-ms-fullscreen toolbar toggle.fullscreen, html videoplayer:-ms-fullscreen toolbar toggle.fullscreen:hover { background-image: url('/o/ocko/player/controlsToggle.png') !important; }
html videoplayer:-moz-full-screen toolbar toggle.fullscreen, html videoplayer:-moz-full-screen toolbar toggle.fullscreen:hover { background-image: url('/o/ocko/player/controlsToggle.png') !important; }
html videoplayer:-webkit-full-screen toolbar toggle.fullscreen, html videoplayer:-webkit-full-screen toolbar toggle.fullscreen:hover { background-image: url('/o/ocko/player/controlsToggle.png') !important; }
html videoplayer.fake-fullscreen toolbar toggle.fullscreen, html videoplayer.fake-fullscreen toolbar toggle.fullscreen:hover { background-image: url('/o/ocko/player/controlsToggle.png') !important; }

html videoplayer toolbar a.share-button, html videoplayer toolbar volumebar ~ a.share-button { top: 10px; right: 120px; }

html .col-b videoplayer toolbar play { padding-right: 0; width: 30px; background-position: -320px 5px; }
html .col-b videoplayer toolbar play.pause { background-position: -358px 5px; }
html .col-b videoplayer toolbar toggle.volume, html .col-b videoplayer toolbar toggle.mute { left: 30px; }
html .col-b videoplayer toolbar span { left: 160px; }
html .col-b videoplayer toolbar toggle.volume:after, html .col-b videoplayer toolbar toggle.mute:after { left: 30px; }
html .col-b videoplayer volumebar { left: 60px; }
html .col-b videoplayer toolbar toggle.hd, html .col-b videoplayer toolbar toggle.hd-on { right: 30px; }
html .col-b videoplayer toolbar toggle.fullscreen { width: 30px; right: 0; }
*/

.related.list { margin-bottom: 20px; }
.related.list h3 { margin-bottom: 5px; }
.related.list ul { list-style: none; }
.related.list li { margin-bottom: 2px; }
.related.list a { font-size: 125%; color: #333; }
.related.list a:hover { color: #f3000b; text-decoration: underline; }

/* anketa */
.anketa { position: relative; width: 680px; height: 375px; margin: 20px auto 15px -10px; }
.anketa .question { position: absolute; top: 50%; left: 50%; width: 154px; height: 164px; margin: -107px auto auto -90px; padding: 0px 5px 0; z-index: 2; text-transform: none; text-align: center; color: #fff; border-radius: 87px; border: solid 5px #fff; background: #f3000b; }
.anketa .question span { display: table-cell; height: 164px; width: 154px; vertical-align: middle; font-size: 150%; font-weight: bold; }
.anketa.voted h3 { }
.anketa .vote { position: relative; float: left; width: 335px; margin: 0 5px 50px 0; }
.anketa a.vote { cursor: pointer; }
.anketa img { width: 335px; height: auto; }
.anketa .cover, .anketa .count { position: absolute; top: 0; left: 0; width: 335px; height: 209px; padding-top: 126px; font-size: 68px; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.5); }
.anketa .cover { display: none; height: 197px; padding-top: 137px; font-size: 48px; }
.anketa .vote:hover .cover { display: block; }
.anketa.voted .cover { display: block; }
.anketa .cover b { font-weight: normal; }
.anketa.voted .cover b { display: none; }
.anketa .name { position: relative; top: -20px; }
.anketa .btn { position: absolute; left: 57px; width: 221px; height: auto; line-height: 1.2; margin-top: -25px; padding: 10px; font-size: 142%; }
.anketa .result { display: none; /*position:absolute; bottom:30px;   color:#f3000b*/ }
.anketa.voted .result { display: block; }
.anketa #anketa-result-1 { left: 10px; }
.anketa #anketa-result-2 { right: 10px; }

.o-list, .porady, .text .porady { margin: 0 0 30px -2px; padding-left: 2px; }
.o-list li, .porady li { position: relative; float: left; margin: 0 8px 10px 0; list-style: none; font-size: small; }
.o-list li img, .o-list li .art-img, .porady li img { width: 330px; height: auto; min-width: auto; min-height: 186px; }
.o-list li .info, .porady li .poradinfo { position: absolute; left: -2px; top: -2px; }
.o-list li .hashtag, .porady li .hashtag { display: table; margin-bottom: 2px; padding: 4px; color: #fff; /*font-size:125%;*/ background: #f3000b; }
.porady li .showtime { display: table; padding: 4px; color: #eee; /*font-size:125%;*/ background: #333; }

.o-list .art { width: 330px; height: 183px; padding: 2px 0 0 2px; overflow: hidden; }
.o-list .art .box { left: 2px; top: 2px; }
.o-list .art h3 { font-size: 134%; }

.stepping-box, .text h3.stepping-box { clear: both; position: relative; width: 100%; line-height: 1.2; margin: 0 0 .3em; padding: .8em 0 0; font-size: 167%; font-weight: 800; }
.stepping-box .bg-t, .stepping-box .bg-b { display: none; }
.stepping-box .fl { color: #f3000b; }
.stepping-box .cell { display: table-cell; =display:inline-block; padding: 0 0 0 .3em; }

.col-a .text iframe { max-width: 630px; }

/* diskuse */
.disc-list-before { padding: 15px; border: 1px solid #CCC; text-align: center; }
.disc-list-before a { display: inline-block; padding: 12px 20px 10px; font-weight: 700; text-transform: uppercase; color: #FFF; background: #f3000b; }
.disc-list-before a:hover { background-color: #c80009; }
.disc-list-before + .disc-list { padding-top: 30px; }
.disc-list-after { padding: 10px 0 0; text-align: right; }
.disc-list-after a { display: inline-block; padding: .6em 1em; font-weight: 700; color: #FFF; background: #f3000b; }

.moot-art { margin: 0 0 20px; padding: 0; }
.moot-art h2 { color: #f3000b; font-size: 150%; font-weight: bold; }
.moot-art h3 { margin: 0 0 .3em; font-size: 234%; font-weight: 800; }
.moot-art h3 a { color: #333; }
.moot-art h3 a:hover { color: #f3000b; }

.moot-line { width: 546px; height: 50px; margin: auto; }
.moot-line b { display: none; }
.moot-line a, .moot-line small, .moot-line big, .moot-line .pasive { float: left; width: 180px; margin: 0; padding: 10px 0; text-align: center; font-size: 100%; color: #666; border: 1px solid #c8c8c8; }
.moot-line .pasive { color: #CCC; }
.moot-line big { color: #fff; border-color: #333; background: #333; }
.moot-line b { font-weight: bold; }

#disc-form-out { margin: 0 0 20px; }
.disc-form-out-button .webz-bg, .disc-form-out-form .webz-bg { display: none; }
.q-js .disc-form-out-button .webz-bg, .q-js .disc-form-out-button .whiteout-log { display: inline; }
.q-js .disc-form-out-button .disc-login, .q-js .disc-form-out-button .disc-form { display: none; }
.q-js .disc-login-show .disc-login, .q-js .disc-form-show .disc-form { display: block; }
.q-js .disc-login-show .webz-bg, .q-js .disc-login-show .whiteout-log,
.q-js .disc-form-show .webz-bg, .q-js .disc-form-show .whiteout-log { display: none; }

#disc-form-out button.webz-bg { margin-left: 10px; }
#disc-form-out .whiteout-log { margin: 0 0 0 15px; }

.disc-tip { margin: 0 0 10px; padding: 10px; border-radius: 6px; background: #EEE; background: rgba(0,0,0,.07); }
.disc-tip h3 { margin: 0 0 .1em; font-size: 150%; font-weight: 700; color: #B9151C; }
.disc-tip p { font-size: 117%; }

.disc-login h3 { }
.disc-login .table { display: table; width: 100%; margin: 0 0 20px; }
.disc-login .td, .disc-login .th { display: table-cell; vertical-align: middle; }
.disc-login .td { width: 38%; padding: 0 1.5% 0 0; }
/*.inp { border: 1px solid transparent; color: #FFF; font-family: 'Roboto', sans-serif; font-weight: 700; }*/

.inp:focus { border-color: #333; }
/*.inp[placeholder] { color: #cdcdcd; }
.inp::-webkit-input-placeholder { color: #cdcdcd; }
.inp:-moz-placeholder { color: #cdcdcd; opacity: 1; }
.inp::-moz-placeholder { color: #cdcdcd; opacity: 1; }
.inp:-ms-input-placeholder { color: #cdcdcd; }*/

.disc-login .inp, .disc-login .sen { width: 100%; height: 40px; line-height: 40px; padding: 0 .8em; }
.disc-login .inp { background: none; }
.sen { color: #fff; font-weight: bold; background-color: #f3000b; border: solid 1px #f3000b; }
.sen:hover { color: #f3000b; background-color: #fff; }
.disc-login .sen { font-size: 125%; }
.disc-login ul { display: table; width: 100%; margin: 10px 0 20px; }
.disc-login li { float: left; /*width: 248px;*/  width: 152px; padding: 0 0 0 1.5%; list-style: none; }
.disc-login li:first-child { padding-left: 0; }
a.btn-fb, .disc-login .btn-reg, a.btn-idn { display: block; height: 40px; line-height: 40px; padding: 0 .8em; border: 0; text-align: center; font-weight: 700; font-size: 16px; }
a.btn-fb { color: #FFF; background: #49639F; }
a.btn-fb:before { content: ''; display: inline-block; width: 24px; height: 24px; margin: 8px 1em 0 0; vertical-align: top; background: url('/o/expres/ico-fcb-btn.png'); }
.disc-login .btn-reg, a.btn-idn { color: #f3000b; border: solid 1px #f3000b; }
a.btn-fb:hover, .disc-login .btn-reg:hover, a.btn-idn:hover { color: #fff; background: #f3000b; }

.disc-form { padding: 10px; }
.disc-form form { position: relative; }
.disc-form .ico-r { position: absolute; top: 0; right: 0; z-index: 1; }
.disc-form table { width: 100%; border-collapse: collapse; }
.disc-form td { vertical-align: top; padding: 0 0 5px; }
.disc-form .disc-user-foto { width: 60px; padding: 0 10px 0 0; text-align: center; }
.disc-form .disc-user-foto img, .contribution .disc-user-foto img, .show-box-vis .disc-user-foto { width: 50px; height: 50px; margin-bottom: .2em; border-radius: 5px; box-shadow: 1px 1px 0 1px #eee; }
.disc-form label { font-size: 117%; color: #333; }
.disc-form #disc-editor { margin-bottom: 20px; }
.disc-form .ikons { float: left; width: 100%; margin: 6px 0 6px; }
.disc-form .ikons button { float: left; width: 23px; height: 23px; margin-right: 2px; padding: 0; border: 0; border-radius: 4px; background: none; text-align: center; }
.disc-form .ikons button:hover { border-color: #999; box-shadow: 0 0 2px #999; }
.disc-form .ikons button img { display: block; margin: 0 auto; }
.disc-form .bt { height: 40px; margin: -40px 0 0 auto; line-height: 40px; font-size: 125%; }
.disc-form h5 { margin: 0 0 .5em; font-weight: 700; font-size: 134%; color: #333; }
.disc-form h5 a.name { text-decoration: none; }
.disc-form h5 a.name:hover { text-decoration: underline; }
.disc-form .form-user .ico-r { top: -34px; }
.disc-form .form-user { position: relative; width: 100%; min-height: 22px; margin: 0 0 5px; }
.disc-form .form-user input { float: left; width: 140px; /*height:20px;*/ font-size: 14px; padding: 3px 4px; margin: 0 10px 0 0; border: 1px solid #CCC; }
.disc-form .form-user input:focus { border-color: #999; }
.disc-form .form-user .email { width: 180px; margin: 0 0 0 10px; }
.disc-form .form-user .help { float: right; width: 22px; height: 22px; margin: 1px 0 0; }
.disc-form .form-user .help span { display: block; width: 22px; height: 22px; background: #B9151C url("/u/ico/default-ico.png") no-repeat 0 -350px; border-radius: 3px; }
.disc-form .tooltip { width: 250px; line-height: 1.33; padding: 10px; border-color: #CCC; white-space: normal; border-radius: 5px; -webkit-box-shadow: 3px 3px 6px 0px rgba(50, 50, 50, .75); -moz-box-shadow: 3px 3px 6px 0px rgba(50, 50, 50, .75); box-shadow: 3px 3px 6px 0px rgba(50, 50, 50, .75); }
.disc-editor-area { border: 1px solid #CCC; color: #333; background: #FFF; font-size: 117%; }
.disc-editor-area div { cursor: text; min-height: 3.5em; padding: .5em .5em 0; word-wrap: break-word; }
.disc-editor-area div div { min-height: 1em; padding: 0; }
.disc-editor-area div p { margin: 0; font-size: 100%; }
.disc-editor-area textarea { width: 100%; height: 220px; border: 0; padding: 0; font-size: 100%; }
.disc-editor-area i, .disc-editor-area em { font-style: normal; }
.disc-editor-area a, .disc-editor-area ins { text-decoration: none; color: #333; }
.disc-editor-area h1, .disc-editor-area h2, .disc-editor-area h3, .disc-editor-area h4, .disc-editor-area h5, .disc-editor-area h6, .disc-editor-area big, .disc-editor-area small { font-size: 100%; font-weight: 400; }
.disc-editor-area img { width: 15px !important; height: 15px !important; margin-left: 2px; margin-right: 2px; }
#disc-editor-status { font-size: 78%; color: #888; text-align: right; margin: .32em .64em .64em; }
#disc-editor-status.error { color: #D00; }

.disc-list { overflow: hidden; padding: 10px 0; }
.disc-list hr.slash { display: block; height: 0; margin: 1px 0; border: 1px solid #CCC; border-width: 1px 0 0; }
.contribution { zoom: 1; max-width: 990px; margin: 0 0 10px; padding: 1px 0; }
.disc-form .contribution { margin: 0 !important; background: none; }
.disc-form .properties { display: none; }
.contribution:hover, .contribution-act { background-position: -1000px 0; }
.contribution table { table-layout: fixed; width: 100%; margin: 4px 0; border-collapse: collapse; }
.contribution td { vertical-align: top; }
.contribution .hover { visibility: hidden; }
.contribution:hover .hover, .contribution-act .hover, .q-touch .hover, .q-ie6 .hover { visibility: visible; }
.contribution-act table { position: relative; z-index: 2; }
.contribution .disc-user-foto { width: 70px; padding: 8px 0 0; }
/*.contribution .disc-user-foto img { width: 50px; height: 50px; border-radius: 5px; box-shadow: 1px 1px 0 1px #eee; }*/
.contribution .cell { padding-bottom: 10px; overflow: hidden; }
.contribution h4.name { float: left; margin: 0 1em .3em 0; font-size: 134%; font-weight: 700; }
.contribution .name i, .ref .name i { position: absolute; top: -5000px; left: -5000px; }
.contribution .name a, .ref .name a { text-decoration: none; color: #333; }
.contribution .name a:hover, .ref .name a:hover { text-decoration: underline; color: #f3000b; }
.contribution sup { font-size: .65em; }
.q-ie .contribution sup { font-size: .78em; }
.contribution .social-list { float: left; overflow: hidden; }
.social-list li { list-style: none; float: left; margin: 0 5px 3px 0; }
.social-list span { position: absolute; top: -10000px; left: -10000px; }
.social-list a, .social-list i { float: left; width: 21px; height: 21px; margin: 0; border-radius: 3px; background: #CCC url('/u/ico/default-social.png?2') no-repeat; }
.social-list .logo-openid { background-position: 0 -525px; }
.social-list .logo-openid:hover { background-color: #FA0; }
.social-list .logo-facebook { background-position: 0 0; }
.social-list .logo-facebook:hover, .social-list i.logo-facebook { background-color: #00549F; }
.social-list .logo-twitter { background-position: 0 -25px; }
.social-list .logo-twitter:hover, .social-list i.logo-twitter { background-color: #32AADC; }
.social-list .logo-google { background-position: 0 -50px; }
.social-list .logo-google:hover, .social-list i.logo-google { background-color: #C30907; }
.social-list .logo-idnes { background-color: #D81636; background-position: 0 -175px; }
.social-list .logo-idnes:hover { background-color: #D81636; }
.social-list .logo-proof { background-position: 0 -200px; }
.social-list .logo-proof:hover { background-color: #393; }
.social-list .logo-mobil { background-position: 0 -225px; }
.social-list .logo-mobil:hover { background-color: #3F3D49; }
.social-list .logo-blog { background-position: 0 -250px; }
.social-list .logo-blog:hover { background-color: #003871; }
.social-list .logo-technet { background-color: #B5C839; background-position: 0 -275px; }
.social-list .logo-technet:hover { background-color: #B5C839; }
.social-list .logo-rajce { background-position: 0 -300px; }
.social-list .logo-rajce:hover { background-color: #DF3E22; }
.social-list .logo-mojeid { background-position: 0 -600px; }
.social-list .logo-mojeid:hover { background-position: 0 -500px; background-color: #000 }
.contribution .user-text { clear: both; padding: 4px 0 1px; font-size: 117%; position: relative; overflow: hidden; word-wrap: break-word; }
.contribution .user-text h5 { display: inline; margin-right: .5em; font-weight: 700; }
.contribution .user-text p { margin: 0 0 .5em; }
.contribution .properties { clear: both; }
.contribution .references, .contribution .score, .contribution .date, .contribution .reaction { line-height: 21px; }
.contribution .references { float: left; }
.contribution .references i { float: left; margin: 0; font-size: 117%; color: #ccc; font-style: normal; }
.contribution .references i:hover { color: #666; }
.contribution .references ul { float: left; margin: 0 15px 0 5px; }
.contribution .references li, .contribution .references li a, .contribution .reaction li, .contribution .reaction li a { list-style: none; float: left; height: 21px; line-height: 21px; margin: 0; font-style: normal; }
.contribution .references li, .contribution .reaction li { margin: 0 0 0 10px; }
.contribution .references span, .contribution .reaction span { margin: 0; }
.contribution .score, .contribution .date { float: left; font-size: 108%; }
.contribution .date { color: #666; }
.contribution .reaction { float: right; }
.contribution .score { margin: 0 10px 0 -.5em; overflow: hidden; position: relative; }
.contribution .score a { text-decoration: none; }
.contribution .score span { padding: 0 .5em; color: #f3000b; position: relative; }
.contribution .score span:first-child { color: #3dc958; }
.contribution .score span b { text-shadow: 0 0 1px; }
.contribution .ico-react { text-decoration: none; }
/*
.contribution .ico-react span {width:7em; color:#FFF !important; font-size:12px; background-image:none}
.contribution .ico-react span i {float:left; width:21px; height:21px; margin:0 3px 0 0; background:url('/u/ico/default-ico.png') no-repeat 0 -925px}
*/
.disc-list .btn-more { width: 220px; margin: 0 auto 20px; font-size: 134%; }
.disc-list .btn-next { float: right; font-size: 134%; }

.ref { margin-bottom: -1px; padding: 8px 10px 5px; background: #EEE; background: rgba(0,0,0,.07); border-bottom: 2px solid #FFF; }
.ref .ico-r { float: right; }
.ref h3 { margin: 0 0 .5em; padding: 4px 0 0; font-weight: 700; font-size: 134%; color: #f3000b; text-transform: uppercase; }
.ref-reset h3 { color: #333; }
.ref p { margin: 0 0 .5em; font-size: 117%; }
ul.reasons-for-removal { overflow: hidden; }
ul.reasons-for-removal li { list-style: none; float: left; margin: 0 14px 0 0; }
ul.reasons-for-removal input { float: left; margin: 0 4px 0 0; }
.ref .btn-out { clear: both; margin: 0 0 .5em; text-align: right; }
.ref .btn { height: 2.2em; line-height: 2.2; margin: 0; padding: 0 1em; border: 1px solid #CCC; border-radius: 4px; color: #333; background: #DDD url('/u/n4/button-bg-small.gif') repeat-x; text-align: center; text-decoration: none; text-transform: uppercase; display: inline-block; }
.ref .btn:hover { border-color: #999; box-shadow: 0 0 2px #999; }
.ref .disc-form { padding: 0; }
.ref .disc-form .ico-r { top: 0; right: 0; }
.ref .ref-plus, .ref .ref-minus { font-size: 125%; font-weight: 700; }
.ref .ref-plus { color: #3dc958; }
.ref .ref-minus { color: #f3000b; }

a.ico-plus, a.ico-minus, a.ico-tip, a.ico-thread, a.ico-react { display: inline-block; }
a.ico-plus, a.ico-minus { display: inline-block; width: 21px; height: 21px; line-height: 21px; font-size: 18px; font-weight: 700; text-decoration: none; text-align: center; color: #FFF; background: #ccc; }
a.ico-plus, a.ico-minus { border-radius: 50%; }
a.ico-plus:hover { background-color: #3dc958; }
a.ico-minus:hover { background-color: #f3000b; }
.ico-plus:before { content: '+'; }
.ico-minus:before { content: '\2212'; }
.ico-tip:before { content: '!'; color: #c8c8c8; font-size: 23px; font-weight: bold; }
a.ico-thread { width: 12px; height: 21px; background-image: url('/o/ocko/ico-thread.png'); background-repeat: no-repeat; background-position: 50% 50%; }
a.ico-thread span { display: none; }
a.ico-react { width: 29px; height: 20px; background-image: url('/o/ocko/ico-react.png'); background-repeat: no-repeat; background-position: 50% 50%; }
a.ico-react span { display: none; }

/* registrace */
.disc-reg { margin: 0 auto 30px; }
.disc-reg h2 { margin: 0 0 .3em; font-size: 250%; color: #f3000b; }
.disc-reg .cell-a, .disc-reg .cell-b, .captcha-box { position: relative; width: 25em; margin: 0 auto 1em; }
.disc-reg .cell-b { margin-bottom: 2.5em; }
.disc-reg .cell-a.tac strong { display: block; padding: .3em; font-size: 150%; }
.disc-reg .inp, .disc-reg .sen { width: 100%; height: 40px; line-height: 40px; margin: 0 0 .2em; padding: 0 .8em; }
.disc-reg textarea.inp { height: 7em; line-height: 1.3; padding: .4em .8em; }
.disc-reg .check { float: left; margin: .3em .5em 0 0; }
.disc-reg label { display: table-cell; font-size: 125%; }
.disc-reg .error-text { position: absolute; right: 100%; top: 0; width: 10em; margin: 0 1em 0 0; padding-top: .2em; text-align: right; color: #f3000b; font-size: 125%; }
.captcha-box { margin-bottom: 3em; }
.captcha-box label { display: block; margin: 0 0 .3em; }
.captcha-box input { width: 200px; height: 40px; line-height: 40px; padding: 0 .8em; border: 0; font-size: 18px; color: #333; background: #CCC; }
.disc-reg .captcha-box .error-text { top: auto; bottom: 1em; }
#pravidla-registrace, .h-box { margin: 0 0 1em; padding: 10px; border-radius: 6px; background: #EEE; }
#pravidla-registrace h2, .h-box h2 { margin: 0 0 .5em 10px; font-size: 150%; font-weight: bold; }
#pravidla-registrace ol, .h-box ol { height: 180px; overflow-y: scroll; padding-left: 2.5em; }

/* profil ctenare */
.profile { margin: 0 0 20px; }
.profile h1 { margin: 0 0 .3em; font-size: 225%; color: #f3000b; }
.profile-header { margin: 0 0 2em; }
.profile .warning-text { margin: 0 0 1em; }
.profile-header img.fl, .profile-header div.fl { margin: 0 15px 0 0; }
.profile-header div.fl { text-align: center; }
.profile-header .relative { margin: 0 0 3px; text-align: left; }
.profile-header .relative img { display: block; border-radius: 100%; }
.profile-header .photo-weit, .profile-header .photo-change { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; border-radius: 100%; }
.profile-header .photo-weit { background: url('/o/mujucet/photo-weit.png') 50% 50%; }
.profile-header a:hover .photo-change { background: url('/o/mujucet/photo-change.png') 50% 50%; }
#change-foto-source { position: absolute; top: 50%; left: 50%; z-index: 10; padding: 10px; background: #FFF; border-radius: 8px; box-shadow: 0 3px 10px #666; }
#change-foto-source .ico-r { position: absolute; top: 10px; right: 10px; z-index: 1; }
.profile-header .cell { display: table-cell; min-width: 480px; padding: 20px 0 0; }
.profile-header h2.name, .social-list { float: left; margin: 0 14px 10px 0; }
.profile-header h2.name {font-size: 150%; color: #333; }
.profile-header p { width: 480px; overflow: hidden; font-size: 134%; }
.profile-statistics { margin: 0 0 1em; }
.profile-statistics li { list-style: none; font-weight: bold; font-size: 125%; color: #666; }
.profile-statistics li i { font-style: normal; color: #333; }

.profile-text h2 { margin: 0 0 .5em; font-weight: bold; font-size: 150%; }
.profile-text h3 { margin: 0 0 .3em; font-weight: bold; font-size: 134%; }
.profile-text p, .profile-text ul, .profile-text ol { margin: 0 0 1em; font-size: 125%; }
.profile-text p.fsm { font-size: 92%; }
.profile-text li { margin: 0 0 0 2em; }
.profile-text li li, .profile-text li p { font-size: 100%; }
.profile-text .date { font-size: 11px; color: #666; }
.profile-text .warning-box { margin: 0 0 1em; padding: 10px; border: 1px solid #CCC; background: #EEE; background: rgba(0,0,0,.07); }
.profile-text .warning-box table { font-size: 117%; border-collapse: collapse; }
.profile-text .warning-box table h5 { float: left; margin: 0 .5em 0 0; font-weight: bold; }
.profile-text .warning-box table p { margin: 0; font-size: 100%; }
.profile-text .warning-box h2 { margin: 0 0 .2em; font-size: 200%; color: #f3000b; }
.profile-text .warning-box h3 { color: #BA161D; }

.advanc-header { border-top: 1px solid #CCC; padding: 15px 0; }
.advanc-item {margin-bottom:1em; padding:10px 0; border-top:solid 1px #eee}
.advanc-item .col-l {margin-bottom: 1em;}
.advanc-item .logo-text {font-size: 130%; font-weight: bold; text-transform: uppercase; color: #f3000b;}
.advanc-item .logo-text br {display:none}
.advanc-item h3 {font-size: 125%; font-weight: normal; text-transform: none; color: #000; }
.advanc-item p { font-size: 125%; }

.advanc-item .logo-facebook { display: block; width: 135px; height: 50px; margin: 0; background: url('/o/mujucet/advanc-soc.png') no-repeat 0 -50px; }
.pasive .logo-facebook { background-position: -135px -50px; }
.advanc-item .btn { height: 40px; line-height: 40px; padding: 0 .8em; }

.error-404 { position: relative; z-index: 2; padding: 60px 220px 180px 80px; }
.error-404:before { content: "404"; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; font-size: 300px; font-weight: 800; color: #EEE; text-align: right; }
.error-404 h2 { margin: 0 0 .2em; font-size: 225%; font-weight: 800; }
.error-404 p { margin: 0 0 1em; font-size: 167%; }
.error-404 .inp, .error-404 .sen { height: 2em; padding: 0 4px; font-size: medium; }

button.webz-bg, a.webz-bg { min-width: 155px; height: 3.166em; vertical-align: middle; margin: 0; padding: 0; border: 1px solid #CCC; border-radius: 3px; color: #FFF; background: #666; white-space: nowrap; text-align: left; font-weight: 700; cursor: pointer; overflow: visible; }
#ocima-cte .webz-bg img { width: 32px; margin: 0 8px; vertical-align: middle; background-image: url("/u/n4/button-icon.png"); background-repeat: no-repeat; }
#ocima-cte .but-plus { background-position: 0 -96px; }
#ocima-cte .webz-bg:hover .but-plus { background-position: -32px -96px; }
#ocima-cte .bttn { height: 40px; font-weight: bold; color: #FFF; border: solid 1px #f3000b; border-radius: 2px; background: #f3000b; }


#ocima-cte { width: 600px; margin: 20px 0 30px; overflow: hidden; }
#ocima-cte .cell { float: left; width: 300px; }
#ocima-cte label { display: inline-block; width: 203px; font-weight: bold; font-size: 124%; }
#ocima-cte input[type=text], #ocima-cte input[type=file], #ocima-cte .inp { width: 385px; margin: 5px 0; padding: 8px; font-size: 117%; }
#ocima-cte input[type=file] { padding: 8px 10px; background: none; }
#ocima-cte textarea { width: 591px; height: 100px; margin-bottom: 10px; padding: 10px; }
#ocima-cte .btn { height: 40px; line-height: 38px; float: right; margin: 1.3em 10px 0 0; font-size: 125%; text-transform: uppercase; }

.test-art, .test-form .test-form-in1, test-form .test-form-in2, .test-articles { padding-left: 0; }
.test-form, .test-art { width: 550px; }
.col-a .test-art img {min-width:0; min-height:0; max-width:100%}
.test-form .inputs input { padding: 10px; background: transparent; }
.test-form textarea { width: 100%; height: 100px; color: #666; font-style: italic; }
.test-form .button { float: right; width: 170px; /*margin-top: -30px;*/ padding: 2px; }
.test-form-in2 p { clear: none; float: left; color: #666; font-style: italic; font-size: 100%; }
.test-form-in2 .cell { display: block; }
.test-form-in2 .inputs .confirm { margin-top: 30px; }

.test-art { margin-top: 10px; }
.test-articles h3 { font-size: 150%; }

.warning { margin-bottom: 20px; padding: 10px; border-left: solid 2px #f3000b; background: #eee; }
.warning h2 { margin: 0; }

/*porady*/
.porady-line { overflow: hidden; margin: -29px 0 10px; border-bottom: solid 1px #dcdcdc; }
.porady-line li { list-style: none; display: table-cell; width: 120px; padding: 10px 0 10px 17px; border-right: solid 1px #dcdcdc; }
.porady-line li:first-child, .porady-line li:last-child { border-right: none; }
.porady-line li:first-child { width: 160px; padding-left: 0; padding-right: 10px; background: url("/o/ocko/arr-thin.png") no-repeat right top; }
.porady-line a { color: #333; }
.porady-line strong { text-transform: uppercase; font-size: 18px; }
.porady-line b { color: #f3000b; }
.porady-line .link { text-decoration: underline; }
.porady-line a:hover .link { text-decoration: none; }
.porady-line .logo-ocko { width: 57px; height: 19px; vertical-align: top; }

.program { margin: 20px 0; }
.program .opener-foto { margin-bottom: 0; }
.program .tags .expres, .program .tags .gold { width: auto; height: auto; padding: 4px 32px 3px 15px; line-height: 30px; font-size: 125%; text-align: left; }
.program .dayline { display: table; margin-bottom: 20px; border-collapse: collapse; }
.program .dayline li { list-style: none; display: table-cell; width: 95px; height: 40px; margin: 10px 0; line-height: 40px; text-transform: uppercase; font-weight: bold; text-align: center; border: solid 1px #dcdcdc; }
.program .dayline a { display: block; width: 100%; height: 100%; color: #666; }
.program .dayline .act a, .program .dayline li a:hover { color: #fff; background: #f3000b; }

.tv-main {border-collapse: collapse;/* width: 100%; */}
.tv-main th {font-size: 22px;line-height: 19px;text-transform: uppercase;vertical-align: bottom;/* width: 25%; */}
.tv-main .col-time {display:none}
.tv-main .logo-ocko {width:65px; height:22px}
.tv-main th.gold { color: #fba517; }
.tv-main td {padding: 2px;vertical-align: top;/* width: 25%; */}
.tv-main td .item {display: block;width: 146px;margin-bottom: 3px;padding: 0 10px 10px 10px;background: #fff;box-shadow: 1px 1px 2px #dcdcdc;border: solid 1px #dcdcdc;}
.tv-main td .item.now, .tv-main td a.item:hover { border-color: #999; background: #f7f7f7; }
.tv-main td a { color: #333; }
.tv-main h3 { display: inline; font-size: 100%; color: #333; text-transform: uppercase; }
.tv-main a h3 { color: #f3000b; }
.tv-main small { display: inline-block; /*width: 50px;*/ margin-top: 10px; margin-right: 5px; text-align: right; color: #666; font-size: 100%; }
.tv-main img {display:none;}
.tv-main .zizalka {display: block;width: 167px;height: 5px;margin: 0 0 0px -10px;}
.tv-main .zizalka u { display: block; height: 100%; background-color: #f3000b; }
.tv-main .channel-371 u { background-color: #333; }
.tv-main .channel-99 u { background-color: #fba517; }
.tv-main p { margin-top: 5px; }
.tv-main #imgal {display:initial; width: 166px;margin-left: -10px;}

.tv-main tr.current td { padding-top: 7px; padding-bottom: 7px; border-bottom: solid 1px #dcdcdc; background: #f7f7f7; }
.tv-main tr.current + tr td { padding-top: 7px; }
.tv-main .current h3 { font-size: 120%; }

.tv-logo-ocko-black {overflow:hidden;display: block;margin:0 0 4px;/* padding:50px 0 0; */text-indent:-99em;background: url('/o/ocko/logo-ocko-black-hd.png') no-repeat 0 100% / auto 22px;}

.playlist#co-jsme-hrali { margin-top: 0; padding-top: 0; border: none; }
.playlist.listrow { margin-left: 16px; }
.playlist.listrow .btn { margin: 0 5px; height: 35px; line-height: 35px; font-size: 125%; font-weight: normal; }

#playlist { position: relative; margin: 30px 15px 0; padding-top: 15px; border-top: solid 1px #c8c8c8; }
#playlist:before { content: ""; position: absolute; left: 27px; top: -8px; width: 36px; height: 15px; background: #fff url("/o/ocko/arrsm-down.png") no-repeat center center; }
#playlist li { position: relative; padding-top: 30px; list-style: none; font-size: 117%; }
#playlist li:before { content: ""; position: absolute; top: 0; left: 0; width: 44px; height: 100%; border-right: solid 1px #c8c8c8; }
#playlist .time { position: relative; float: left; width: 85px; height: 57px; margin-right: 30px; padding-top: 27px; text-align: center; color: #f3000b; font-weight: bold; font-size: 24px; border-radius: 50%; border: solid 2px #f3000b; background: #fff; }
#playlist .btn { width: 180px; height: auto; margin: 10px 0 0 118px; line-height: 32px; font-size: 114%; }
#playlist h3 { margin-bottom: 5px; font-size: 114%; }

.row-search { padding-bottom: 10px; }
.row-search input { float: left; width: 100px; height: 40px; padding: 5px; }
.row-search input[type=text] { width: 570px; height: 40px; margin-right: 10px; padding: 5px; font-size: 125%; }
.row-search .sen { text-transform: uppercase; }
.row-search + .list-count { margin-bottom: 20px; }

/*online rozhovor*/
.online-art { width: 639px; margin: 0 0 15px; padding: 0; overflow: hidden; }
.online-art h2 { color: #333; }
.online-art h3 { display: inline-block; margin-bottom: 15px; }
.online-art .ico { float: right; }
.online-art .ico-back { float: right; color: #666; font-weight: bold; }
.online-art .ico-back:hover { color: #f3000b; text-decoration: underline; }
.online-form { clear: both; width: 639px; }
.online-form .inputs input, .online-form .de-area { padding: 6px 4px; border: solid 1px #c8c8c8; background: none; }
.online-form .ico-r a { margin: 0 0 10px 10px; padding: 0 10px; text-align: center; color: #666; border-radius: 2px; border: solid 1px #c8c8c8; }
.online-form .ico-r a:hover { color: #fff; background-color: #f3000b; border-color: #f3000b; }

.online-list .answ { padding: 0 10px; width: 620px; }
.online-list .date { color: #666; }
.online-list .no-answ { padding: 0; font-style: italic; }

#ads-rollout { position: absolute; height: 32px; width: 118px; top: 20px; left: 592px; border-bottom: 0; z-index: 5; }
.rollout-wrap { position: absolute; right: 0; height: 32px; }
.rollout-wrap .top { width: 118px; margin: 0 0 auto auto; }
.rollout-wrap .roll-out { overflow: hidden; width: 348px; height: 0; transition: height linear .3s; }
#ads-rollout:hover .roll-out, #ads-rollout .roll-out:hover { height: 502px; transition: height linear .9s; }


#ads-overall { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.9); z-index: 10; }
#ads-overall.act { display: block; }
#ads-overall-in { width: 500px; margin: 125px auto auto; text-align: center; }
#ads-overall-in iframe { display: block; width: 500px; height: 282px; border: 0; }
#ads-overall .close { display: block; height: 36px; padding: 0 7px; text-align: right; cursor: pointer; background: #fff; }
#ads-overall .close:after { content: "\00d7"; font-size: 36px; line-height: 1; color: #f3000b; }

#ads-overall.black #ads-overall-in { border: solid 1px #333; }
#ads-overall.black .close { background: #000; }


/* rozdeleny clanek */
.divide-box {margin:0 0 40px}
.divide-switch {float:right; width:203px}
a.img-prev img, a.img-next img {display:none}
a.img-prev, a.img-next {display:block; width:100px; height:42px; text-align:center}
a.img-prev:before, a.img-next:before {content:''; display:block; width:50px; height:42px; margin:0 auto; background:url('/o/ocko/ico-deleny-clanek.png') no-repeat}
a.img-prev:before {background-position:0 -3px}
a.img-next:before {background-position:-50px -3px}
a.img-prev, a.img-prev:hover {float:left; margin-right:3px; background-color:#F3000B}
a.img-next, a.img-next:hover {float:right; background-color:#F3000B}
a.img-prev:hover, a.img-next:hover {background-color:#C80009}
a.img-prev.pasive, a.img-next.pasive {background-color:#CCC; cursor:default}
.divide-top {overflow:hidden; margin:0 0 30px; border-bottom:1px solid #F3000B}
.divide-top > .fl {float:left; width:150px; min-height:1em}
.divide-top > .tac {float:left; width:270px; font-size:175%; margin-left:200px}
.divide-bot {overflow:hidden; margin:0 0 30px; border-top:1px solid #F3000B}
.divide-heading {margin:0 0 30px; font-size:225%; font-weight:800; color:#666}
.divide-top ~ .text h3.stepping-box {overflow:hidden; line-height:1.2; margin:0 0 1em; padding:0; font-size:175%; font-weight:800}
.divide-top ~ .text .stepping-box .fl {float:left; min-width:1.4em; height:1.8em; line-height:1.8; margin:.3em .5em 0 0; padding:0 .2em; border-radius:100%; color:#FFF; background:#F3000B; text-align:center}
.divide-top ~ .text .stepping-box .cell {height:2.4em; padding:0; vertical-align:middle}
.divide-top ~ .text .stepping-box + .imagelist {margin-top:0}
.divide-nav {max-width:27em; margin:auto; text-align:center; font-size:150%; font-weight:700}
.divide-nav li {display:inline-block; margin:0 .3em; padding:10px 0}
.divide-nav a {display:block; width:1.8em; height:1.8em; line-height:1.8; border-radius:100%; color:#FFF; background:#CCC; text-align:center}
.divide-nav a:hover, .divide-nav a.act {background:#F3000B}

.topanchor {float:right; line-height:1.2; padding:0 .2em; text-decoration:none; font-size:150%}
.topanchor:after {content:'\27F0'}