@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700&subset=latin,latin-ext');
@import url('/css/newspaper/mfd-hermes.css');
html, body {height:100%; position:relative; margin:0; padding:0; color:#222; background:#FFF;}
html, body, .btn {font-family:"Open Sans", sans-serif;}
h1, h2, h3, #p-sticky, .vyber-predplatneho th, .vyber-predplatneho big, .vyber-predplatneho h4, .step, .benefits, #help-link {font-family:Oswald, sans-serif;}
#wrapper, #uvod, .people-art, #content .content, #prepgal li {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
input, .ui-checkbox, .ui-radio, .ui-selectbox {outline:none; accent-color:#ED1C2E}
#wrapper {min-height:100%; height:auto !important; height:100%; margin:0 auto -2.6em; padding:2.5rem 0 2.6em}

.content {position:relative; max-width:1000px; margin:0 auto; padding:0 0 .1px}
h1 {margin:0 0 .5em; font-weight:300; font-size:300%; text-align:left}
h1 strong {padding-left:.1em; font-weight:400}
h2 {margin:0 0 .5em; font-weight:400; font-size:300%;}
h2[id] {margin-top:-1.5em; padding-top:1.5em;}
h3 {margin:0 0 .5em; font-size:150%}
h3[id] {margin-top:-3em; padding-top:3em;}
h4 {margin:0 0 .5em; font-size:134%}
@media screen and (max-width:640px){h1, h2 {font-size:250%;}}
.col-a {width:640px; float:left;}
.col-b {width:300px; float:right;}
@media screen and (max-width:1000px){.col-a, .col-b, .col-full {float:none; margin:0 auto 1em} .col-b, .col-full {width:640px}}
@media screen and (max-width:660px){.col-a, .col-b, .col-full {width:100%}}
.w49 {width:48%}
@media screen and (max-width:640px){.fl.w49, .fr.w49 {float:none; width:100%;}}
li ul {margin-left:10px}

/* kotvy */
a[name] {position:relative; top:-4em; display:block;}

.btn {display:inline-block; line-height:2; padding:0 .8em; border:1px solid transparent; border-radius:4px; color:#FFF; background:#666 url("/u/free.gif"); text-decoration:none; font-weight:700; transition:all .3s; }
.btn.btn-0 {color:#FFF; background:#222;}
.btn-next {display:block; margin:0 auto; padding-right:42px; background-image:url('/o/newspaper/predplatne/btn-next.png'); background-position:100% 50%; background-repeat:no-repeat}
.btn:hover {color:#FFC}
.btn strong {white-space:nowrap}
a.btn.table {display:table}

.linebox { margin-bottom: 30px; padding: 15px 0 5px; border-top: solid 1px #999; border-bottom: solid 1px #999;}

.loading {position:fixed; top:0; left:0; bottom:0; right:0; z-index:1000; filter:alpha(opacity=50); opacity:0.5; background:#000 url('/u/indicator70.gif') no-repeat center}

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

#content .content {padding:2rem 10px 1rem}
.header-block + #content .content {padding-top:0}

.b-box {margin:0 0 20px}
@media screen and (max-width:1000px){.b-box {float:left; width:300px; margin-right:20px}}
@media screen and (max-width:660px) {.b-box, .b-box:nth-child(2n) {float:none; margin:0 auto 1.5em;}}
@media screen and (max-width:320px) {.b-box {width:100%}}
.b-box h2 {font-size:250%; text-align:center}
.b-box h2 + img {display:block; margin:0 auto -15px;}
.b-box h2 + img + .box-in {padding-top:25px}
.b-box .box-in {padding:10px 20px; background:rgba(128,128,128,.135)}
.b-box li {list-style:disc outside none; margin:0 0 1em 1em; font-size:117%;}
.b-box li li {margin-top:.5em; margin-bottom:.5em; font-size:100%}
#help-box {text-align:center}
#help-box .btn {padding:.3em 1.6em; font-size:167%}
#help-box .tel {width:5.9em; line-height:56px; margin:.3em auto 0; font-size:257%; color:#666}
#help-box strong {display:block; line-height: 1; font-size:small}
#help-box .provoz {margin:0 auto; font-size:125%}
#help-box .provoz th {padding-bottom:2px; text-align: center;}
#help-box .provoz td:first-child {padding-right:10px}

#b-prihlaseni ul {}
#b-prihlaseni li {list-style:none; font-size: 125%;}

#vyber-platby {position:relative;}
#vyber-platby h1 {position:relative}
#vyber-platby h1:before {content:"nebo"; position:absolute; top:100%; left:50%; width:4em; margin:1em 0 0 -2em; text-align:center; font-size:medium; color:#333}
#vyber-platby h1:after {content:""; position:absolute; top:100%; left:50%; width:0; height:5em; margin:1.2em 0 0; border:1px solid #EEE; border-width:0 1px;}
@media screen and (max-width:660px){
#vyber-platby .w49 {float:none; width:100%}
#vyber-platby h1:before, #vyber-platby h1:after {display:none}
}
#vyber-platby h3 {text-align:center}
#vyber-platby p {margin:0 0 1em}
#vyber-platby #voucher {width:58%}

.step {display:table; table-layout:fixed; width:100%; margin:0 auto 1.5em; font-size:medium}
.step li {display:table-cell; text-align:center; overflow:hidden; color:#EEE;}
.step li.act-last {color:#333;}
.step i {position:relative; display:block; margin:0 auto .3em; width:2em; height:2em; line-height:2; border:4px solid #EEE; border-radius:100%; color:#FFF; background:#EEE; font-style:normal;}
.step i:before, .step i:after {content:""; position:absolute; top:50%; right:100%; width:1000%; height:10px; margin:-9px -3px 0; border:4px solid #E8E8E8; border-color:#EEE transparent; background:#EEE;}
.step i:after {right:auto; left:100%;}
.step li:first-child i:before, .step li:last-child i:after {display:none}
.step li.act-last i:after {background:#EEE; margin-left:0}
.step .act i, .step .act i:before, .step .act i:after {background:#666}
.step p {font-size:117%}

.week-table {display:table; table-layout:fixed; width:100%;}
.week-table li {display:table-cell; vertical-align:top;}
@media screen and (max-width:600px){ ul.week-table, ul.week-table li {display:block; width:100%;margin-bottom: 1rem;}}
.week-table img {position:relative; display:block; width:88%; margin:0 0 .5em;box-shadow: 0px 0px 5px rgba(99, 99, 99, .2);}
.week-table .rulicka {margin-left: 2%; margin-top: -20%; box-shadow: none;}
.week-table .img-spodni {position:absolute; top:1px; left:12px}

[type=checkbox].graphic+label { font-size: 117% } 

.text [type=checkbox].graphic+label { font-size: 100% } 
.week-table li { position:relative; overflow:hidden }
.week-table label { font-size:117% }
.week-table label:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: '' }
.week-items-1, .week-items-2, .week-items-3, .week-items-4, .week-items-5, .week-items-6 { /*display: block*/ }
/*padding-top pro prekryvajici se tituly (sobotni prilohy)*/
.week-items-1 li, .week-items-2 li, .week-items-3 li, .week-items-4 li, .week-items-5 li, .week-items-6 li { /*display: inline-block*/ padding:30px 0 .2em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;  }
.week-items-6 li { width: 16.5% }
.week-items-5 li { width: 20% }
.week-items-4 li { width: 25% }
.week-items-3 li { width: 33.2% }
.week-items-2 li { width: 50% }
.week-items-1 li { width: 100% }
.helper { position: relative; margin: 0 }
.helper * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.helper input[type='text'] { float:none; width: 100%;}
form .helper input[type='text'] {margin-bottom:0px}
.helper ul.loading { top: 0; bottom: 0; right: 1px; border: 0; padding: 0; width: 1.8em; box-shadow: none; background: url(data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==) 50% 50% no-repeat; }
.helper ul { position: absolute; top: 100%; width: 100%; right: 0; max-height: 15em; overflow: auto; border: 1px solid #5F5F5F; border-top: 0; padding: 0 0.5em; display: block; cursor: default; box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.25); color:#333; background:#FFF}
.helper ul li { margin: 0 -0.5em; padding: 0.2em 0.5em }
.helper ul .highlight { background: highlight; color: highlighttext; } 

@media screen and (max-width:600px){
    .week-table .ui-checkbox span {display:block; clear:both; padding:.3em 0 0; font-size:86%;}
    .week-table .rulicka {margin-top:-6%}
}

.i-help, .i-close, .ico-close, .i-correct, .i-edit, .i-read, .i-24h, .i-12h, .i-6h, .i-mf, .i-ln, .i-top, .i-tm {overflow:hidden; text-indent:-1000px; display:inline-block; width:21px; height:21px; background-image:url("/o/newspaper/predplatne/hint-mfd.png"); background-repeat: no-repeat}
.i-close, .ico-close, .i-correct, .i-edit, .i-read, .i-24h, .i-12h, .i-6h, .i-mf, .i-ln, .i-top, .i-tm {vertical-align:middle}
.i-help {background-position:-7px -7px}
.i-help:hover {background-position:-42px -7px}
.i-close, .ico-close {background-position:-7px -42px}
.i-close:hover, .ico-close:hover {background-position:-42px -42px}
.i-correct {background-position:-7px -77px}
.i-correct:hover {background-position:-42px -77px}
.i-edit {background-position:-7px -112px}
.i-edit:hover {background-position:-42px -112px}
.i-read {background-position:-7px -147px}
.i-read:hover {background-position:-42px -147px}
.i-24h {background-position:-7px -217px}
.i-24h:hover {background-position:-42px -217px}
.i-12h {background-position:-7px -252px}
.i-12h:hover  {background-position:-42px -252px}
.i-6h {background-position:-7px -287px}
.i-6h:hover  {background-position:-42px -287px}
.i-mf {background-position:-7px -322px}
.i-mf:hover  {background-position:-42px -322px}
.i-ln {background-position:-7px -357px}
.i-ln:hover  {background-position:-42px -357px}
.i-top {background-position:-7px -392px}
.i-top:hover  {background-position:-42px -392px}
.i-tm {background-position:-7px -427px}
.i-tm:hover  {background-position:-42px -427px}
.i-card { width:33px; height:21px; background: url('//data.idnes.cz/soubory/predplatne-mfdnes/A150513_MH_022_UAMK-MINI.PNG'); background-repeat:no-repeat}

.tooltip {overflow:inherit; position:relative; display:inline-block; line-height:1.33em; margin:0 0 0 5px; vertical-align:top; cursor:pointer; text-indent:0}
.tooltip-box {display:none; position:absolute; z-index:1; left:50%; bottom:50%; width:250px; min-height:30px; line-height:1.33; padding:10px; border:1px solid #E0E0E0; border-radius:5px; font-size:14px; font-weight:400; white-space:normal; color:#333; background:#FFF}
.tooltip:hover .tooltip-box {display:block}

.tooltip.i-card {margin: -8px 0 6px 17px;}

.alert-true, .alert-false, .alert-info {position:relative; z-index:1; min-height:50px; margin:0 0 1em; padding:20px 20px 1px 56px; border-radius:5px; font-size:125%}
.alert-true, .alert-false {color:#FFF;}
.text .alert-true, .text .alert-false, .text .alert-info {font-size:100%}
.alert-true:before, .alert-false:before, .alert-info:before {content:""; position:absolute; left:10px; top:12px; width:36px; height:36px; background:url('/o/newspaper/predplatne/icons-b.png') no-repeat;}
.alert-false:before {background-position:0 -40px}
.alert-info:before {background-position:0 -80px}
.alert-true a, .alert-false a, .alert-info a {font-size: 113%; font-weight: bold;}
.alert-true a, .alert-false a {color:#FFF;}
.alert-true a:hover, .alert-false a:hover, .alert-info a:hover, .alert-info a:hover {color:#FFF; text-decoration:none}
.alert-true p, .alert-false p, .alert-info p {margin:0 0 1em;}
.alert-true {background:#59A819}
.alert-false {background:#D7031C}
.alert-info {color:#000222; background:#CCC}

.nahled-info {width:100%; margin-bottom:2em; border-top:dashed 2px #D7031C; border-bottom:dashed 2px #D7031C;}
.nahled-info .alert-info {max-width:600px; margin:0 auto; border-radius:0; background-color:#fff}
.nahled-info .alert-info .big{font-size: 120%;}
.nahled-info .alert-info a{color:#000}
.nahled-info .alert-info a:hover{color:#D7031C}


.form {}
.form h3 {margin: 1em 0 0.5em}
.form label {/*font-size:117%;*/ font-size:.875rem; line-height:1.8;}
.form label i {font-style:normal}
.form .text li label {font-size:100%;}
.form .images label {display:block; margin-bottom:10px; font-size: 113%; line-height: 1.33;}
.form .error {display: inline-block; font-size:117%; color:#C00; text-align:right}
.form input[type="text"], .form input[type="email"], .form input[type="password"], .form input[type="date"], .form textarea, .form select {/*width: 170px;*/ line-height:1.4; margin:0px 0 10px; padding:.2em .5em; border:1px solid #D4D4D4; font-size:.875rem; font-weight:normal; color:#333; background:#FFF url("/u/portal/p-search-inp.gif") repeat-x; outline:0; -webkit-transition: border 200ms; transition: border 200ms linear;}
.form .erroneous input {border-color:#C00}
.form input.edit-name {width:12em; margin-bottom:0; font-size:100%}

.form label.fl+.fr {width:75%}
.form label.fl+.calendar-wrapper { margin-bottom: 1em; padding-left:.5em}
.form label.fl+.calendar-wrapper .fr {float:none; width: 162px; margin-bottom: 0;}
.form label.fl+.calendar-wrapper .calendar-box {top:auto; bottom:100%; margin-bottom:6px}
.form .w49 {margin-bottom:10px}
.form .w49 label.fl+.fr {width:65%; margin-bottom: 0;}
@media screen and (max-width:550px){.form label.fl+.fr {width:65%}}
@media screen and (max-width:440px){.form label.fl, .form label.fl+.fr, .form .w49 label.fl+.fr {float:none; display:block; width:100%}}
.form select {}
.form textarea {line-height:1.5; min-height:7em}
.form input[type="text"]:active, form input[type="email"]:focus, .form input[type="date"]:focus, .form input[type="text"]:focus, .form input[type="password"]:active, .form input[type="password"]:focus, .form textarea:active, .form textarea:focus, .form select:active, .form select:focus {border-color:#5F5F5F;}
.form .btn {font-size:125%;}
.form .btn[disabled],.form .btn[disabled]:hover {border:0; color:#CCC !important; background:#EEE !important;}
.form hr {border:1px solid #CCC; border-width:1px 0 0;}
.form .images input {margin-bottom:.3em}

#add-box label {width:217px;}

label[for=conditions2] .error {text-align:left}

.text p, .text li, .text table {font-size:117%}
.text li p, .text li li, .text p .btn {font-size:100%}
.text p, .text ul {margin:0 0 1em; }
.text th, .text td {padding:2px 10px 2px 0;}
.text li {list-style:disc; margin:0 0 .5em 2em;}
.text img {max-width:100%}
ul.styl-h {display:table; table-layout:fixed; margin:0 0 1em;}
ul.styl-h li {display:table-cell; min-width:25%; padding-right:10px;}
ul.styl-h li.h {display:none}
@media screen and (max-width:500px){ul.styl-h li {display:block; width:100%}}
ul.styl-v li {list-style:none; margin:0;}

.a-box {position:relative; padding:10px 20px; background:#EEE}
.a-box .i-close {position:absolute; top:3px; right:3px; z-index:1;}

.list-order {margin:0 0 20px; font-size:108%}
.item {position:relative; padding:5px 0; border:1px solid #CCC; border-width:1px 0;}
.item + .item {border-top:0}
.a-box .item {border:0}
.item .i-close {position:absolute; top:3px; right:3px; z-index:1;}
.item-in {display:table; width:100%; vertical-align:middle; }
.item-in > div {display:table-cell; vertical-align:middle }
.item .illustration {width:1em; padding:0 10px 0 0;}
@media screen and (max-width:500px){.item .illustration {display:none}}
@media screen and (max-width:500px) {.redirsend {display: none}}
.item .illustration img {max-width:none; vertical-align:middle;}
.item .illustration label {white-space:nowrap}
.item .illustration input {vertical-align:middle; margin:0 .5em 0 0;}
.item .illustration input:disabled {visibility:hidden}
.item .description {padding:0 10px 0 0;}
.item .description h4 {margin:0 0 .3em; font-size:125%; font-weight:700;}
.item .description p {margin:0 0 .3em;}
.item .price {width:10em; text-align:center}
.price i {font-style:normal; color:#666;}
.price big {font-size:200%; font-weight:700;}
.item .price div {padding-top:.5em;}
.item .price input {width:1.6em; line-height:1; margin:0; padding:.1em; text-align:right;}

.box-newspaper-mf, .box-newspaper-ln, .box-newspaper-tm, .box-newspaper-idn {position:relative; min-height:50px; padding-left:60px}
.box-newspaper-mf .link, .box-newspaper-ln .link, .box-newspaper-tm .link, .box-newspaper-idn .link {overflow:hidden; position:absolute; z-index:1; top:0; left:0; width:50px; height:50px; text-indent:-1000px; background:url("/o/predplatne/mfdnes/loga-vydani.png") no-repeat}
.box-newspaper-mf .link {background-position:0 -70px}
.box-newspaper-tm .link {background-position:0 -140px}
.box-newspaper-idn .link {background-position:0 -210px}

/*prijde pryc*/
.formtable th {vertical-align:bottom; height:2.4em; line-height:1.2}
.formtable td {height:38px}
.formtable input[type=text], .formtable select {width:200px}

.form-media th {vertical-align:bottom; height:2.4em; line-height:1.2}
.form-media td {height:38px}
.form-media input[type=text], .form-media select {width:200px}

@media(max-width:750px) {
    .form-media .fullh {display:inline}
}

@media (max-width:750px) {
    .form-media {max-width:360px}
    .form-media tr {display:flex; flex-wrap:wrap;}
    #th1, #th2, #th3 {display:none}
    .form-media th, .form-media td {flex:0 0 auto; min-width:40px; height:auto}
    .form-media th:first-child, .form-media td:first-child {width:70px}
    .form-media .full {box-sizing: border-box; padding-left: 80px;}
    .form-media .full label:not(.h) {display:flex; justify-content: space-between;}
    .form-media .full:last-child label:not(.h) {border-bottom:solid 1px #eee; padding-bottom:.5rem}
    .form-media td:last-child {margin-bottom:.5rem}
}

.form-zajmy {display:flex; flex-wrap:wrap; gap:.5rem 3rem}
.form-zajmy li {flex:0 0 auto; width:120px; max-width:30%; display:flex; justify-content: space-between; margin:0}


/*graficke prvky checkbox*/
.form .hide {position:absolute; left:-5000px; opacity:0;}
.ui-textbox {width:265px; height:30px; line-height:30px; padding:0 10px; border:0; font-size:150%; color:#010101; background:url("/o/predplatne/mfdnes/form.png") no-repeat;}
.ui-textbox:focus {background-position:0 -50px;}
.ui-checkbox {float:left; margin:0 0 10px; font-size:117%}
.ui-checkbox i {float:left; margin:0 10px 0 0; width:21px; height:21px; background:url("/o/predplatne/mfdnes/form.png") no-repeat 0 -200px;}
.ui-checkbox.checked i {background-position:-100px -200px;}
.ui-checkbox span {/*display:table;*/}
.ui-radio {display:block; margin:0 0 10px; font-size:117%;}
.ui-radio i {float:left; margin:0 10px 0 0; width:20px; height:20px; background:url("/o/predplatne/mfdnes/form.png") no-repeat -150px -200px;}
.ui-radio.checked i {background-position:-200px -200px;}
.ui-selectbox {z-index:1; position:relative; float:left; line-height:30px; font-size:117%;}
.ui-selectbox span.current {overflow:hidden; display:block; width:239px; height:30px; padding:0 40px 0 8px; border:0; background:url("/o/predplatne/mfdnes/form.png") no-repeat 0 -100px;}
.ui-selectbox dl {display:none; position:absolute; top:30px; left:0; z-index:999; min-width:283px; max-height:242px; overflow-y:auto; overflow-x:hidden; margin:0; border:1px solid #AAA; background:#FFF; white-space:nowrap;}
.ui-selectbox dl dt {padding:0 8px;}
.ui-selectbox dl dt.selected, .ui-selectbox dl dt.hover {background:#F4F4F4;}
.ui-selectbox.open dl {display:block;}
.ui-selectbox.open:focus span.current {background-position:0 -150px;}
.text p .ui-checkbox, .text li .ui-checkbox, .text table .ui-checkbox, 
.text p .ui-radio, .text li .ui-radio, .text table .ui-radio {font-size:100%}

.virgin #help-link {opacity:0}
#help-link {position:fixed; bottom:8em; right:0; z-index:4; width:6.6em; height:44px; line-height:40px; margin:0 -3.4em 0 0; padding:0 0 0 46px; border-radius:5px 5px 0 0; font-size:20px; color:#1D1D1D; background:#E8E8E8 url('/o/newspaper/predplatne/otaznik-mfd.png') no-repeat 8px 50%; text-decoration:none; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); opacity:1; -webkit-transition:opacity .5s; transition:opacity .5s;}
@media screen and (max-width: 1080px){#help-link {display:none}}

#foot {clear:both; line-height:2.6; color:#FFF; background:#222;}
#foot .content {padding:0 20px}
#foot a {color:#FFF;}
#foot ul {float:right}
#foot li {display:inline}
#foot li a {padding:0 .5em;}
#foot .iweb {position:absolute; bottom:.8em; right:5px;}
@media screen and (max-width: 500px){#foot ul {float:none} #foot {text-align:center}}

/* homepage */
.lighting {display:table; margin:0 auto; text-align:center; white-space:nowrap;}
.lighting * {-webkit-transition:width 1s; transition:width 1s;}
.q-mouse .lighting:hover center:after {content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,.5);}
.q-mouse .lighting li:hover center:after {display:none}
.lighting li {position:relative; z-index:1; display:inline-block; width:100px; vertical-align:middle; }
.lighting li:last-child, .lighting li:hover {width:200px;}
.lighting li center {display:table; position:relative; z-index:1; text-align:center; white-space:normal; }
.lighting li:hover center {box-shadow:0 0 10px #333 }
.lighting img {vertical-align:middle}
.lighting div {display:none; position:absolute; right:80%; bottom:6em; width:14em; padding:1em; border-radius:.5em; color:#FFF; background:#333; background:rgba(0,0,0,.8);}
.lighting li:hover div {display:block}
.lighting div:after {content:""; position:absolute; top:50%; left:100%; margin:-1em 0 0; border-color:transparent rgba(0,0,0,.8); border-style:solid; border-width:1em 0 1em 2em; }
.lighting h3 {margin:0 auto .3em; font-size:150%}
.lighting p {font-size:117%}
.lighting .btn {display:none; position:absolute; bottom:1em; left:50%; width:80%; height:auto; margin:0 0 0 -40%; padding:0.4em 0; line-height:1.2; font-weight:700; font-size:125%;}
.lighting li:hover .btn {display:block}

#uvod {position:relative; height:100%; padding:5em 0 0; text-align:center; color:#FFF; background:#333;}
#uvod .content {position:relative; height:100%; max-width:none; }
#uvod .half-l {position:absolute; right:50%; top:0; width:50%; height:100%; overflow:hidden; text-align:right }
#uvod .half-l img {float:right; height:100%;}
#uvod .half-r {position:absolute; left:53%; top:0; display:table; width:42%; height:100%; }
#uvod .lighting-nearby {display:table-cell; vertical-align:middle; width:100%; padding:0 0 275px;}
#uvod h2 {font-family:"Open Sans", sans-serif; text-align:center}
#uvod h2 big {display:block; font-size:120%}
#uvod .uvod-menu {position:relative; z-index:2;}
#uvod .uvod-menu li {list-style:none; margin:0 0 1em; font-size:125%;}
#uvod .uvod-menu .btn {width:12em; padding:.6em 0; font-size:150%; }
#uvod .uvod-menu .btn-0 {position:relative}
#uvod .uvod-menu .btn-0:after {content:''; position:absolute; top:-28px; right:-50px; width:100px; height:49px; background:url('/o/newspaper/predplatne/cen-smsnakup.png')}
@media screen and (max-width:700px) {#uvod .uvod-menu .btn-0:after {display:none}}
#uvod .uvod-menu a {color:#FFF}
#uvod .lighting {position:absolute; right:50%; bottom:0; transform: translate(50%, 0); z-index:1;}
#uvod .lighting div {right:100%; margin-right:1em}
#uvod .lighting img {height:275px}

#uvod .lighting .info{position: absolute;color: #000; font-size: 100%;}

@media screen and (min-width:1599px) {.lighting li {width:150px}}
@media screen and (max-width:1279px) {.lighting li {width:75px}}
@media screen and (max-width:700px) {
#uvod {padding:0; background-image:none !important;}
#uvod .half-l {position:static; width:100%;}
#uvod .half-l img {height:auto; width:100%; float:none; display:block; margin:0 auto;}
#uvod .half-r {left:0; width:100%;}
#uvod .lighting-nearby.lighting-nearby {padding:6em 0 1em; font-size:80%; background:rgba(0,0,0,.75)}
#uvod .claim {text-shadow:0 0 .5em #000}
#uvod .lighting, #magaziny {display:none}
}
@media screen and (min-height:799px) {#uvod .lighting-nearby {font-size:125%}}
@media screen and (max-height:700px) {
#uvod .lighting-nearby {padding-bottom:200px;}
#uvod .lighting img {height:200px}
#uvod .lighting li {width:100px}
#uvod .lighting li:last-child, #uvod .lighting li:hover {width:150px}
} 
@media screen and (max-height:550px) {
#uvod .lighting-nearby {padding-bottom:0; font-size:80%}
#uvod .lighting {display:none}
}

.notification {overflow:hidden; position:absolute; bottom:100%; left:1%; width:98%; line-height:2.4; margin:0 auto .8em; padding:0 .3em; border:.3em solid #CCC; font-size:150%; color:#222; background:#FFF; text-align:center; white-space:nowrap; overflow:auto; -webkit-box-sizing:border-box; box-sizing:border-box;}
.notification img {height:1.8em; vertical-align:top; margin:.3em .2em 0 0}
.notification .btn {line-height:1.4; margin:0 .2em; font-size:80%; text-transform:uppercase; background-color:#666} 
.notification .btn:after {content:''; position:absolute; top:0; left:0; z-index:5; width:100%; height:100%;}

#main-events {position:absolute; top:50%; left:50%; z-index:3; display:table; width:200px; height:200px; margin:-100px 0 0 -100px; font-size:20px; text-transform:uppercase }
#main-events a {display:table-cell; width:100%; height:100%; padding:1em; border:2px solid transparent; border-radius:50%; text-align:center; vertical-align:middle; color:#FFF; text-decoration:none; }
#main-events big {font-size:175%; font-weight:700}
@media screen and (max-width:1000px) {#main-events {top:40%; left:25%; width:150px; height:150px; margin:-75px 0 0 -75px; font-size:15px;}}
@media screen and (max-width:700px) {#main-events { top:auto; bottom:1em; left:1em; right:auto; width:100px; height:100px; margin:0; font-size:10px;}}
@media screen and (max-width:400px) {}

#vyber-predplatneho, #magaziny, #people {padding-top:4em}
#vyber-predplatneho h2 {text-align:left; font-weight:300;}
.vyber-predplatneho {table-layout:fixed; border-collapse:collapse; width:100%; margin:0 0 1em; }
.vyber-predplatneho th {font-weight:400; font-size:250%; text-align:left}
.vyber-predplatneho th b {display:block; padding:0 0 .3em; border-bottom:2px solid #666; font-weight:400;}
.vyber-predplatneho th[colspan="2"] b {margin-right:20px}
.vyber-predplatneho th[colspan="2"] ~ th[colspan="2"] b {margin-right:0}
.vyber-predplatneho td {text-align:center; vertical-align:middle; padding:.3em 0;}
.vyber-predplatneho td.tal {width:11em; text-align:left; font-size:117%;}
.vyber-predplatneho td.top {background:#999}
.vyber-predplatneho .illustration td {vertical-align:bottom; padding:0;}
.vyber-predplatneho thead a {display:block; text-decoration:none; color:#222;}
.vyber-predplatneho h4 {margin:0 auto .3em; padding:.3em 0; font-size:117%; text-transform:uppercase; color:#FFF; background:#666}
.vyber-predplatneho tbody td {height:2.7em; border-top:1px solid rgba(0,0,0,.1)}
.vyber-predplatneho tbody tr:first-child td {border-top:0}
.vyber-predplatneho tbody td:nth-child(3) {border-right:1px solid rgba(0,0,0,.1)}
.vyber-predplatneho h3 {font-size:175%;}
.vyber-predplatneho big {color:#666; font-weight:700; font-size:300%;}
.vyber-predplatneho p {padding:0 .3em; font-size:108%;}
.star {display:inline-block; vertical-align:top; width:10px; height:10px; overflow:hidden; text-indent:10em; background:#666 url('/o/newspaper/predplatne/vyber-star.png') no-repeat;}
.vyber-predplatneho i {display:inline-block; width:18px; height:18px; border-radius:50%; overflow:hidden; text-indent:10em; background:#666 url('/o/newspaper/predplatne/vyber-i.png') no-repeat;}
.vyber-predplatneho tfoot td {padding-bottom:1em;}
.vyber-predplatneho .btn {width:90%; padding:.5em 0; font-size:117%;}

#poutani-ibod {position:absolute; top:5px; right:0; z-index:1; width:132px; height:32px; background:url('/o/newspaper/predplatne/poutani-ibod.png') no-repeat}
@media screen and (max-width:700px){#poutani-ibod {display:none}}

#tabulka-predplatneho { position:relative}
#poutani-akcni-nabidky { position:absolute; top:40px; left:103%;}
#poutani-akcni-nabidky .link { display:block; width:200px; height:200px; background:url('/o/newspaper/predplatne/poutani-akcni-nabidky.png') no-repeat}
#poutani-akcni-nabidky .close { position:absolute; top:0; right:0; z-index:1; width:35px; height:35px;}
@media screen and (max-width:1500px){
#poutani-akcni-nabidky {top:60px; left:0;}
#poutani-akcni-nabidky .link {width:150px; height:150px; background-image:url('/o/newspaper/predplatne/poutani-akcni-nabidky-sm.png')}
}
@media screen and (max-width:1000px){
#poutani-akcni-nabidky {display:none}
}
#akce, #akcni-nabidka, #about {clear:both; border-top:10em solid #FFF; background:#E8E8E8}
#akce h2, #akcni-nabidka h2, #about h2 {position:relative; top:-1.8em; color:#222; text-align:center}
#akce h2:after, #akcni-nabidka h2:after, #about h2:after {content:""; position:absolute; top:100%; left:50%; margin:0 0 0 -1.5em; border-color:#FFF transparent transparent; border-style:solid solid none; border-width:1.2em 1.5em 0; }

#about {color:#FFF; background:#222}
.about-list {text-align:center}
.about-list li {display:inline-block; width:184px; margin:0; padding:0 5px 20px; vertical-align:top; }
.about-list h3 {font-size:150%; color:#CCC}
.about-list p {font-size:117%}

.kolotoc {overflow:hidden; width:920px; position:relative; margin:0 auto 2em; padding:0 40px;}
.kolotoc li {float:left; display:block; width:260px; margin-right:70px; text-align:center; }
@media screen and (max-width:1000px) {.kolotoc {width:570px;} .kolotoc li {margin-right:50px}}
@media screen and (max-width:760px) {.kolotoc {width:260px;} .kolotoc li {margin-right:30px}}
@media screen and (max-width:400px) {.kolotoc {padding:0 30px;} a.kolotoc-a1, a.kolotoc-a2 {width:30px;}}
a.kolotoc-a1, a.kolotoc-a2 {position:absolute; top:0; width:40px; height:100%; overflow:hidden; text-indent:-100em; background:url('/o/newspaper/predplatne/kolotoc-a.png') no-repeat; }
a.kolotoc-a1 {left:0; background-position:0 50%}
a.kolotoc-a2 {right:0; background-position:100% 50%}
.kolotoc .box-in {position:relative; overflow:hidden; display:block; margin:0 auto;}
.kolotoc ul {width:10000% !important;overflow:hidden}
.kolotoc li * {max-width:100%}
.kolotoc h3 {margin:0 0 .3em; font-size:200%; color:#666}
.kolotoc p {min-height:4em; margin:0 0 1em; font-size:117%;}
.kolotoc .btn {padding:.5em 1em; font-size:125%}

#magaziny h2, #people h2 {text-align:center}
#people {clear:both;}
.people-list {clear:both; text-align:center}
.people-list li {position:relative; display:inline-block; width:150px; margin:0; padding:110px 5px 2em; vertical-align:top; }
.people-list .mask {overflow:hidden; position:absolute; top:0; left:50%; height:100px; width:100px; margin:0 0 0 -50px; text-align:center}
/*.people-list .mask:before {content:""; position:absolute; top:-4px; left:-5px; z-index:1; width:110px; height:108px; background:url('/o/newspaper/predplatne/people-mask.png') 50% 50%}*/
.people-list .mask img {vertical-align:middle; max-width:100%; max-height:100%; border-radius:100%}
.people-list h3 {font-size:150%}
.people-list p {font-size:117%}
.people-art {overflow:hidden; float:left; width:50%; margin:0 0 2em; padding:0 0 0 20px; }
.people-art + .people-art {padding:0 20px 0 0}
.people-art .people-list {float:left}
.people-art .people-list li {padding-bottom:.5em}
.people-art .text {display:table-cell; padding:0 10px; font-size:117%; }
@media screen and (max-width: 800px) {.people-art.people-art {width:100%; padding:0;}}
@media screen and (max-width: 400px) {.people-art .people-list {float:none; display:block}}
/* homepage */


/* menu */
#p-sticky {position:fixed; z-index:50; left:0; top:0; right:0; height:2.5em; padding:0 0.5em; font-size:medium; color:#FFF; background:#666; -webkit-transition:background .5s; transition:background .5s; }
.virgin #p-sticky {background:none}
#p-title {position:absolute; left:0; top:0; right:0; width:100%; line-height:1.67em; font-size:150%; text-align:center; color:#FFF; font-weight:normal}
#p-title a {text-decoration:none; color:#FFF}
#p-nav {height:2.5em}
#p-nav a {position:relative; z-index:4; float:left; height:100%; padding:0 0.1em; color:#FFF; text-decoration:none; border:1px solid transparent; border-width:0 1px}
#p-nav a:hover {color:#333; background-color:#FFF}
#p-nav li {float:left; height:100%; position:relative; z-index:5; list-style:none;}
#p-nav li > a:first-child {font-size:125%}
#p-menu ul {overflow:hidden; display:none; position:absolute; margin:0; left:0; top:100%; background:#fff; border:1px solid #e1e1e1; border-top:none; border-radius:0 0 5px 5px }
#p-menu ul li {float:none}
#p-menu ul li a {float:none; display:block; min-height:1.3em; padding:.25em 1em; line-height:1.3em; color:#333; text-decoration:none; white-space:nowrap; border:none}
#p-menu ul li a:hover {color:#FFF; background:#666}

#p-nav .rozbalit a {color:#333; background-color:#FFF; border-color:#D4D4D4; border-bottom:1px solid #FFF}
#p-nav .rozbalit ul, #p-nav .rozbalit #p-login-box {display:block}
#p-nav .rozbalit ul a, #p-nav #p-login-box a {border:none; float:none}
#p-nav .rozbalit > a {cursor:default }
#p-nav .rozbalit > a:after {position:fixed; top:0; left:0; right:0; bottom:0; content:''; z-index:5; }

#p-nav #p-login, #p-nav #p-logout {float:right}
#p-menu .i-menu, #p-login .i-login, #p-login .i-logged  {line-height:2em; padding-right:15px}
#p-logout .i-logout {line-height:2em}
#p-menu .i-menu span, #p-login .i-login span, #p-login .i-logged span, #p-logout .i-logout span {float:left; margin:0.15em 0 0; vertical-align:middle}

#p-login-box {display:none; position:absolute; right:0; top:100%; width:300px; font-size:75%; color:#333; border:1px solid #E1E1E1; border-top:none; background:#FFF; border-radius:0 0 5px 5px; z-index:5}
#p-login-box li {float:none}
#p-login-box a {height:auto}
#p-login-box .i-close {position:absolute; top:10px; right:20px; height:20px}
#p-login-box .tooltip-box {bottom:auto; left:auto; top:50%; right:50% }
#p-login-box .form {padding:20px 20px 10px; border-bottom:1px solid #E1E1E1; background:#FFF}
#p-login-box .inp-r {width:184px}
#p-login-box .btn {width:200px; margin:0 0 .3em; font-size:125%}
#p-login-box .info {margin:0 0 1em; font-size:167%}
#p-login-box .more {color:#d4d4d4}
#p-login-box .more li a {color:#444; font-size:142%}
#p-login-box .phone {margin:0; padding:10px 0 10px 20px; font-size:167%; background:url("/o/predplatne/mfdnes/grad-grey.gif") repeat-x left bottom}
#p-login-box .phone span {font-size:110%; color:#000}
#p-login-box .phone span:before {content:""; display:inline-block; width:21px; height:22px; margin:0 5px; background-position:-14px -14px}
#p-login-box .phone a {background:transparent}

.i-menu span, .i-login span, .i-logged span,  .i-logout span, .i-region span, .i-search span, .i-download span {display:inline-block; width:35px; height:35px; background-image:url("/o/predplatne/mfdnes/icons-menu.png"); background-repeat:no-repeat}
.i-menu span {background-position:0 0}
.i-menu:hover span, .rozbalit .i-menu span {background-position:-35px 0} 
.i-logged span {background-position:0 -35px}
.i-logged:hover span, .rozbalit .i-logged span {background-position:-35px -35px}
.i-region span {background-position:0 -70px}
.i-region:hover span {background-position:-35px -70px}
.disable .i-region span {background-position:-70px -70px}
.i-search span {background-position:0 -105px}
.i-search:hover span {background-position:-35px -105px}
.disable .i-search span {background-position:-70px -105px}
.i-download span {background-position:-0 -140px}
.i-download:hover span {background-position:-35px -140px}
.disable .i-download span {background-position:-70px -140px}
.i-login span {background-position:0 -175px}
.i-login:hover span, .rozbalit .i-login span {background-position:-35px -175px}
.i-logout span {background-position:0 -210px}
.i-logout:hover span {background-position:-35px -210px}

@media screen and (max-width:600px){
#p-menu .i-menu, #p-login .i-login, #p-login .i-logged {text-indent:-99em}
#p-nav > li > a:first-child {width:35px; padding:0;}
}
/* menu */

.calendar-label {font-size:117%; }
.calendar-wrapper {position:relative; display:inline; float: left; margin:0; font-family:Tahoma}
#ticketCalendar .calendar-wrapper {float:none}
.calendar-box {position:absolute; top:100%;_top:1.7em; left:0; overflow:hidden; float:left; display:none; width:15em; margin-left:0; border:1px solid #CBCBCB; font-size:100%; background:#FFF}
.calendar-box ul, .calendar-box li {list-style:none; width:auto; margin:0; padding:0}
.calendar-days {clear:both}
.calendar-days table {width:100%; border-collapse:collapse; table-layout:fixed; background:#EDEDED}
.calendar-days td {text-align:center; vertical-align:middle; padding:0; line-height: 1.2;}
.calendar-days th {text-align:center; font-size:90%; line-height:1.2em}
.calendar-days .calendar-weeks {border-bottom:1px solid #CBCBCB}
.calendar-days .calendar-bookmark {table-layout:auto}
.calendar-days a {display:block; width:100%; height:100%; padding:.25em 0; color:#2B65B0; background:#FFF; text-decoration:none}
.calendar-days a:link:hover, .calendar-days a:visited:hover {color:#FFF; background:#7292B5}
.calendar-days .calendar-overflow a {background:#EDEDED}
.calendar-days .calendar-disabled a {color:#8C8C8C; cursor:default}
.calendar-months, .calendar-years {clear:both; overflow:hidden; width:100%; line-height:18px}
.calendar-prev {float:left}
.calendar-next {float:right}
.calendar-prev a, .calendar-next a {display:block; width:17px; height:17px; margin:1px}
.calendar-prev a img, .calendar-next a img {border:0; background:#555}
.calendar-prev a:hover, .calendar-next a:hover {filter:none}
.calendar-prev a:hover img, .calendar-next a:hover img {background:#B9151C}
.calendar-prev {float:left}
.calendar-next {float:right}
.calendar-months li, .calendar-years li {text-align:center}
.calendar-years {background:#A4A4A4; color:#FFF; font-weight:700}
.calendar-years .calendar-prev a img, .calendar-years .calendar-next a img {background:#A4A4A4}
.calendar-years .calendar-prev a:hover img, .calendar-years .calendar-next a:hover img {background:#B9151C}
.calendar-invalid input {color:#B9151C}
.calendar-selected a {background:#B9151C !important; color:#FFF !important}
.calendar-dayoff {font-weight:700}

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

#prepgal img {width:100%; vertical-align:top;}
#prepgal li {list-style:none; margin:0 0 .5em}
#prepgal .nav {margin-left:-5px}
#prepgal .nav li {float:left; width:33%; padding:0 0 0 5px; cursor:pointer;}

.ico-help-desk-1 .btn, .ico-help-desk-2 .btn {margin-bottom:.3em}
.ico-help-desk-1:before, .ico-help-desk-2:before {content:""; float:left; width:107px; height:107px; margin:0 1em 3em 0; background:url('/o/newspaper/predplatne/ico-help-desk.png') no-repeat}
.ico-help-desk-2:before {background-position:100% 100%}

.directory {padding:2em 0 0; text-align:center}
.directory h1 {margin:0 auto; text-align:center; font-size:400%}
.directory li {position:relative; overflow:hidden; display:inline-block; vertical-align:top; width:310px; margin:0 auto 2em;}
.directory img {display:block;}
.directory .btn {width:10em; margin:1em auto; font-size:125%}
.directory .btn:after {content:""; position:absolute; top:-1000px; left:-1000px; bottom:-1000px; right:-1000px; background:url("/u/free.gif");}

/* clanek hermes */
#hermes {z-index:1; overflow:hidden; /*margin:0 0 20px*/}
#hermes .fog {position:absolute; z-index:1; left:-20%; bottom:0; width:140%; height:120px; margin-bottom:-60px; background:radial-gradient(rgba(0,0,0,.3), rgba(0,0,0,0) 50% )}

#clanek {position:relative;}
/*#clanek:after {position:absolute; z-index:1; content:" "; left:50%; bottom:0; width:80px; height:36px; margin:0 0 -36px -40px; background:url("/o/predplatne/mfdnes/arrow.png") no-repeat}*/
#clanek.short .box-in {overflow:hidden; position:relative; /*height:200px;*/ height:185px; margin:0}
.clanek {padding:10px 0 0; margin:0 auto; width:640px; font-size:140%}
.clanek h1 {font-size:200%; font-family:'Times New Roman',serif;}
#clanek.clanek-magazin .box-in {height:400px}
.clanek-magazin {width:100%; text-align:center}
.clanek-magazin img {max-width:100%; _width:100%;}

.benefits {overflow:hidden; padding:.5em 0 1em; font-weight:300; font-size:200% }
.benefits li, .benefits p {float:left; line-height:1.2; margin:0 1em .5em 0; padding:2px 0;}
.benefits p {font-weight:400;}
.benefits li {list-style:none; position:relative; padding-left:1.8em;}
.benefits li:before {content:''; position:absolute; top:0; left:0; width:1.4em; height:1.4em; line-height:1.4; border:2px solid #666; border-radius:100%; text-align:center; color:#666; font-size:83%; font-weight:400 }
.benefits li.num1:before {content:'1';}
.benefits li.num2:before {content:'2';}
.benefits li.num3:before {content:'3';}

.label-rychly-nakup, .label-prazdniny {position:relative}
/* .label-rychly-nakup:before {content:''; position:absolute; top:-32px; left:-40px; width:58px; height:58px; background:url('/o/newspaper/predplatne/rychly-nakup.png');} */
.label-rychly-nakup:before {content:''; position:absolute; top:-40px; right:-30px; width:100px; height:49px; background:url('/o/newspaper/predplatne/cen-smsnakup.png')}
.label-prazdniny:before {content:''; position:absolute; top:-40px; right:-30px; width:100px; height:49px; background:url('/o/newspaper/predplatne/cen-prazdniny.png')}

#vyber-prihlaseni {display:table; width:100%;}
#vyber-prihlaseni h3 {margin:0 auto 1em; font-size:200%; text-align:center}
#vyber-prihlaseni li {list-style:none; font-size:125%}
#vyber-prihlaseni .half-l {display:table-cell; width:60%; padding-right:20px; border-right:1px solid #EEE}
#vyber-prihlaseni .half-l img {max-width:40%; margin-right:1em;}
#vyber-prihlaseni .half-l ul {display:table-cell; padding:2em 0 0}
#vyber-prihlaseni .half-l li {margin:0 0 .5em;}
#vyber-prihlaseni .half-r {display:table-cell; padding-left:20px;}
#vyber-prihlaseni .half-r li {margin:0 0 .2em; text-align:right;}
@media screen and (max-width:660px) {
#vyber-prihlaseni, #vyber-prihlaseni .half-l, #vyber-prihlaseni .half-r {clear:both; display:block; width:100%; padding:0; border:0}
#vyber-prihlaseni .half-l {margin:0 0 1em}
}

.more-slide {clear:both; position:relative; display:block; margin:30px 0 40px; padding:6px 0; text-align:center; font-size:150%; text-decoration:none; color:#222}
.more-slide:before, .more-slide:after {content:""; position:absolute; top:100%; left:50%; margin:0 0 0 -1em; border-color:#666; border-left-color:transparent !important; border-right-color:transparent !important; border-bottom-color:transparent !important; border-style:solid solid none; border-width:1em 1em 0; }
.more-slide:after {margin-top:-1px; border-top-color:#FFF}
.more-slide.h {display:none}

#inc p {margin:0 0 1em; font-size:117%;}
#inc ul {margin-bottom:1em}
#inc li {margin:0 0 .5em 2em; list-style:disc outside; font-size:117%;}
#inc li p, #inc li li {font-size:100%;}
#inc .i-top {position:fixed; bottom:3em; right:10px; overflow:hidden; text-indent:-999em; }
#inc hr {border:1px solid #CCC; border-width:1px 0 0}

/* rolovací tabulka */
#tabulka-predplatneho table + table {display: none }

#tabulka-predplatneho .cenovka {width:100px; height:49px; margin: 0 auto 2px;}
.cenovka.vyhodna {background:url('/o/newspaper/predplatne/cen-vyhodna-mfd.png')}
.cenovka.sms-nakup {background:url('/o/newspaper/predplatne/cen-smsnakup.png')}
.cenovka.sms-prazdniny {background:url('/o/newspaper/predplatne/cen-prazdniny.png')}

@media (max-width:900px)
{
  .illustration {display: none }
  .vyber-predplatneho .tal {padding-left: 0.5em}
}
@media (max-width:900px) and (-webkit-min-device-pixel-ratio:0)
{
  .illustration {display: table-row }
  .illustration img {zoom: 0.8 }
}
@media (max-width:768px)
{
  #tabulka-predplatneho {font-size: 90% }
  .illustration img {zoom: 0.6 }
}
@media (max-width:640px)
{
  .illustration {display: none }
  .vyber-predplatneho tbody td {border-top: 1px solid #E6E6E6 }
  table.vyber-predplatneho td.top {background: #FFF }
  #tabulka-predplatneho {font-size: 90%; touch-action: pan-y; }
  #tabulka-predplatneho {width: 100%; overflow: hidden; position: relative; }
  #tabulka-predplatneho table {-webkit-transition: -webkit-transform 0.25s ease-out; -moz-transition: -moz-transform 0.25s ease-out; -o-transition: -o-transform 0.25s ease-out; transition: transform 0.25s ease-out; }
  #tabulka-predplatneho table + table tr>* {background: #FFF; opacity: 0 }
  #tabulka-predplatneho table + table tr>*:first-child {opacity: 1; background: rgba(255,255,255,0.85); background: linear-gradient(to right, #FFF 10%, rgba(255,255,255,0.85) 30%, rgba(255,255,255,0.7) 100%); }
  #tabulka-predplatneho table + table tr>*.tal {background: linear-gradient(to right, #FFF 50%, rgba(255,255,255,0.8) 90%, rgba(255,255,255,0) 100%); }
}
@media (max-width:560px)
{
  #tabulka-predplatneho {font-size: 85% }
  .vyber-predplatneho th {font-size: 200% }
}
@media (max-width:480px)
{
  #tabulka-predplatneho {font-size: 80% }
  .vyber-predplatneho th {font-size: 175%; border-bottom: 1px solid #E6E6E6 }
  .vyber-predplatneho th b {display: block; text-align: center; border-bottom: 0 }
/*  #tabulka-predplatneho table + table thead tr:first-child {visibility: hidden }*/
  #tabulka-predplatneho table:first-child thead td:first-child {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAYAAACO98lFAAAEEElEQVR42u3acWQbURwH8F96XbZMCLVOKGXURhlhY0pnlBJG6YxRun9KNlbGKCXMRilllE23sD+mlFgppVYbtTBGKaOEsb/KCGVTQinh9v3jV6uf9/La5dz7ZduXj+jdc7373b1373IhSxJwFlJwhjwkDENCEvwZezogwZ/nIOWrCEfFmQQE/E87IOnYOSn6/WFxFiQQO+BKBrpEcSJ15KrshCDCbZv732/O9MMCfIeUuQj6HUZW+vDvTkjDqSNFCeA2bEDI5kQhHTEWvvOEO94BQdRFCHjDModFOQ9FqEF4RAOuQtpQhAxMwjwM27qeqitBLuCiXINFOIDQ4D3kQCYLO6LtjLHISiKrchbuwiaEDu+gJDzhT9m2AdfhMbyCkgJ5UxFOw1sIW7ACHy3rXsID+AmhAtNgHdAucl/ec2zkDRSEIXhhaV+HXrgFhWO6J/6OUk4WQSYBabgPX8wHheXm5JoUboraLJ2MkEEoQ0Mc1IClmBVLEXYg4PZOYqYYuT9Nlkf6XT6osqUIIxBa3NEyuWo1SRjnM541FCGAb5YifP5biiAP2LTRRxBaDJxwZ3tgDEajnGTFkQzULUUog8wFeA5bPB3vIo6YrW7zOtlNe0lpnluK0IBecRC7hrtPktdXxboSccTk7AMXSFX65B1FPnxxpi1tCry+IJbvQzevWxXrlkhTxE5Ke5ByXDFVXp8yXClFXpc3XGV9pCw3IHSc6dtN2uS5zYxYXrN3FxRVYb44znQANUubdW6TNTzRTli6Sx0ypCzjEFqMcJtikzb93GbR0V1UT9GTTc50hdt0w76lzWtuc8XZXeQUXU3cZzonbnfSAQ92l5t0l7xxiq4m7jO9yG36mxSqwWyTr6pxiq4q7jOd5TY7EEZogNTEfaa3xMAXlTIpzDqE8eEpuqrwABazWVKYasxFqGm8XRY8XA2jpCVyhhejNVKYGQ8DZBdpiXwgitEYKcgwlKBHPBDFZYk8Zwga4uuxnIe7hNesWL4eq8RciCx5jDzYx7z8WcxFuEke89Tw0LTuYXAsqrgbeFYiz1lUUIRl8pycgiJskIJU/heBX9t7tERKsuaxCEVSkl6ox3zwe7Cs7RXdZEwHXoIh4vxLj9MVGIOU4e5UgH6N3zLtR3DguzwrvSC2P8BXQ03726nL1l/Ruv2AR+Ksd/OybccPyFRmAr6eoL9PQ1r8DGD5mNPzLVKeUVi1dJMDHksy4pLfEO2cuGjqk+aCrEAdPsElMdC1MudYpTZLSvwWqhzRl6991GYJYEp0k1bNU5tlFsKIrVObZS3i2eQcdJOH+H6ZuwMPIU0e4vtl7qaHCZKal7krMEge4vtl7j4seLj9qXj63IViDC9eVb7MrcIEJOkfyxTf4/PUYn4BLr/e+EEgm5wAAAAASUVORK5CYII=) 50% 50% no-repeat; }
  #tabulka-predplatneho table + table {position: absolute; left: 0; top: 0; display: table; -webkit-pointer-events: none; -ms-pointer-events: none; pointer-events: none }
  #tabulka-predplatneho table + table tfoot td:first-child { height: 0; position: relative; background: 0 }
  #tabulka-predplatneho table + table tfoot td:first-child:before { content: ""; height: 4em; position: absolute; left: 0; right: 0; top: 0; background: rgba(255,255,255,0.85); background: linear-gradient(to right, #FFF 10%, rgba(255,255,255,0.85) 30%, rgba(255,255,255,0.7) 100%); }
  #tabulka-predplatneho table + table tfoot td+td { display: none }
}
@media (max-width:480px)
{
  #tabulka-predplatneho table {width: 200% /* = 6 sloupců * 33.33%, tři na obrazovku */ }
  .vyber-predplatneho th:nth-child(2) b {width: 50% /* = 2 sloupce digitální */; text-shadow: 33.33vw 0 0 #222 }
  .vyber-predplatneho th:nth-child(3) b {width: 33.33% /* = 3 sloupce tištěný */; text-shadow: 33.33vw 0 0 #222, 66.667vw 0 0 #222 }
}
@media (max-width:320px)
{
  #tabulka-predplatneho table {width: 300% /* = 6 sloupců * 50.00%, dva na obrazovku */ }
  .vyber-predplatneho th:nth-child(2) b {text-shadow: 50vw 0 0 #000 }
  .vyber-predplatneho th:nth-child(3) b {text-shadow: 50vw 0 0 #000, 100vw 0 0 #000 }
}

.img404 {width:640px; height:80px; margin:0 auto 2em; background:url("/o/predplatne/mfdnes/404.png")}

/* vanocni certifikat - vyjimky pro formular */
#certform h3 {margin-top:0}
#certform h3.fl {margin-right:10px}
#certform h3.fl + input {width:50%}
#certform .w49 img {width:100%; height:auto}
#certform .upload-foto-out {position:relative; margin:0 0 30px;}
@media screen and (min-width:1000px){ #certform .upload-foto-out .col-b {position:absolute; bottom:0; right:0;}}

/* captcha */
.captcha {position:relative; width:200px; min-height:65px; margin:0 0 1em; padding:15px 0 0 225px;}
.cnfimg {position:absolute; top:0; left:0; z-index:1; width:200px; height:80px; border:none; margin:0 auto}
.captcha label {display:block; float:none;  height:auto !important; margin-bottom: 15px; overflow:hidden; font-size:92%; text-transform:uppercase}
.captcha a.ico-voice {display:inline-block; height:auto; line-height:inherit; vertical-align:middle; margin-top:3px}
.captcha a.ico-voice span {display:inline-block; margin:0; overflow:hidden; text-indent:-99em;}
.captcha #overeni {float:left; /*width:65%;*/ width: 170px; line-height:1.4; margin:0 5px 0 0; padding:.2em .5em; border:1px solid #D4D4D4; font-size:117%; font-weight:normal; color:#333; background:#FFF url("/u/portal/p-search-inp.gif") repeat-x; outline:0; -webkit-transition: border 200ms; transition: border 200ms linear;}
.captcha #overeni:active, .captcha #overeni:focus {border-color:#5F5F5F;}
.captcha .ico-voice {position:relative; display:inline-block; height:17px; line-height:17px; white-space:nowrap; font-size:100%; font-weight:700; margin-top:1px; z-index:1}
.captcha .ico-voice span {display:inline-block; width:21px; height:21px; border-radius:3px; color:#555; background:#555 url('/u/ico/default-ico.png') no-repeat 0 -325px; text-decoration:none; font-size:0 /*kvuli tecce*/; cursor:pointer}
.captcha a.ico-voice:hover span {background-color:#B9151C}
.ico-voice span.alter-text {position:absolute; top:-9999px; left:-9999px;}

/* profil */
.nava {overflow:hidden; line-height:2; border-bottom:2px solid #666}
.nava li {float:left; display:block; margin:0 1px 0 0; padding:0 1em; border-radius:3px 3px 0 0; font-size:134%; color:#000; background:rgba(128,128,128,.135); cursor:pointer}

.text h3 select {margin:0 0 0 .5em; font-size:100%; font-family:inherit}

.address-list-nav { margin-left:1em; font-family:"Open Sans",sans-serif; font-size:83%; transition:all .6s;}
.address-list {overflow:hidden; font-size:100%; transition:all .6s;}
.address-list.hidden, .address-list-nav.hidden {font-size:0; line-height:0; height:0;}
.text address { margin:0 0 1em; font-style:normal; }
.address-list address {float:left; width:30%; min-width:10em; margin:0 3% 1em 0;}
.text address h4 {margin:0; font-size:125%; font-weight:700;}

.hidden-box {font-size:100%; transition:all .6s;}
.hidden-box.hidden, .hidden-box.hidden * {overflow:hidden; font-size:0; line-height:0; height:0;}


.btn-add, .btn-rem, .btn-hist {overflow:hidden; display:inline-block; line-height:1.6; font-size:134%; font-weight:700; text-decoration:none; color:#666; cursor:pointer } 
.btn-add:before, .btn-rem:before, .btn-hist:before {float:left; width:1em; line-height:1; margin:0 .3em 0 0; border:1px dashed #666; text-align:center; font-size:150%; } 
.btn-add:before {content:'+'}
.btn-rem:before {content:'×'}
.btn-hist:before {content:'\25be'}
.btn-add:hover:before, .btn-rem:hover:before {border-color:#000 } 
.btn-add.inactive {cursor:default}
.btn-add.inactive:hover {color:#666;}