html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
span {
   margin: 0;
   padding: 0;
   border: 0 none;
   font-size: 100%;
   font-family: "Roboto", sans-serif;
   vertical-align: baseline;
   color: #333333;
}
html,
body {
   overflow-x: hidden;
}
input,
textarea,
select {
   margin: 0;
   padding: 0;
   font-size: 100%;
   vertical-align: baseline;
}
::-ms-clear {
   display: none;
}
body {
   line-height: 1;
   font-size: 75%;
   background: #f2f2f2;
   -webkit-font-smoothing: subpixel-antialiased;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
   content: "";
}
blockquote,
q {
   quotes: "" "";
}
strong {
   font-weight: bold;
}
.pov span strong {
   color: #bf2e1a;
}
em {
   font-style: italic;
}
img {
   border: 0 none;
}
fieldset {
   clear: both;
   border: 0 none;
}
a {
   cursor: pointer;
   cursor: hand;
   text-decoration: none;
   font-size: 1em;
   position: relative;
   z-index: 12;
}
.link,
.obsah p > a:not(.button),
.textbox li > a,
.mlp-alert a {
   color: #ca0002;
   text-decoration: underline;
   cursor: pointer;
}
.link:hover,
.obsah p > a:not(.button):hover,
.textbox li > a:hover,
.mlp-alert a:hover {
   color: #b80000;
}
.link:active,
.obsah p > a:not(.button):active,
.textbox li > a:active,
.mlp-alert a:active {
   color: #8f0100;
}
acronym {
   cursor: help;
}
textarea {
   font-size: 1em;
}
blockquote,
cite {
   margin-left: 3em;
   margin-right: 3em;
   font-style: italic;
}
label input {
   padding: 1px 2px;
   height: 1.5em;
}
.che input,
.radio input {
   width: 12px;
   height: 12px;
}
input::-moz-focus-inner {
   border: 0;
   padding: 0;
}
.inv {
   display: none;
}
.cor {
   clear: both;
   visibility: hidden;
}
.clear {
   clear: both;
}
.left {
   text-align: left;
}
.right {
   text-align: right;
}
.center {
   text-align: center;
}
.float-left {
   float: left;
}
.float-right {
   float: right;
}
.no-float {
   float: none;
}
.no-border {
   border: 0 none;
}
.no-pad {
   padding: 0;
}
.no-margin {
   margin: 0 !important;
}
.no-sel {
   user-select: none;
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
}
html.no-scroll {
   height: 100%;
}
html.no-scroll body {
   overflow-x: hidden;
   overflow-y: hidden;
   height: 100%;
}
.obsah p {
   font-size: 18px;
   line-height: 28px;
   margin-bottom: 56px;
}
h1 {
   font-size: 56px;
   font-weight: 300;
   margin-bottom: 1em;
   color: #000;
}
h2 {
   font-size: 30px;
   font-weight: 400;
   margin-bottom: 1em;
}
h3 {
   font-size: 20px;
   font-weight: 500;
   margin-bottom: 1em;
}
h4 {
   font-size: 18px;
   font-weight: 400;
   margin-bottom: 1em;
}
h5 {
   font-size: 15px;
   font-weight: 500;
   margin-bottom: 1em;
   color: #747474;
}
h1.darkbg {
   color: #feffff;
}
h2.darkbg {
   color: #e2e2e2;
}
h3.darkbg {
   color: #e2e2e2;
}
h4.darkbg {
   color: #ffffff;
}
h5.darkbg {
   color: #c5c5c5;
}
.darkbg,
.carousel-item-wrap.dark p {
   color: #ffffff;
}
hr {
   border: 1px solid #d9d9d9;
   margin-bottom: 24px;
}
.textbox ul,
.textbox ol {
   font-size: 18px;
   line-height: 28px;
   margin-bottom: 1em;
   list-style: square inside;
   clear: both;
   display: inline-block;
}
.textbox h1,
.textbox h2,
.textbox h3,
.textbox h4,
.textbox h5 {
   margin: 1em 0;
}
.perex {
   font-family: "Times", sans-serif;
   font-size: 21px;
   font-style: italic;
}
.perex.small {
   font-size: 18px;
}
#top,
#page,
#foot {
   margin: 0 auto;
   position: relative;
}
.hidden {
   display: none;
}
.noshadow {
   box-shadow: none;
}
.uppercase {
   text-transform: uppercase;
}
.col-l {
   max-width: 1216px;
   margin-left: auto;
   margin-right: auto;
}
.col-m {
   max-width: 960px;
   margin-left: auto;
   margin-right: auto;
}
.col-s {
   max-width: 632px;
   margin-left: auto;
   margin-right: auto;
}
#obal div.section-wrap {
   margin-bottom: 50px;
}
.responsiveView {
   display: none;
}
.texy-image {
   margin-bottom: 1em;
}
.texy-image.float-left {
   margin-right: 1em;
}
.texy-image.float-right {
   margin-left: 1em;
}
img.texy-image.full-width {
   width: 100%;
   height: auto;
   float: none;
   clear: both;
   margin: 0 0 1em;
}
.obsah div > .texy-image {
   max-width: 100%;
   height: auto;
}
.text-center {
   text-align: center;
}
.text-right {
   text-align: right;
}
.display-none {
   display: none;
}

.color-red {
   color: #cc0000;
}
.branch-name .color-red {
   display: block;
   font-size: 15px;
   margin-top: 6px;
}
.capitalize {
   text-transform: capitalize;
   color: inherit;
}

#overlay {
   position: fixed;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background: rgba(0, 0, 0, 0.8);
   z-index: 9000;
   display: none;
   overflow: auto;
}
#overlay-box,
.overlay-reservation-box {
   background-color: #f2f2f2;
   min-width: 260px;
   width: 80vw;
   max-width: 800px;
   min-height: 200px;
   padding: 16px;
   margin: 5vh auto;
   position: relative;
   animation-name: overlay-box-animatetop;
   animation-duration: 0.6s;
   box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}
