.col-l, .col-p {width:484px}
.col-l {float:left}
.col-p {float:right}

.bt {text-transform:uppercase}
.online-art {padding:0 0 4px 10px; margin:0 0 1em}
.online-art h2, .moot-art h2, .moot-headline h2, .multi-art h2, .anketa-art h2, .kemel-list h2, .aukce-art h2, .aukce-list h2, .test-articles h2, .test-html h2, .poradna-art h2, #porad-vypis h2, #osob-online h2, #proof h2, .poutani-art h2, .setting-homepage h1, .kalk-top h2, .h2-tit, #poradny-top h2, #poradny2 h1 {margin:0 0 .3em; color:#666; text-align:left; font-size:217%; font-weight:700}
#poradny2 h2 {margin-bottom:0.5em; font-size:150%; font-weight:700}
.online-art h3, .online-art .duel h4, .multi-art h3, .anketa-art h3, .test-art h3, .test-articles h3, #porad-vypis h3, .poradna-art h3, .kalk-top h3, .h3-tit, #poradny-top h3, .anketa-art h1, #poradny-top h1 {font-size:133%; font-weight:700; margin-bottom:.5em}
.online-art .duel {position:relative; width:630px; background:url('/o/zpr/online/logo_duel.gif') no-repeat 50% 30px}
.online-art .duel h4 {padding:135px 0 1em; /* pod fotku */}
.online-art .duel .half-l, .online-art .duel .half-r {float:left; width:50%}
.online-art .duel .half-r {float:right}
.online-art .duel img {position:absolute; top:0; z-index:1}
.online-art .duel .half-l img {left:0}
.online-art .duel .half-r img {right:0}
.online-art .duel .half-r {text-align:right}
.q-js .online-art .art-info {margin-right:10em}
.online-art .art-info {min-height:22px; margin:0 0 2px}
.online-art .perex, .multi-art .perex, .anketa-art .perex, .test-art .perex, .poradna-art .perex {display:table-cell; font-size:133%}
.online-art .single img, .multi-art img, .anketa-art img, .poradna-art img {float:left; margin-right:12px}
.online-art .single .art-info .time {white-space:normal}

#logo-moot {position:relative; height:26px; margin:0 0 2px; padding:0; font-size:10px}
#logo-moot a, #logo-moot i, #logo-moot span {position:absolute; top:0; right:0; z-index:1; width:100%; height:100%; cursor:pointer}
#logo-moot a, #logo-moot i {width:74px}
#logo-moot span {background:url('/o/zpr/logo-diskuse.gif') no-repeat}

