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

.multi-art, .anketa-art, .anketa-form, .moot-art, .online-art, .online-form form, .aukce-art, .test-art, .test-seznam, .poradna-art, .poutani-art {zoom:1}
.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 .5em; font-weight:700; line-height:1.2; font-size:162.5%; text-align:left;}
#poradny2 h2 {margin-bottom:0.5em; font-size:112.5%; 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:100%; font-weight:700; margin-bottom:.5em}
.online-art h2 .premlab {margin:0 .5em 0 0}
.online-art .duel {position:relative; width:630px; background:url('/o/zpr/online/logo_duel.gif') no-repeat 50% 30px; zoom:1}
.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:100%}
.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:0 0 1em 10px}
.moot-headline .ico-r {float:right; width:14em}
.moot-headline h3 {font-size:87.5%; 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:0 0 4px 10px}
.moot-art h3 {line-height:1.2; font-weight:600; font-size:125%; margin:0 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; zoom:1}
.online-form form {margin:0 0 1em; padding:0}
.online-form .relative {position:relative; width:100%}
.online-form label {display:block; font-size:68.75%; 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:68.75%}
.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 #CFD8DC; background:#ECEFF1; 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}
.online-form .bt.btn-prem {margin-bottom:1em; padding:.2em 1em}

/* diskuse */
#moot-form-out {margin:0 0 20px}
#moot-form-out h3 {margin:0 0 6px; font-size:112.5%; color:#B9151C}
#moot-form-out .inp {width:100%; border:1px solid #CFD8DC; background:#FFF}
.moot-form {position:relative; z-index:1; width:auto; height:auto; zoom:1; padding:10px 14px 16px 10px; background:#ECEFF1}
.moot-form .inputs input, .anketa-form input {vertical-align:middle; margin:0 0 1em}
.moot-form label, .anketa-form label {font-size:68.75%}
.moot-form .inputs label {display:block; text-transform:uppercase}
.moot-form .inputs label, .moot-login label {display:block; height:1.4em; font-size:68.75%; text-transform:uppercase}
.moot-form #d-editor-status {position:absolute; top:0; right:0; z-index:1; text-align:right; font-size:68.75%}
.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 #CFD8DC; background:#ECEFF1}
#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 #CFD8DC; border-radius:4px; background:#CFD8DC 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 #CFD8DC; border-radius:4px; background:#CFD8DC 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 1em; border:1px solid #CFD8DC; border-radius:3px; color:#FFF; background:#546E7A; 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:81%; text-decoration:none}
#moot-form-out button.webz-bg {margin-left:10px}
button.webz-bg:hover, a.webz-bg:hover {color:#FFF; background-color:#37474F}
button.webz-bg span, a.webz-bg span {display:inline-block; line-height:1.6666em; vertical-align:middle}
button.webz-bg img, a.webz-bg img {width:32px; margin-right:4px; 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:#ECEFF1}
.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:112.5%}

.moot-tip {margin:0 0 10px; padding:10px; border-radius:6px; background:#ECEFF1}
.moot-tip h3 {overflow:hidden; margin:0 0 .1em; font-size:112.5%; 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:87.5%}
.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 10px 10px}
.moot-line a, .moot-line small, .moot-line big {display:inline-block; margin-left:.6em}
.moot-line .pasive {margin-left:14px; color:#CFD8DC}
.moot-line big {font-weight:700; font-size:100%}
.moot-line b {font-weight:400}
.moot-line a {text-decoration:underline}

.online-list h3 {font-size:100%; font-weight:700; margin-bottom:0.5em; margin:10px}
.online-list .answ, .online-list .quest {font-size:87.5%; 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:87.5%; 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; zoom:1}
.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:81%; 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:#CFD8DC}
.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:68.75%; padding:0 10px}
.moot-skryte a {color:#546E7A}

.kodex {background:#D3DDE8; border-left:3px solid #CFD8DC; 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 inherit; 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:81%}

.moot-table {width:100%; margin:0 0 22px; border:0; border-collapse:collapse; font-size:100%}
.moot-table td, .moot-table th {padding:.5em 10px; vertical-align:top}
.moot-table th {padding:6px 10px; white-space:nowrap; color:#263238; background:#CFD8DC; font-weight:700}
.moot-table .c1 {background:#ECEFF1}
.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:87.5%}
.test-art p {margin:0 0 .5em; font-size:100%}
.test-art li {margin:0 0 .5em 2em}
.test-art ul li, .test-art li li {list-style:none; margin:0 0 .5em 1em; padding-left:1em; background:url('/o/zpr/li_sqr_a.gif') no-repeat 0 .55em}
.test-art li li {background:url('/o/zpr/li_sqr_b.gif') no-repeat 0 .55em}

.multi-ul {width:100%; margin:0 0 22px; border:0; font-size:87.5%}
.multi-ul, .multi-ul li {display:block}
.multi-ul li {padding:.5em 10px; vertical-align:top}
.multi-ul li.th {padding:6px 10px; white-space:nowrap; color:#333; background:#CFD8DC; font-weight:700}
.multi-ul .c1 {background:#ECEFF1}
.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; zoom:1}
.no-dot {background:none}
.aukce-art h2 a {text-decoration:none; color:#546E7A}
.aukce-art h2 a:hover {text-decoration:underline}
.aukce-art p {line-height:1.6; margin:0 0 .5em; font-size:100%}
.aukce-art img {float:left; margin:0 15px 10px 0}
.aukce-list {padding-left:10px;margin:0 auto}
.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:112.5%; font-weight:700}
.aukce-art h1 {font-size:162.5%}
.aukce-list p {margin:0 0 1em; font-size:100%}
.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 #CFD8DC; background:#ECEFF1; font-size:150%}
.aukce-list .aukce-prihoz {float:right; padding:0 10px 0 0}
.aukce-list #prihozena-castka, .aukce-list #telefon {height:1.6em; line-height:1.6em}
.aukce-list #telefon {width:12em}
.aukce-list input.bt {margin-top:28px; font-size:93.75%; font-weight:700}
.aukce-prihoz .warning {width:250px}
.aukce-prihoz button.webz-bg {margin-top:24px; font-size:87.5%}
.aukce-refresh {float:right; margin:-50px 10px 0}
.aukce-refresh button.webz-bg {border-color:#CFD8DC; color:#000; background:#CFD8DC url('/u/n4/button-bg.gif') repeat-x 0 0 / contain}
.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:#546E7A; font-size:68.75%; margin-top:-15px}
.aukce-souhrn {margin:0 0 30px; border:0; border-collapse:collapse; font-size:87.5%; text-align:left}
.aukce-souhrn td, .moot-souhrn th {padding:.5em 10px .5em 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:87.5%; text-align:right}
.aukce-table td, .moot-table th {padding:.5em 10px; border:0; vertical-align:top}
.aukce-table th {padding:6px 10px; white-space:nowrap; color:#263238; background:#CFD8DC; font-weight:700}
.aukce-table .c1 {background:#ECEFF1}
.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 #CFD8DC; 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 {margin-left:10px}
.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 - pouziva se jeste? */
.test-html {margin-bottom:1em; padding:0 0 10px 10px}
.test-html-in {font-size:100%; 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 */
/*k pozdejsimu smazani*/
/*.test-seznam {padding:0 0 10px 10px; margin-bottom:1em}
.test-seznam h3 {font-size:100%; font-weight:700; margin-bottom:6px}
.test-seznam ul, .test-seznam ol {margin-bottom:1em; font-size:87.5%; 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-seznam {padding:0 0 10px 10px; margin-bottom:2rem}
.test-seznam h3 {margin-bottom:1rem}
.test-seznam ul, .test-seznam ol {margin-bottom:2rem; font-size:87.5%; line-height:1.5}
.test-seznam ul li { margin-bottom:1rem; list-style:none;}
.test-seznam li h4 { font-weight:700; font-size:1.125rem;font-family: 'Fira Sans', sans-serif;}
.test-seznam li p {margin-bottom:.125rem;}
.test-seznam .arr-right:after {content:""; display:inline-block; width: 0.8em; height: 0.9em;  margin-left: 2px;  vertical-align: middle; background: url(//1gr.cz/u/icon/137/arrow2-right.svg) no-repeat;  background-size: contain;}


.test-art {margin:0 0 1em 10px; border-bottom:solid 2px #ECEFF1}
.test-art img {display:block; margin:0 15px -2px 0}
.test-art .btn {display: table; height:2.5em; line-height: 2.5;margin: 0 0 auto auto;  padding: 0em 1em; font-size: 14px; font-weight: 700; border-radius: 3px; background: #eaeaea;}
.test-art .btn:hover {background: #CFD8DC; text-decoration:none}
.test-art h2, .test-art h1 {display:inline; margin:0 .4em 0 0; font-size:187.5%; font-weight:700}
.test-art h1 {font-weight:700}
.test-art h2, .test-art h2 a {color:#546E7A; text-decoration:none}
.test-art h2 a:hover {text-decoration:underline}
.test-art .opener {margin:.6em 0 1em}
.test-art .opener p {margin:0}

/* test form */
.test-form h3 {font-size:112.5%; margin-bottom:.6em}
.test-form h4 {margin:0 0 1em; font-size:112.5%; font-weight:700}
.test-form h4 small {color:#546E7A}
.test-form p {margin:0 0 1em; font-size:87.5%}
.test-form .tf-title {margin:0 0 1em; font-size:112.5%; font-weight:700}
.test-form .tf-title p {margin:0; font-size:100%}
.tf-title * {margin-bottom:10px}
.tf-title h3 {font-size:112.5%; font-weight:700}
.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:87.5%}
.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:87.5%}
.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:#CFD8DC}
.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:100%; border-radius:3px; border:none; background:#eaeaea}

.test-form .star {position:relative}
.test-form .star:hover:after {content:'Povinn\fd \20 \fa 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:87.5%}
.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-form .dragable {position:relative; z-index:2}
.test-form .dragable .tf-answ {transition: transform .25s;}
.test-form .dragable .tf-answ.tazene {z-index: 10;box-shadow: 0 0 0 2px #FFF;}
.test-form .dragable label {padding-left:15px; cursor: move;}
.test-form .dragable label:before {content: "";width: 16px;height: 24px;position: absolute;left: 7px;top: 50%;margin-top: -12px;display: block;background: linear-gradient(45deg, #444 15%, rgba(68,68,68,0) 25%);background-size: 4px 4px;background-position: 0 3px;transition: .5s;}
.test-form .dragable .tf-answ:hover label:before {background-position: 0px 19px;}
.test-form .dragable .tf-answ.tazene label {opacity:.8}
.test-form .dragable-answ label, .test-form .dragable-answ label:hover {cursor:auto; background-color: #83DA65;}

.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:137.5%}
.test-score h4 small {color:#666}
.test-score p {font-size:87.5%; 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:93.75%; 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:87.5%}
.test-survey p {margin-bottom:10px}
p .ts-true {color:#B9151D; font-size:175%; padding-left:6px}
p .ts-quest {padding-left:6px; font-size:100%}

.test-table {width:100%; color:#333}
.test-table td {padding:.5em 20px}
.test-table .wid-a {white-space:nowrap}
.test-table .wid-b {padding:.5em 10px .5em 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:56%; 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:100%; font-weight:700}
.test-answer p {font-size:87.5%; 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:87.5%; border:0 none; font-size:87.5%; 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:12px; height:12px; margin:-8px 0 0 -8px; border-radius:100%; border:solid 2px #666; background:#fff; box-shadow: 1px 1px 3px rgb(0 0 0 / 40%);}
.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;*/ border-color:#000; fill:#30bd01}
.geokviz .spatne {background:#E41F1F; /*border-color:#b00;*/ border-color:#000; fill:#E41F1F}
.geokviz .btn {display:block; padding:6px 10px 5px; cursor:pointer; font-weight:700; color:#fff; text-align:center; background:#e41f1f}
.geokviz select {margin-right:10px; padding:4px 3px 4px; border-radius:0; font-weight:700; 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:3.2em; height:25px; font-size:154%; color:#444; font-weight:700; padding:1px 6px}
.geokviz-zadani {margin-bottom:30px; font-size:125%}
.geokviz-zadani strong {display:block; height:1.5em; color:#e41f1f}
.geokviz-zbyva {text-align:right; font-weight:700; color:#333}

.geokviz-skore {position:relative; width:100%; height:16px; margin:0 0 20px; overflow:hidden; border-radius:12px; border:solid 1px #CFD8DC; background:#ECEFF1}
.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:700; text-align:center}
.geokviz-hodnoceni .kruh {width:130px; height:130px; margin:0 auto 10px; padding:10px 10px; font-size:112.5%; 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:112.5%; 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:700; 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:87.5%; border-collapse:collapse }
.zebricek-b th {font-size:86%; font-weight:700; line-height:1; vertical-align:bottom; border-bottom:solid 1px #CFD8DC }
.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 #ECEFF1}
.zebricek tr:hover {background:#ECEFF1}
.zebricek th {padding:2px 5px}
.zebricek tr:first-child {background:#ECEFF1}
.zebricek td {padding:2px 5px}

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

#poradny2 h1 {margin-bottom:0}
#poradny-top .ico-r {float:right; width:12em}
.poradny-opener {width:100%; margin-bottom:22px; background:#ECEFF1}
.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:87.5%; 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:100%; 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 #CFD8DC; background:#ECEFF1}
/*answer*/
#poradny .answ .ico-r {float:right; width:18em}

#poradny .art {padding-left:188px}

/* 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:100%; font-weight:700}
#porad-kateg li li {float:none; margin-bottom:0}
#porad-kateg li li a {font-size:87.5%}

/* poradna */
/*#porad-vypis {border-top:3px solid #CFD8DC; 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:100%}
.por-top .por-search {float:right}

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

.por-lactual {margin:0 0 22px}
.por-lactual .bg0 {background:#ECEFF1}
.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:100%; font-weight:700}
.por-art img {float:left; margin:0 15px 0 0}
.por-art p {font-size:87.5%; 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:100%; font-weight:700}
.por-category ul {margin:0 0 1em; font-size:87.5%; 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:87.5%}
.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:87.5%; 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; font-size:75%; 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:110%; 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-top h2.fl .premlab {float:left; margin:.3em 1em 0 0}

.por-discussion h5 {position:relative; display:inline-block; min-width:50px; min-height:25p; margin:0 0 5px -14px; font-size:100%}
.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-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:87.5%}
.por-discussion .name {text-align:right; font-weight:700; font-size:87.5%}
.por-discussion img {float:left}
.por-discussion .quest img {margin:5px 5px 0 0}
.por-discussion .quest {padding:10px; margin:0 0 10px; background:#CFD8DC}
.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:#ECEFF1}

/*b-boxy*/
#por-nejnovejsi .entry {padding:15px 10px; margin:0 0 10px; background:#ECEFF1; border-radius:5px}
#por-nejnovejsi img {float:left; margin:0 10px 0 0}
#por-nejnovejsi h3 {margin:0 0 2px; font-size:87.5%; 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:112.5%}
#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:112.5%; 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:106.25%; 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:100%; 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:#ECEFF1; border:1px solid #CFD8DC; 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:100%; font-weight:700; margin-bottom:0.5em; padding:4px 0}
#vys-celk .vc-first {background-color:#ECEFF1}
#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:68.75%}
#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:262.5%; 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:100%; 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:87.5%; line-height:normal}
#znamk-polit h4 {font-weight:700}
#znamk-polit ul {position:absolute; top:134px; width:220px; font-size:75%}
#znamk-polit li {float:left; display:block; width:34px; height:auto; min-height:none; 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:68.75%}
#znamk-polit .vote .vote .rate {top:3px; font-size:106.25%; 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 #CFD8DC}
#strife-more h2 {margin:10px 10px 7px; min-height:1.6em; color:#546E7A; font-size:112.5%; 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:112.5%; font-weight:700}
#strife-more .col-p p {font-size:87.5%}

/* diktat */
.diktat-art {border:none}
/*#proof {padding:0; zoom:1}*/
#proof h2 {margin-left:10px}
.diktat-vysledek {line-height:2em; padding:1em; border-radius:.3em; font-size:large; background:#ECEFF1}
.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:106.25%; 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:#ECEFF1}
#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:100%}
#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}

.fotoduel-text {margin-bottom:2rem}

.fotoduel-vote {display: flex;justify-content: space-between;margin-bottom: 20px;}
.fotoduel-vote-in {width: 49.2%;margin: auto auto 0;/* overflow: hidden; */border: none;background: none;padding: 0;cursor:pointer;text-align: left;}
.fotoduel-vote .image {position:relative;}
.fotoduel-vote img {position:relative; width:100%; height:auto}
.fotoduel-vote  .not-selected .image:after {content:""; position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(255,255,255,.5)}

.fotoduel-vote input {position:absolute; visibility:hidden}

.fotoduel-btn .ico-thumb-up, .fotoduel-btn .ico-gallery, .fotoduel-chart-link .ico-gallery {display:inline-block;width:20px;height:20px;margin-right: 10px;vertical-align: bottom;background:url(//1gr.cz/o/zpr/fotoduel/ico-thumb-up.svg) no-repeat;background-size:contain;}
.fotoduel-btn .ico-gallery, .fotoduel-chart-link .ico-gallery {background-image:url(//1gr.cz/o/zpr/fotoduel/ico-gallery.svg)}

.fotoduel-btn {display: block;margin: 0 0 11px;padding: 10px;text-align:center;color: #1B3E7A;font-weight: bold;border-radius:3px;border:solid 1px #678AC6;box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);}
.fotoduel-btn:hover, .fotoduel-vote .selected .fotoduel-btn {color:#fff;text-decoration:none;background-color:#1b3e7a;box-shadow:none}
.fotoduel-btn:hover .ico-thumb-up, .fotoduel-vote .selected .fotoduel-btn .ico-thumb-up {background-image:url(//1gr.cz/o/zpr/fotoduel/ico-thumb-up-inverse.svg) }
.fotoduel-btn:hover .ico-gallery {background-image:url(//1gr.cz/o/zpr/fotoduel/ico-gallery-inverse.svg)}

.fotoduel-link, .fotoduel-chart-link {color:#1B3E7A;font-weight: bold;margin-bottom: 40px;display: block;}
.fotoduel-link .ico-back {display:inline-block;width:.8em;height:.9em;margin-right: 10px;vertical-align: middle; transform:scaleX(-1); background:url(//1gr.cz/u/icon/137/arrow2-right.svg) no-repeat;background-size:contain;}

.fotoduel-chart {margin-bottom:2rem}
.fotoduel-chart h2 {text-transform:uppercase;letter-spacing: 2px;}
.fotoduel-chart ul {display:flex; flex-wrap:wrap; justify-content: space-between; margin:25px 0 15px ;  list-style:none}
.fotoduel-chart li {width:32.33%; margin-bottom:1.5%; position: relative;}
.fotoduel-chart li:first-child {width:100%}
.fotoduel-chart li:nth-child(2), .fotoduel-chart li:nth-child(3)  {width:49.2%}
.fotoduel-chart img {display:block; width:100%; height:auto}
.fotoduel-chart .image-info {position:absolute;bottom: 8px;left: 8px;color: #fff;text-shadow: 0 0 10px 0 rgba(0,0,0,0.5);}
.fotoduel-chart .image-info strong {display: inline-block;height: 24px;width: 24px;line-height: 24px;text-align: center;font-size: 112.5%;border: solid 1px #fff;border-radius: 3px;background: rgba(38,50,56,0.8);}
.fotoduel-chart .fotoduel-btn {background:#EFF3F9;}
.fotoduel-chart .fotoduel-btn:hover {color:#fff;background:#1b3e7a;border-color: #1b3e7a;}

.fotoduel {margin-left: 10px;}
.fotoduel .captcha {width:430px;font-size: 14px;margin-bottom: 40px;}
.fotoduel .captcha img {float:left}
.fotoduel .captcha label {font-size:100%}
.fotoduel .captcha input#overeni {width:200px;margin-bottom:5px; padding:5px;}
.fotoduel .captcha .error-text {float: right; margin-right: 30px; width: 120px; color: #f00; font-size: 80%;}
.fotoduel .captcha .fc0 {display:none}
.fotoduel .captcha input[type=submit] {}

/* 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:93.75%}
.poutani-art .entry {margin:0 0 1em; padding:4px 9px; border:1px solid #ECEFF1}
.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:93.75%; 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:87.5%}

/* on-line - presunuto do online.css*/


/*online col-b - presunuto do online.css*/

/* moot-in-b - presunuto do online.css */

/*on-line-add-mid - presunuto do online.css*/

/*online - presunuto do online.css*/

.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:112.5%; 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:#ECEFF1}
#moot-col-b #on-line-diskuse-data p, #ol-diskuse .xei #ol-diskuse-data p {margin:0 0 .5em; font-size:68.75%}
#ol-diskuse-data .text {font-size:100%}

/* ze sportovnich online - presunuto do online-sport, ale nevim, k cemu patri */

/*kus mezi predpisy pro online, patri jen k onlinu?*/
#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}




/* sdileni pripsevku - patri jen k onlinu?*/
.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}

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