#overlay-box.static {
   animation-name: none;
}
@keyframes overlay-box-animatetop {
   from {
      top: -400px;
      opacity: 0;
   }
   to {
      top: 0;
      opacity: 1;
   }
}
#overlay-box .close {
   float: right;
   width: 30px;
   height: 30px;
   background: url("images/new/zavrit.png") left center/cover no-repeat;
}
#overlay-box .close:hover {
   cursor: pointer;
   cursor: hand;
   color: #000;
   background: url("images/new/zavrit.png") right center/cover no-repeat;
}
.reservation-edit .res-crossroad-wrapper {
   display: none;
}
.reservation-edit #pujcform {
   display: block !important;
}
.selected_branch .selected_branch-left small {
   color: #747474;
   font-size: 85%;
}
#top {
   width: 100%;
   background: #242424;
   height: 160px;
   box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.3);
   z-index: 1500;
   transition: background-color 0.4s ease;
}
#top > div {
   max-width: 1280px;
   margin: 0 auto;
}
#top.searchOpen {
   height: 160px;
}
#top.sticky {
   position: fixed;
   top: -74px;
   background-color: rgba(36, 36, 36, 0.95);
}
#top.sticky.searchOpen {
   top: 0;
   background-color: rgba(36, 36, 36, 1);
}
#top.sticky .top-search {
   transition: none;
}
#top.sticky + #page {
   padding-top: 160px;
}
#top .top-up,
#top .top-bottom {
   height: 50%;
}
#mobile-menu-button {
   display: none;
   position: relative;
   font-size: 14px;
   color: #cfcfcf;
   text-transform: uppercase;
   padding-left: 30px;
   cursor: pointer;
   vertical-align: middle;
   margin: 0 8px;
   line-height: 14px;
}
#mobile-menu-button:before {
   display: block;
   position: absolute;
   background: url("images/new/menu_multi.png") no-repeat left center/200%
      transparent;
   content: "";
   height: 16px;
   width: 22px;
   top: -1px;
   left: 0;
}
#mobile-menu-button.active,
#mobile-menu-button:hover {
   color: #fff;
}
#mobile-menu-button.active:before,
#mobile-menu-button:hover:before {
   background-position: right center;
}
#logo {
   float: left;
   padding: 31px 0 0 31px;
}
#top .top-up-login {
   float: right;
   margin: 35px 32px 0 0;
   min-width: 152px;
   display: inline-block;
}
#top .top-up-login .noscript-login > ul {
   width: auto;
}
#top .top-up-login ul {
   width: 152px;
}
#top .top-up-login li,
#top .top-up-login ul,
.mlp_loading_box_top span {
   display: inline-block;
   vertical-align: middle;
}
#top .top-up-login ul > div {
   float: left;
}
#top-logout {
   width: 118px;
}
.top-up-login li a,
#top .top-up-login input.logout {
   color: #cfcfcf;
   font-size: 14px;
   text-transform: uppercase;
   font-weight: 500;
   padding: 0;
   border: 0;
   background: none;
   vertical-align: sub;
   box-shadow: none;
}
#top .top-up-login li.lang {
   margin-right: 16px;
   float: right;
   display: inline-block !important;
}
#username.logged,
.top-up-login .login-visitor-name a {
   text-transform: none;
   text-decoration: underline #cfcfcf;
   color: #fff;
   margin-right: 3em;
   padding: 16px 0 16px 32px;
   background: url("images/new/uzivatel.png") no-repeat 0 16px/ 24px;
   font-size: 14px;
   font-weight: 500;
}
#menu-top {
   display: inline-block;
}
#menu li {
   display: inline-block;

   margin-left: 12px;
}
#menu li:first-child {
   margin-left: 16px;
}
#menu li.active a {
   box-shadow: inset 0 -3px 0 #f2f2f2;
}
#menu li a:focus {
   color: #fff;
   box-shadow: inset 0 -3px 0 #ddd;
}
#menu a {
   padding: 27px 16px 38px;
   display: inline-block;
   color: #cfcfcf;
   font-size: 15px;
   text-transform: uppercase;
}
#menu a:hover,
#top .top-up-login a:hover,
#top .top-up-login input:hover,
#menu li.active a {
   color: #f2f2f2;
}
#top .top-up-login a:focus,
#top .top-up-login input:focus,
#logo a:focus,
#mainsearch:focus {
   outline: 1px dashed #fff;
}
#obsah a:focus,
#drobecky *:focus {
   outline: 1px dashed #666;
}
#tm22777,
#tm22990 {
   /*MLP API a MLP PAY CREDIT z menu*/
   display: none !important;
}
#tm2141:not(.mlp_loading_box_top) {
   /* Fix problikavani menu */
   display: none;
}
#top .top-search-button {
   float: right;
}
#top .top-search {
   position: absolute;
   width: 100%;
   height: 100%;
   top: -160px;
   left: 0;
   right: 0;
   padding: 0 68px;
   box-sizing: border-box;
   background: #242424;
   z-index: 50;
   transition: top 0.6s ease;
}
.no-js .mlp_katalog_browser #top-search {
   margin-top: 25px;
}
.no-js .mlp_katalog_browser #top .top-search {
   position: relative;
   top: 0;
   left: 0;
   max-width: 100%;
   height: auto;
   padding: 1px 0 35px 1px;
}
.no-js .mlp_katalog_browser .top-search-close,
.no-js .mlp_katalog_browser .top-search-logo,
.no-js .mlp_katalog_browser .top-search-button {
   display: none;
}
#top .top-search.active {
   top: 0;
}
#top .top-search-logo {
   position: absolute;
   width: 25px;
   height: 35px;
   top: 31px;
   left: 31px;
   background: url("images/new/logo.png");
}
#top .top-search-logo a {
   width: 100%;
   height: 100%;
   position: absolute;
}
#top .top-search-close {
   position: absolute;
   top: 24px;
   right: 42px;
   height: 24px;
   width: 24px;
   background: url("images/new/zavrit.png") no-repeat center/cover;
   cursor: pointer;
}
#top .top-search-close:hover {
   background-position: right center;
}
#top-search {
   max-width: 960px;
   margin: 55px auto 0;
   position: relative;
}
#query /* Search input */ {
   height: 56px;
   padding: 0 56px;
   line-height: 56px;
   font-size: 20px;
   font-weight: 400;
   color: #000;
   background: #fafafa;
   float: left;
   width: calc(100% - 132px);
   transition: color 200ms ease-in-out;
}
#query.placeholder {
   color: #7d7d7d;
}
#tophledat {
   overflow: hidden;
}
#tophledat:before {
   position: absolute;
   display: block;
   top: 0;
   left: 0;
   width: 56px;
   height: 56px;
   content: "";
   background: url("images/new/lupa_seda.png") no-repeat center/28px;
}
#tophledat input[type="submit"] {
   float: right;
   width: 124px;
   font-size: 16px;
   line-height: 54px;
   padding: 0;
   font-weight: 500;
}
#autocomplete {
   position: absolute;
   width: calc(100% - 132px);
   display: none;
}
#autocomplete-close {
   position: absolute;
   right: 14px;
   top: -45px;
   height: 32px;
   width: 32px;
   background: url("images/new/zavrit.png") no-repeat left center/86px;
   box-sizing: border-box;
   cursor: pointer;
}
#autocomplete-close a {
   display: block;
   width: 100%;
   height: 100%;
}
#autocomplete-close:hover {
   background-position: -57px center;
}
#autocomplete-in {
   background: #fcfcfc;
   border-radius: 0 0 3px 3px;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
   overflow: hidden;
   position: relative;
   top: -3px;
}
#autocomplete-in .title {
   background: #999999;
   color: #fff;
   font-size: 16px;
   font-weight: 500;
   padding: 8px 18px;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
   cursor: default;
   margin-bottom: 6px;
}
#autocomplete .title .showme {
   float: right;
   font-size: 13px;
   vertical-align: bottom;
   line-height: 16px;
   color: #fff;
   font-weight: 500;
}
#autocomplete .title .showme:hover {
   color: #b80000;
}
#autocomplete .title .showme:active {
   color: #8f0100;
}
#autocomplete .suggest {
   padding: 6px 24px;
   font-size: 13px;
}
#autocomplete .suggest.selected {
   background: #d8d8d8;
   cursor: pointer;
}
/* Buttons */
input[type="button"],
input[type="submit"],
button,
.button {
   padding: 14px 18px;
   text-transform: uppercase;
   color: #ffffff;
   background: #cc0000;
   border: 1px solid #cc0000;
   font-size: 15px;
   font-family: "Roboto", sans-serif;
   cursor: pointer;
   cursor: hand;
   border-radius: 3px;
   box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24),
      0 0 2px 0 rgba(0, 0, 0, 0.12);
   display: inline-block;
   box-sizing: border-box;
   vertical-align: middle;
}
input.big[type="button"],
input.big[type="submit"],
button.big,
.button.big {
   padding: 18px;
}
input.big.wide[type="button"],
input.big.wide[type="submit"],
button.big.wide,
.button.big.wide {
   padding: 18px 32px;
}
input.small[type="button"],
input.small[type="submit"],
button.small,
.button.small {
   padding: 8px 11px;
}
input.medium[type="button"],
input.medium[type="submit"],
button.medium,
.button.medium {
   font-size: 14px;
   line-height: 20px;
   padding: 7px 16px;
}
input.small.wide[type="button"],
input.small.wide[type="submit"],
button.small.wide,
.button.small.wide {
   padding: 8px 25px;
}
button.search,
.button.search {
   padding-left: 45px;
   width: 152px;
   height: 56px;
   background: url("images/new/lupa_bila.png") 17px/24px no-repeat #cc0000;
   margin: 7px 32px 0 0;
   line-height: 26px;
   text-align: center;
}
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover,
.button:hover,
button.search:hover {
   background-color: #b80000;
   border-color: #b80000;
}
input[type="button"]:active,
input[type="submit"]:active,
button:active,
.button:active,
button.search:active,
input[type="button"]:focus,
input[type="submit"]:focus,
button:focus,
.button:focus,
button.search:focus {
   background-color: #8f0100;
   border-color: #8f0100;
}
input[type="button"][disabled],
input[type="submit"][disabled],
button[disabled],
.button.disabled,
button.search[disabled] {
   background-color: #b8b8b8;
   border-color: #b8b8b8;
   cursor: default;
}
.disabled {
   background-color: #ddd;
   border-color: #b8b8b8;
   cursor: default;
}
input.light[type="button"],
input.light[type="submit"],
button.light,
.button.light {
   border-color: #b8b8b8;
   color: #ca0002;
   background-color: transparent;
   box-shadow: none;
}
input.transparent-border[type="button"],
input.transparent-border[type="submit"],
button.transparent-border,
.button.transparent-border {
   border-color: rgba(0, 0, 0, 0.24);
}
input.light[type="button"]:hover,
input.light[type="submit"]:hover,
button.light:hover,
.button.light:hover {
   border-color: #b80000;
   color: #b80000;
}
input.light.white[type="button"]:hover,
input.light.white[type="submit"]:hover,
button.light.white:hover,
.button.light.white:hover {
   color: #bbb;
}
input.light[type="button"]:active,
input.light[type="submit"]:active,
button.light:active,
.button.light:active,
input.light[type="button"]:focus,
input.light[type="submit"]:focus,
button.light:focus,
.button.light:focus {
   border-color: #8f0100;
   color: #8f0100;
   background-color: #888;
}
input.light[type="button"][disabled],
input.light[type="submit"][disabled],
button.light[disabled],
.button.light.disabled {
   border-color: #b8b8b8;
   color: #b8b8b8;
   cursor: default;
}
/* / Buttons */
/* Login */
#overlay-box.login {
   max-width: 320px;
   margin: 100px auto 0;
   padding: 0;
   box-sizing: border-box;
   border-top: 2px solid #fff;
   width: 100%;
}
#overlay-box.login .close {
   float: none;
   position: absolute;
   right: 20px;
   top: 20px;
   width: 16px;
   height: 16px;
   background-position-x: right;
}
#my .my {
   padding: 40px;
   text-align: center;
}
#my .login-colosseum,
#my.colosseum .my {
   display: none;
}
#my.colosseum .login-colosseum {
   display: block;
}
#my .login-colosseum .loginform > p {
   margin: 40px 0;
   font-size: 14px;
}
#my #login h2 {
   margin-bottom: 40px;
}
#my .loginform > *:not(:last-child) {
   margin-bottom: 24px;
}
#my .loginform fieldset {
   font-weight: 500;
}
#my .loginform fieldset a {
   display: inline-block;
}
#my .loginform fieldset .chyb a {
   color: inherit;
   font-size: inherit;
   text-decoration: underline;
}
#my .loginform fieldset > *:last-child {
   margin-bottom: 0;
}
#my .loginform label {
   display: block;
   margin-bottom: 16px;
}
#my .loginform div.buttons > * {
   width: 100%;
}
#my .login-colosseum .btn-primary {
   margin: 0 0 24px 0;
}
#my .loginform label input {
   width: 100%;
}
#my .loginform .buttons input[type="submit"].loading {
   color: transparent;
   background: url("o/ajax-loader.gif") no-repeat 50% 50%;
}
#my .loginform .ssl-switch {
   color: #4caf50;
}
#my .loginform .forgot-password,
#my .loginform .register {
   font-size: 14px;
   font-weight: 500;
}
#my .loginform .forgot-password a,
#my .loginform .register a {
   text-decoration: none;
}
#my .loginform p.chyb,
.error-box {
   padding: 16px 16px 16px 48px;
   background: url("images/new/vystraha_bila.png") 16px/20px no-repeat #d73d3d;
   color: #ffffff;
   text-align: left;
   margin: 0 16px 8px;
   font-weight: 400;
   box-shadow: inset 2px 0 0 #cb0003;
   font-size: 12px;
   line-height: 12px;
}
#my .loginform p.chyb {
   margin: 0 0 20px;
}
.e404 .error-box {
   margin-left: 0;
   margin-right: 0;
}
.mlp-login #my {
   max-width: 320px;
   border: 1px solid darkgray;
   margin: 0 auto;
}
.mlp-login #my.logged {
   border: 0;
}
.mlp-login #login h2 {
   display: none;
}
.mlp-login input.logout {
   width: 100%;
}
#mojeid.my {
   padding-top: 24px;
   background: #000;
   font-weight: 500;
}
#mojeid .mojeid-btn {
   width: 100%;
   border-color: #3d3d3d;
   text-align: center;
}
#mojeid .mojeid-btn::after {
   content: url("images/vector_icons/mojeid-logo.svg");
   width: 60px;
   height: auto;
   display: inline-block;
   vertical-align: middle;
   margin-left: 6px;
}
#mojeid .mojeid-btn:hover {
   border-color: #b8b8b8;
}
#mojeid .link {
   color: #fff;
   font-size: 14px;
}
#overlay-box #logout {
   padding: 80px 40px;
   text-align: center;
}
#overlay-box #logout input.logout {
   width: 100%;
}
#loginform.reservation-login .login-links {
   padding-top: 24px;
   overflow: hidden;
}
#loginform.reservation-login .login-links a:last-child {
   margin-left: 0;
}

/* / Login */
fieldset.form label {
   box-sizing: border-box;
   text-align: left;
}
fieldset.form label span:first-of-type {
   font-size: 12px;
   font-weight: 500;
   margin-bottom: 8px;
   display: block;
}
textarea {
   display: block;
   font-family: "Roboto", sans-serif;
   font-size: 15px;
   font-weight: 400;
   padding: 16px;
   border: 1px solid #d9d9d9;
   border-radius: 3px;
   color: #4a4a4a;
   box-sizing: border-box;
   resize: none;
   width: 100%;
   min-height: 140px;
   overflow: auto;
}
textarea.resizable {
   resize: both;
   max-width: 100%;
}
input[type="text"],
input[type="date"],
input[type="password"],
input[type="number"] {
   display: block;
   height: 48px;
   font-family: "Roboto", sans-serif;
   font-size: 15px;
   font-weight: 500;
   padding: 0 16px;
   border: 1px solid #d9d9d9;
   border-radius: 3px;
   color: #4a4a4a;
   box-sizing: border-box;
}
input[type="text"]:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input[type="number"]:focus {
   border-color: #cc0000;
}
input::placeholder {
   /* Chrome, Firefox, Opera, Safari 10.1+ */
   color: #747474;
   opacity: 1; /* Firefox */
}
input:-ms-input-placeholder {
   /* Internet Explorer 10-11 */
   color: #747474 !important;
}
input::-ms-input-placeholder {
   /* Microsoft Edge */
   color: #747474 !important;
}
.toggle_pwd {
   background: url(images/eye.svg) no-repeat;
   background-position: 50% 2px;
   background-size: 24px;
   border: 0;
   box-shadow: none;
   padding: 0;
   width: 30px;
   height: 16px;
}
.toggle_pwd.show {
   background-image: url(images/eye-hidden.svg);
   background-position: 50% 0;
}
.toggle_pwd:hover,
.toggle_pwd:focus,
.toggle_pwd:active {
   background-color: transparent;
}