/*.moot-headline {position:relative; padding:10px 0 1em 10px; border-top:3px solid #CCC}*/
.moot-headline {position:relative; padding:0 0 1em 10px}
.moot-headline .ico-r {float:right; width:14em}
.moot-headline h3 {font-size:117%; font-weight:700}
.moot-headline ul, .moot-headline li {line-height:26px; list-style:none}
.moot-headline li {float:left; margin-right:1em}
.moot-headline .name {font-weight:700}
.moot-headline form {position:absolute; top:10px; right:0; z-index:1; display:block; text-align:right}
.moot-headline form imput {vertical-align:middle}
.moot-headline .bt {width:3em; margin-left:3px}
.moot-headline p {line-height:1.4; margin-bottom:1em}
.moot-headline .comment, .moot-table .comment {margin:0; font-size:11px; font-style:italic; color:#555}

/*.moot-art {margin:0 0 1em; padding:10px 0 4px 10px; border-top:3px solid #CCC}*/
.moot-art {margin:0 0 1em; padding:0 0 4px 10px}
.moot-art h3 {font-size:133%; font-weight:700; margin-bottom:0.5em}
.moot-art .ico {float:left; width:10em; /*kvuli ie*/}
.moot-art ul {float:right; margin-left:-1em}
.moot-art li {float:left; list-style:none; height:26px; line-height:26px; margin-left:1em}

.online-form {position:relative}
.online-form form {margin:0 0 1em; padding:0}
.online-form .relative {position:relative; width:100%}
.online-form label {display:block; font-size:92%; text-transform:uppercase}
.online-form #d-editor-status {position:absolute; top:0; right:0; z-index:1; text-align:right; padding-left:0.5em; font-size:92%}
.online-form #d-editor-status.forms-textlimit-warning {width:100%; color:#C00; background:#FFF}
.online-form .inputs input, .online-form .de-area {width:100%; border:1px solid #CCC; background:#EEE; background:rgba(0,0,0,.07); margin-bottom:1em}
.content #antibot, #antibot {width:5em}
.online-form input {margin-bottom:1em}
.online-form #odesilatel {width:50%}
.online-form .de-area {height:100px; overflow:auto}
.online-form .ico-r {width:100%; clear:both}
.online-form .ico-r ul, .list-duel .ico-r li {margin:0; height:26px; line-height:26px; list-style:none}
.online-form .ico-r ul {margin-bottom:4px}
.online-form .ico-r li {float:right; clear:none; width:auto}
.online-form .ico-r a {display:block; padding:0; font-weight:400}
.online-form .ico-r .ico-refresh {width:12em; font-weight:700}

/* diskuse */
#moot-form-out {margin:0 0 20px}
#moot-form-out h3 {margin:0 0 6px; font-size:150%; color:#B9151C}
#moot-form-out .inp {width:100%; border:1px solid #CCC; background:#FFF}
.moot-form {position:relative; z-index:1; width:auto; height:auto; padding:10px 14px 16px 10px; background:#EEE; background:rgba(0,0,0,.07)}
.moot-form .inputs input, .anketa-form input {vertical-align:middle; margin:0 0 1em}
.moot-form label, .anketa-form label {font-size:92%}
.moot-form .inputs label {display:block; text-transform:uppercase}
.moot-form .inputs label, .moot-login label {display:block; height:1.4em; font-size:92%; text-transform:uppercase}
.moot-form #d-editor-status {position:absolute; top:0; right:0; z-index:1; text-align:right; font-size:92%}
.moot-form #d-editor-status.forms-textlimit-warning {width:100%; color:#C00; background:#FFF}
.de-area, .inputs input {width:100%; margin-bottom:1em; border:1px solid #CCC; background:#EEE; background:rgba(0,0,0,.07)}
#moot-form-out .de-area {background:#FFF; margin-bottom:1em}
.moot-form .half-l {float:left; width:39%}
.moot-form .half-r {float:right; width:59%}
.moot-form .inputs .de-area {height:220px; overflow:auto}
.moot-form .ikons {float:left; width:100%; margin-bottom:10px}
.moot-form .ikons button {float:left; width:23px; height:23px; margin-right:2px; padding:0; border:1px solid #CCC; border-radius:4px; background:#DDD url('/u/n4/button-bg-small.gif') repeat-x 0 50%; text-align:center}
.moot-form .ikons button:hover {border-color:#999; box-shadow:0 0 2px #999}
.moot-form .ikons button img {margin-top:3px}
.moot-form .bt {position:absolute; right:12px; bottom:1em; height:2.2em; padding:0 1em; border:1px solid #CCC; border-radius:4px; background:#DDD url('/u/n4/button-bg-small.gif') repeat-x; text-align:center}
.moot-form .bt:hover {border-color:#999; box-shadow:0 0 2px #999}
.moot-form .picture img {float:left; margin:0 15px 5px 0; clear:both}
.moot-form .picture input {width:15em}
.moot-form div.f92 {padding-top:4px}
.moot-form .new .say {background:#E3E3E3}

button.webz-bg, a.webz-bg {min-width:6em; 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}
a.webz-bg {display:inline-block; line-height:38px; height:40px; font-size:108%; text-decoration:none}
#moot-form-out button.webz-bg {margin-left:10px}
button.webz-bg:hover, a.webz-bg:hover {border-color:#999; color:#FFF; box-shadow:0 0 3px #999}
button.webz-bg span, a.webz-bg span {display:inline-block; line-height:1.6666em; vertical-align:middle; padding:0 10px 0 0; margin:0 0 0 -4px}
button.webz-bg img, a.webz-bg img {width:32px; margin:0 8px; vertical-align:middle; background-image:url('/u/n4/button-icon.png'); background-repeat:no-repeat}

.but-refresh {background-position:0 -32px}
.webz-bg:hover .but-refresh {background-position:-32px -32px}
.but-plus {background-position:0 -96px}
.webz-bg:hover .but-plus {background-position:-32px -96px}
.but-dart {background-position:0 -160px}
.webz-bg:hover .but-dart {background-position:-32px -160px}
.but-sound {background-position:0 -224px}
.webz-bg:hover .but-sound {background-position:-32px -224px}
.but-nosound {background-position:0 -288px}
.webz-bg:hover .but-nosound {background-position:-32px -288px}

.moot-form-out-button .webz-bg, .moot-form-out-form .webz-bg {display:none}
.q-js .moot-form-out-button .moot-form, .q-js .moot-form-out-button .moot-login, .q-js .moot-form-out-button .disc-form, .q-js .moot-form-out-button .disc-login {display:none}
.q-js .moot-form-out-button .webz-bg {display:inline}

.moot-login {padding:10px; background:#EEE; background:rgba(0,0,0,.07)}
.moot-login .half-l {float:left; width:300px; padding:0 15px 0 0; border-right:1px solid #999}
.moot-login .bt-out {text-align:right}
.moot-login .half-r {float:right; width:290px; padding-top:40px}
.moot-login .fbig {margin:.5em 0 0; font-size:150%}

.moot-tip {margin:0 0 10px; padding:10px; border-radius:6px; background:#EEE; background:rgba(0,0,0,.07)}
.moot-tip h3 {overflow:hidden; margin:0 0 .1em; font-size:150%; font-weight:700; color:#B9151C}
.moot-tip .ico-info {float:left; width:21px; height:21px; line-height:24px; margin:1px 12px 0 0; background:#B9151C url('/u/ico/default-ico.png') no-repeat 0 -700px; border-radius:3px}
.moot-tip p {font-size:117%}
.moot-tip .f100 {font-size:100%}
.q-js .moot-tip .hide-box {padding:5px 0; display:none}
.q-js .open .hide-box {display:block}
.moot-tip .hide, .open .open {display:none}
.open .hide {display:inline}

.moot-line {padding:10px 0 0 10px; font-size:125%; font-weight:700}
.moot-line a, .moot-line small, .moot-line big {display:inline-block; margin-left:14px}
.moot-line .pasive {margin-left:14px; color:#CCC}
.moot-line big {font-size:108%}
.moot-line b {font-weight:700}

.online-list h3 {font-size:133%; font-weight:700; margin-bottom:0.5em; margin:10px}
.online-list .answ, .online-list .quest {font-size:117%; line-height:1.6}
.online-list .quest {margin:0 0 1em; padding:10px 10px 6px; background:#F3F3F3}
.online-list .answ {width:560px; margin:0 0 2em; padding:0 10px 0 70px}
.online-list .answ img {float:left; margin:.3em 0 0 -60px}
.online-list .th {font-weight:700}
.online-list .name {display:block; text-align:right; color:#B9151C; font-weight:700}
.online-list .answ .th {color:#B9151C}
.col-a .online-list .quest {width:620px; overflow:hidden}
.online-list .quest .name, .online-list .quest .file {float:right; height:26px; line-height:26px; margin-left:1em; white-space:nowrap}
.online-list .file {text-align:right}
.online-list .quest .ico-insert {width:6.8em; float:right}
.online-list .no-answ {padding:5px 10px}
.online-list .no-answ p {height:26px; line-height:26px}
.online-list .no-answ span {display:none}
.online-list .date {float:right; height:26px; line-height:26px; margin-left:1em; white-space:nowrap; color:#48607A}

.moot-list {width:100%; overflow:hidden; padding-top:10px}
.moot-list .r-body {margin-bottom:10px}
.moot-list h3 {font-size:117%; font-weight:700; margin:0 0 10px 10px}
.moot-list .nav {margin-left:10px; margin-right:10px}
.moot-list .line {margin:0 10px 1em; padding-top:1px; font-size:12px}
.moot-list .line .order {float:right}
.moot-list .line li {float:left; list-style:none; margin-right:1em; white-space:nowrap}
.say {padding:10px 10px 0}
.say .picture {float:left; margin-right:10px}
.say .number {color:#7292B5}
.say .name, .say .time {color:#2C66B1; font-size:11px; font-family:Tahoma,Arial,sans-serif}
.say h5 {font-size:108%; font-weight:700}
.say table {margin:0; padding:0; border:0; border-collapse:collapse; overflow:hidden; /* orez dlouhych prispevku */}
.moot-list .new, .moot-list .re, .moot-form .new {margin-bottom:10px}
.new .say {background:#F3F3F3}
.re .say {border-left:3px solid #D5D5D5}
.say ul, .say ul.fr {float:right}
.say ul.fl {float:left}
.say li {float:left; list-style:none; height:26px; line-height:26px; margin-left:10px}
.say li.time {margin-left:.4em}
.say .fl li {margin-left:0; margin-right:10px}
.say li.ico-r {width:6em}
.say li.react {width:7.2em}
.say .help {color:#C00; font-weight:700}
.recommend, .re .recommend {border-left:3px solid #C00}

.say .bg-color {margin:0 -10px; padding:0 10px}
.new .bg-color {margin-top:5px; background:#DDD}
.re .bg-color {margin:5px -10px 0; padding:0 10px; background-color:#EFEFEF}

.moot-list .expendable {display:none}
.moot-list .correct .nd, .say:hover .correct .st {display:none}
.say:hover .correct .nd, .moot-list .correct .st {display:inline}
.say:hover .expendable {display:block}

.bg-color p.sm {padding:.7em 0 3px}

.chat .say {padding:10px}
.chat .say .bg-color, .chat .new .bg-color, .chat .re .bg-color {background:none}
.chat .say .bg-color, .chat .re .bg-color {margin:0}

.say .ico div {height:26px; line-height:26px; font-size:12px; font-weight:700; white-space:nowrap}
.say .ico div span {float:left; width:17px; height:17px; line-height:16px; margin:5px 8px 0 0; color:#555; background-color:#555; background-repeat:no-repeat; text-decoration:none}

.moot-skryte {text-align:right; font-size:92%; padding:0 10px}
.moot-skryte a {color:#666}

.kodex {background:#D3DDE8; border-left:3px solid #CCC; margin:0pt 0pt 1em; padding:4px 8px}
.col-b .kodex {margin-bottom:22px}
.kodex h4 {font-family:Tahoma,Arial,sans-serif; font-size:18px; text-transform:uppercase}
.kodex a {display:block; height:auto; color:#B9151C; text-decoration:none}
.kodex a:hover {color:#13375E}
.kodex a span {/* ie bug */ font-size:0}
.kodex a i {display:block; font:700 14px/1.5 Arial; white-space:normal; text-transform:none; color:#000}
#kodex-diskutera-div {position:relative; top:-10px}

#moot-admin-box p {margin:0 0 .5em; font-size:108%}

.moot-table {width:100%; margin:0 0 22px; border:0; border-collapse:collapse; font-size:133%}
.moot-table td, .moot-table th {padding:4px 10px; vertical-align:top}
.moot-table th {padding:6px 10px; white-space:nowrap; color:#333; background:#DDD; font-weight:700}
.moot-table .c1 {background:#EEE}
.moot-table .c2 {background:#FFF}
.moot-table .vlakno {padding-left:44px}
.q-js .vlakno-tr, .vlakno-a-hide, .vlakno-a-show, .q-js .moot-table-show .vlakno-a-show {display:none}
.moot-table-show .vlakno-a-hide, .q-js .vlakno-a-show {display:inline}
.moot-table-show .vlakno-tr {display:table-row}

/* vypis videa, audia */
.multi-art, .poutani-art, #poradny-top {margin:0 0 1em; padding:0 0 4px 10px}
.multi-art .perex, .test-art .perex, .poradna-art .perex {margin-bottom:8px}
.multi-art .ico-r, .test-art .ico-r, .poradna-art .ico-r {float:right; width:6em}
.test-art .ico-r {width:20em}
.multi-art .multi-info, .poradna-art .multi-info {padding:.3em 0}
.test-art .ta-info {clear:both; padding:.3em 0; font-size:117%}
.test-art p {margin:0 0 .5em; font-size:133%}

.multi-ul {width:100%; margin:0 0 22px; border:0; font-size:117%}
.multi-ul, .multi-ul li {display:block}
.multi-ul li {padding:4px 10px; vertical-align:top}
.multi-ul li.th {padding:6px 10px; white-space:nowrap; color:#333; background:#CCC; font-weight:700}
.multi-ul .c1 {background:#EEE}
.multi-ul .c2 {background:#FFF}

.aukce-art, .test-form .test-form-in, .test-form .test-form-in1, .test-form .test-form-in2, .test-articles {margin-bottom:1em; padding:0 0 10px 10px}
.top-dot {padding-top:14px; background:url('/u/n3/art_dots.gif') repeat-x}
.no-dot {background:none}
.aukce-art h2 a {text-decoration:none; color:#666}
.aukce-art h2 a:hover {text-decoration:underline}
.aukce-art p {line-height:1.6; margin:0 0 .5em; font-size:133%}
.aukce-art img {float:left; margin:0 15px 10px 0}
.aukce-list {padding-left:10px}
.aukce-list .art {padding:0; min-height:50px}
.aukce-list .art img {position:static; float:left; margin:0 15px 10px 0}
.aukce-art h1, .aukce-list h3 {margin-bottom:0.5em; font-size:150%; font-weight:700}
.aukce-art h1 {font-size:217%}
.aukce-list p {margin:0 0 1em; font-size:133%}
.aukce-list ol {padding-bottom:1em}
.aukce-list ol li {margin-left:2em; margin-bottom:1em}
.aukce-list .entry .name {width:220px; float:left}
.aukce-list .entry .name a {font-weight:700}
.aukce-list .entry .account {width:570px; margin-left:4px; float:left}
.aukce-list .inputs {float:left; margin-right:10px}
.aukce-list .inputs label {display:block; width:10em; line-height:2}
.aukce-list .inputs input {width:7em; padding-left:2px; border:1px solid #CCC; background:#EEE; background:rgba(0,0,0,.07); font-size:200%}
.aukce-list .aukce-prihoz {float:right; padding:0 10px 0 0}
.aukce-list #prihozena-castka {height:1.6em; line-height:1.6em}
.aukce-list input.bt {margin-top:28px; font-size:125%; font-weight:700}
.aukce-prihoz .warning {width:250px}
.aukce-prihoz button.webz-bg {margin-top:24px}
.aukce-refresh {float:right; margin:-50px 10px 0}
.aukce-refresh button.webz-bg {border-color:#CCC; color:#000; background:#DDD url('/u/n4/button-bg.gif') repeat-x}
.aukce-refresh button.webz-bg:hover {border-color:#999}
.aukce-refresh .but-refresh {background-position:0 0}
.aukce-refresh button.webz-bg:hover .but-refresh {background-position:-32px 0}
.aukce-list input {margin-bottom:0.5em}
.aukce-list .comment {color:#666; font-size:92%; margin-top:-15px}
.aukce-souhrn {margin:0 0 30px; border:0; border-collapse:collapse; font-size:117%; text-align:left}
.aukce-souhrn td, .moot-souhrn th {padding:4px 10px 4px 0; vertical-align:top}
.aukce-list p.c4 {color:#999}
.aukce-table {width:100%; margin:0 0 22px; border:0; border-collapse:collapse; font-size:117%; text-align:right}
.aukce-table td, .moot-table th {padding:4px 10px; border:0; vertical-align:top}
.aukce-table th {padding:6px 10px; white-space:nowrap; color:#333; background:#CCC; font-weight:700}
.aukce-table .c1 {background:#EEE}
.aukce-table .c2 {background:#FFF}
.aukce-table .c3 {background:#FFF; font-weight:700}
.aukce-table .c4 {color:#999}
.aukce-table .cu {background:#FFE}
.aukce-table .cu td {border:1px solid #CCC; border-width:1px 0}
.aukce-table .w-1 {width:2em}
.aukce-table .w-3 {width:8em}
.aukce-table .w-4 {width:11em}
.aukce-list-halfart .art, .content .aukce-list-halfart .art {clear:none; width:305px; padding:0 0 2px 10px}

/* test, anketa, kviz form */
.test-af form .warning {width:400px}
.test-af {margin-bottom:1em}

/* test html */
.test-html {margin-bottom:1em; padding:0 0 10px 10px}
.test-html-in {font-size:133%; line-height:1.6}
.test-html-in p {margin:0 0 1em}
.test-html img {float:left; margin:6px 6px 6px 0}

.test-articles p {margin:0 0 1em}

/* seznam kol */
.test-seznam {padding:0 0 10px 10px; margin-bottom:1em}
.test-seznam h3 {font-size:133%; font-weight:700; margin-bottom:6px}
.test-seznam ul, .test-seznam ol {margin-bottom:1em; font-size:117%; line-height:1.5}
.test-seznam ul li {list-style:none; margin:0 0 0 1em; padding-left:1em; background:url('/o/zpr/li_sqr_a.gif') no-repeat 0 .54em}

.test-art {margin:0 0 1em 10px; border-bottom:solid 2px #eee}
.test-art img {display:block; margin:0 15px -2px 0}
.test-art h2, .test-art h1 {display:inline; margin:0 .4em 0 0; font-size:250%; font-weight:600}
.test-art h1 {font-weight:700}
.test-art h2, .test-art h2 a {color:#E41F1F; text-decoration:none}
.test-art h2 a:hover {color:#333; text-decoration:underline}
.test-art .opener {margin:.6em 0 1em; font-size:167%}
.test-art .opener p {margin:0; font-size:100%}

/* test form */
.test-form h3 {font-size:150%; margin-bottom:.6em}
.test-form h4 {margin:0 0 1em; font-size:150%; font-weight:700}
.test-form h4 small {color:#666}
.test-form p {margin:0 0 1em; font-size:117%}
.test-form .tf-title {margin:0 0 1em; font-size:150%; font-weight:600}
.test-form .tf-title p {margin:0; font-size:100%}
.tf-title * {margin-bottom:10px}
.tf-title h3 {font-size:150%; font-weight:600}
.tf-title p.opener-foto-info {margin:-5px 0 1em; font-size:78%; font-weight:400}

.test-form input[type=text] {border:solid 1px #666; border-radius:3px}

.test-form .tf-inp {overflow:hidden; margin:.5em 0 2em; font-size:117%}
.test-form .tf-inp p {margin:0; font-size:100%}
.test-form .tf-inp .fl + p {display:table}
.test-form .tf-inp .tf-answ {position:relative; margin-bottom:5px}
.test-form .tf-inp input[type=checkbox], .test-form .tf-inp input[type=radio] {position:absolute; visibility:hidden}
.test-form .tf-inp input[type=text] {width:100%; padding:15px; font-size:117%}
.test-form .tf-inp label {position:relative; display:block; padding-bottom:12px; cursor:pointer; font-size:129%; border-radius:3px; background:#eaeaea}
.test-form .tf-inp label:hover {background:#f1dede}
.test-form .tf-inp label > * {display:block; padding:12px 12px 0}
.test-form .tf-inp input:checked + label {background:#999}
.test-form .tf-inp .popis {display:block; padding-top:5px; font-style:italic; font-size:89%}
.test-form .tf-inp .note {clear:both; margin:10px 0 0; text-align:right; font-size:90%; color:#666}
.test-form button {display:block; width:auto;  margin:auto; padding:15px 30px 12px; line-height:1; font-size:large; font-weight:700; border:none; border-radius:3px; color:#fff; background:#E41F1F}
.test-form button:disabled {color:#eaeaea; background:#ccc}
.test-form .tf-inp .answ-true label {position:relative; color:#fff; background-color:#30bd01}
.test-form .tf-inp .answ-false label {color:#fff; background-color:#E41F1F}
.test-form .tf-inp .answ-notselected label {color:#000; background-color:#83DA65}
.test-form .tf-inp .answ-selected label {color:#000; background-color:#999}
.test-form .tf-inp .answ-true label:after, .test-form .tf-inp .answ-false label:after {content:''; position:absolute; right:10px; top:10px; width:25px; height:25px; background:url(/u/n4/kviz-tru-fal.png) top left; background-size:50px}
.test-form .tf-inp .answ-false label:after {background-position:top right}

.test-form-image .tf-inp .row {margin-top:22px}
.test-form-image .tf-inp .row:first-child {margin-top:0}
.test-form-image .tf-inp .tf-answ {display:table-cell; width:304px; height:250px; vertical-align:top}
.test-form-image .tf-inp .tf-answ:nth-child(2n+0) {padding-left:22px}
.test-form-image .tf-inp .tf-answ label {height:100%}
.test-form-image .tf-inp .image {position:relative; display:block; padding:0}
.test-form-image .tf-inp .image:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%}
.test-form-image .tf-inp img {display:block; width:auto; max-width:100%; height:auto}
.test-form-image .tf-inp .answ-true .image:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(48,189,1,.4)}
.test-form-image .tf-inp .answ-false .image:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(228,31,31,.4)}
.test-form-image .tf-inp .answ-true label:after, .test-form-image .tf-inp .answ-false label:after {right:auto; left:50%; top:50px; width:76px; height:76px; margin-left:-38px; background-size:152px}

.test-form .tf-inp input[type=number] {width:100%; padding:12px 0 12px 12px; font-size:129%; border-radius:3px; border:none; background:#eaeaea}

.test-form .star {position:relative}
.test-form .star:hover:after {content:'Povinný údaj'; position:absolute; left:0; bottom:0px; display:block; padding:1px 4px; text-transform:uppercase; font-size:10px; font-weight:700; text-align:center; white-space:nowrap; color:#000; border:solid 1px #999; border-radius:3px; background:#fff}

.tf-kontakt {overflow:hidden; margin-bottom:20px; font-size:117%}
.tf-kontakt p {margin:0; font-size:100%}
.tf-kontakt label {display:inline-block; width:180px; margin-bottom:15px}
.tf-kontakt input[type="text"] {width:300px; padding:5px}

.test-form .confirm {position:relative; margin-bottom:30px}
.test-form .confirm input {position:relative; display:inline-block; width:20px; height:22px; margin-right:10px; vertical-align:middle}
.test-form .confirm input:after {content:''; left:0; top:0; display:block; width:18px; height:18px; border:solid 1px #666; border-radius:3px; background:#fff}
.test-form .confirm input:checked:after {background:#666 url(/u/n4/kviz-tru-fal.png); background-size:36px}

.test-form .captcha {width:100%}
.test-form .captcha label {width:385px; padding-top:10px}
.test-form .cnfimg {float:left; width:170px; height:auto; margin-right:13px}
.test-form .captcha input#overeni {width:150px; padding:5px; border:solid 1px #666; border-radius:3px}

.test-form .error {position:absolute; left:0; top:100%; color:#E41F1F}

.test-score {margin:0 0 1em 10px; overflow:hidden}
.test-score img {float:left; margin:0 10px 10px 0}
.test-score h4 {margin-bottom:10px; font-weight:700; font-size:150%; font-size:184%}
.test-score h4 small {color:#666}
.test-score p {font-size:117%; line-height:1.2}
.test-social {margin:0 0 1em 10px}
.test-social ul {overflow:hidden}
.test-social li {float:left; width:50%; list-style:none}
.test-social a {display:block; position:relative; padding-left:52px; width:253px; height:45px; margin-bottom:10px; line-height:46px; font-size:125%; text-transform:uppercase; text-decoration:none; color:#fff}

.test-social a:hover {text-decoration:underline; color:#fff}
.test-social a:before {content:''; position:absolute; left:0; top:0; display:block; width:45px; height:45px; background:url(/u/ico/kvizy-soc.png)}
.test-social .btn-facebook {background:#3e5991}
.test-social .btn-facebook .ico {background-color:#43609c}
.test-social .btn-twitter {background:#1b92db}
.test-social .btn-twitter:before {background-color:#1da1f2; background-position:0 -45px}
.test-social .btn-reload {background:#f47474}
.test-social .btn-reload:before {background-color:#e41f1f; background-position:0 -90px}
.test-social .btn-nextkviz {background:#8e6b8d}
.test-social .btn-nextkviz:before {background-color:#612d61; background-position:0 -135px}

.test-social a span {display:table-cell; height:45px; vertical-align:middle}

.w-email {margin:6px 0 0}
.w-email label, .w-email input {float:left}
.w-email label {margin:2px 10px 0 0}
.w-email input {margin-right:10px}

/* test list */
.test-articles ol {margin:0 0 10px 24px}

/* test table */
.test-survey {padding:0 0 4px 10px; font-size:125%}
.test-survey p {margin-bottom:10px}
p .ts-true {color:#B9151D; font-size:234%; padding-left:6px}
p .ts-quest {padding-left:6px; font-size:133%}

.test-table {width:100%; color:#333}
.test-table td {padding:4px 20px}
.test-table .wid-a {white-space:nowrap}
.test-table .wid-b {padding:4px 10px 4px 20px}
.test-table tr {background:#eaeaea}
.test-table .c1 {background:#D3DDE8}
.test-table .c2 {color:#000; background:#D5D5D5}
.test-table .c3 {background:none}
.test-table .c3 td {font-size:75%; padding:0; border-bottom:2px solid #D3DDE8; padding:4px 3px}
.test-table .tt-red {color:#B9151C}

/* odpoved */
.test-answer {padding:0 0 10px 10px}
.test-answer h3 {font-size:133%; font-weight:700}
.test-answer p {font-size:117%; line-height:1.5em; margin-top:6px}
.bg-answer {background:url('/u/n3/art_dots.gif') repeat-x 0 100%}
.ta-red {color:#F00}

/* multi-ul2 */
.multi-ul2 {font-size:117%; border:0 none; font-size:117%; width:100%}
.multi-ul2 li {padding:4px 0; vertical-align:top}

/* ico-test */
.test-answer .ico-ok span, .test-answer .ico-close span, .tf-inp-in .ico-ok span, .tf-inp-in .ico-close span {float:left; width:21px; height:21px; border-radius:3px; background-image:url('/u/ico/default-ico.png'); background-repeat:no-repeat; font-size:0}
.itest-red span {background-color:#B9151D}
.itest-blue span {background-color:#7292B5}
.itest-grizzle span {background-color:#999}
.test-answer .ico-ok span, .test-answer .ico-close span {margin:2px 4px 0}
.tf-inp-in .ico-ok span, .tf-inp-in .ico-close span {margin:2px 4px 0 0}

/* slepe mapy */
.geokviz {position:relative; width:620px; padding:0 10px 0 10px;}

.geokviz-mapa { position: relative; display: table; width:100%; height:100%; margin-bottom: 20px;}
.geokviz-mapa img {display:block}
.geokviz-objekty {position:absolute; left:0; top:0; width:100%; height:100%}
.geokviz-bod { position: absolute; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 100%; border: solid 1px #666; background: #fff; }
.geokviz-bod:hover { border-color: #900; }
.geokviz-bod:active { background-color: #666; }
.geokviz-bod:active:after { content: ""; position: absolute; left: -5px; top: -5px; width: 16px; height: 16px; border: solid 2px #aaa; border-radius: 15px; }
.geokviz-plocha {fill:#555; stroke: #fff; stroke-width: 1px; vector-effect: non-scaling-stroke;}
.geokviz-plocha:hover {fill:#999}
.geokviz-plocha:active {fill:#666 }

.geokviz .dobre {background:#30bd01; border-color: #379237; fill:#30bd01;}
.geokviz .spatne {background: #E41F1F; border-color: #b00; fill: #E41F1F;}
.geokviz .btn {display:block; padding: 6px 10px 5px; cursor: pointer; font-weight: bold; color: #fff; text-align: center; background:#e41f1f;}
.geokviz select { margin-right: 10px; padding: 4px 3px 4px; border-radius: 0; font-weight:bold; border: solid 1px #e41f1f; /*#666*/}

.geokviz-ovladace { float: right; margin-right: 5px; }
.geokviz-ovladace .btn {float:right; min-width: 52px;}
.geokviz-casomira { float: right; width: 50px; height: 25px; font-size: 154%; color: #444; font-weight: bold; padding: 1px 6px;}
.geokviz-zadani {margin-bottom: 30px; font-size: 167%; }
.geokviz-zadani strong {display:block; height:1.5em; color: #e41f1f;}
.geokviz-zbyva { text-align: right; font-weight: bold; color: #333; }

.geokviz-skore { position: relative; width: 100%; height: 16px; margin: 0 0 20px; overflow: hidden; border-radius: 12px; border: solid 1px #ccc; background: #eee; }
.geokviz-skore span { float: left; height: 100%; box-sizing: border-box; border-right: solid 1px #888; background: #666; }

.geokviz-hodnoceni {position: absolute; bottom: 90px; width: 100%; font-weight: bold; text-align: center;}
.geokviz-hodnoceni .kruh { width: 130px; height: 130px; margin: 0 auto 10px; padding: 10px 10px; font-size: 150%;text-align: center;  color: #333; border: solid 5px #777; border-radius: 130px; background: rgba(255,255,255,.8);}
.geokviz-hodnoceni .procenta {font-size: 260%; margin-top: 36px; line-height: 1;}
.geokviz-hodnoceni p {margin-bottom: 10px; font-size: 150%; text-shadow:1px 1px 1px rgba(255,255,255,.8)}
.geokviz-hodnoceni .btn {display:table; margin:auto;}
.geokviz-hodnoceni b {display:table; margin:auto; padding: 6px 10px 5px; color:#e41f1f;}

.geokviz .btn-facebook {padding: 4px 7px 4px 20px; color: #fff; font-weight: bold; border: none; background: #3B5998 url(/u/ico/default-social.png) no-repeat -2px 2px;}

.zebricek-b .box-in {padding:10px}
.zebricek-b h3 {margin-bottom: 5px; }
.zebricek-b table {width:100%; font-size: 117%; border-collapse:collapse }
.zebricek-b th {font-size:86%; font-weight:bold; line-height:1; vertical-align:bottom; border-bottom:solid 1px #ccc }
.zebricek-b td {padding: 1px 5px;}

.zebricek h2 {float:left; margin:20px 10px}
.zebricek form {float:right; margin:5px 0}
.zebricek .cols-two {float:left; width: 48%; margin: 1%;}

.zebricek table {width:100%; border-collapse: collapse;}
.zebricek tr {border-bottom: solid 1px #eee}
.zebricek tr:hover {background:#eee}
.zebricek th {padding:2px 5px}
.zebricek tr:first-child {background:#eee}
.zebricek td {padding: 2px 5px;}

.zebricek .moje-umisteni th, .zebricek .moje-umisteni td {position:relative; color:#f00; font-weight: bold; }
#moje-umisteni {position: absolute;  top: -50px;}

#poradny-top .ico-r {float:right; width:12em}
.poradny-opener {width:100%; margin-bottom:22px; background:#EEE; background:rgba(0,0,0,.07)}
.poradny-opener .w2-a {position:relative; float:left; width:460px; min-height:100px}
.poradny-opener .w2-b {float:left; width:150px; padding:5px 0 5px 10px}
.po-img img {vertical-align:bottom}
.po-img .box {position:absolute; left:0; bottom:0; z-index:1; width:440px; padding:6px 10px 5px 10px; color:#FFF; background:url('/u/fog60.png')}
.po-img .box img {float:left; margin:4px 10px 5px 0}
.po-img .box a {color:#FFF}
.po-img .no-photo {top:0px}
.poradny-opener .w2-b ul {list-style:none}
.poradny-opener .w2-b li a {display:inline-block; padding:2px 0 3px 12px; font-size:117%; background:url('/o/zpr/li_sqr_a.gif') no-repeat 0 .62em}
#porad-otaz {padding:0 0 1px; margin-bottom:1em; background:url('/u/n3/art_dots.gif') repeat-x 0 100%}
#porad-otaz h3 {font-size:133%; font-weight:700; margin-bottom:0.35em}
#porad-otaz #porad-hledej {margin-bottom:10px}
#porad-otaz .w2-a {float:left; width:330px}
#porad-otaz .w2-b {float:right; width:280px}
#porad-otaz .inside-div {overflow:hidden; position:relative; width:324px; margin-bottom:10px}
#porad-otaz .ico-r {float:right; width:12em; margin:9px 10px 0 0}
#porad-otaz .w2-a h3 a {display:inline-block; padding-left:32px; min-height:26px; line-height:26px; background:url('/o/ona_n3/plus.gif') no-repeat 0 50%}
#porad-otaz .warning {padding:.5em 1.5em; color:#FFF; background:#D7031C}
#porad-otaz .warning h3 {margin:0; color:#FFF; text-transform:none}
#porad-hledej .ph-input {width:180px; margin-right:10px; border:1px solid #CCC; background:#EEE; background:rgba(0,0,0,.07)}
/*answer*/
#poradny .answ .ico-r {float:right; width:18em}


/* seznam kategorii */
#porad-kateg {padding:20px 0 12px 10px; margin:0 0 22px; background:url('/u/n3/art_dots.gif') repeat-x 0 100%}
#porad-kateg .box-in {overflow:hidden; width:644px}
#porad-kateg .box-in2 {width:656px}
#porad-kateg li {width:164px; float:left; list-style:none; display:block; margin-bottom:18px}
#porad-kateg li.fc0 {width:100%; margin-bottom:0}
#porad-kateg li h3 {font-size:133%; font-weight:700}
#porad-kateg li li {float:none; margin-bottom:0}
#porad-kateg li li a {font-size:117%}

/* poradna */
/*#porad-vypis {border-top:3px solid #CCC; padding:10px 0 4px 10px}*/
#porad-vypis {padding:0 0 4px 10px}
#porad-vypis .ico-r {float:right; width:22em}

/*poradna v2*/
#poradny2 {margin:0 0 0 10px}

.por-search {overflow:hidden; width:180px; height:26px; background:url('/o/poradna_v2/search-bg.png') no-repeat}
.por-search .inp {float:left; padding:0; margin:2px 0 0 5px; width:140px; height:22px; line-height:22px; border:none; background:none}
.por-search .sbm {float:right; width:28px; height:26px; line-height:26px; padding:0; margin:0; cursor:pointer; border:none; background:url('/o/poradna_v2/search-button.png') no-repeat}

.por-top {margin:0 0 22px}
.por-top p {float:left; width:430px; margin:0 0 1em; font-size:133%}
.por-top .por-search {float:right}

.por-top-search {margin:0 0 22px}
.por-top-search p {margin:0 0 1em; font-size:133%}
.por-top-search .por-search {width:380px}
.por-top-search .inp {width:330px}

.por-lactual {margin:0 0 22px}
.por-lactual .bg0 {background:#EEE}
.por-lactual .bg1 {background:#F8F8F8}

.por-art {padding:10px; margin:0 0 5px; border-radius:5px}
.por-art a {text-decoration:none}
.por-art h3 {margin:0 0 8px; font-size:133%; font-weight:700}
.por-art img {float:left; margin:0 15px 0 0}
.por-art p {font-size:117%; display:table-cell}
.por-art .more {float:right; display:inline-block; height:23px; padding:0 1px 0 9px; margin:8px 0 0; line-height:23px; text-align:right; font-size:12px; font-weight:700; color:#FFF; background:#BA151C url('/o/poradna_v2/button-gradient.png'); border-radius:3px}
.por-art .more:hover {background:#A5141B}
.por-art .more span {float:right; width:21px; height:21px; margin:1px 0 0 8px; cursor:pointer; font-size:0; background:#A5141B url('/u/ico/default-ico.png') no-repeat; border-radius:3px}

.por-category {margin:0 0 22px}
.por-category .box {float:left; width:200px; margin:0 10px 0 0}
.por-category h3 {line-height:1.5; margin:0 0 8px; color:#B9151C; font-size:133%; font-weight:700}
.por-category ul {margin:0 0 1em; font-size:117%; list-style:none}
.por-category li {margin:0 0 5px}
.por-category a {text-decoration:none}

.por-results p, .por-list {margin:0 0 .5em; font-size:117%}
.por-results .ico-r {margin-top:-4px}
.por-list a, .por-list span {float:left}
.por-list a {text-decoration:none}
.por-list a:hover {text-decoration:underline}
.por-list strong {color:#000}
.por-list span {padding:0 8px}

.por-rlist {margin:0 0 22px}
.por-rlist .rl-art {position:relative; width:540px; min-height:62px; padding:0 0 0 90px; margin:0 0 18px}
.por-rlist img {position:absolute; z-index:1; left:0; top:2px}
.por-rlist h3 {float:left; margin:0 0 4px; font-size:117%; font-weight:700}

#por-foto {position:relative; width:100%; min-height:100px; margin:0 0 22px}
#por-foto .box {position:absolute; z-index:1; top:-5px; right:5px; width:160px; min-height:50px; padding:15px 20px; color:#FFF; background:url('/u/fog70.png')}
#por-foto span {position:absolute; z-index:2; top:0; left:-5px; display:block; width:5px; height:5px; background:url('/o/poradna_v2/corner-photo.png') no-repeat right bottom}
#por-foto h3 {margin:0 0 5px; font-size:117%; font-weight:700}
#por-foto img {max-width:100%; height:auto; margin:0 0 5px; vertical-align:middle}
#por-foto a {color:#FFF}
#por-foto a:hover {text-decoration:none}

#por-top {margin:0 0 15px}
#por-top .ico-r.fr {margin-bottom:.6em}

.por-discussion h5 {position:relative; display:inline-block; min-width:50px; min-height:25p; margin:0 0 5px -14px}
.por-discussion h5 span {position:relative; z-index:1; left:0; bottom:0; display:block; width:4px; height:4px; background:url('/o/poradna_v2/corner-post.png') no-repeat}
.por-discussion h5 a {display:inline-block; padding:0 15px; line-height:25px; font-size:117%; font-weight:700; text-decoration:none; color:#FFF; background:#13375E; border-radius:0 3px 3px 0}
.por-discussion h5 a:hover {background:#B9151C}
.por-discussion .w-text {margin:0 0 9px; font-size:117%}
.por-discussion .name {text-align:right; font-weight:700}
.por-discussion img {float:left}
.por-discussion .quest img {margin:5px 5px 0 0}
.por-discussion .quest {padding:10px; margin:0 0 10px; background:#DDD}
.por-discussion .answ {display:table; width:100%; margin:0 0 10px; background:url('/o/poradna_v2/bubble.png') no-repeat 84px 18px}
.por-discussion .answ .author {display:table-cell; float:left; width:80px; padding:0 14px 0 0; vertical-align:top}
.por-discussion .answ .box {display:table-cell; width:100%; min-height:40px; padding:10px; vertical-align:top; background:#EEE}

/*b-boxy*/
#por-nejnovejsi .entry {padding:15px 10px; margin:0 0 10px; background:#EEE; background:rgba(0,0,0,.07); border-radius:5px}
#por-nejnovejsi img {float:left; margin:0 10px 0 0}
#por-nejnovejsi h3 {margin:0 0 2px; font-size:117%; font-weight:700}
#por-nejnovejsi h3 a {text-decoration:none}
#por-nejnovejsi p {line-height:1.1}

#por-seznam li {margin:0 0 5px}
#por-seznam li a {text-decoration:none}

#poradny2 .themes .ico-top, #poradny2 .por-theme {display:none}
#poradny2 .lessthemes .por-theme, #poradny2 .lessthemes .ico-top {display:block}
#poradny2 .lessthemes .ico-down {display:none}
/* poradna v2 konec */

/* vysvedceni*/
#vysvedceni {text-align:center; border:none; padding-bottom:1em; background:none}
#vysvedceni h2 {color:#000; text-transform:none}
#vysvedceni .box-in {margin:auto; width:588px}
#vysvedceni .vys-top {background:url('/o/zpr/vysvedceni/bg-top.gif') no-repeat 0 100%; height:4px; line-height:0; font-size:0}
#vysvedceni .vys-bottom {background:url('/o/zpr/vysvedceni/bg-bottom.gif') no-repeat; height:4px; line-height:0; font-size:0}
#vysvedceni .vys-middlet {background:url('/o/zpr/vysvedceni/bg-middlet.gif') repeat-y; padding:22px 26px 0}
#vysvedceni .vys-copy {height:30px; background:url('/o/zpr/vysvedceni/vys_copy.png') no-repeat 0 2px}
#vysvedceni .vys-midin {color:#3C3C3C; padding:0 22px 33px; border:4px solid #ECECEC; background:url('/o/zpr/vysvedceni/vys_pattern.gif') repeat}
#vysvedceni .vys-top2 {padding-top:18px; min-height:38px}
#vysvedceni .vys-top2 span {font-size:150%}
#vysvedceni .vys-mid2 {background:url('/o/zpr/vysvedceni/vys_lev.gif') no-repeat 50% 0; padding:113px 0 0}
#vysvedceni .vys-mid2 p {font-size:150%; font-weight:500; margin-bottom:7px; line-height:1.3}
#vysvedceni .vys-midin table {border-collapse:collapse}
#vysvedceni .vys-midin td, #vysvedceni .vys-midin th {border:1px solid #999; text-align:left; font-size:142%; vertical-align:middle; padding:6px 6px; line-height:1}
#vysvedceni .vys-midin td.tar, #vysvedceni .vys-midin th.tar {text-align:right; width:1%}
#vysvedceni .vys-celk {color:#B9151C; font-weight:700}


/* znamkovani */
#vys-znamk {background:url('/u/n3/art_dots.gif') repeat-x 0 100%; padding:10px 10px 0}
#vys-znamk h3 {background:url('/u/n3/art_dots.gif') repeat-x 0 100%; font-size:133%; font-weight:700; margin-bottom:0.5em; padding:4px 0}
#vys-znamk table {width:100%; border-collapse:collapse; margin-bottom:10px}
#vys-znamk th {text-align:left; font-size:113%; font-weight:400}
#vys-znamk td {text-align:right; width:50px; font-weight:700}
#vys-znamk th, #vys-znamk td {padding:6px 4px 6px 0; vertical-align:middle}
#vys-znamk td label {line-height:20px; float:right}

/* odeslat */
#vys-odeslat {padding:10px 0 10px 10px}
#vys-odeslat .captcha {float:left; width:200px}
#vys-odeslat label {text-transform:uppercase}
#vys-odeslat .vc-kod {float:left; width:108px; padding:40px 0 0 10px}
#vys-odeslat .vc-kod input {width:98px; background-color:#EEE; border:1px solid #CCC; margin-right:10px}
#vys-odeslat .vc-submit {float:left; width:200px; padding:55px 0 0 0}

/* celkova znamka */
#vys-celk {margin:0 0 1em; padding:10px 0 10px 10px}
#vys-celk h3 {font-size:133%; font-weight:700; margin-bottom:0.5em; padding:4px 0}
#vys-celk .vc-first {background-color:#EEE}
#vys-celk li {list-style:none; width:100%; margin:0; padding:0; margin-bottom:20px; min-height:129px; display:block}
#vys-celk li img {float:left; margin:0; padding:0}
#vys-celk .vc-text {margin-left:188px; min-height:50px}
#vys-celk .vc-text h4 {font-weight:700; padding-top:4px}
#vys-celk .vc-text p {display:block; min-height:22px; line-height:normal; font-size:92%}
#vys-celk .vc-vote {margin-left:188px; margin-right:10px}
#vys-celk .vote .vote {margin-bottom:0}
#vys-celk .zk-num {display:block; margin-left:188px; font-size:350%; font-weight:700; color:#B9151C}
#vys-celk .vc-first span {color:#13375E}
#vys-celk .vc-first .vote .vote .eb {background-color:#FFF}

/* znamkovani politiku */
#znamk-polit {margin-bottom:1em}
#znamk-polit h3 {font-size:133%; font-weight:700; margin-bottom:0.5em}
#znamk-polit .box-in {width:100%; overflow:hidden}
#znamk-polit .box-in2 {width:700px}
#znamk-polit .zp-box {float:left; display:inline; position:relative; width:172px; margin-right:52px; margin-bottom:28px; padding-top:172px}
#znamk-polit img {position:absolute; top:0}
#znamk-polit h4, #znamk-polit p {font-size:92%; line-height:normal}
#znamk-polit h4 {font-weight:700}
#znamk-polit ul {position:absolute; top:138px; width:220px}
#znamk-polit li {float:left; display:inline-block; width:34px; text-align:center}
#znamk-polit li input {margin:0; padding:0; float:left; width:100%; margin-bottom:3px}
#znamk-polit li label {display:block; width:100%; text-align:center; clear:both}
#znamk-polit .vstamp {display:block; position:relative; padding-top:8px; color:#000; font-size:92%}
#znamk-polit .vote .vote .rate {top:3px; font-size:142%; font-weight:700; color:#B9151C}
#znamk-polit .vote .vote {margin-bottom:6px}

/* osobnosti online */
#osob-online {padding:0 0 0 10px}
#osob-online h2 {margin:0 0 7px}
#osob-online .list-art {margin:0}
#osob-online .ico-r {float:right; width:17em}

/* soutez vice */
#strife-more .col-l, #strife-more .col-p {border-top:3px solid #CCC}
#strife-more h2 {margin:10px 10px 7px; min-height:1.6em; color:#666; font-family:Tahoma,Arial,sans-serif; font-size:150%; font-weight:700; line-height:1.6em; text-align:left}
#strife-more .col-l .nav {margin-left:10px}
#strife-more .col-p {padding:45px 10px 10px; background:url('/u/n3/art_dots.gif') repeat-x 0 100%}
#strife-more .col-p h3 {margin-bottom:10px; font-size:150%; font-weight:700}
#strife-more .col-p p {font-size:117%}

/* diktat */
.diktat-art {border:none}
#proof h2 {margin-left:10px}
.diktat-vysledek {line-height:2em; padding:1em; border-radius:.3em; font-size:large; background:#eee}
.diktat-input ~ .btn {margin-top:1em}
#diktat-solution {background:none}
#diktat .volba u {position:absolute; top:.5em; right:3px; display:block; border:solid 3px transparent; border-top:solid 4px #666}
#diktat .volba.answ-false:after, #diktat .volba.answ-true:after {display:none}

#diktat .volba.answ-false {color:#000; background:#E41F1F}
#diktat .volba.answ-true {color:#000; background:#30bd01}

#diktat .s-moznostmi {text-decoration:none; z-index:2}
#diktat .s-moznostmi a {text-decoration:none}
#diktat .s-moznostmi a:hover {text-decoration:underline}
#diktat-moznosti {position:absolute; z-index:2; top:100%; left:0; margin-top:-2px; min-width:100%; line-height:1.2em; border-radius:3px; background:#bbb}
#diktat-moznosti a {display:block; padding:2px; color:#333; text-align:center}
#diktat-solution .error {color:red}
#diktat input {float:right; cursor:pointer}
.diktat-form .pocet-chyb {font-size:142%; font-weight:700}
.diktat-input p {margin-bottom:15px; font-size:100%}
#diktat {line-height:2em; margin:0 0 1em; padding:1em; border-radius:.3em; font-size:large; background:#EEE}
#diktat .volba {position:relative; display:inline-block; vertical-align:middle; min-width:1.4em; height:1.4em; min-height:auto; line-height:1.4em; padding:0; border-radius:0.25em; text-align:center; color:#333; background:#BBB; cursor:pointer}
#diktat .diktat-moznosti {overflow:hidden; position:relative; z-index:2; display:block; vertical-align:top; height:1.4em; transition:0.1s}
#diktat .diktat-moznosti input {float:none; background:0; border:0; left:50%; margin:0 -1px; line-height:1.4em; font-size:100%; top:0; font-family:inherit; width:2px; padding:0; }
#diktat .diktat-moznosti span {display:block; position:relative}
#diktat .diktat-moznost {background:#BBB; color:#333; padding:0.25em 0.5em}
#diktat .diktat-moznost b {color:#B9151C; border-radius:0.25em}

#proof p {line-height:1.6; margin:0 0 1em 10px; font-size:133%}
#proof p.hodnoceni {margin-left:0; padding:10px; color:#8C151B; background:#F0F0F0; font-weight:700}
#proof .preview, a.new {margin:0 5px; text-decoration:underline; color:#000}
#proof .preview:hover, a.new:hover {color:#8C151B}
#proof input {float:right; margin-top:20px}

/* poutani */
.poutani-art {padding:0 0 10px}
.poutani-art h2 {color:#000}
.poutani-art h2 a {text-decoration:none}
.poutani-art h2, .poutani-art p {padding-left:10px}
.poutani-art p {font-size:125%}
.poutani-art .entry {margin:0 0 1em; padding:4px 9px; border:1px solid #EEE}
.poutani-art .entry p {height:26px; line-height:26px; padding-left:0}
.poutani-art .half-l {float:left; width:780px}
.poutani-art .half-r {float:right; width:180px}
.poutani-art .label {float:left; width:4em; font-weight:700}
.poutani-art .tit {color:#2E4F8E; font-weight:700}
.poutani-art-komercni {border:0}
.poutani-art-komercni img {float:left; margin-right:20px; border:2px solid #888}
.poutani-art-komercni h3.tit {margin:0.5em 0; font-size:125%; font-weight:700}
.poutani-art-komercni h3.tit a {text-decoration:none}
.poutani-art-komercni .entry {position:relative; height:133px}
.poutani-art-komercni .entry p {height:auto; line-height:1.33}
.poutani-art-komercni .half-r {width:230px; position:absolute; right:10px; bottom:10px; z-index:1}
.poutani-art-komercni li {width:420px; white-space:nowrap; overflow:hidden; margin:0 0 0.2em; list-style:none; font-size:117%}

/* on-line */
#on-line-header {text-align:center; margin:0 0 1.3em}
#on-line-header h1 {width:1000px; font-size:200%; font-weight:700; padding-left:0; padding-right:0}
/* float kvuli logum sportovnich on-linu */
#on-line-header h1 .team {float:left; width:40%; height:60px; line-height:60px; text-transform:uppercase; overflow:hidden}
#on-line-header h1 .tar {text-align:right}
#on-line-header h1 .tal {text-align:left}
#on-line-header h1 .score {float:left; width:20%; line-height:60px; text-align:center; font-size:150%}
#on-line-header .big {font-size:133%}
#on-line-header p {clear:both; margin-bottom:24px}
/*#reload-box {position:relative; z-index:1; clear:both; width:100%; height:51px;  margin:-18px auto 0; background:url('/o/zpr/online/online-reload-bg.gif') 50% 0 no-repeat; text-align:center}
#reload {position:absolute; top:0; left:50%; z-index:1; display:block; width:70px; height:20px; margin-left:-35px; padding:31px 0 0; overflow:hidden}
#reload span {position:absolute; top:0; left:0; z-index:1; display:block; width:100%; height:100%; background:url('/o/zpr/online/online-reload-stat.gif'); cursor:pointer}   */
#reload.auto span {background:url('/o/zpr/online/online-reload-auto.gif')}


/*online col-b*/
.b-box {position:relative}
.b-box .show-box {position:absolute; top:0; right:0; z-index:1}
.b-box .show-box, .show-box a.ico-min, .show-box a.ico-max, .show-box-hid .box-in {display:none}
.q-js .b-box .show-box, .show-box-vis .box-in {display:block}
.show-box-vis a.ico-min, .show-box-hid a.ico-max {display:inline-block}
.b-box .three-foto {width:100%; overflow:hidden; margin:0 0 0.5em}
.b-box .three-foto img {float:left; margin:0 21px 0 0}
.b-box .three-foto a {float:left; width:150%}

/* moot-in-b */
#moot-col-b {padding-bottom:1px; background:url('/o/zpr/diskuse_302.gif') no-repeat 100% 100%}
#moot-col-b ul, #moot-col-b li {overflow:visible}
#moot-col-b #logo-moot span {cursor:default}
#moot-col-b .moot-in {padding:8px 10px 4px; background:#D8E0E7 url('/o/zpr/diskuse_302.gif') no-repeat; font-size:92%}
#moot-col-b .moot-login, #moot-col-b .moot-editor {clear:both; float:left; width:100%; margin:0 0 1em}
#moot-col-b .moot-login {margin:0 0 1em -10px}
#moot-col-b .bt {float:right}
#moot-col-b .inp {float:left; margin:0 4px 0 0}
#moot-col-b .moot-login .inp {width:98px}
#moot-col-b .moot-editor .inp {width:200px}
#moot-col-b .moot-login li {clear:both; display:inline; margin-right:1em; line-height:26px; font-size:12px}
#moot-col-b .moot-login a {font-weight:700; color:#0A3A3D}
#moot-col-b .moot-in p {clear:both; margin:0 0 0.5em}

#on-line-add-moot {position:relative; width:100%; padding-bottom:1px; margin:0 0 22px}
#on-line-add-moot h2 {font-size:150%; font-weight:700; margin:0 0 7px}
#on-line-add-moot .show-box {/* display:none; */ position:absolute; top:0; right:0; z-index:1; width:7em}
#on-line-add-moot .moot-in {padding:8px 10px 4px; margin:0 0 10px; font-size:92%; background:#EEE; background:rgba(0,0,0,.07); border-radius:5px}
#on-line-add-moot .moot-login, #on-line-add-moot .moot-editor {clear:both; float:left; width:100%; margin:0 0 1em}
#on-line-add-moot .moot-login {margin:0 0 1em -10px}
#on-line-add-moot .fl-inp {float:left}
#on-line-add-moot .bt {float:right}
#on-line-add-moot .form-login .bt {margin:13px 0 0}
#on-line-add-moot .inp {float:left; margin:0 4px 0 0}
#on-line-add-moot .moot-login .inp {width:98px}
#on-line-add-moot .moot-editor .inp {width:200px}
#on-line-add-moot .moot-login li {clear:both; display:inline; margin-right:1em; line-height:26px; font-size:12px}
#on-line-add-moot .moot-login a {font-weight:700; color:#0A3A3D}
#on-line-add-moot .moot-in p {clear:both; margin:0 0 0.5em}
.mujpas-prihlasen .moot-login, .q-prihlasen .moot-login, .moot-editor {display:none}
.mujpas-prihlasen .moot-editor, .q-prihlasen .moot-editor, .moot-login {display:block}
#on-line-diskuse-data {width:282px; overflow:hidden; clear:both}
#on-line-diskuse-new {color:#32475A}
#on-line-diskuse-new b {color:#3C566E}
#on-line-diskuse-old {overflow:hidden}
#on-line-diskuse-data p.highlight {color:#6E3C3C}
#on-line-diskuse-data p i {visibility:hidden; position:absolute; top:-5000px; left:-5000px}

/*on-line-add-mid*/
#on-line-add-mid .ol-list {margin:0 0 10px}
#on-line-add-mid .ol-list li {list-style-position:inside; list-style-type:decimal}

/*online*/
#on-line {position:relative; width:100%}

.online-top-box {margin:0 0 1em 10px}
.online-top-box img {margin-bottom:10px; vertical-align:middle}
.online-top-box h1 {margin:0 0 8px; font-size:217%; font-weight:700}
.online-top-box p, .online-top-box li {font-size:117%; margin:0 0 .25em}
.online-top-box li {list-style-position:inside}
.online-top-box ul {padding-left:1.2em}
.online-top-box ul li {list-style-position:outside}
.online-top-box .date {font-size:100%}

#on-line-art {margin:0 0 22px}
#on-line-art.tit-img {font-size:100%}
#on-line-art ul {list-style:none}
#on-line-art .box-in {margin:0 0 0 10px}
#on-line-art .fl, #on-line-art .fr {width:300px}
#on-line-art img, #on-line-art .mark-video {float:left; margin:0 10px 0 0}
#on-line-art .mark-video img {float:none; margin:0}
#on-line-art a {font-size:117%; font-weight:700; text-decoration:none}

#on-line .refresh-box {position:relative; margin:0 0 6px; float:right}
#on-line .refresh-box .list-tit2 {float:left; margin-top:8px; margin-left:10px; /*font-size:183%*/}
#on-line .refresh-box .webz-bg {position:static; float:right; min-width:46px; width:46px; height:46px; margin:0 0 0 10px; padding:0; border:none; border-radius:2px; background-image:none}
/*#on-line .refresh-box .webz-bg:hover {border-color:#999}*/
#on-line .refresh-box .webz-bg span {display:none}

#on-line .but-refresh {width:36px; height:36px; margin:5px; background:url(/o/spo/dc/refresh.svg) no-repeat center}
#on-line .auto .but-refresh, #on-line .auto:hover .but-refresh {animation:ckw 2s linear infinite}

@keyframes ckw {
	0% {transform:rotate(360deg)}
	100% {transform:rotate(0deg)}
}


#on-line .but-sound {/*background-position:0 -192px;*/ width:36px; height:36px; margin:5px; background:url(/o/online/ico-sound.png) no-repeat center}
/*#on-line .webz-bg:hover .but-sound {background-position:-32px -192px}*/
#on-line .sound-off .but-sound {background-position:0 -256px}
#on-line .sound-off:hover .but-sound {background-position:-32px -256px}

#on-line .on-line-time {position:absolute; top:22px; right:10px; z-index:2; width:20em; white-space:normal; text-align:right; margin:0; font-size:92%}
/*#on-line-top {clear:both; padding:7px; font-size:175%; font-weight:700; color:#000; background:none} stavovy radek*/

#on-line-select #sound-switch {position:relative; float:right; width:32px; height:32px; margin:-6px 0 0; left:-5px; overflow:hidden}
#on-line-select #sound-switch span {position:absolute; top:0; left:0; z-index:1; display:block; width:100%; height:100%; background:url('/o/zpr/online/sound-switch.gif') no-repeat; cursor:pointer}
#on-line-select #sound-switch.sound-off span {background-position:100% 100%}

#on-line-select ul {width:550px; padding-left:1em}
#on-line-select li {float:left; display:block; padding-right:1em; white-space:nowrap}
#on-line-select li a {display:inline-block}
#on-line-select li img {width:auto; height:1.3em; margin:.3em 0 0; vertical-align:top}
#on-line.legend1 #on-line-select.inline .legend1, #on-line.legend2 #on-line-select.inline .legend2, #on-line.legend3 #on-line-select.inline .legend3, #on-line.legend4 #on-line-select.inline .legend4, #on-line.legend5 #on-line-select.inline .legend5, #on-line.legend6 #on-line-select.inline .legend6, #on-line.legend7 #on-line-select.inline .legend7, #on-line.legend8 #on-line-select.inline .legend8, #on-line.vse #on-line-select.inline .vse {color:#B9151C; text-decoration:none}

#on-line-select h4 {float:none; margin-bottom:10px; padding-right:1em; font-weight:700; font-size:133%}

#on-line-select.tiles ul.inline {float:left}
#on-line-select.inline h4 {float:left; margin-top:-3px}
#on-line-select li img {margin-right:3px}

#on-line-select.tiles {position:relative; top:-30px; margin:20px 0 0 0}
#on-line-select.tiles ul {float:none; width:auto; padding-left:0}
#on-line-select.tiles li {min-height:0; width:185px; margin:0 5px 5px 0px; padding:0; line-height:1.33; white-space:initial}

#on-line-select.tiles li a {position:relative; display:table; width:100%; height:45px; padding:10px 5px; box-sizing:border-box; text-decoration:none; color:#024a92; font-size:117%; border-radius:3px; background:#fff; border:solid 1px #024a92}
#on-line-select li a:hover {text-decoration:underline}
#on-line-select.inline li .image {float:left; margin-top:-3px}
#on-line-select.tiles li .image, #on-line-select.dropdown li .image {display:table-cell; width:40px; height:23px; vertical-align:middle}

#on-line-select.tiles li img, #on-line-select.dropdown li img {display:block; width:30px; height:auto; margin:0 5px 0 0; vertical-align:initial}
#on-line-select.tiles li .img-act, #on-line-select.dropdown li .img-act {display:none}
#on-line-select.tiles li span, #on-line-select.dropdown li span {display:table-cell; vertical-align:middle; height:100%}
#on-line-select.tiles li a.vse span, #on-line-select.tiles li a.o-c3 span, #on-line-select.dropdown li a.vse span, #on-line-select.dropdown li a.o-c3 span {padding-left:40px}

#on-line-select.tiles li a.vse:before, #on-line-select.tiles li a.o-c3:before, #on-line-select.dropdown li a.vse:before, #on-line-select.dropdown li a.o-c3:before {content:''; position:absolute; left:0px; top:50%; width:30px; height:23px; margin:-12px 0 0 6px; background:url(/o/zpr/online/ico-filter-alert.png); background-size:30px}
#on-line-select.tiles li a.vse:before, #on-line-select.dropdown li a.vse:before {background-image:url(/o/zpr/online/ico-filter-all.png);}
/*#on-line-select.tiles .act .vse:before  {background-position:-40px -30px}
#on-line-select.tiles .act .o-c3:before {background-position:-40px 0px}*/

#on-line-select.tiles .act a, #on-line-select.dropdown .act a {display:table; color:#fff; text-decoration:none; background:#024a92}
#on-line-select.tiles .act a .img-neact, #on-line-select.dropdown .act a .img-neact {display:none}
#on-line-select.tiles .act a .img-act, #on-line-select.dropdown .act a .img-act {display:block}

#on-line-select.dropdown {position:relative; top:0px; height:65px; margin:0px 0 30px 10px; z-index:10}
#on-line-select.dropdown h4 {float:left; line-height:36px}
#on-line-select.dropdown ul {float:none; width:auto; padding-left:0; position:relative; display:inline-block; overflow:hidden; border-radius:3px; background:#fff; border:solid 1px #999}

#on-line-select.dropdown ul:after {content:''; position:absolute; top:10px; right:10px; display:block; width:15px; height:10px; cursor:pointer; background:url(/u/ico/default-ico.png); background-position:18px -80px}
#on-line-select.dropdown ul.closed:after {background-position:18px -57px}
#on-line-select.dropdown li {float:none; width:220px; min-height:0; margin:0}
#on-line-select.dropdown li:hover {background:#eee}
#on-line-select.dropdown li a {position:relative; display:table; width:100%; height:26px; margin:0; padding:3px 30px 3px 5px; box-sizing:border-box; text-decoration:none; color:#024a92; font-size:117%; background:#fff}
#on-line-select.dropdown .closed li a {display:none}

#on-line-select.dropdown .act a, #on-line-select.dropdown .closed .act a {display:table; color:#024a92; background:#fff}
#on-line-select.dropdown .act a:hover {background:#eee}
#on-line-select.dropdown ul li a:hover {text-decoration:underline; background:#eee}

#on-line-data {/*width:630px;*/ margin:0 0 1em}
#on-line-data .o-c1, #on-line-data .o-c2, #on-line-data .o-c3, #on-line-data .c1, #on-line-data .c2, #on-line-data .c3 {clear:both}
/*nedavat overflow:hidden !!!!*/
#on-line-data .o-c1, #on-line-data .c1 {background:#FFF}
#on-line-data .o-c2, #on-line-data .c2 {background:#EFEFEF}
#on-line-data .o-c3, #on-line-data .c3 {background:#DDD}
#on-line-data .time {float:left; width:80px; min-height:1px; margin:10px 10px 10px 0; /*padding:10px 0;*/ line-height:1.6; text-align:center; color:#000; font-size:117%; font-weight:700}
#on-line-data.row-time .time {margin:10px 10px 10px 0}
#on-line-data .time a {display:block; cursor:pointer; margin:0 2px; padding-bottom:2px}
#on-line-data .event {display:block; line-height:1.6; border:0; padding:15px 10px 10px 10px; font-size:117%; overflow:hidden; _overflow:visible}
#on-line-data.with-images .event {position:relative; width:519px; padding-left:27px; min-height:15px; _height:15px}
#on-line-data.with-images .event img {position:absolute; top:6px; left:6px; z-index:1}
#on-line-copy {margin:0 0 1em 10px; padding:10px 0 0; background:url('/u/n3/art_dots.gif') repeat-x; font-size:92%}
#on-line-data .event + .relative {margin-top:-10px; padding:0 10px 10px; font-size:117%}

#on-line-data .o-c0 {padding:1em 0}
#on-line-data .o-c0 .item {font-size:175%; font-weight:700}
#on-line-data .o-c0 hr {display:block; height:0; margin:.5em 0; border:1px solid #000}

.contribution-add {position:absolute; bottom:0; right:0; line-height:29px; border-collapse:collapse; color:#FFF; background:#E41F1F}
.contribution-add a, .contribution-add a:hover {color:#FFF; padding:.3em .5em}
.contribution-add .ico-close {direction:rtl; text-align:right; font-size:small}
.contribution-add .ico-close:before {height:16px}
.cell-share .ico-share:before, .contribution-add .ico-facebook:before, .contribution-add .ico-twitter:before, .contribution-add .ico-google:before {content:''; display:inline-block; vertical-align:sub; width:20px; height:16px; background:url('/m/o/icons-art.svg') no-repeat}
.cell-share .ico-share:before {background-position:-40px 50%; margin-right:.3em}
.contribution-add .ico-facebook:before {background-position:-220px 50%}
.contribution-add .ico-twitter:before {background-position:-240px 50%}
.contribution-add .ico-google:before {background-position:-260px 50%}

/*doplnky*/
#on-line-data .equip {margin:0}
#on-line-data .equ-img img {vertical-align:middle}
#on-line-data .equ-info {padding:10px; font-size:117%; border-top:2px solid #FFF}

/*online-box, online-table, online-fotogalery*/
.online-box, .online-table, .online-fotogalerie {/*width:610px;*/ padding:10px 10px 5px}
.col-b .online-box, .col-b .online-table {width:280px}
.online-box .title, .online-table .title, .online-fotogalerie .title {float:left; line-height:1.44; font-size:150%; font-weight:700}
.online-box .show-box, .online-table .show-box, .online-fotogalerie .show-box {width:50%}
#on-line-wrapper .online-box .ico-r, #on-line-wrapper .online-table .ico-r, #on-line-wrapper .online-fotogalerie .ico-r {float:right; margin:0 0 5px}
.online-box .ico-r a, .online-table .ico-r a {margin-left:10px}

.online-box ul {list-style:none}
.online-box p {margin:0 0 .5em; font-size:117%}

.online-table table {width:100%; margin:0 0 5px; border-collapse:collapse; font-size:117%}
.online-table .col1 {width:5%}
.online-table th, .online-table td {padding:5px; border:1px solid rgba(128,128,128,.1)}

/*sirky tabulky*/
.online-table .col-order {width:1%}
.online-table .col-result {width:10%}

.online-fotogalerie .box-in {overflow:hidden; width:100%}
.online-fotogalerie .box-img {width:110%}
.online-fotogalerie .box-img img {float:left; margin:0 23px 5px 0; vertical-align:middle}
.online-fotogalerie .more {margin:0 0 5px; font-size:117%}

#on-line-video .video-wmv {padding-left:10px}
#on-line-video #on-line-text a {display:block; margin:0 0 22px; padding:20px 20px 20px 200px; line-height:45px; font-size:175%; font-weight:700; background:#EEE; background:rgba(0,0,0,.07)}
#on-line-video #on-line-text img {float:left; margin-right:10px}

#on-line-wrapper .ico-r {margin-bottom:12px}
#on-line-add-top-content.box-in {padding-bottom:10px}

#on-line-add-results {}
#on-line-add-results table {width:100%; margin-bottom:5px; border-collapse:collapse; /*font-size:92%*/}
#on-line-add-results th, #on-line-add-results td {/*padding:2px 5px; border:1px solid #FFF*/}
#on-line-add-results .col1 {width:9%}
#on-line-add-results .col3, #on-line-add-results .col4, #on-line-add-results .col5 {width:18%}
#on-line-add-results-content .ico-r {margin:0 0 5px}
#on-line-add-results-content .ico-r a, .q-js .choice #on-line-add-results-content .ico-r a.ico-pack {display:none}
.q-js #on-line-add-results-content .ico-r a.ico-pack, .q-js .choice #on-line-add-results-content .ico-r a.ico-unpack {display:block}
.q-js #on-line-add-results.choice .hidden {display:none}

.q-js .brief .box-in .hidden {display:none}
.q-js .brief .box-in .ico-down, .q-js .box-in .ico-top {display:inline-block}
.q-js .brief .box-in .ico-top, .q-js .box-in .ico-down,
.q-js .briefly .box-in .ico-top, .q-js .briefly .box-in .ico-down {display:none}

.flink {width:100%; margin:0}
.flink a.left {float:left; font-weight:700}
.flink a.right {font-weight:700}

/* misto tohoto prepisovani rozmeru by se mel spis zacilit velky online a jen tomu nastavit velke rozmery */
#on-line-in-art #on-line-data, #on-line-in-art #on-line-top {width:auto}
#on-line-in-art #on-line-data .event {width:484px}
#on-line-in-art #on-line-data .time {border-right:0}

.tooltip-text:target {border:1px dotted red}
.tooltip-simple {left:50%; bottom:50%; line-height:22px; padding:0 .5em; border:1px solid #09F; color:#000; background:#FAFAFA; white-space:nowrap; font-size:11px; cursor:default}

#on-line-add-twitter .tweet {margin-bottom:3px; background:#f8f8f8; padding:3px 5px}
#on-line-add-twitter .tweet span {color:#b7b7b7; margin-left:3px}

/* stara diskuse v online */
.xtit {margin:0 0 7px; font-size:150%; font-weight:700}
#ol-diskuse .xei .disc-editor, #ol-diskuse .xei .disc-login, #moot-col-b .moot-editor, #moot-col-b .moot-login {display:none}
#moot-col-b #on-line-diskuse-data, #ol-diskuse .xei #ol-diskuse-data {border-radius:5px; padding:8px 10px 4px; background:#EEE; background:rgba(0,0,0,.07)}
#moot-col-b #on-line-diskuse-data p, #ol-diskuse .xei #ol-diskuse-data p {margin:0 0 .5em; font-size:92%}
#ol-diskuse-data .text {font-size:100%}

/* ze sportovnich online */
.on-line-rivals {display:table; table-layout:fixed; width:100%; line-height:1.3; border:1px solid #FFF; border-width:1px 0; color:#000; background:#DDD}
.on-line-rivals .half {display:table-cell; width:50%; padding:10px 10px 2px}
.on-line-rivals .half + .half {border-left:1px solid #FFF}
.on-line-rivals img {float:left; margin:0 10px 10px 0}
.on-line-rivals h3 {margin:0 0 .5em; font-weight:700; font-size:150%}
.on-line-rivals p {margin:0 0 .5em; font-size:117%}

/* online podle Misi */
.online-carousel {overflow:hidden; position:relative; top:-18px; width:1000px; min-height:380px; margin:0 0 12px}
.online-carousel img.block {width:100%; height:auto}
.online-carousel a, .online-carousel a:hover {color:#FFF}
.online-carousel .nava {position:absolute; left:0; bottom:0; z-index:2; width:100%; line-height:2.6; text-transform:uppercase; font-weight:700; font-size:150%; color:#FFF; background:#111}
.online-carousel .nava li {position:relative; float:left; display:block; padding:0 2em; border-right:1px solid rgba(128,128,128,.3); cursor:pointer}
.online-carousel .nava li:hover {background:#025cb5}
.online-carousel.prep-1 .nava-1, .online-carousel.prep-2 .nava-2, .online-carousel.prep-3 .nava-3, .online-carousel.prep-4 .nava-4, .online-carousel.prep-5 .nava-5, .online-carousel.prep-6 .nava-6,
.online-carousel.prep-1 .nava-1:hover, .online-carousel.prep-2 .nava-2:hover, .online-carousel.prep-3 .nava-3:hover, .online-carousel.prep-4 .nava-4:hover, .online-carousel.prep-5 .nava-5:hover, .online-carousel.prep-6 .nava-6:hover {background:#024a92; cursor:default}
.online-carousel.prep-1 .nava-1:before, .online-carousel.prep-2 .nava-2:before, .online-carousel.prep-3 .nava-3:before, .online-carousel.prep-4 .nava-4:before, .online-carousel.prep-5 .nava-5:before, .online-carousel.prep-6 .nava-6:before {content:''; position:absolute; top:0; left:50%; width:0; height:0; margin:-1em 0 0 -.7em; border-width:0 .7em 1em; border-style:solid; border-color:#024a92 transparent}
.online-carousel .online-carousel-in {position:absolute; bottom:0; left:0; right:0; /*z-index:1;*/ padding:1em 2em 75px; color:#FFF; background:rgba(0,0,0,.6)}
/*.online-carousel .online-carousel-in .arts-1, .online-carousel .online-carousel-in .text {margin-bottom:.9em}*/
.online-carousel .online-carousel-in > * {}

.online-carousel .online-carousel-box {position:absolute; bottom:0; left:0; right:0; /*z-index:1;*/ padding:1em 2em 5em; color:#FFF; background:rgba(0,0,0,.6)}
.online-carousel-box > div {position:absolute; width:100%; box-sizing:border-box; padding:0 2em; left:0; top:10px; bottom:75px}

@-webkit-keyframes blikani {
	0% {opacity:.2}
	50% {opacity:1}
	100% {opacity:.2}
}

@keyframes blikani {
	0% {opacity:.2}
	50% {opacity:1}
	100% {opacity:.2}
}

.online-carousel .state {display: inline; text-transform:uppercase}
.online-carousel .state:before {content:''; float:left; margin:.1em .5em 0 0}
.online-carousel .state.state-on {margin-top:.15em; color:#0E0}
.online-carousel .state.state-on:before {border:solid 6px rgba(200,0,0,0); border-left-width:12px; border-left-color:#0E0; -webkit-animation-name:blikani; animation-name:blikani; -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite}
.online-carousel .state.state-off {color:#f11}
.online-carousel .state.state-off:before {height:12px; width:12px; background:#f11}
.online-carousel .online-top-box {margin:0; overflow: hidden;/*position:absolute; bottom:230px;*/}
.online-carousel .online-top-box h1 {margin:0; font-size:250%; font-weight:700}
.online-carousel .online-top-box p {margin:0 0 .25em; font-size:117%; color:#ccc}
.online-carousel .short-message li {display:block; overflow:hidden; max-width:42em; max-height:2.66em; line-height:1.33; margin:.9em 0 0; font-size:133%}
.online-carousel .short-message li:before {content:''; float:left; width:7px; height:7px; margin:.2em .5em 0 0; background:#f11; border:2px solid #f11; border-radius:100%}
.online-carousel .short-message li > *:first-child {display:table-cell}
.online-carousel .kolotoc {padding:0 40px; margin-top:40px}
.online-carousel-box .kolotoc {padding:0 70px}
.online-carousel .kolotoc .nav {position:relative; height:0}
.online-carousel .kolotoc .nav a {position:absolute; top:60px; width:30px; height:30px; border:2px solid #FFF; transform:rotate(45deg)}
.online-carousel .kolotoc a.ico-prev {left:-30px; border-width:0 0 10px 10px}
.online-carousel .kolotoc a.ico-next {right:-30px; border-width:10px 10px 0 0}
.online-carousel .kolotoc .box-in {overflow:hidden; width:790px; margin:0 auto}
.online-carousel .kolotoc a {color:#FFF}
.online-carousel .kolotoc h3 {margin:.3em 0 .5em; text-transform:none; font-size:133%}
.online-carousel .kolotoc .art-img {margin:0;    position:relative}
.online-carousel .kolotoc li {width:230px; margin-right:40px}
.online-carousel .kolotoc li u {width:230px; height:129px; margin:0; padding:0}
.online-carousel .arts-stream {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); /*text-indent:1em;*/}
#online-carousel .arts-stream {/*display:block; left:0px; width:100%;*/}
.online-carousel .arts-stream #stream-prep {position:absolute; bottom:0; left:0; width:100%; padding:1em 0 5em; color:#FFF}
.online-carousel .arts-stream .video {float:left; width:500px; height:340px; margin:0 20px 0 250px; text-indent:1em}
.online-carousel .arts-stream h3 {margin-bottom:10px; font-size:133%}
.online-carousel .arts-stream li {list-style:none}
.online-carousel .arts-stream li {display:table; margin-bottom:5px; padding:6px 8px 4px; color:#fff; font-weight:700; cursor:pointer; border-radius:2px; background:#024a92; font-size:133%}
.online-carousel .arts-stream li.act {color:#024a92; background:#fff}

#stream-prep .video {display:none}
#stream-prep.prep-1 .video-1, #stream-prep.prep-2 .video-2, #stream-prep.prep-3 .video-3, #stream-prep.prep-4 .video-4, #stream-prep.prep-5 .video-5, #stream-prep.prep-6 .video-6, #stream-prep.prep-7 .video-7, #stream-prep.prep-8 .video-8, #stream-prep.prep-9 .video-9, #stream-prep.prep-10 .video-10 {display:block}
#stream-prep.prep-1 #stream-prep-a1, #stream-prep.prep-2 #stream-prep-a2, #stream-prep.prep-3 #stream-prep-a3, #stream-prep.prep-4 #stream-prep-a4, #stream-prep.prep-5 #stream-prep-a5, #stream-prep.prep-6 #stream-prep-a6, #stream-prep.prep-7 #stream-prep-a7, #stream-prep.prep-8 #stream-prep-a8, #stream-prep.prep-9 #stream-prep-a9, #stream-prep.prep-10 #stream-prep-a10 {color:#024a92; background:#fff}

.online-carousel .arts-gallery {position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8)}
.online-carousel .arts-gallery ul {position:absolute; bottom:0; overflow:hidden; margin:20px 15px 70px}
.online-carousel .arts-gallery li {float:left; list-style:none}
.online-carousel .arts-gallery a {position:relative; display:block; box-sizing:border-box; width:232px; height:130px; margin:5px}
.online-carousel .arts-gallery img {display:block; width:100%; height:auto}
.online-carousel .arts-gallery a:after {content:''; position:absolute; top:0; left:0; bottom:0; right:0; opacity:0; transition:opacity 200ms; background:rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 70%)}
.online-carousel .arts-gallery a:hover:after {opacity:1}
.online-carousel .arts-gallery li:last-child a {position:relative; padding:0 15px; line-height:132px; font-size:200%; font-weight:700; text-transform:uppercase; background-color:#024a92}
.online-carousel .arts-gallery li:last-child a:hover {background:#025cb5}
.online-carousel .arts-gallery li:last-child a:after {content:''; display:block; position:absolute; left:auto; right:20px; top:54px; width:18px; height:18px; opacity:1; background:none; border:2px solid #FFF; border-width:6px 6px 0 0; transform:rotate(45deg)}

.online-social {position:relative; margin:0; z-index:5}
.online-social ul {list-style:none; position:absolute; width:30px; right:0; top:0}
.online-social li {position:relative; float:left; line-height:21px; margin:0 10px 10px 0}

.online-social .logo-facebook, .online-social .logo-twitter, .online-social .logo-gplus, .online-social .logo-google, .online-social .logo-link, .online-social .logo-print {width:30px; height:30px; background:url(/o/zpr/online/social.png)}
.online-social .logo-facebook:hover, .online-social .logo-twitter:hover, .online-social .logo-gplus:hover, .online-social .logo-google:hover, .online-social .logo-link:hover, .online-social .logo-print:hover {background-image:url(/o/zpr/online/social-hover.png)}
.online-social .logo-facebook {background-position:0 0}
.online-social .logo-twitter {background-position:0 -40px}
.online-social .logo-gplus, .online-social .logo-google {background-position:0 -80px}
.online-social .logo-link {background-position:0 -120px}
.online-social .logo-print {background-position:0 -160px}

/*verze 2 - ze sportu*/
#on-line .art-social {position:relative; clear:both; z-index:5; margin:0}
#on-line .art-social ul {position:absolute; right:1px; top:0px; /*margin:0 0 0 5px;*/}
#on-line .art-social li {position:relative; float:none; display:block; margin:0 0 5px}


#on-line .logo-facebook, #on-line .logo-twitter, #on-line .logo-gplus, #on-line .logo-link, #on-line .logo-print,
#on-line .ico-facebook, #on-line .ico-twitter, #on-line .ico-google, #on-line .ico-link, #on-line .ico-print {display:block; width:25px; height:25px; border-radius:100%; background:#BBB url('/u/ico/default-social.png') no-repeat}
#on-line .logo-facebook, #on-line .ico-facebook {background-color:#3B5998; background-position:2px 2px}
#on-line .logo-twitter, #on-line .ico-twitter {background-color:#32AADC; background-position:2px -23px}
#on-line .logo-gplus, #on-line .ico-google {background-color:#D0462A; background-position:2px -48px}
#on-line .logo-link, #on-line .ico-link {background-color:#777; background-position:2px -73px}
#on-line .logo-print, #on-line .ico-print {background-color:#333; background-position:2px -323px}
#on-line #linkbox {left:-2px}

/* docasne pro stary .relative obal */
#on-line-data .event + .relative {overflow:hidden; margin:0; padding:0; font-size:100%}
.event + .relative .cell-share, .event + .relative .contribution-add .ico-close {display:none}
.event + .relative .contribution-add.h {display:block}
/* docasne - end */

/* sdileni pripsevku */
.contribution-add {display:none; position:absolute; right:5px; bottom:8px; line-height:25px; background:none}
.contribution-add a, .contribution-add a:hover {display:block; margin:0 3px; padding:0}
.contribution-add .ico-facebook:before, .contribution-add .ico-twitter:before, .contribution-add .ico-google:before {display:none}
.contribution-add .ico-facebook, .contribution-add .ico-twitter, .contribution-add .ico-google {width:25px; height:25px; padding:0; background-size:contain}
.contribution-add a {background-color:#024a92}
.contribution-add a:hover {background-color:#025cb5}

#on-line-commentary {margin:0 10px 1em}
#on-line-commentary h2, #on-line-commentary .list-tit2 {margin-left:0}
#on-line-commentary p {margin:0 0 .5em; font-size:125%}
#on-line-commentary .list-tit2 span, #on-line-commentary .list-tit2 a {text-transform:none; font-size:13px; font-weight:normal; color:#333}

#on-line-top-wrapper, #on-line-wrapper {margin-right:50px}
.art-social ~ #on-line-wrapper {min-height:60px}
#on-line-top {margin-right:50px}
#on-line-select + * #on-line-top {margin-bottom:20px}

#on-line-data a[class*="legend"] {clear:left; float:left; width:80px; text-align:center; margin:0 .5em 0 0}
#on-line-data .event a[class*="legend"], #on-line-data .event img.legend {width:auto}
#on-line-data a[class*="legend"] img.legend {margin-right:0}

#on-line-data a.webz-bg span:before, .on-line-data a.webz-bg span:before {display:none}
#on-line-data .event .header h4 {position:absolute; left:0; top:0; display:block; width:80px; margin-top:13px; padding:7px 0; text-align:center; font-size:86%; font-weight:700; color:#fff; background:#444}

#on-line-data .c1, #on-line-data .c2, #on-line-data .c3 {background:none}
#on-line-data .anchor {position:relative; top:-4em}

#on-line-data .o-c1, #on-line-data .o-c2, #on-line-data .o-c3 {position:relative; color:inherit; background:none}
#on-line-data .o-c1:after, #on-line-data .o-c2:after, #on-line-data .o-c3:after, #on-line-data .o-c3:before {content:''; position:absolute; top:100%; left:0; right:0; display:block; margin-left:90px; border-bottom:1px solid #CCC}

#on-line-data .o-c3:before, #on-line-data .o-c3:after {/*margin-top:-1px;*/ border-bottom:1px solid #dc9b9f}
#on-line-data .o-c3:before {top:-1px}

#on-line-data .time-in {padding:4px 5px; color:#333; background:#DDD}
#on-line-data .event span {display:block}

#on-line-data .o-c3 .time-in {color:#FFF; background:#B9151C}
#on-line-data .o-c3 .event {background:#ededed}
#on-line-data .o-c3 .contribution-add {display:block}
#on-line-data .o-c3 .event {padding-bottom:43px}

#on-line-data.row-time .event {padding:0 0 10px 0}
#on-line-data.row-time .event h4 {position:static; margin:0 0 10px}
#on-line-data.row-time .o-c3 {background:#ededed}
#on-line-data.row-time .o-c3 .time {margin:1px 10px 10px}
#on-line-data.row-time .o-c3 .event {padding:5px 10px 43px 10px}
#on-line-data.row-time .o-c1:after, #on-line-data.row-time .o-c2:after, #on-line-data.row-time .o-c3:after, #on-line-data.row-time .o-c3:before {margin-left:0}

.o-comment-box {position:static}
.o-comment-box:before {display:none}
.o-comment-box a {position:static}
.o-comment-box .box-in {padding:0}
.o-comment-box .box-in:hover {background:none}
.o-comment-box p {font-style:normal; font-size:122%; font-weight:700; margin-bottom:10px}
.o-comment-box h3 {bottom:0; left:210px; font-size:122%; font-weight:700}
.o-comment-box h3 {position:static; float:right; font-size:122%; font-weight:700}
.o-comment-box h3 small {font-size:82%; font-weight:400}
.o-comment-box img {float:left; margin-top:5px; width:140px; height:auto; margin-right:20px}

.o-glosa {line-height:1.4}
.o-glosa h3 {font-size:114%; font-weight:700; margin-bottom:5px}
.o-glosa p {font-size:114%}

.o-gal {position:static}
.o-gal a.webz-bg:after {display:none}
.o-gal p {font-size:84%; line-height:1.33}

.o-ank .header {padding:0; background:none}
.o-vid .header {padding:0; background:none}
.o-sta .header {padding:0; background:none}
.o-ank .header h3, .o-sta .header h3 {font-size:129%}
.o-host .img-ilu {position:absolute; left:0; top:65px}
.o-host h3 {font-size:129%; font-weight:700}
.o-host p {margin-bottom:5px}
.o-host a.webz-bg {margin-top:5px}

#on-line-data.row-time .o-host .img-ilu {position:static; float:left; margin-right:10px}
#on-line-data.row-time .o-vid h4, #on-line-data.row-time .o-ank h4, #on-line-data.row-time .o-sta h4 {float:left; margin-right:10px}

/* tisk */
@media print {
	#porad-otaz {display:none}
}