input.error {
   border-color: #cc0000;
}
.registration_bar {
   padding: 10px 32px 12px;
   background: #d8d8d8;
}
#drobecky {
   padding: 18px 32px 15px;
   background: #d8d8d8;
   position: relative;
}
#drobecky * {
   text-transform: uppercase;
   color: #595959;
   font-weight: 500;
   font-size: 15px;
   vertical-align: top;
}
#drobecky .prvni {
   font-size: 14px;
}
#drobecky p span {
   content: "";
   background: url("images/new/vlevo_seda.png") no-repeat center / 25px 25px;
   height: 16px;
   width: 16px;
   display: inline;
   position: relative;
   margin: auto 8px;
}
#layout-1col .edit-page {
   text-align: right;
}
#layout-1col .edit-page > a {
   font-size: 18px;
   line-height: 1;
   padding: 10px;
   display: inline-block;
}
#layout-1col > h1,
#layout-2col-l > h1 {
   text-align: center;
   margin-top: 1em;
}
#obal:not(.homepage) {
   margin: 0 32px 110px;
}
#page {
   z-index: 1000;
   max-width: 1280px;
}
#page div.in > div {
   clear: both;
}
.hot-news {
   padding: 20px 20px 20px 48px;
   background: url("images/new/vystraha_bila.png") 16px/20px no-repeat #d73d3d;
   margin: 15px 32px 0;
   font-weight: 400;
   box-shadow: inset 2px 0 0 #cb0003;
   height: auto;
   position: relative;
}
.hot-news li {
   color: #fff;
   list-style: none;
   cursor: default;
   font-size: 15px;
   display: none;
}
.hot-news li:first-child {
   display: block;
}
.hot-news ul.running li {
   display: block;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   transition: opacity 1s ease-in-out;
   opacity: 0;
}
.hot-news ul.running li.biggest {
   position: relative;
   transform: none;
   top: inherit;
}
.hot-news ul.running li.active {
   opacity: 1;
   z-index: 9;
}
.hot-news a {
   color: #fff;
   text-decoration: underline;
}
.hot-news-close {
   background: url("images/new/zavrit_light.png") no-repeat center / 54px;
   position: absolute;
   display: block;
   top: 5px;
   right: 5px;
   height: 16px;
   width: 16px;
   cursor: pointer;
   padding: 5px;
}
.mlp-alert,
.obsah p.mlp-alert {
   padding: 20px 20px 20px 48px;
   background: url("images/new/info_tm_seda.png") 16px/20px no-repeat #f3eb96;
   margin: 15px 32px 0;
   font-weight: 400;
   box-shadow: inset 2px 0 0 #f3e658;
   height: auto;
   position: relative;
   color: #000;
   font-size: 15px;
   line-height: 15px;
}
.obsah p.mlp-alert {
   margin: 0 0 32px 0;
}
.mlp-alert a {
   text-decoration: underline;
}
.mlp-alert-close {
   background: url("images/new/zavrit_light.png") no-repeat left / 54px;
   position: absolute;
   display: block;
   top: 5px;
   right: 5px;
   height: 16px;
   width: 16px;
   cursor: pointer;
}
.mlp-alert.success,
.obsah p.mlp-alert.success {
   background: url("images/new/fajfka_bila.png") 16px/20px no-repeat #76c079;
   color: #fff;
   box-shadow: inset 2px 0 0 #4caf50;
}
.mlp-alert.success strong,
.obsah p.mlp-alert.success strong {
   color: inherit;
}
.mlp-alert.error,
.obsah p.mlp-alert.error {
   background: url("images/new/vystraha_bila.png") 16px/20px no-repeat #d73d3d;
   color: #fff;
   box-shadow: inset 2px 0 0 #cb0003;
}
.mlp-alert.success .mlp-alert-close,
.mlp-alert.error .mlp-alert-close {
   background-position: center;
}
.mlp-alert.error a,
.obsah p.mlp-alert.error a,
.mlp-alert.success a,
.obsah p.mlp-alert.success a {
   color: #fff;
}
.noscript .mlp-alert-close {
   display: none;
}
div.section-annotation {
   text-align: center;
   font-family: "Times", Times, "Times New Roman", serif;
   font-size: 21px;
   font-style: italic;
   max-width: 560px;
   margin: 45px auto 0;
   line-height: 30px;
}
div.section-annotation > p {
   font-family: "Times", Times, "Times New Roman", serif;
   font-size: 21px;
   line-height: 30px;
}
div.section-annotation .link,
div.section-annotation a {
   color: #ca0002;
   text-decoration: underline;
   font-family: "Times", Times, "Times New Roman", serif;
   font-size: 21px;
   white-space: nowrap;
}
div.section-annotation a:hover {
   color: #b80000;
}
div.section-annotation a:active {
   color: #8f0100;
}
.homepage div.section-annotation {
   margin-bottom: 55px;
}
div.section-annotation.inline {
   margin: 0;
   padding: 0;
   max-width: 90%;
   font-size: 17px;
   line-height: 1.5;
   text-align: left;
}
#obal.homepage {
   margin-top: 15px;
}
.homepage h1 {
   margin-top: 1em;
   text-align: center;
}
#hp-glider {
   margin-bottom: 32px;
}
.owl-carousel {
   margin-top: 15px;
}
.owl-carousel:not(.owl-loaded) > div:not(:first-child) {
   display: none;
}
.owl-carousel .owl-item {
   overflow: hidden;
   opacity: 0.15;
   filter: blur(0.5px);
   transition: opacity 0.75s ease, filter 0.75s ease;
}
.owl-carousel .owl-item.active {
   opacity: 1;
   filter: blur(0);
}
.owl-carousel .carousel-item-wrap {
   width: 50%;
   float: left;
   height: 370px;
   overflow: hidden;
   background: #d9d9d9 no-repeat center / cover;
   position: relative;
}
.owl-carousel .carousel-item-wrap-text {
   position: absolute;
   top: 23%;
   left: 8%;
   z-index: 4;
   width: 84%;
}
.owl-carousel .carousel-item-wrap-text p {
   font-family: "Times", Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 32px;
   line-height: 1.2em;
   margin-bottom: 8%;
}
.carousel-item-wrap.dark .button,
.button.white {
   color: #fff;
}
.carousel-item-wrap.dark .button:active,
.button.white:active {
   color: #8f0100;
   background-color: transparent;
}
.carousel-item-wrap .carousel-blurredbg {
   background: #d9d9d9 no-repeat center / cover;
   height: 100%;
}
.carousel-item-wrap .carousel-blurredbg,
.blur {
   filter: blur(20px);
   -webkit-filter: blur(20px);
   -moz-filter: blur(20px);
   -o-filter: blur(20px);
   -ms-filter: blur(20px);
   -ms-transform: scale(1.1); /* IE 9 */
   -webkit-transform: scale(1.1); /* Safari */
   transform: scale(1.1);
}
.owl-dots {
   text-align: center;
   margin: 10px 16px 0;
}
.owl-dots .owl-dot {
   height: 10px;
   width: 10px;
   margin: 3px;
   display: inline-block;
   background: #999999;
}
.owl-dots .owl-dot.active {
   background: #323232;
}
.image-overlay {
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   position: absolute;
   background: rgba(255, 255, 255, 0.7);
   z-index: 2;
}
.image-overlay.dark,
.carousel-item-wrap.dark .image-overlay {
   background-color: rgba(0, 0, 0, 0.62);
}
.image-overlay.gray {
   background-color: rgba(242, 242, 242, 0.7);
}
.hp-wrapper {
   margin: 0 16px;
   overflow: hidden;
   padding: 0 16px;
}
.katalog-tiles-wrap {
   margin-bottom: 20px;
   overflow: hidden;
}
#hp-katalog .katalog-tiles-wrap {
   margin-bottom: 34px;
}
#hp-katalog .katalog-tiles-wrap .kat-tile:nth-child(n + 7) {
   display: none;
}
.detail-pobocky #hp-novinky {
   padding-bottom: 25px;
}
.katalog-tiles-wrap ul.slides {
   max-width: 1216px;
   position: relative;
   overflow: hidden;
}
.katalog-browser {
   margin-top: 40px;
}
/* Katalog Other Themes */
.katalog-browser .other-topics {
   text-align: center;
}
.katalog-browser .other-topics-title,
.katalog-browser .other-topics-lists {
   margin-bottom: 40px;
}
.katalog-browser .other-topics-lists ul {
   max-width: 590px;
   width: 48%;
   display: inline-block;
   vertical-align: top;
}
.katalog-browser .other-topics-lists ul:first-child {
   margin-right: 1%;
}
.katalog-browser .other-topics-lists ul:last-child {
   margin-left: 1%;
}
.katalog-browser .other-topics-lists ul:only-child {
   margin: 0;
}
.katalog-browser .other-topics-lists li {
   height: 80px;
   overflow: hidden;
   text-align: left;
}
/* END Katalog Other Themes */
.katalog-batch.limited .kat-tile:nth-child(n + 7) {
   display: none;
}
.katalog-batch:not(:last-of-type) {
   margin-bottom: 40px;
}
.katalog-batch .kat-tile:nth-child(n + 7) {
   margin-top: 3em;
}
.katalog-batch-counter {
   font-size: 24px;
   color: #747474;
   margin-left: 8px;
}
.katalog-tiles .loader-4 {
   margin: 0 auto;
}
.katalog-tiles {
   overflow: hidden;
}
/* Catalogue tiles alignement */
ul.katalog-tiles,
.katalog-batch ul.slides {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-end;
}
ul.katalog-tiles .kat-tile.author,
ul.katalog-tiles .kat-tile.web {
   align-self: flex-start;
}
/* End Catalogue tiles alignement */
#katalog-list .kat-tile {
   margin-bottom: 3em;
}
.kat-tile {
   width: 13.157894736842105%;
   float: left;
   display: block;
   overflow: hidden;
   margin-left: 4.2105263157894736%;
}
.kat-tile:nth-child(6n-5) {
   margin-left: 0;
   clear: left;
}
.kat-tile .cover-wrap {
   max-width: 160px;
   max-height: 236px;
   position: relative;
   overflow: hidden;
   margin-bottom: 10px;
   box-shadow: 0 14px 6px -7px rgba(0, 0, 0, 0.2);
   display: inline-block;
   box-sizing: border-box;
}
.katalog-row-img img.cover-img {
   height: auto;
   width: auto;
   max-width: 68px;
   max-height: 68px;
   display: block;
}
.katalog-row-img.kat-item-cover .cover-wrap {
   height: auto;
   top: 50%;
   transform: translateY(-50%);
   margin: 0;
}
.kat-tile .cover-wrap.per,
.kat-tile .cover-wrap.kmx,
.kat-tile .cover-wrap.dbz {
   max-height: 211px;
}
.kat-tile .cover-wrap.dvd,
.kat-tile .cover-wrap.bd {
   max-height: 201px;
   width: 100%;
}
.kat-tile .cover-wrap.cd,
.kat-tile .cover-wrap.lp,
.kat-tile .cover-wrap.cdmp3 {
   max-height: 140px;
   width: 100%;
}
.kat-item-cover .cover-wrap {
   max-height: 68px;
   position: relative;
   overflow: hidden;
   box-shadow: 0 8px 4px -6px rgba(0, 0, 0, 0.4);
   width: auto;
   display: inline-block;
   margin: 0 auto;
   height: 100%;
}
.kat-tile img.cover-img {
   position: relative;
   height: auto;
   width: auto;
   background: transparent no-repeat center/cover;
   max-height: 100%;
   max-width: 100%;
   display: block;
}
.kat-tile .per img.cover-img,
.kat-tile .kmx img.cover-img,
.kat-tile .dbz img.cover-img {
   height: 101.3%;
}
.kat-tile .dvd img.cover-img,
.kat-tile .bd img.cover-img {
   top: 3%;
   left: inherit;
   height: 95%;
   width: 84.6%;
   right: 2.8%;
   transform: none;
   position: absolute;
}
.kat-tile .cd img.cover-img,
.kat-tile .lp img.cover-img,
.kat-tile .cdmp3 img.cover-img {
   top: 2%;
   left: inherit;
   height: 95%;
   width: 83.1%;
   right: 2%;
   transform: none;
   z-index: 1;
   position: absolute;
}
.katalog-row-img .cd::after,
.katalog-row-img .lp::after,
.katalog-row-img .cdmp3::after {
   z-index: -1;
}
.katalog-row-img .cover-wrap.cd,
.katalog-row-img .cover-wrap.lp,
.katalog-row-img .cover-wrap.cdmp3 {
   height: 60px;
   width: 68px;
}
.katalog-row-img .cover-wrap.cd .cover-img,
.katalog-row-img .cover-wrap.lp .cover-img,
.katalog-row-img .cover-wrap.cdmp3 .cover-img {
   height: 56px;
   width: 56px;
   position: relative;
   top: 2px;
   left: 10px;
}
.kat-item-cover img.cover-img,
#book-img-left img.cover-img {
   position: relative;
   height: 100%;
   background: transparent no-repeat center/cover;
   width: auto;
   display: block;
}
.kat-tile .cover-overlay {
   width: 100%;
   height: 100%;
   position: absolute;
   background: transparent no-repeat center/cover;
   top: 0;
   left: 0;
}
.kat-tile .per .cover-overlay,
.kat-tile .kmx .cover-overlay,
.kat-tile .dbz .cover-overlay {
   padding-top: 131.88%;
}
.kat-tile .dvd .cover-overlay,
.kat-tile .bd .cover-overlay {
   padding-top: 125.63%;
   position: relative;
}
.katalog-row-img .cover-wrap.dvd::after,
.katalog-row-img .cover-wrap.bd::after {
   background-size: auto 100%;
   position: relative;
   display: block;
   width: 68px;
   height: 68px;
}
.katalog-row-img .cover-wrap.dvd .cover-img,
.katalog-row-img .cover-wrap.bd .cover-img {
   position: absolute;
   max-width: 60px;
   max-height: 65px;
   left: 54%;
   top: 2px;
   transform: translateX(-50%);
}
.kat-tile .cd .cover-overlay,
.kat-tile .lp .cover-overlay,
.kat-tile .cdmp3 .cover-overlay {
   padding-top: 87.5%;
   position: relative;
}
.kat-item-cover .cover-wrap::after {
   width: 100%;
   position: absolute;
   content: "";
   background: transparent no-repeat center/cover;
   height: 100%;
   top: 0;
   left: 0;
}
.kat-tile .kni .cover-overlay,
.kat-item-cover .kni::after,
.kat-tile .ek .cover-overlay,
.kat-item-cover .ek::after {
   background-image: url("images/new/cover_book.png");
}
.kat-tile .kni .cover-overlay.nocover,
.kat-tile .ek .cover-overlay.nocover {
   background: transparent;
   content: url("images/new/cover_book_placeholder.png");
   position: relative;
}
.kat-item-cover .kni.nocover,
.kat-item-cover .ek.nocover {
   padding-left: 67.8%;
   height: 100%;
}
.kat-item-cover .kni.nocover .placeholder,
.kat-item-cover .ek.nocover .placeholder {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: url("images/new/mlp_logo_new.png") no-repeat center/50%
      transparent;
   z-index: 1;
}
.kat-item-cover .kni.nocover::after,
.kat-item-cover .ek.nocover::after {
   background-image: url("images/new/cover_book_placeholder.png");
}
.kat-tile .book-cover-text {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   padding: 30% 10% 0;
   box-sizing: border-box;
}
.kat-tile .book-cover-text > div {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   line-height: 20px;
}
.kat-tile .book-cover-text .title {
   font-family: "Times", sans-serif;
   font-style: italic;
   font-size: 18px;
}
.kat-tile .book-cover-text .author {
   color: #cd3c3c;
   font-size: 12px;
}
.kat-tile .kmx .cover-overlay,
.kat-item-cover .kmx::after,
.kat-tile .per .cover-overlay,
.kat-item-cover .per::after,
.kat-tile .dbz .cover-overlay,
.kat-item-cover .dbz::after {
   background-image: url("images/new/cover_magazine.png");
}
.kat-tile .dvd .cover-overlay,
.kat-item-cover .dvd::after,
.kat-tile .bd .cover-overlay,
.kat-item-cover .bd::after {
   background-image: url("images/new/cover_dvd_nodisc.png");
}
.kat-tile .dvd .cover-overlay.nocover,
.kat-item-cover .dvd.nocover::after,
.kat-tile .bd .cover-overlay.nocover,
.kat-item-cover .bd.nocover::after {
   background-image: url("images/new/cover_dvd.png");
}
.kat-item-cover .dvd .cover-img.placeholder,
.kat-item-cover .bd .cover-img.placeholder {
   display: none;
}
.kat-tile .cd .cover-overlay,
.kat-item-cover .cd::after,
.kat-tile .lp .cover-overlay,
.kat-item-cover .lp::after,
.kat-tile .cdmp3 .cover-overlay,
.kat-item-cover .cdmp3::after {
   background-image: url("images/new/cover_cd.png");
}
.kat-tile .title-info {
   margin-bottom: 10px;
}
.kat-tile .title-info > div {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.kat-tile .title-info-title {
   font-size: 16px;
   line-height: 18px;
   color: #000;
}
.kat-tile .title-info-author,
.kat-tile .title-info-publisher {
   font-size: 12px;
   line-height: 16px;
   text-space: 0.1em;
   color: #6d6d6d;
   min-height: 16px;
}
.kat-tile .no-reservation-space {
   height: 36px;
}
#katalog-list .katalog-rows {
   margin-bottom: 50px;
}
.katalog-rows {
   list-style: none;
   border-radius: 2px;
   overflow: hidden;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
   display: block;
}
.katalog-rows,
#katalog-pagination .pagination,
#katalog-list.grid {
   max-width: 960px;
   margin: 0 auto;
}
#katalog-list {
   clear: right !important;
   overflow: hidden;
}
.book-wrap-box #katalog-list {
   overflow: visible;
}
.katalog-row {
   background: #fbfbfb;
   padding: 12px;
   box-sizing: border-box;
   overflow: hidden;
   display: block;
   position: relative;
}
.katalog-row:not(:first-child) {
   box-shadow: 0 -1px 0 0 rgba(50, 50, 50, 0.05);
}
.katalog-row > div {
   display: inline-block;
   vertical-align: middle;
}
.katalog-row-img {
   width: 68px;
   height: 68px;
   text-align: center;
}
div.katalog-row-info {
   padding: 0 12px;
   vertical-align: top;
   max-width: 300px;
}
.katalog-row.web div.katalog-row-info {
   max-width: none;
}
.katalog-row-title,
.katalog-row-title a {
   font-size: 18px;
   color: #000;
}
.katalog-row-author,
.katalog-row-author a,
.katalog-row-publishments,
.katalog-row-publishing-house {
   font-size: 15px;
   color: #777777;
}
.katalog-row-right .katalog-row-publishments,
.katalog-row-right .katalog-row-publishing-house {
   display: inline-block;
}
.katalog-row-right {
   float: right;
   line-height: 68px;
   white-space: nowrap;
}
.katalog-row-right .button.reserve {
   margin: 0 50px;
}
.katalog-row .no-reservation-space {
   padding-left: 50px;
}
.col-s-list-arrow.katalog-arrow-more {
   position: absolute;
   top: 50%;
   right: 28px;
   transform: translateY(-50%);
}

.section-title {
   display: inline-block;
   border-bottom: 3px solid #cc0004;
   padding-bottom: 10px;
}
.selected-events-title-wrap h2.section-title,
.section-title-wrap h2.section-title,
.section-title-box h2.section-title {
   margin-bottom: 16px;
}
.section-title.capital {
   text-transform: capitalize;
}
li.section-title-box:not(:first-child) {
   margin-top: 46px;
   clear: both;
}
.section-title-more {
   float: right;
   font-size: 18px;
   color: #6e6e6e;
   font-weight: 500;
   padding: 12px 0;
}
.section-title-more.dark {
   color: #747474;
}
.section-title-more:after {
   width: 26px;
   height: 26px;
   background: url("images/new/vpravo_barevne.png") no-repeat -26px -2px/ 86px transparent;
   display: inline-block;
   content: "";
   vertical-align: middle;
   margin-left: -5px;
}
.section-title-more.dark:after {
   background-image: url("images/new/vpravo_barevne_tmave.png");
}
.section-title-more:hover {
   color: #b80000;
}
.section-title-more:hover:after {
   background-position-x: 1px;
}

.section-title-more:active {
   color: #8f0100;
}
.section-title-more:active:after {
   background-position-x: -54px;
}

li.event-tile,
li.news-tile {
   position: relative;
   display: block;
   float: left;
   width: 31.25%;
   margin-bottom: 45px;
   z-index: 3;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}
ul.seznam-akci li:not(:nth-child(3n + 3)),
ul.seznam-novinek li:not(:nth-child(3n + 3)) {
   margin-right: 3.125%;
}
div.event-tile-top,
div.news-tile-top {
   width: 100%;
   height: 240px;
   background: transparent no-repeat center / cover;
   position: relative;
   transition: all 0.1s;
}
div.event-tile-top > a,
div.news-tile-top > a {
   position: absolute;
   width: 100%;
   height: 100%;
}
div.event-tile-top:hover,
div.news-tile-top:hover {
   opacity: 0.9;
}
div.event-tile-bottom,
div.news-tile-bottom {
   width: 100%;
   height: 168px;
   position: relative;
   overflow: hidden;
   font-size: 18px;
}
div.news-tile-bottom {
   background: #fff;
   padding: 20px;
   box-sizing: border-box;
}
div.event-tile-bottom div * {
   z-index: 3;
   position: relative;
}
div.event-tile-bottom > div:nth-last-child(n + 3) {
   height: 100%;
   float: left;
   padding: 20px;
   box-sizing: border-box;
}
div.event-tile-bottom-left {
   width: calc(100% - 121px);
}
.event-tile-bottom-left > div,
.news-tile-bottom > div {
   line-height: 24px;
}
div.event-tile-bottom div.event-tile-bottom-separator {
   width: 1px;
   background: rgba(255, 255, 255, 0.25);
   padding: 0;
   position: relative;
   z-index: 4;
}
div.event-tile-bottom-right {
   width: 120px;
}
div.event-tile-bottom > div.event-tile-bottom-right:nth-last-child(n + 3) {
   padding: 20px 10px;
}
div.event-tile-bottom-right div:not(:last-child) {
   margin-bottom: 8px;
   text-align: center;
}
div.event-tile-bottom-right .button {
   padding: 0;
   font-size: 14px;
   width: 88px;
   height: 38px;
   line-height: 38px;
   text-align: center;
}
.event-tile-name,
.event-tile-cena {
   color: #fff;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
a.event-tile-name:hover {
   text-decoration: underline;
}
.event-tile-cena {
   text-transform: capitalize;
}
.news-tile-name,
.news-tile-autor,
.news-tile-datum {
   color: #737373;
}
.event-tile-place-wrap {
   overflow: hidden;
   text-overflow: ellipsis;
}
.event-tile-place {
   white-space: nowrap;
}
.event-tile-place,
.event-tile-place-wrap,
.event-tile-datum,
.event-tile-vstup {
   color: rgba(255, 255, 255, 0.8);
}
.news-tile-name {
   color: #000;
}
.event-tile-buy,
.event-tile-save {
   height: 38px;
   text-align: center;
}
div.event-tile-bottom-image,
.selected-events-image {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: #000 no-repeat bottom / cover;
}
.tag-akce > *,
.tag-novinka > *,
.tag-katalog > * {
   background: #000;
   color: #fff;
   z-index: 3;
   padding: 0 8px;
   font-size: 12px;
   border-radius: 2px;
   margin: 0 6px 6px 0;
   display: inline-block;
   cursor: default;
   line-height: 24px;
}
.tag-katalog > * {
   line-height: 20px;
}
.tag-akce:hover > a,
.tag-novinka:hover > a,
.tag-katalog:hover > a {
   cursor: pointer;
}
.tag-akce .target-audience-4 {
   background-color: #c13176;
}
.v-reflect {
   -moz-transform: scaleY(-1);
   -o-transform: scaleY(-1);
   -webkit-transform: scaleY(-1);
   transform: scaleY(-1);
   filter: FlipV;
   -ms-filter: "FlipV";
}
.v-reflect-blur {
   -moz-transform: scaleX(1.1) scaleY(-1.3);
   -o-transform: scaleX(1.1) scaleY(-1.3);
   -webkit-transform: scaleX(1.1) scaleY(-1.3);
   transform: scaleX(1.1) scaleY(-1.3);
   filter: blur(20px);
   -ms-filter: blur(20px);
   -webkit-filter: blur(20px);
   -moz-filter: blur(20px);
   -o-filter: blur(20px);
}
.big-box-wrapper {
   margin-top: 25px;
   position: relative;
   box-sizing: border-box;
   max-height: 450px;
   overflow: hidden;
}
.big-box-wrapper img {
   width: 100%;
}
.big-box-wrapper-inner {
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   transform: translateY(-50%);
   text-align: center;
   overflow: hidden;
}
.big-box-wrapper-inner > span {
   display: block;
   font-size: 52px;
   font-weight: bold;
   font-family: "Times", Times, "Times New Roman", serif;
   color: #fff;
   line-height: 68px;
   margin: 0 auto 30px;
   max-width: 700px;
}
.big-box-wrapper-inner.black > span {
   color: #333333;
}
.big.button.search {
   width: auto;
   font-size: 16px;
   font-weight: 500;
   line-height: 56px;
   padding: 0 26px 0 56px;
   margin: 0;
}
.hp-links-wrapper {
   display: table;
   margin: 66px auto 86px;
   overflow: hidden;
}
.hp-links-col {
   width: 170px;
   display: block;
   float: left;
   position: relative;
   text-align: center;
   overflow: hidden;
}
.hp-links-col:not(:last-child) {
   margin-right: 150px;
}
.hp-links-picture {
   display: block;
   width: 45px;
   height: 45px;
   margin: 0 auto 26px;
   background: #cc0001 no-repeat center / 30px;
}
.hp-links-picture.uzivatel {
   background-image: url("images/new/uzivatel_bily.png");
   background-size: 36px;
}
.hp-links-picture.lupa {
   background-image: url("images/new/lupa_bila.png");
}
.hp-links-picture.domu {
   background-image: url("images/new/domu.png");
}
.hp-links-picture.sluzby {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath d='M32.75 46v-3H35V9.5H13v13.75h-3V5q0-1.2.9-2.1.9-.9 2.1-.9h22q1.2 0 2.1.9.9.9.9 2.1v38q0 1.2-.9 2.1-.9.9-2.1.9ZM10 46v-7.75q3.25 0 5.5 2.25t2.25 5.5Zm10.75 0q0-4.5-3.125-7.625T10 35.25v-3q5.75 0 9.75 4t4 9.75Zm6 0q0-7-4.875-11.875T10 29.25v-3q4.1 0 7.7 1.55 3.6 1.55 6.275 4.225Q26.65 34.7 28.2 38.3q1.55 3.6 1.55 7.7Z' fill='white'/%3E%3C/svg%3E");
}
.hp-links-text {
   font-size: 18px;
   color: #6d6d6d;
   max-width: 156px;
   margin: 0 auto 16px;
   line-height: 24px;
}
#hp-praha-v-knihovne {
   width: 100%;
   height: 417px;
   background: url("images/new/footer_solo.png") no-repeat right / cover;
   position: relative;
}
#to-top-wrapper {
   max-width: 1280px;
   margin: 0 auto;
   z-index: 1010;
   position: relative;
}
#foot-to-top {
   position: absolute;
   top: -25px;
   right: 32px;
   padding: 25px;
   background-image: url("images/new/sipka_s_ocasem_bila.png");
   background-repeat: no-repeat;
   background-size: 24px;
   background-position: center;
}
#foot {
   z-index: 999;
   max-width: 1280px;
}
.ft-pvk-link-box {
   display: inline-block;
   text-align: center;
   position: absolute;
   right: 805px;
   top: 20px;
}
.ft-pvk-link-box a {
   margin-top: 12px;
}
.ft-pvk-link-img {
   width: 315px;
   height: 210px;
   background: url("images/new/praha_v_kihovne.png") no-repeat center / cover;
}
#foot-up {
   background: #515151;
}
.ft-faq {
   max-width: 554px;
   margin: 0 auto;
   padding: 58px 20px;
   text-align: center;
}
.ft-faq h5 {
   text-transform: uppercase;
   color: rgba(255, 255, 255, 0.69);
   margin-bottom: 40px;
}
.ft-faq ul {
   width: 100%;
   margin-bottom: 40px;
}
.ft-faq li {
   width: 100%;
   list-style-type: none;
   border-bottom: 1px solid rgba(255, 255, 255, 0.3);
   box-sizing: border-box;
   text-align: left;
}
.ft-faq li:first-of-type {
   border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.ft-faq li a {
   font-size: 18px;
   color: rgba(255, 255, 255, 0.9);
   width: 100%;
   padding: 16px 18px;
   display: block;
   box-sizing: border-box;
}
.ft-faq li a:after {
   width: 26px;
   height: 26px;
   background: url("images/new/vpravo_barevne_bile.png") no-repeat -26px 0/ 86px
      transparent;
   display: block;
   position: absolute;
   content: "";
   right: 16px;
   top: 13px;
}
.ft-faq li a:hover:after,
.ft-faq li a:focus:after {
   background-position-x: 1px;
}
.ft-faq li a:hover,
.ft-faq li a:focus {
   background-color: #3e3e3e;
}

.ft-faq li a:active:after,
.ft-faq li a:focus:after {
   background-position-x: -54px;
}

.ft-faq .button {
   padding: 20px 55px;
}
.ft-faq .button:not(:hover) {
   background-color: transparent;
   box-shadow: none;
   border-color: #b8b8b8;
}
#foot-down {
   background: #646464;
   padding: 58px 20px 30px;
}
#foot-down-box {
   max-width: 931px;
   margin: 0 auto;
   text-align: right;
}
.ft-contacts {
   height: 208px;
   margin-bottom: 40px;
}
.ft-contacts-btn {
   display: block;
   float: left;
   width: 31.47153598281418%;
   height: 208px;
   text-align: center;
   box-sizing: border-box;
   border-radius: 1px;
   border-top: 1px solid #999;
   background: #707070;
   box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.2);
   padding: 10px;
}
.ft-contacts-btn:not(:last-child) {
   margin-right: 2.7926960257787327%;
}
.ft-contacts-btn > div:first-of-type {
   height: 45px;
   width: 45px;
   background: transparent no-repeat center / cover;
   margin: 30px auto 22px;
}
.ft-contacts-btn.napiste-nam > div:first-of-type {
   background-image: url("images/new/zpravy.png");
}
.ft-contacts-btn.napiste-nam .ft-contacts-btn-text {
   text-transform: uppercase;
}
.ft-contacts-btn.zavolejte-nam > div:first-of-type {
   background-image: url("images/new/telefon_bily.png");
}
.ft-contacts-btn.spojte-se > div:first-of-type {
   background: url("images/new/facebook.png") no-repeat center/19px;
}

a.ft-contacts-btn:hover,
a.ft-contacts-btn:focus {
   background-color: #949494;
}
.ft-contacts-btn-title {
   font-size: 18px;
   color: rgba(255, 255, 255, 0.93);
   margin-bottom: 1em;
}
.ft-contacts-btn-text {
   font-size: 14px;
   color: #fff;
}
.ft-menu-box {
   margin-bottom: 20px;
   float: left;
}
#foot-menu span,
#foot-menu a {
   font-size: 15px;
   color: #fff;
}
#foot-menu a:hover {
   color: rgba(255, 255, 255, 1);
}
#foot-menu span {
   padding: 0 4px;
}
.ft-copyright {
   float: left;
   clear: left;
}
#foot-copyright {
   font-size: 15px;
   color: rgba(255, 255, 255, 0.81);
}
.ft-logo-praha {
   display: inline-block;
   margin-bottom: 40px;
   margin-right: -6px;
}
.ft-logo-praha span {
   font-size: 15px;
   color: rgba(255, 255, 255, 0.81);
   display: block;
   max-width: 140px;
   margin-top: 11px;
   float: left;
   line-height: 20px;
}
.ft-logo-praha a,
.ft-design-by a {
   display: block;
   overflow: hidden;
}
.ft-logo-praha a:after {
   display: block;
   height: 84px;
   width: 84px;
   background: url("images/Logo_Praha_v2.svg") no-repeat center / cover;
   content: "";
   margin-left: 29px;
   vertical-align: middle;
   float: left;
}
.ft-design-by span {
   font-size: 15px;
   color: rgba(255, 255, 255, 0.81);
}
.ft-design-by a:after {
   display: inline-block;
   height: 31px;
   width: 89px;
   background: url("images/new/2fresh.png") no-repeat center / cover;
   content: "";
   margin-left: 4px;
   vertical-align: middle;
}
/* Checkbox Switch */
.switch-container label.switch {
   display: inline-block;
   height: 12px;
   position: relative;
   width: 36px;
   margin: 0 14px 0 6px;
   vertical-align: middle;
}
.switch-container label.switch:focus {
   outline-offset: 5px;
   outline-width: 2px;
}
.switch-container label.switch-label {
   display: inline-block;
   cursor: pointer;
   cursor: hand;
   font-size: 14px;
   color: #444;
   vertical-align: middle;
}
.switch-container label.switch input {
   display: none;
}
.switch-container .slider {
   height: 12px;
   background-color: #999;
   bottom: 0;
   cursor: pointer;
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
   transition: 0.4s;
}
.switch-container .slider:before {
   background-color: #fff;
   bottom: -4px;
   content: "";
   height: 20px;
   left: -4px;
   position: absolute;
   transition: 0.4s;
   width: 20px;
   box-shadow: -1px 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.switch-container input:checked + .slider {
   background-color: #76c079;
}
.switch-container input:checked + .slider:before {
   transform: translateX(26px);
}
.switch-container .slider.round {
   border-radius: 34px;
}
.switch-container .slider.round:before {
   border-radius: 50%;
}
.switch-container input:checked ~ .slider {
   background-color: #76c079;
}
.switch-container input:checked ~ .slider:before {
   transform: translateX(26px);
}
/* End Checkbox Switch */
/* Select */
select {
   height: 48px;
   width: 240px;
   text-overflow: ellipsis;
   padding: 0 16px;
   background: #fff;
   border: 1px solid #dedede;
   border-radius: 2px;
   font-size: 14px;
   box-sizing: border-box;
   font-family: "Roboto", sans-serif;
   font-weight: 500;
   color: #4a4a4a;
}
select:focus option[selected="selected"] {
   color: #cc0000;
}

/* JS Select */
.js-select {
   position: relative;
   display: inline-block;
}
.js-select select {
   display: none;
}
.noscript .js-select select {
   display: inline-block;
}
.js-select div.select-selected {
   background-color: #ffffff;
   border: 1px solid #dedede;
   padding-right: 40px;
}
.js-select div.select-selected:focus {
   border-color: #cc0000;
}
.js-select div.select-selected.default {
   color: #767676;
}
.js-select div.select-arrow-active {
   border-bottom: 0;
}
.js-select .select-selected:after {
   position: absolute;
   content: "";
   top: 14px;
   right: 10px;
   width: 25px;
   height: 20px;
   background: url("images/new/rozbalovaci_sipka.png") no-repeat center / cover;
}
.js-select .select-selected.select-arrow-active:after {
   background: transparent;
   top: 7px;
}
.js-select .select-items div,
.js-select .select-items li,
.js-select .select-selected {
   width: 100%;
   min-width: 240px;
   height: 48px;
   color: #4a4a4a;
   cursor: pointer;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   padding: 16px;
   border-radius: 2px;
   font-size: 15px;
   box-sizing: border-box;
   font-family: "Roboto", sans-serif;
   font-weight: 500;
}
.js-select .select-items {
   position: absolute;
   background-color: #fff;
   top: 0;
   left: 0;
   right: 0;
   z-index: 99;
   padding-top: 8px;
   border: 1px solid #dedede;
   border-radius: 2px;
   max-height: 400px;
   overflow-x: hidden;
   overflow-y: auto;
   box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.js-select .select-items::-webkit-scrollbar-track {
   display: none;
}
.js-select .select-items div,
.js-select .select-items li {
   border: 0;
   height: 32px;
   padding: 8px 16px;
}
.js-select .select-items div:first-child,
.js-select .select-items li:first-child {
   color: #cc0000;
}
.js-select .select-items div:last-child,
.js-select .select-items li:last-child {
   margin-bottom: 16px;
}
.js-select .select-hide {
   display: none;
}
.js-select .select-items div.selected,
.js-select .select-items li.selected,
.js-select .select-items div:focus,
.js-select .select-items li:focus {
   background-color: #ececec;
}

/* End of JS-Select */
/* JS-Checkbox */
.js-checkbox-wrapper {
   display: inline-block;
   position: relative;
   text-align: left;
}
.js-checkbox-wrapper.empty {
   margin-right: 12px;
}
.js-checkbox-wrapper input[type="checkbox"] {
   position: absolute;
   opacity: 0;
}
.js-checkbox-wrapper input[type="checkbox"]:focus + label + .check {
   background: rgba(0, 0, 0, 0.3);
}
.js-checkbox-wrapper label {
   position: relative;
   z-index: 2;
   padding-left: 30px;
   font-size: 18px;
   line-height: 22px;
   display: inline-block;
   box-sizing: border-box;
   cursor: pointer;
}
.js-checkbox-wrapper .check {
   display: block;
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 2px;
   box-shadow: 0 0 0 2px #aaa inset;
   height: 18px;
   width: 18px;
   z-index: 1;
   transition: box-shadow 0.25s ease;
   -webkit-transition: box-shadow 0.25s ease;
}
.js-checkbox-wrapper input[type="checkbox"]:checked ~ .check {
   box-shadow: 0 0 0 2px #cc0000 inset;
}
.js-checkbox-wrapper .check::before {
   display: block;
   position: absolute;
   content: "";
   border-radius: 2px;
   height: 10px;
   width: 10px;
   top: 4px;
   left: 4px;
   margin: 0;
   transition: background 0.25s ease;
   -webkit-transition: background 0.25s ease;
}
.js-checkbox-wrapper input[type="checkbox"]:checked ~ .check::before {
   background: #cc0000;
}
.js-checkbox-wrapper.right .check {
   left: auto;
   right: 0;
}
.js-checkbox-wrapper.right.empty {
   margin-right: 0;
   margin-left: 12px;
}
.js-checkbox-wrapper.right label {
   padding: 0 30px 0 0;
}
.js-checkbox-wrapper.empty label {
   height: 18px;
   padding: 0 0 0 18px;
}
/* End of JS-Checkbox */
/* Table */
table {
   border: 0 none;
   border-collapse: collapse;
   border-spacing: 0;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
   width: 100%;
   font-size: 18px;
   background: #fcfcfc;
}
.in table {
   margin-bottom: 2em;
}
thead,
tr.head {
   background: #999999;
}
tbody {
   background: #fcfcfc;
}
td,
th {
   padding: 12px;
   line-height: 24px;
   text-align: left;
}
tbody tr {
   border-bottom: 1px solid #d9d9d9;
}
tr > :first-child {
   padding-left: 24px;
}
tbody tr > :first-child,
tbody tr > :first-child * {
   font-size: 15px;
   color: #747474;
}
tr > :last-child {
   padding-right: 24px;
}
tbody tr:last-child {
   border-bottom: 0;
}
tbody tr:last-child td,
tbody tr:last-child th {
   padding-bottom: 32px;
}
thead th,
tr.head th {
   text-align: left;
   font-weight: 500;
   color: #fff;
   font-size: 18px;
   padding: 12px 24px;
}
td {
   color: #333333;
   font-size: 18px;
   text-align: left;
}
table.col-2-table {
   display: block;
   overflow: hidden;
   border-radius: 2px;
}
table.col-2-table tbody,
table.col-2-table thead {
   display: block;
   overflow: hidden;
}
table.col-2-table tbody tr:not(.head) th,
table.col-2-table tbody tr:not(.head) td.itemlefttd {
   text-align: right;
   color: #747474;
   font-size: 15px;
   font-weight: 400;
   background: inherit;
}
table.col-2-table tr {
   position: relative;
   display: block;
   border-bottom: 0;
   overflow: hidden;
}
table.col-2-table tr *:first-child {
   width: 33.33333333333333%;
}
table.col-2-table tr *:last-child {
   width: 66.66666666666666%;
}
table.col-2-table thead th:only-child,
table.col-2-table tr.head th:only-child {
   width: 100%;
}
table.col-2-table thead tr:after,
table.col-2-table tbody tr:not(:last-child):after {
   content: "";
   position: absolute;
   height: 1px;
   display: block;
   background: #d9d9d9;
   bottom: 0;
   left: 24px;
   right: 24px;
}
table.col-2-table thead tr:after,
table.col-2-table tbody tr.head:after {
   left: 0;
   right: 0;
}
table.col-2-table th,
table.col-2-table td {
   display: block;
   box-sizing: border-box;
   vertical-align: top;
   float: left;
}
/* End of Table */
/* Social share*/
.socialshare-box {
   position: absolute;
   box-sizing: border-box;
   padding-top: 3px;
   visibility: hidden;
}
.socialshare-wrap .share-button.active + .socialshare-box {
   visibility: visible;
}
.socialshare-box .socialshare-link {
   width: 40px;
   height: 40px;
   cursor: pointer;
   display: block;
   background: transparent no-repeat center / cover;
   margin-bottom: 3px;
   border-radius: 2px;
}
.socialshare-box .socialshare-link.facebook {
   background-image: url("images/vector_icons/facebook.svg");
}
.socialshare-box .socialshare-link.twitter {
   background-image: url("images/vector_icons/twitter.svg");
}
.socialshare-box .socialshare-link.googleplus {
   background-image: url("images/vector_icons/google-plus.svg");
}
.socialshare-box .socialshare-link.url {
   background-image: url("images/vector_icons/url.svg");
}
/* / Social share */
/* Pagination */
.pagination {
   text-align: center;
   position: relative;
   height: 53px;
}
.pagination-control {
   position: absolute;
   right: 0;
   top: 6px;
}
#selpage::-webkit-outer-spin-button,
#selpage::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}
#selpage {
   -moz-appearance: textfield;
   display: inline-block;
   font-size: 14px;
   text-align: center;
   width: 48px;
   height: 38px;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
   padding: 10px;
}
.pagination-arrow {
   display: inline-block;
   width: 7px;
   height: 12px;
   background: transparent no-repeat center / cover;
   vertical-align: -2px;
}
.pagination-arrow.prev {
   background-image: url("images/new/sipka_stranka_predchozi.png");
   margin-right: 4px;
}
.pagination-arrow.next {
   background-image: url("images/new/sipka_stranka_dalsi.png");
   margin-left: 4px;
}
.pagination-control span {
   font-size: 14px;
   color: #747474;
   margin: 0 8px;
   cursor: default;
}
.pagination-control span:last-of-type {
   margin-right: 0;
}
/* / Pagination */
/* Event-row */
.akce-wrapper.list {
   max-width: 960px;
   margin: 0 auto;
}
.akce-wrapper.list ul:not(.empty) {
   margin-bottom: 45px;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
   border-radius: 2px;
}
li.event-row {
   position: relative;
   display: block;
   width: 100%;
   height: 100px;
   z-index: 3;
}
li.event-row:not(:last-child) {
   border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
div.event-row-img {
   width: 16.666666666666666%;
   height: 100%;
   background: transparent no-repeat center / cover;
   position: relative;
   display: inline-block;
   float: left;
}
div.event-row-img > a {
   position: absolute;
   width: 100%;
   height: 100%;
}
div.event-row-wrap {
   width: 83.33333333333334%;
   height: 100%;
   position: relative;
   overflow: hidden;
   font-size: 18px;
   display: inline-block;
   padding: 10px 0;
   box-sizing: border-box;
}
.event-row-wrap-info {
   float: left;
   margin: 0 20px;
   width: auto;
   max-width: 40%;
}
.event-row-wrap-info .event-row-name-wrap {
   color: #fff;
}
.event-row-wrap-right {
   float: right;
   padding-top: 22px;
}
.event-row-wrap-right > div {
   position: relative;
   display: inline-block;
   margin: 0 20px 0 0;
   z-index: 3;
}
.event-row-wrap-datum {
   color: rgba(255, 255, 255, 0.7);
}
.event-row-wrap-cena {
   color: #fff;
   text-transform: capitalize;
}
.event-row-wrap-cena span.row-cena-vstup {
   color: rgba(255, 255, 255, 0.7);
   display: none;
}
.event-row-name,
.event-row-place {
   line-height: 24px;
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.event-row-wrap-info .tag-akce {
   position: relative;
   z-index: 3;
}
.event-row-wrap-info .tag-akce > * {
   line-height: 20px;
   margin-bottom: 4px;
}
.event-row-place,
.event-row-datum,
.event-row-vstup {
   color: rgba(255, 255, 255, 0.7);
}
div.event-row-wrap-buttons .button {
   padding: 10px 15px;
   font-size: 14px;
}
div.event-row-bottom-right a.button {
   width: 100%;
   padding: 0;
   font-size: 14px;
   height: 38px;
   line-height: 38px;
   text-align: center;
}
.event-row-name,
.event-row-cena {
   color: #fff;
   display: inline-block;
}
.event-row-cena {
   text-transform: capitalize;
}
div.event-row-wrap .image-overlay {
   z-index: 1;
}
div.event-row-wrap-image,
.background-image {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: #000 no-repeat center / cover;
   z-index: 0;
}
/* / Event-row */
body.fws #selected-articles,
body.fws #selected-events {
   overflow: hidden;
   position: relative;
   width: 100vw;
   left: 50%;
   transform: translateX(-50%);
   background: #d6d6d6;
   margin-left: 0;
   margin-right: 0;
}
.selected-events {
   position: relative;
   padding: 50px 32px 35px;
   background: #d6d6d6;
   overflow: hidden;
}
body.fws .selected-events {
   margin: 0 auto;
   max-width: 1280px;
   box-sizing: border-box;
   position: static;
}
.selected-events-wrap {
   overflow: hidden;
}
.selected-events-title-wrap .section-title {
   position: relative;
   z-index: 12;
}
/* Qtip */
.ui-tooltip-login {
   top: 35% !important;
   position: fixed !important;
}
.ui-tooltip-login label,
.ui-tooltip-login label span {
   display: block;
}
.ui-tooltip-login label input {
   width: 210px;
}
.ui-tooltip-login #ssl-switch {
   color: #075f18 !important;
}
.ui-tooltip-login,
.ui-tooltip-login p {
   line-height: 1.4;
}
.ui-tooltip-login .qtip-content {
   padding: 15px;
}
.ui-tooltip-login div.buttons {
   clear: both;
   padding-top: 10px;
}
.ui-tooltip-default1 {
   border: 1px solid #c9c9c9;
   background-color: #fff;
   border-radius: 5px;
   max-width: 400px;
   min-width: 200px;
   text-align: left;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.ui-tooltip-default1 .ui-tooltip-content {
   padding: 15px;
}
.ui-tooltip-login .ui-tooltip-content {
   padding: 0;
}
.ui-tooltip-default1 .ui-tooltip-button {
   float: right;
   width: 30px;
   height: 30px;
   background: #ddd;
   display: block;
   text-align: center;
   line-height: 30px;
}
.ui-tooltip-default1 .ui-tooltip-titlebar {
   background-image: url("o/mlp-sprite-repx.png");
   background-repeat: repeat-x;
   background-position: 0 -2816px;
   height: 30px;
   border-bottom: 1px solid #ddd;
}
.ui-tooltip-default1 .ui-tooltip-title {
   padding: 0 15px;
   line-height: 30px;
   font-weight: bold;
}
.ui-tooltip-login .ui-tooltip-title {
   padding-left: 20px;
}
.ui-tooltip-tip2,
.ui-tooltip-tip1 {
   line-height: 1.3;
   background: #fff;
   border: 1px solid #ccc;
   -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
   width: 295px !important;
   padding: 3px;
   height: auto;
}
.ui-tooltip-tip2 .qtip-titlebar {
   display: block;
   position: relative;
   color: #000;
   font-size: 15px;
   padding-top: 10px;
   text-align: left;
}
.ui-tooltip-tip2 .qtip-content {
   display: block !important;
   padding: 3px 10px 10px 10px;
   position: relative;
}
.ui-tooltip-tip1 .qtip-content {
   line-height: 1.3;
}
#starcountholder {
   display: none;
}
/*#qtip-overlay{ position: fixed; left: -10000em; top: -10000em; background-color: #000; z-index: 2; }*/
/* Applied to modals with show.modal.blur set to true */
#fancybox-frame {
   position: relative !important;
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
}
#qtip-overlay.blurs {
   cursor: pointer;
}
#qtip-overlay {
   /*position: absolute!important; left: 0; top: 58px!important; width: 706px!important;*/
   height: 100%;
   background-color: black;
   opacity: 0.2 !important;
   filter: alpha(opacity=20) !important;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" !important;
}
/*! qtip2 v2.0.0pre | http://craigsworks.com/projects/qtip2/ | Licensed MIT, GPL */
.qtip,
.qtip {
   position: absolute;
   left: -28000px;
   top: -28000px;
   display: none;
   min-width: 50px;
   line-height: 12px;
   direction: ltr;
}
.qtip-content {
   position: relative;
   padding: 5px 9px; /*overflow:hidden;*/
   text-align: left;
   word-wrap: break-word;
}
.qtip-titlebar {
   position: relative;
   padding: 5px 35px 5px 10px;
   overflow: hidden;
   border-width: 0 0 1px;
   font-weight: 700;
}
.qtip-titlebar + .qtip-content {
   border-top-width: 0 !important;
}
.qtip-close {
   position: absolute;
   right: -9px;
   top: -9px;
   cursor: pointer;
   outline: medium none;
   border-width: 1px;
   border-style: solid;
   border-color: transparent;
}
.qtip-titlebar .qtip-close {
   right: 4px;
   top: 50%;
   margin-top: -9px;
}
* html .qtip-titlebar .qtip-close {
   top: 16px;
}
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
   display: block;
   text-indent: -1000em;
   direction: ltr;
   vertical-align: middle;
}
.qtip-icon,
.qtip-icon .ui-icon {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   text-decoration: none;
}
.qtip-icon .ui-icon {
   width: 18px;
   height: 14px;
   text-align: center;
   text-indent: 0;
   font: normal bold 10px/13px Tahoma, sans-serif;
   color: inherit;
   background: transparent none no-repeat -100em -100em;
}
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
   filter: none;
   -ms-filter: none;
}
.qtip .qtip-tip {
   margin: 0 auto;
   overflow: hidden;
   z-index: 10;
}
.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml {
   position: absolute;
   color: #123456;
   background: transparent;
   border: 0 dashed transparent;
}
.qtip .qtip-tip canvas {
   top: 0;
   left: 0;
}
.qtip .qtip-tip .qtip-vml {
   behavior: url(#default#VML);
   display: inline-block;
   visibility: visible;
}
#qtip-overlay {
   position: fixed;
   left: -10000em;
   top: -10000em;
}
#qtip-overlay.blurs {
   cursor: pointer;
}
#qtip-overlay div {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: #000;
   opacity: 0.7;
   filter: alpha(opacity=70);
   -ms-filter: "alpha(Opacity=70)";
}
.qtipmodal-ie6fix {
   position: absolute !important;
}
/* End Qtip */

.col-s-list {
   list-style: none;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
}
.expand {
   width: 100%;
}
.col-s-list li {
   list-style: none;
   background: #fcfcfc;
   font-size: 21px;
   font-weight: 500;
   display: block;
   position: relative;
   overflow: hidden;
   box-sizing: border-box;
}
.col-s-list li:not(:first-child),
.branch-detail-gallery p:not(:first-child) {
   box-shadow: 0 -1px 0 0 rgba(50, 50, 50, 0.05);
}
.col-s-list li > a,
.col-s-list li > div {
   display: inline-block;
   padding: 0 48px 0 24px;
   box-sizing: border-box;
   width: 100%;
   height: 80px;
}
.col-s-list li > a:hover {
   background: #eaeaea;
}
.col-s-list li > a:focus {
   background: #e0e0e0;
}
.col-s-list li span:first-of-type {
   text-decoration: none;
   vertical-align: middle;
   line-height: 28px;
   display: inline-block;
   position: relative;
   top: 50%;
   transform: translateY(-50%);
}
.col-s-list-arrow {
   position: absolute;
   right: 24px;
   display: inline-block;
   width: 18px;
   height: 18px;
   background: url(images/new/vpravo_barevne_tmave.png) no-repeat center / 80px
      transparent;
   top: 50%;
   transform: translateY(-50%);
}
.col-s-list-arrow:hover {
   background-position-x: -5px;
}
.col-s-list-arrow:active,
.col-s-list-arrow:focus {
   background-position-x: -56px;
}
.col-s-list li > a:hover .col-s-list-arrow {
   background-position-x: -5px;
}
.col-s-list li > a:active .col-s-list-arrow,
.col-s-list li > a:focus .col-s-list-arrow {
   background-position-x: -56px;
}

.forgot-password-box {
   border: 1px solid rgba(0, 0, 0, 0.12);
   padding: 32px;
   margin: 3em auto;
   text-align: center;
}
.forgot-password-box > .e404,
.forgot-password-box-text p {
   margin-bottom: 2em;
}
.forgot-password-box > form {
   margin-bottom: 3em;
}
.forgot-password-box > form > fieldset {
   max-width: 260px;
   margin: 0 auto;
   text-align: left;
}
.forgot-password-box > form > fieldset.submit {
   text-align: center;
}
.forgot-password-box > form > fieldset:not(:last-child) {
   margin-bottom: 1em;
}
.forgot-password-box > form > fieldset > label {
   display: block;
   overflow: hidden;
   margin-bottom: 1em;
}
.forgot-password-box > form span:first-of-type {
   font-size: 12px;
   font-weight: 500;
   margin-bottom: 8px;
   display: inline-block;
}
.forgot-password-box label input[type="text"],
.forgot-password-box label input[type="password"] {
   width: 100%;
}
.forgot-password-box label.chyb input[type="text"],
.forgot-password-box label.chyb input[type="password"] {
   border: 1px solid #cc0000;
}
.forgot-password-box-success {
   overflow: hidden;
   display: table;
   width: 100%;
}
.forgot-password-box-success-text {
   display: table-cell;
   vertical-align: middle;
}
.forgot-password-box-success p {
   margin-bottom: 0;
}
.forgot-password-box-success-check {
   float: left;
   height: 80px;
   width: 80px;
   background: url("images/new/reg_succes.png") no-repeat center/100%;
   margin-right: 32px;
}
a.forgot-password-box-newpassword {
   font-size: 18px;
   line-height: 28px;
}
.e404 ul {
   list-style: none;
}
.e404 li p {
   margin-bottom: 1em;
}
#obsah .in.forbidden .e404 li {
   text-align: center;
   color: #666666;
   font-size: 18px;
}
.katalog-row-publishing-house {
   margin-right: 50px;
}

#book-img-left .cover-wrap {
   position: relative;
   overflow: hidden;
   box-shadow: 0 20px 10px -9px rgba(0, 0, 0, 0.4);
   width: auto;
   display: inline-block;
   margin: 0 auto;
   height: 100%;
}
.image-overlay {
   background-color: rgba(255, 255, 255, 0.7);
}

#overlay-reservation,
#reservation-overlay {
   position: fixed;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background: #f2f2f2;
   z-index: 8999;
   overflow: auto;
}
#reservation-overlay iframe {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
   border: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
}
#reservation-overlay .loader-4 {
   display: block;
   position: absolute;
   left: 50%;
   transform: translateX(-50%) scale(3);
   top: 260px;
}
.close-reservation-wrap {
   text-align: right;
   max-width: 1210px;
   margin: 25px auto 0;
   padding: 0 16px;
}
a.close-reservation {
   padding-left: 40px;
}
h1.reservation-title {
   text-align: center;
   margin-top: 70px;
}

.overlay-reservation-box {
   background-color: #fff;
   padding: 0;
   height: auto;
   min-height: 500px;
   /*overflow: hidden;*/
}

.obsah #o-pobocce p {
   margin-bottom: 1em;
}
#jenec_submit {
   float: none;
}
ul.nav-reservation {
   height: 50px;
   margin-bottom: 50px;
}

li.nav-reservation-tab {
   display: block;
   font-size: 16px;
   text-transform: uppercase;
   color: #737373;
   font-weight: 500;
   border-top: 4px solid rgba(0, 0, 0, 0.24);
   opacity: 0.7;
   width: 50%;
   text-align: center;
   padding: 20px 16px;
   float: left;
   box-sizing: border-box;
   vertical-align: top;
}
li.nav-reservation-tab span {
   color: inherit;
   font-size: inherit;
   cursor: default;
}
li.nav-reservation-tab:first-child {
   padding-left: 35px;
}
li.nav-reservation-tab.active {
   color: #cc0000;
   border-top: 4px solid #cc0000;
   opacity: 1;
}
.reservation-right-col {
   width: 80%;
   padding: 0 0 0 20%;
}
.reservation-right-col h4 {
   font-weight: bold;
}
.reservation-left-col {
   width: 20%;
   position: absolute;
   overflow: hidden;
   height: 100%;
}
.reservation-left-col .katalog-row-img {
   height: 100px;
   z-index: 12;
   position: relative;
   text-align: left;
   margin: 40px auto 0;
}
#overlay-reservation .reservation-succes .katalog-row-img {
   height: 140px;
   padding: 20px 0 0 0;
   position: relative;
   width: 40px;
   margin: 0 78px 0 0;
   box-sizing: border-box;
   display: inline-block;
   float: none;
}
.reservation-left-col .katalog-row-img .cover-wrap,
.reservation-succes .katalog-row-img .cover-wrap {
   max-height: 100px;
}
li.nav-reservation-tab:last-child {
   padding-right: 56px;
}
p.choose-branch-reservation {
   margin-bottom: 20px;
   font-size: 18px;
}
.reservation-select.js-select {
   vertical-align: middle;
   width: 74.7%;
}
.reservation-select.js-select div,
.reservation-select.js-select li {
   width: 100%;
   display: block;
}
a.reservation-accept-branch {
   margin-left: 10px;
}
.info-reservation {
   padding: 48px 24px;
   line-height: 18px;
   z-index: 12;
   position: relative;
}
.reservation-info-title {
   font-size: 18px;
   color: #000;
}
.reservation-info-author,
.reservation-info-editions {
   font-size: 12px;
   line-height: 16px;
   color: #777777;
}
button.reservation-continue,
button.digi-rez-continue {
   position: relative;
   padding-right: 40px;
   float: right;
}
button.reservation-continue::before,
button.digi-rez-continue::after {
   content: "";
   display: block;
   position: absolute;
   right: 8px;
   width: 24px;
   height: 24px;
   background: url(images/new/vpravo_bila.png) no-repeat center/cover;
   top: 14px;
}

a.close-reservation.button.light::before {
   content: "";
   display: block;
   position: absolute;
   left: 10px;
   width: 20px;
   height: 20px;
   background: url(images/new/zavrit.png) no-repeat right/300%;
   top: 11px;
}
.reservation-choose-branch,
.reservation-choose-time,
.reservation-review {
   margin: 0 32px;
   max-width: 480px;
   box-sizing: border-box;
}
#jenec_form .reservation-choose-branch .button.light {
   width: 24%;
}
.reservation-choose-time {
   max-width: none;
}
.selected_branch {
   height: 48px;
   background: #f7f7f7;
   margin-bottom: 20px;
   border: 1px solid #d9d9d9;
   white-space: nowrap;
}
.selected_branch .selected_branch-left {
   font-size: 18px;
   line-height: 50px;
   padding-left: 15px;
   font-weight: 400;
   display: inline-block;
   box-sizing: border-box;
   width: calc(100% - 44px);
   vertical-align: middle;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}
#overlay-reservation .selected_branch-right {
   width: 44px;
   height: 100%;
   vertical-align: middle;
   display: inline-block;
}
#overlay-reservation .remove-selected-branch {
   width: 100%;
   height: 100%;
   display: block;
   position: relative;
}
#overlay-reservation .remove-selected-branch::before {
   content: "\00d7";
   width: 16px;
   height: 16px;
   color: #fcfcfc;
   font-size: 17px;
   line-height: 16px;
   text-align: center;
   background: #7c7c7c;
   border-radius: 2px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
button.reservation-continue.active,
.digi-rez-continue.active {
   background: url(images/new/vpravo_bila.png) 120px/24px no-repeat #cc0000;
}

.reservation-radio-wrapper .check::before {
   display: block;
   position: absolute;
   content: "";
   border-radius: 100%;
   height: 10px;
   width: 10px;
   top: 2px;
   left: 2px;
   margin: auto;
   transition: background 0.25s linear;
   -webkit-transition: background 0.25s linear;
}
.reservation-radio-wrapper .check {
   display: block;
   position: absolute;
   box-shadow: 0 0 0 2px #aaaaaa;
   border-radius: 100%;
   height: 14px;
   width: 14px;
   top: 50%;
   transform: translateY(-50%);
   left: 12px;
   z-index: 5;
   transition: border 0.25s linear;
   -webkit-transition: border 0.25s linear;
}
.reservation-radio-wrapper label {
   display: block;
   position: relative;
   font-size: 14px;
   padding: 13px 16px 13px 37px;
   margin: 0;
   z-index: 9;
   cursor: pointer;
   float: left;
   border: 1px solid rgba(0, 0, 0, 0.24);
   line-height: 20px;
   text-transform: uppercase;
   font-weight: 500;
   color: #747474;
   width: 137px;
   box-sizing: border-box;
   border-radius: 3px;
   transition: color 0.25s linear;
   -webkit-transition: color 0.25s linear;
}
.reservation-radio-wrapper label:focus {
   border-color: #cc0000;
}
.reservation-radio-wrapper input[type="radio"] {
   position: absolute;
   visibility: hidden;
}
.reservation-radio-wrapper input[type="radio"]:checked ~ .check {
   box-shadow: 0 0 0 3px #cc0000;
}
.reservation-radio-wrapper input[type="radio"]:checked ~ .check::before {
   background: #cc0000;
}
.reservation-radio-wrapper {
   display: inline-block;
   position: relative;
}
.reservation-radio-wrapper:not(:first-child) {
   margin-left: 6px;
}
.reservation-radio-wrapper input[type="radio"]:checked ~ label {
   color: #cc0000;
}

a.button.light.radio,
a.button.light.big.review {
   position: relative;
   padding: 18px 18px 18px 40px;
   line-height: 18px;
   margin-right: 8px;
   min-width: 124px;
   text-align: center;
}
a.button.light.radio::before,
a.button.light.review::before {
   content: "";
   display: block;
   position: absolute;
   left: 8px;
   width: 24px;
   height: 24px;
   background: url(images/new/vlevo_barevne.png) no-repeat left/300%;
   top: 14px;
}

button.reservation-continue.review.active {
   background: url(images/new/vpravo_bila.png) 170px/24px no-repeat #cc0000;
}
a.button.light.review {
   margin-right: 50px;
}
.my-acc-tile .button {
   display: block;
   padding: 5px;
   font-size: 13px;
   margin: 5px 10px;
   text-transform: none;
   box-shadow: none;
}
.reservation-succes {
   z-index: 0;
   position: absolute;
   height: 100%;
   width: 100%;
   overflow: hidden;
   text-align: center;
   top: 0;
   left: 0;
}
.reservation-succes .image-overlay.light {
   background-color: rgba(255, 255, 255, 0.7);
   z-index: -1;
}
.reservation-succes .event-tile-bottom-image.blur {
   filter: blur(30px);
   -webkit-filter: blur(30px);
   -moz-filter: blur(30px);
   -o-filter: blur(30px);
   -ms-filter: blur(30px);
   -ms-transform: scale(1.25);
   -webkit-transform: scale(1.25);
   transform: scale(1.25);
   z-index: -2;
}
.reservation-succes .info-reservation {
   padding-top: 30px;
   padding-left: 50%;
}
#overlay-reservation .reservation-succes .info-reservation {
   padding: 0;
   position: relative;
   display: inline-block;
   text-align: left;
   vertical-align: 32px;
}
h2.reservation-succes-title {
   padding-top: 50px;
   text-align: center;
   border-top: 3px solid #4cb051;
}
button.reservation-succes-btn {
   margin: 40px auto;
   display: block;
}
h2.reservation-succes-title::before {
   content: "";
   display: block;
   position: absolute;
   left: 100px;
   width: 50px;
   height: 50px;
   background: url(images/new/fajfka_zelena.png) no-repeat left/100%;
   top: 40px;
}
#overlay-reservation .bottom-buttons {
   position: relative;
   width: 100%;
   text-align: left;
   padding-top: 32px;
   box-sizing: border-box;
   overflow: hidden;
}
.blacktooltip,
.all-editions-dialog {
   width: 300px;
   padding: 10px 28px 16px 10px;
   margin-top: 15px;
   background: #414141;
   position: relative;
   border-radius: 4px;
   box-sizing: border-box;
}
.blacktooltip p,
.all-editions-dialog p {
   font-size: 12px;
   line-height: 16px;
   color: #fff;
   margin-bottom: 0;
}
.blacktooltip p.title,
.all-editions-dialog p.title {
   font-size: 14px;
   line-height: 18px;
   margin-bottom: 6px;
   font-weight: 500;
}
.blacktooltip-close {
   position: absolute;
   top: 8px;
   right: 8px;
}
.all-editions-dialog-close {
   background: url(images/new/zavrit.png) no-repeat center / 54px;
   position: absolute;
   display: block;
   top: 5px;
   right: 5px;
   height: 16px;
   width: 16px;
   cursor: pointer;
}
.blacktooltip-close:before {
   content: "\00d7";
   width: 16px;
   height: 16px;
   color: #414141;
   font-size: 18px;
   line-height: 16px;
   text-align: center;
   background: #b1b1b1;
   border-radius: 2px;
   position: relative;
   cursor: pointer;
   display: block;
}
.blacktooltip:before,
.all-editions-dialog:before {
   content: "";
   position: absolute;
   top: -19px;
   left: 50px;
   border: solid 10px transparent;
   z-index: 1;
   border-bottom-color: #414141;
   margin-left: -30px;
   border-right: solid 7px transparent;
   border-left: solid 7px transparent;
}
/* myForm */
.myform {
   margin-bottom: 32px;
   position: relative;
}
.myform label {
   margin-bottom: 1em;
   display: inline-block;
   float: left;
   clear: both;
   min-width: 49%;
}
.myform label.tex {
   display: block;
   float: none;
}
.myform label span.lavl {
   display: block;
   margin-bottom: 6px;
   font-weight: 500;
   font-size: 12px;
}
.myform label span.invl {
   display: block;
}
.myform label span.invl input[type="text"],
.myform label span.invl input[type="date"],
.myform label span.invl input[type="password"],
.myform label span.invl input[type="number"],
.myform label select {
   width: 100%;
}
.myform label.chyb input[type="text"],
.myform label.chyb input[type="date"],
.myform label.chyb input[type="password"],
.myform label.chyb input[type="number"],
.myform label.chyb textarea {
   border: 1px solid #cc0000;
}
.myform label select {
   width: 100%;
}
.myform input[type="submit"] {
   float: right;
   clear: both;
   margin-top: 1em;
}
.myform label.chyb em,
.forgot-password-box > form label.chyb em {
   float: right;
   color: #cc0000;
   font-style: normal;
   font-weight: bold;
   margin-top: 6px;
}
.myform label.chyb em a {
   color: inherit;
   text-decoration: underline;
}
.myform label.chyb em::after,
.forgot-password-box > form label.chyb em::after {
   display: inline-block;
   content: "";
   width: 17px;
   position: relative;
   height: 17px;
   background: url(images/new/vystraha_cervena.png) no-repeat center / 100%;
   margin-left: 6px;
   vertical-align: bottom;
}
.contact-us-wrap form fieldset:first-of-type label:nth-child(3) {
   width: 49%;
   clear: right;
   padding-right: 1%;
}
.contact-us-wrap form fieldset:first-of-type label:nth-child(4) {
   width: 49%;
   clear: right;
   padding-left: 1%;
}
.myform-anchor {
   visibility: hidden;
   position: relative;
   top: -110px;
}
/* / myForm */
.contact-us-wrap .myform .js-select {
   width: 290px;
}
.left-img-services {
   margin: 15px 10px 0 0;
}
input.moje_id_submit {
   background: url(http://i.mlp.cz/noRW_layout/o/mojeid_zalozit.png);
   width: 161px;
   height: 32px;
   border: 0;
}
/* Photodisplay slider */
.fotogalerie .photodisplay.glider ul {
   list-style: none;
   margin: 0;
   overflow: hidden;
}
#fancybox-tmp {
   padding: 0;
   margin: 0;
   border: 0;
   overflow: auto;
   display: none;
}
#fancybox-loading {
   position: fixed;
   top: 50%;
   left: 50%;
   height: 40px;
   width: 40px;
   margin-top: -20px;
   margin-left: -20px;
   cursor: pointer;
   overflow: hidden;
   z-index: 1104;
   display: none;
}
#fancybox-loading div {
   position: absolute;
   top: 0;
   left: 0;
   width: 40px;
   height: 480px;
   background-image: url(images/fancybox/fancybox.png);
}
#fancybox-overlay {
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background: #000;
   z-index: 2100;
   display: none;
}
#fancybox-wrap {
   position: absolute;
   top: 0;
   left: 0;
   margin: 0;
   padding: 20px;
   z-index: 2101;
   display: none;
}
#fancybox-outer {
   position: relative;
   width: 100%;
   height: 100%;
   background: url(o/fancy-top-fill.png) repeat-x 0 0 #fff;
}
.fancy-bg {
   position: absolute;
   padding: 0;
   margin: 0;
   border: 0;
   width: 6px;
   height: 6px;
   z-index: 2001;
}
#fancybox-inner {
   position: static;
   top: 0;
   left: 0;
   width: 1px;
   height: 1px;
   margin: 0;
   padding: 0;
   outline: none;
   overflow: hidden;
   box-sizing: border-box;
}
#fancybox-close {
   position: absolute;
   top: -30px;
   right: -6px;
   height: 16px;
   width: 25px;
   background: url(images/new/zavrit_light.png) no-repeat center / 80px
      transparent;
   cursor: pointer;
   z-index: 181;
   display: none;
}
#fancybox-close:hover {
   background-position-x: -54px;
}
#fancybox-img {
   width: 100%;
   height: auto;
   padding: 0;
   margin: 0;
   border: none;
   outline: none;
   line-height: 0;
   vertical-align: top;
   -ms-interpolation-mode: bicubic;
}
a#fancybox-left,
a#fancybox-right {
   position: absolute;
   top: 12px;
   height: 20px;
   width: 20px;
   cursor: pointer;
   z-index: 111;
   display: none;
   outline: none;
   overflow: hidden;
}
a#fancybox-left {
   right: 49px !important;
   left: inherit;
}
a#fancybox-right {
   right: 10px;
}
a#fancybox-right {
   background: url(images/new/vpravo_barevne_tmave.png) no-repeat center / 80px
      transparent;
}
a#fancybox-left {
   background: url(images/new/vlevo_barevne_tmave.png) no-repeat center / 80px
      transparent;
}
#fancybox-left.direction-disabled {
   cursor: default;
}
a#fancybox-left:hover,
a#fancybox-right:hover {
   background-position-x: -5px;
}
#fancybox-title {
   position: absolute;
   bottom: 0;
   left: 0;
   font-size: 13px;
   z-index: 102;
   color: #333;
   height: 51px;
   line-height: 17px;
   overflow: hidden;
}
.fancybox-title-over {
   text-align: left;
}
#fancybox-title em {
   position: absolute;
   right: 11px;
   font-style: normal;
   top: 13px;
}
#fancybox-right.direction-disabled {
   background-position: -39px -7237px !important;
   cursor: default;
}
.fotogalerie {
   background: #fff;
   border: 1px solid #e2e2e2;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   position: relative;
   height: auto;
   width: 100%;
   box-sizing: border-box;
   padding: 0 !important;
   z-index: 1;
   text-align: left;
   overflow: hidden;
}
.fotogalerie .clearfix {
   overflow: hidden;
   clear: both;
}
.fotogalerie .glider.photodisplay {
   position: static;
   height: auto;
}
/*.fotogalerie .slides li:nth-child(4) {
    clear: left;
}*/
.specialbox .glider,
.specialbox .glider-dynamic {
   width: 100%;
   height: 171px;
   overflow: hidden;
   position: absolute;
   top: 0;
   left: 0;
}
.specialbox .slidesWrap {
   float: left;
   overflow: hidden;
   position: relative;
}
.fotogalerie .slidesWrap ul.slides {
   margin: 0;
   overflow: hidden;
   zoom: 1;
   height: 131px;
}
.specialbox .slides li {
   float: left;
   display: inline;
   position: relative;
}
.fotogalerie .ilus {
   padding: 20px 0 20px 20px;
   width: 137px;
   height: 91px;
   position: relative;
   float: left;
}
#novinky .ilus {
   max-width: 280px;
}
#novinky .ilus img {
   height: auto;
   max-width: 100%;
}
.specialbox li {
   background: none;
   padding: 0;
}
.specialbox .slides li a {
   display: block;
   bottom: 0;
   position: relative;
   text-decoration: none;
}
.fotogalerie .ilus a {
   float: none;
   width: 137px;
   height: 91px;
}
.specialbox .slides li a img {
   position: absolute;
   bottom: 0;
   left: 0;
}
.fotogalerie .rounded_wrapper {
   width: 137px !important;
   height: 91px !important;
}
.gallery-meta {
   bottom: 7px;
   clear: both;
   color: #000000;
   left: 0;
   padding: 8px 56px 0 16px;
   position: absolute;
   width: 100%;
   box-sizing: border-box;
}
.fotogalerie .gallery-meta {
   position: relative;
   bottom: auto;
   padding-bottom: 4px;
   border-top: 1px solid #e2e2e2;
}
.fotogalerie .gallery-meta p {
   margin: 0 !important;
}
.fotogalerie .gliderNav {
   bottom: 7px;
   left: auto;
   right: 0;
   width: 56px;
   height: 21px;
   z-index: 3;
}
.fotogalerie .gliderNav .squares {
   display: none;
}
.gliderNav {
   clear: left;
   width: 210px;
   overflow: hidden;
   position: absolute;
   left: 20px;
   bottom: 70px;
}
.gliderNav .arrows .prevSlide {
   background: url(images/new/vlevo_barevne_tmave.png) no-repeat center / 80px
      transparent;
}
.gliderNav .arrows .nextSlide {
   background: url(images/new/vpravo_barevne_tmave.png) no-repeat center / 80px
      transparent;
   margin-left: 30px;
}
.gliderNav .arrows a {
   margin-left: 4px;
   width: 20px;
   height: 20px;
   position: absolute;
}
.gliderNav .arrows a.disabled {
   cursor: default;
}
.gliderNav .arrows a.disabled:hover {
   background-position-x: -30px;
}
.gliderNav .arrows a:hover {
   background-position-x: -5px;
}
#book-img-left img.book-title-img,
.book-title-img-wrap {
   max-height: 355px;
   max-width: 240px;
}
.lent-history-dialog {
   width: 15%;
   padding: 10px;
   background: black;
   position: absolute;
   padding-right: 20px;
   border-radius: 4px;
   right: -40px;
   display: none;
   bottom: 115px;
}
.lent-history-dialog p {
   font-size: 13px;
   line-height: 20px;
   color: white;
   margin-bottom: 0;
}
.lent-history-dialog-close {
   background: url(images/new/zavrit.png) no-repeat center / 54px;
   position: absolute;
   display: block;
   top: 5px;
   right: 5px;
   height: 16px;
   width: 16px;
   cursor: pointer;
}
.lent-history-dialog.grid {
   position: relative;
   display: none;
   width: auto;
   right: 0;
   bottom: 0;
}
.lent-history-dialog-close.grid {
   right: 8px;
   bottom: 90px;
   top: auto;
}
.book-wrapper .katalogbottom-right {
   clear: right;
}
/* / Photodisplay slider */

.branch-address small {
   font-size: 85%;
   color: inherit;
}

#ew_not_available {
   padding: 10px;
   text-align: center;
   background: #cc0000;
   color: #fff;
   position: relative;
   z-index: 9999;
}

#jumptocontent {
   display: block;
   position: absolute;
   left: 50px;
   top: 50px;
   background: #fff;
   width: 80px;
   text-decoration: underline;
   z-index: -1;
   width: 1px;
   height: 1px;
   overflow: hidden;
}
#jumptocontent:focus {
   z-index: 9999;
   width: 80px;
   height: auto;
   padding: 10px;
}
#maincontent {
   width: 1px;
   height: 1px;
   overflow: hidden;
   float: right;
}

.view-switch-container .radio-container:focus {
   border: 1px solid #b80000;
}

.no-js #layout-1col {
   margin-top: 50px;
}
.no-js div#pujdnes,
.no-js div#pujnahl,
.no-js .order-to-study-wrapper,
.no-js div#pujdigi,
.no-js #jenec_form {
   display: block !important;
}
.no-js #choose-branch {
   display: none;
}

#myformDec_5_alert {
   margin-bottom: 30px;
}
#myformDec_5_alert em {
   float: none;
}

input[readonly="readonly"] {
   opacity: 0.8;
   background: #ddd;
   cursor: not-allowed;
}

.hide_label label .lavl {
   display: none !important;
}

.nowrap {
   white-space: nowrap;
}
.table-reservations .ready,
.table-reservations .author {
   white-space: nowrap;
}
#cancel_reservation,
#move_to_box,
#get_from_box {
   min-height: 1px;
   padding: 30px 30px 15px 30px;
}
.button .material-symbols-outlined {
   font-size: 120%;
   vertical-align: top;
   line-height: 14px;
   color: inherit;
}
#cancel_reservation .button,
#move_to_box .button,
#get_from_box .button {
   margin-bottom: 13px;
}
.author .material-symbols-outlined {
   margin: 0 0.3em 0 0;
   font-size: 16px;
   vertical-align: top;
   max-width: 18px;
}
#move_to_box p,
#get_from_box p,
#move_to_box ul,
#get_from_box ul {
   margin-bottom: 1em;
}
#move_to_box ul,
#get_from_box ul {
   font-size: 18px;
   line-height: 28px;
   margin-left: 50px;
}
#get_from_box h2 + p {
   margin-bottom: 0;
}
#vypujcky-info small {
   font-size: 75%;
   display: inline-block;
   margin: 0 0.5em;
}
#vypujcky-info small .material-symbols-outlined,
#vypujcky-info .vypujcky-info-group h3 .material-symbols-outlined {
   color: inherit;
   vertical-align: middle;
   font-size: 18px;
   max-width: 18px;
}
.material-symbols-outlined.faded {
   opacity: 0.5;
}
.cursor-pointer {
   cursor: pointer;
}
.pin {
   display: inline-block;
   padding: 10px 20px;
   border: 2px dashed #ddd;
   margin: 0 1em 1em 0.5em;
   font-weight: bold;
   letter-spacing: 1px;
}

.label {
   padding: 4px 10px 4px 8px;
   border-radius: 50px;
   display: inline-block;
   background: #fff;
}
#kniha_do_boxu .button {
   margin-bottom: 10px;
}

#moje-vypujcky .actions-col6 .button {
   min-width: 97px;
   text-align: center;
}
.text-primary,
.table-reservations .author.text-primary {
   color: #ca0002;
}

.branch-news-freq-wrapper {
   overflow: hidden;
   clear: both;
}
.branch-news-freq-wrapper > label,
.myform .branch-news-freq-wrapper > label {
   padding: 13px 16px;
   background: #fff;
   border-radius: 2px;
   box-sizing: border-box;
   width: calc(50% - 4px);
   border: 1px solid #dedede;
   float: left;
   cursor: pointer;
   clear: none;
}
.branch-news-freq-wrapper > label:first-child {
   margin-right: 8px;
}
.branch-news-freq-wrapper > label span {
   vertical-align: super;
   padding-left: 8px;
   color: #444;
   font-size: 14px;
}
.branch-news-freq-wrapper > label input {
   height: 1.7em;
}
.branch-news-freq-wrapper > label input:checked + span {
   font-weight: bold;
}
.branch-news-freq-text {
   margin-top: 30px;
   margin-bottom: 10px;
   text-transform: uppercase;
   font-weight: 500;
}

#obsah .texy-image {
   max-width: 100%;
   height: auto;
}

#myformDec_12 input[type="text"],
#myformDec_12 input[type="date"],
#myformDec_12 input[type="password"],
#myformDec_12 input[type="number"] {
   margin-bottom: 10px;
}

.terms ul,
.terms_show ul {
   font-size: inherit;
   margin: 2em 1.5em;
}
.terms li,
.terms_show li {
   font-size: 18px;
   line-height: 28px;
}
.terms p,
.terms_show p {
   margin-bottom: 1.5em;
}
.material-symbols-outlined {
   font-variation-settings: "FILL" 1, "wght" 600, "GRAD" 0, "opsz" 48;
}

.user.w260px {
   line-height: 1.4;
   margin: 20px 40px 40px 0;
   font-size: 14px;
}
.mlp-pay-credit .e404-content {
   font-size: 16px;
   margin-bottom: 30px;
}
.mlp-pay-credit .e404-content li h3 {
   margin-bottom: 0;
}

.bankid a:hover svg {
   opacity: 0.8;
}
.bankid .notice {
   display: block;
   margin-top: 0.5em;
}

.separator {
   display: flex;
   align-items: center;
   text-align: center;
   margin: 2em 0;
}

.separator::before,
.separator::after {
   content: "";
   flex: 1;
   border-bottom: 1px solid #aaa;
}

.separator:not(:empty)::before {
   margin-right: 0.5em;
}

.separator:not(:empty)::after {
   margin-left: 0.5em;
}

.knihovny_cz {
   margin-top: 1em;
   margin-bottom: 6em;
}
.knihovny_cz img {
   width: 554px;
   max-width: 100%;
   vertical-align: middle;
}
.knihovny_cz a:hover {
   opacity: 0.8;
}
@media screen and (max-width: 768px) {
   .knihovny_cz {
      margin-top: 0;
      margin-bottom: 5em;
   }
}

.nolink { color: inherit; text-decoration: none;}

.registration-form > label.bacha.pov.chyb {
   float: none;
}

/* end */