/* VSEOBECNE */
@charset "iso-8859-2";

body {padding-top: 50px; background: #4f6ea0; font-family: 'Roboto', sans-serif; /*color: #57585a*/ color:#222; font-size: 15px; word-wrap: break-word;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 0.6em 0; padding: 0; color: #292d32; font-weight: 700;}
a, a:hover, a:focus, a:active {color: #004c8f; outline: none !important; xtext-decoration: underline;}
a:hover {text-decoration: underline;}

.btn-default, .btn-default:hover {background: #004c8f; color: #fff; font-weight: 700; font-size: 15px; border-color: #00427d; text-decoration: none;}
.btn-standalone {margin:0 10px 10px 0;}
.btn-default:hover {background: #00427d;}
.pes {background-color:#877228; border-color: #877228;}
.pes:hover {background-color:#776218;  border-color: #877228;}
.text-lg {text-transform: uppercase;}
.alert {border-radius:0;}
.alert-warning a {color: #8a6d3b;}
.table-bordered th {background: #d8dadc; color: #282e33;}
.table-bordered th, .table-bordered td {border-color: #d8dadc;}

/* HEADER */
#topbar {position: absolute; left:0; top:0; right:0; height: 50px; padding-right:20px; background: #001f3b; box-shadow: 0px 5px 0px rgba(0,0,0,0.15); color: #fff;}
.navbar {min-height: auto; margin-bottom: 30px;}
.navbar-header {float: none;}
.navbar-brand {height: auto; padding:0; margin: 18px 0 10px; float: left; display: block;}
.navbar-brand img {max-width:100%;}
#navbar {background: #004c8f; padding:0;}
.navbar .nav {font-size: 14px; font-weight: 700; text-transform: uppercase;}
.navbar .nav li a {padding:8px 3px 6px; white-space: nowrap; color: #fff; border-bottom: 5px solid #003564; text-decoration: none;}
.navbar .nav li a:hover, .navbar .nav li a:focus, .navbar .nav li.dropdown.open a {background: #003564; border-color: #003564;}
.navbar .nav li.active > a {background: #877228 !important; border-color: #5e501c !important;}
.navbar .nav li.dropdown .dropdown-menu, .message-menu .dropdown-menu {box-shadow: none; padding:0; border: 1px solid #003564; background: #004c8f; border-radius:0; margin:0;}
.navbar .nav li.dropdown .dropdown-menu li a, .message-menu .dropdown-menu li a {padding: 8px 12px; background: #004c8f; border: none; color: #fff; text-decoration: none;}
.navbar .nav li.dropdown .dropdown-menu li a:hover, .navbar .nav li.dropdown .dropdown-menu li a:focus, .message-menu .dropdown-menu li a:hover {background: #003564;}
.navbar-form .btn {height: 34px;}
.btn-menu {max-width:150px; margin: 0 0 5px 5px; padding-top: 6px; padding-bottom: 5px; display: inline !important}
.btn-menu  span {margin-right: 5px;}
#menu-diskuse-btns {margin: 0px; padding:22px 0 0 135px;display: block; max-width: 100%; min-width:210px; text-align:right; }
.login-nav, .message-menu {list-style-type: none; padding: 14px 0 0; font-size: 14px;}
.login-nav li, .message-menu li {float:left; margin-right: 20px;}
.login-nav li a, .message-menu li a {color: #dce0e3; }
.logged .login-nav {float:right;}
.logged .login-nav li {margin: 0 0 0 20px;}
.logged strong {padding-top: 14px; font-size: 16px; margin-right:30px; float:left;}
.logged a strong {color:white}
.logged a:hover strong {text-decoration:underline} 
.message-menu li {position:relative;}
.message-menu > li > a {display:block; width: 28px; height:22px; overflow: hidden; text-indent: 100px; background: url(../img/message-menu.svg) 0 0 no-repeat;white-space: nowrap;}
.message-menu > li > a:hover {background-position: 0 bottom;}
.message-menu li.reactions a {background-position: -28px 0;}
.message-menu li.reactions a:hover {background-position: -28px bottom;}
.message-menu li.usermenu a {background-position: right 0;}
.message-menu li.usermenu a:hover {background-position: right bottom;}
.message-menu li span:not(.glyphicon) {position: absolute; right:-5px; top:-5px; left: auto; background: #d80000; font-weight: 700; font-size: 12px; text-indent:0; padding: 0 4px 1px; z-index:2; line-height: 15px;}
.message-menu li span.glyphicon {font-size:19px}
.message-menu li.usermenu, .message-menu .dropdown-toggle {position: static;}
.message-menu .dropdown-menu {left:0; margin-top: 35px; min-width: 100%;}
.message-menu .dropdown-menu li {display:block; width:100%;}

#search {padding: 26px 0 15px;z-index:0}
.form-control {box-shadow: none;}
#search:focus-within {z-index: 2}
#search input {font-size: 15px; height: 35px;}
#search .input-group-addon {padding:0; border:none; background: none;}
#search .input-group-addon select {margin:0; line-height: auto;}
#search .bootstrap-select {width: 80px;}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 100%;}
.bootstrap-select .btn {font-weight: 400; color: #222; background: #fff !important; border-color: #ccc;}
#search .bootstrap-select .btn {border-radius:0; text-transform:0; border-left: 0; border-right:0;}
.main-claim img {max-width: 100%;}
.search-inpage .bootstrap-select {width: 100%;}

/* HOMEPAGE */
#main-content {background: #fff; padding-bottom: 20px; overflow:hidden}
.pad {padding-bottom: 20px;}
.group-title {background: #e7e9eb; margin:0 0 15px; text-transform: uppercase; text-align: center; font-size: 16px;}
.group-title a {padding: 10px; display: block; text-decoration: none; color: #292d32;}
.group-title a:hover {color: #004c8f;}
.article-main {position: relative; line-height: 1.5; overflow: hidden; margin:-15px 0 1.3em;} 
.article-main img, .gallery-home img, .photogallery img, .zoom-image img {width: 100%; display: block; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.article-main:hover img, .gallery-home:hover img, .photogallery:hover img, .zoom-image:hover img {-webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15);}
.article-main a {display:block; position: absolute; left: 0; bottom:0; top:0; right:0; color: #fff; xbackground: url(../img/shadow.png) 0 bottom repeat-x; background-size: 100% 50%;transition: background-image 0.25s linear; 
}
.article-main a:hover {xbackground: url(../img/shadow2.png) 0 bottom repeat-x; background-size: 100% 50%;  }
.article-main strong {position: absolute; left:0; bottom:0; right: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  /*text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
  text-shadow: -1px -1px 0 #444, 1px -1px 0 #444, -1px 1px 0 #444, 1px 1px 0 #444;*/
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(1.5px);
  padding:10px 20px;
  background: rgba(0,0,0,.50);
  /*border: 1px solid rgba(255,255,255,.2);*/
}
.new {color: #d80000; background: transparent; font-weight: 700;width:1.1em;display:inline-block; text-align:center; vertical-align:top}
.new.day {display: table-cell;}
.new.no {color: #d80000; background: transparent;vertical-align:top}
.new2 {color: #fff; background: #d80000;width:auto}
.article-main .new {padding: 0 5px; text-shadow: none; margin-right:10px; }
.article-simple .new {display: inline-block; float:left; margin: 0 10px 5px -10px; font-size: 14px; padding: 0px 4px 1px; }
.article-classic {margin-bottom: 0.6em;}
.article-classic h3 {margin-bottom: 0.4em; font-size: 15px;}
.article-classic .article-image {float:left; display:block; margin: 0 15px 10px 0;} 
.video {position: relative; display:block;}
.video:after {display: block; position: absolute; left: 50%; top: 50%; width: 20%; height:20%; margin: -8% 0 0 -10%; content: ''; background: url(../img/ico-video.svg) 50% 50% no-repeat; background-size: contain}
.video img {width:100%;}
.article-image {overflow: hidden;}
.article-image.katalog {width:100px;}
.article-image.akce {width:82px;}
.article-image.video:after {width: 40%; height: 40%; margin: -15% 0 0 -20%;}
.date {display: inline-block; float:left; margin: 0 10px 5px 0; font-weight: normal; padding: 2px 4px; width: 46px; text-align: center; font-size: 12px; background: #f3f4f5; color: #222; line-height: 1.15; white-space: nowrap; overflow:hidden}
.article-simple h3 {font-size: 15px; line-height: 1.4;}
.oznaceno {position: relative; display: block; margin-bottom: 25px; z-index:0; text-align:center}
.oznaceno img {width: 100%;}
.oznaceno p {display:block; width:100%; border: 1px solid #DDD; padding:15px}
.oznaceno:after {position: absolute; display: block; right:0; top:-15px; content:'Komerční sdělení'; color: #acacac; font-size:9px; text-transform: uppercase;}
.gallery-home {float:left; width:50%; overflow: hidden; border: 1px solid #fff;}
.price {color: #d80000;}
.smaller {font-size: 13px;}
.profi {font-size: 13px; padding-top:10px;}

.row.profi {
    margin-left: -7.5px;
    margin-right: -7.5px;
    padding:7.5px 0;
}
.row.grid [class*="col-"] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.zhidden {background-color:#FEE;filter:alpha(opacity=60); opacity:0.6;}

/* RECENZE */
.znamenka {background-color: #EEEEEE; width: 100%; color:#333; margin-bottom:20px;xdisplay:table}
.znamenka .recstars { border-bottom: white 2px solid;}
.znamenka .plus, .znamenka .minus { padding:15px;display: table-cell;vertical-align: top;float: none;}
.znamenka .header { background-color: #11569F;color: white;padding: 3px 0 3px 10px;text-align: left;}
.znamenka .plus p { padding-left: 12px;background: url(/design/mask/plus.gif) no-repeat transparent left top -1px; margin: 0 0 2px 0;}
.znamenka .minus p { padding-left: 12px; background: url(/design/mask/minus.gif) no-repeat transparent left top -1px; margin: 0 0 2px 0; }
.recenze h3.article-main {margin-bottom:0.5em}
.recenze {margin-bottom:1.5em; margin-top:1em}
.recenze_tech { background-color:#e7e9eb; margin-top:1em}
.recenze_tech .row {border-bottom:1px solid white; margin:0}
.recenze_blok div, .recenze_tech .row div { padding: 7px 15px}
.recenze_tech .row div:only-child { background-color:#004c8f; color:white; width:100%; font-weight: 700}

.recenze_blok { background-color:#e7e9eb; margin-bottom:1em}
.recenze_blok.head { background-color:#004c8f; color:white; width:100%; font-weight: 700;margin:1em 0 0 0}
.recenze_blok .row {padding: 0 15px 0 15px}
.recenze_blok .row div {border-right:1px solid white}
.recenze_blok .row div:last-child  {border:none}
.recenze_blok .glyphicon{color:red; font-size:90%;margin-right:10px}
.recenze_blok .glyphicon.glyphicon-plus{color:green}

@media (max-width: 991px) { 
        .recenze_tech .row.y div { padding:0; }
        .recenze_tech .row.y div.x { padding:0 10px 0 0; text-decoration:underline}
        .recenze_tech .row.y { padding: 10px;}
        .recenze_tech .row div:not(:only-child) {display:inline;}
        .recenze_blok .row-eq-height {display: inline-block; width:100%;}
        .recenze_blok .row div {border: none;}
}

@media (min-width: 992px) {
.profi div {padding:10px 5px 10px 5px;}
.profi div:first-child {padding-right:5px;padding-left:15px;}
.profi div:last-child {padding-right:15px;padding-left:5px;}
} 

/* BREADCRUMB */
.breadcrumb {padding:5px 0; margin: -30px 0 25px 0; background:none; border-radius: 0; font-size: 14px; border-bottom: 1px solid #e7e9eb;}
.breadcrumb a {color: #222; text-decoration: none;}
.breadcrumb a:hover {text-decoration: underline;}
.breadcrumb > li + li::before {padding: 0 10px; content:''; background: url(../img/breadcrumb.svg) 7px 50% no-repeat;}

/* BAZAR */
.bazar-item {position:relative; padding: 13px 15px 15px 130px; background: #e7e9eb; border-bottom: 2px solid #fff; overflow:hidden}
.bazar-item .new {width: 15px; height:15px; position: absolute; left:0; top:0; padding:0; text-align: center; line-height: 15px; font-size: 12px;}
.bazar-item.oznaceno {margin-top: -1px; border: 1px solid #e7e9eb; background: #fff;}
.bazar-item img {width:auto}
.bazar-img {width: 100px; position: absolute; top: 15px; left: 15px; height:15px; background-color:white; text-align:center; }
.bazar-item p {margin: 0; }
.bazar-item-status {position: absolute; left: 15px; top:0; width: 100px; height: 15px; text-align: center; font-size: 12px; line-height: 15px; color: #fff; font-weight:700; text-transform: uppercase;}
.bazar-item-status.sell {background: #66ae00;}
.bazar-item-status.buy {background: #ae6a00;}
.bazar-item .glyphicon {padding:0 5px 0 0;margin:0}
.bazar-contact strong {margin-right: 12px; color: #004c8f;}
.bazar-item span.more {text-decoration: underline;color:#A00}
.bazar-item p.clickable {cursor:zoom-in};
.go-right {float: right;}
.nav-pills {margin-bottom: 1em;}
.nav-pills > li {margin:0 8px 8px 0 !important;} 
.nav-pills > li > a {padding: 5px 10px; background: #e7e9eb; border: 1px solid #caccce !important; text-decoration: none; font-weight: 700;}
.nav-pills > li > a.btn, .nav-pills > li > a.btn:focus {padding: 5px 10px 6px; box-shadow: none; color: #004c8f;}
.nav-pills > li > a:hover {background: #caccce;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover {background: #004c8f; border-color: #00427d !important;}
.nav-pills li span {color: #222; font-size: 13px; font-weight: 400;}
.nav-pills li.active span {color: #fff;}
.nav-pills.simple > li {margin:0 0 10px !important;}
.nav-pills.simple > li > a, .nav-pills.simple > li.active > a, .nav-pills.simple > li.active > a:hover {padding:0; display:inline; background: none; border:none !important; text-decoration: underline;}
.nav-pills.simple > li.active > a, .nav-pills.simple > li.active > a:hover {text-decoration: none;}
/*.nav-pills.simple > li + li:before {padding: 0 3px; color: #222; content: "|";}*/
.nav-pills.simple > li {padding: 10px 10px 0 0 }
.nav-pills.simple > li:last-of-type {padding-right: 0}
.search-inpage {padding: 15px; background: #e7e9eb; margin-bottom: 1.5em;}
.search-inpage h2 {margin: 7px 0 0;}
.search-inpage input[type="text"], .panel-search input[type="text"] {height: 36px;}
.search-inpage .text-right .btn {margin-left:15px;}   

.editform {padding: 15px; margin-bottom: 1.5em;}
.editform .row.form-group {background-color:#e7e9eb; margin-bottom:2px; padding:10px;}
.editform.clen span {font-size:13px;}

/* DISKUSE */
.disc-list {position:relative;}
.disc-list:after {display:block; position: absolute; top:0; bottom:0; right:100px; width:2px; background: #fff; content: '';}
.disc-row {position: relative; padding: 10px 110px 10px 10px; border-bottom: 2px solid #fff; background: #e7e9eb; overflow:hidden}
.disc-row.disc-header {padding: 6px 110px 6px 10px; background: #d8dadc; color: #282e33; font-weight: 700;}
.disc-row.disc-header h2 {text-transform: uppercase; margin:0; font-size: 15px; line-height: 1.4;}
.disc-row.disc-header .disc-row-right {font-size: 15px; top:6px;}
.disc-row h3 {font-size: 15px;}
.disc-row h3 .new2 {font-size: 12px; padding: 0 4px; margin-right: 5px;}
.disc-row p {margin:0; overflow:hidden}
.disc-row-right {position: absolute; right: 10px; top: 10px; width: 80px; font-size: 13px;}
.disc-row-right strong {color: #282e33;}
.disc-row-right .new {line-height: 1.2; padding: 0 3px; margin-left: 5px;}
.disc-bottom {font-size: 13px; margin-top: 5px !important;}

.disc-list.clanky:after {right:140px;}
.disc-row.clanky {padding-right: 150px}
.disc-row-right.clanky {width: 120px;}

.disc-list.pokec:after {display:none;}
.disc-row.pokec {padding-right: 10px}
.disc-row.disc-header.pokec {padding-right: 10px}

.disc-bottom .glyphicon {padding-left:15px;}
.fav-add {margin: 0 5px; color: #877228;}
.summary {font-size: 13px; margin-bottom: 1.5em;}
.disc-detail-intro a.intro { max-width:30%; margin: 0 1em 1em 0; float:left}
@media (max-width: 767px) {.disc-detail-intro a.intro { max-width:250px;float:none;margin:1e 0; display: block}
                           .disc-detail-intro a.intro img {max-width:250px;}}
.disc-detail-intro a.intro img {max-width:100%;}
a.katpath {text-decoration:none}
a.katpath:hover,a.katpath:active {text-decoration:underline}
.panel {box-shadow: none;}
.panel-short {margin-bottom:5px;}
.panel-default > .panel-heading {padding:0; background: #e7e9eb; border-color: #caccce;}
.panel-default > .panel-heading h2 {font-size: 15px;}
.panel-default > .panel-heading a {display: block; padding: 10px 15px; color: #004c8f; text-decoration:none;}
.menu-small {padding:0; list-style-type:none;}
.menu-small li {padding:0 0 0.3em 12px; background: url(../img/breadcrumb.svg) 0 7px no-repeat;}
.menu-small li li {padding:0 0 0.3em 0; background: none;}
.panel-add {background: #e7e9eb;}
.disc-detail-image-add {padding-top: 1em;}
.disc-detail-image {width: 80px; float:left; margin: 0 15px 15px 0; position: relative;}
.disc-detail-image.placeholder {border:1px solid #BBB; background-color:#E8E8E8;}
.image-added a {display:block; position: absolute; right:5px; top: 5px; width: 24px; height: 24px; background: url(../img/ico-delete.svg) 0 0 no-repeat; opacity: 0.6; z-index:3}
.image-added img {object-fit: cover;}
.image-added a:hover {opacity: 1;}
.btn-image-add, .btn-image-add:focus {width: 80px; font-size: 13px; padding: 32px 8px 5px; min-height: 60px; border-radius: 3px; border: 1px solid #bdbfc0; font-weight:700; text-decoration: none; background: url(../img/ico-add.svg) 50% 10px no-repeat #d8dadc;}
.btn-image-add:hover {color: #004c8f; background-color: #bdbfc0;}
.disc-detail-komerc {background: #eee; margin-bottom: 0.5em; padding: 10px;}
.pagination li a {background: #fafafa; }
.pagination li a:not([href]) {cursor:not-allowed}
.pagination .active a, .pagination .active a:hover {background: #877228; border-color: #877228;}
/*.pagination a:not([href]) {color:#666}
.pagination a:not([href]):hover {color:#666}*/
.pagination a span {font-weight:bold}
.discussion-row, .video-item, .article-item, .trophy-item {padding: 15px 0 5px 0; margin-bottom: -1px; border-top: 1px solid #e7e9eb; border-bottom: 1px solid #e7e9eb;}
.discussion-row .video-item { border: none;padding: 5px 0 15px 0;}
.discussion-row.self { padding: 15px 15px 0 15px; margin:0 -15px; background-color: #f4f4f4}
.discussion-row.self .smaller {color:#888};
.discussion-row {position: relative;}
.discussion-row.question { border: 1px solid #ddd; border-top-left-radius: 4px; border-top-right-radius: 4px;background: #d8dadc;padding:10px 15px;}
.discussion-row.question:hover { background: #e2e4e7;}
.discussion-row.question.single { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;margin-bottom:30px}
.discussion-row.answer { border: 1px solid #ddd; padding:10px 15px; }
.discussion-row.answer.last { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; margin-bottom:30px}
.discussion-row.isnew {color:navy;/*margin:0 -15px;padding-left:15px;padding-right:15px;*/}
.discussion-row-spec {font-size: 13px;margin-bottom:3px}
.discussion-row:hover {background-color:#fafafa;}
/*.discussion-row.isnew:hover {background-color:#f0f0f6;}*/
.discussion-row-spec .nick {font-size: 15px;}
.discussion-row-spec .new, .video-item .new, .article-item .new {padding: 0 4px; margin-right:10px; }
.discussion-row-spec .new {margin-right:4px; font-size:120%}
.quote {color: #282e33;}
.rating {padding:0; margin:0; list-style-type: none; font-size: 13px; font-weight: 700;}
.rating li {float:right; padding-left: 5px;}
.rating .rating-like, .rating .rating-dislike,.rating .rating-note {xfloat:left; padding-right: 15px;padding-left: 0;}
.rating .rating-note{padding-top:2px;}
.rating li a {display: inline-block; height: 20px; margin: 0 5px -5px 0;}
.rating li.rating-like a:first-of-type, .rating li.rating-dislike a:first-of-type {display: inline-block; width: 20px; height: 20px; background: url(../img/ico-rating-3.svg) 0 0 no-repeat;background-size: 200%; margin: 0 5px -5px 0; }
.rating li.rating-like a, .rating li.rating-dislike a {filter:alpha(opacity=60); opacity:0.6;}
.rating li.rating-like a:hover, .rating li.rating-dislike a:hover {filter:alpha(opacity=100); opacity:1;}


.rating li.rating-dislike a:first-of-type {background-position: right 0;}
.rating li.rating-zavidim a:first-of-type {background-position: left 0 bottom 0;}
@keyframes rating-zoom {
  50% {background-size: 150%;}
  100% {background-size: 120%;}
}

.survey {margin-bottom: 1.3em; }
.survey h2 {font-size: 15px;}
.survey h3.answer {display: flex; margin:0 0 10px 40px; position: relative; border: 1px solid #caccce; background: #e7e9eb; font-size: 13px; border-radius: 4px; font-weight: 400;}
.survey h3.answer:before {width: var(--width-var); position: absolute; left:0; top:0; bottom:0; content:''; background: #caccce; z-index:1;}
.survey .percents {position: absolute; left: -40px; top:-1px; bottom: -1px; width: 41px; padding-left: 1px; background: #877228; color: #fff; border-radius: 4px 0 0 4px; font-weight: 700; text-decoration: none; z-index: 3; display: flex; align-items: center; justify-content: center;}
.survey .answer-text {position:relative; z-index:2; padding: 6px 10px; display: inline-block; width: 100%; color: #222; text-decoration: none; line-height: 1.3;}
.survey a.answer-text {color:#004c8f}
.survey a.answer-text:hover {text-decoration: underline}

.discaddform .row .col-md-6, .discaddform .row .col-md-12 {margin-bottom:10px; }
/*.discaddform {overflow:hidden; text-overflow: ellipsis;}*/
#profimujlov {padding-top:10px}

.adm {font-size:80%; font-weight:normal}

i.to {color:#282e33;cursor: help;}
i.tome {font-weight:bold;color:#282e33;cursor: help;}
i.tome, i.to {text-decoration:underline solid #ddd;}
.mmtooltip{display:none;position:absolute;z-index:999;left:-9999px;background-color:#eee;border: 1px solid #444;padding:10px;width:80%;max-width:600px}

.mmtooltip p{margin:0;padding:2px 7px;}
.mmtoolprofil{border:1px solid #ccd; display:none;position:absolute;z-index:999;left:-9999px;background:#eee;order: 1px solid #AAA;padding:8px 0px;width:300px;height:122px;overflow:hidden;font-size:11px;line-height: 15px;color:#000}
.mmtoolprofil img {border:1px solid #ccd;padding:1px;}
.mmtoolprofil p{margin:0;}
.mmtoolprofil i {font-style: normal;color:#777;}

.clearer, .cleaner { clear:both; line-height:0; font-size:0; height:0px; }

div.zoom {position: relative;margin:0; padding:0;/*display:inline;*/float:left;color:white;font-weight:bold;}
div.zoom img {image-rendering: optimizeQuality;-ms-interpolation-mode: bicubic;cursor:zoom; object-fit: cover; object-position: 0 0;}
div.zoom a {color:white;cursor:zoom-in}
div.imghidden {position: absolute;top:0px; left:5px;display:block;color:#F44;}
div.awards {position: absolute;/*width:100%;*/text-align:right;top:10px;right:10px;display:block;line-height:13px;opacity:0.75;filter:alpha(opacity=75);}

.videoWrapper {position: relative;padding-bottom: 56.25% /* 16:9 */; padding-top: 25px;height: 0; margin-bottom:10px;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%; border-top: 3px solid #000;border-bottom: 3px solid #000;}

.imgadd, .imgadded {cursor:pointer;float:left;width:100px;height:80px;border:1px solid #AAA;text-align:center;padding:20px 0;margin:5px 5px 5px 0;font-weight:bold;}
.imgadded {cursor:default;display: block; overflow:hidden; color:#555;padding:0;text-align:center;font-weight:normal;font-size:14px;}
.edt {font-size:12px;}

.fancybox-is-open .fancybox-bg {opacity: 0.95;}
.fancybox-bg {background: #000;}
.fancybox-button--chat {width:auto}

.suglist {padding:0px 0px; margin:0px; list-style : none; }
.suglist li a { text-align : left; padding:2px; cursor:pointer; display:block; text-decoration : none; color:#000000;}

#userlist .input-group-btn {width:100%}

/* VIDEA */
.article-main.video-sec, .article-main.atlas-sec {margin:0 0 5px; font-size: 15px;}
.glyphicon.red {color:#d80000}
/* FOTOGALERIE */
.photogallery, .zoom-image {overflow: hidden; display: block;}
.photogallery img {max-width:100%;}
.photo-add .disc-detail-image.image-added, .photo-add .disc-detail-image.image-added img {width: 100%;}
.photo-add .btn-image-add {display: block; width: auto;}
.photo-add textarea {margin-bottom: 10px;}
.pth {padding: 0 0 0 0;margin: 0;color:#888;}

/* POSTA */
.nav-tabs {z-index:5; position: relative; border: none;margin-top: 0.5em;}
.nav-tabs li a, .nav-tabs > li > a:hover {text-decoration: none; font-weight: 700; padding: 8px 12px; border-color:#bdbfc0;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #877228; background: #d8dadc; border-color: #bdbfc0; }
.wannabetable-cover {border-top: 1px solid #e7e9eb; margin-bottom: 1.5em;}
.wannabetable {position: relative;}
.tab-pane {padding-bottom: 1.5em; position:relative; z-index:6; border-top: 1px solid #bdbfc0;}
.tab-pane .wannabetable {margin:0;}
.wannabetable.table-header {margin: -1px 0 0; border: 1px solid #bdbfc0; background: #d8dadc;}
.wannabetable.table-header > div {background: #d8dadc;}
.wannabetable > div {padding-top: 0.5em; padding-bottom: 0.5em;}
.wannabetable input[type="checkbox"] {margin-right: 10px;}
.wannabetable:before {display:block; position: absolute; left:15px; right: 15px; bottom:0; content:''; border-bottom: 1px solid #e7e9eb;}
.tab-pane .wannabetable:before {left:0; right: 0;}
.wannabetable .smaller {padding-top: 0.7em;}
.form-inline.messages {display:block; margin: 1em 0;}
.form-inline.messages .bootstrap-select {display: inline-block; width: 150px !important; margin: 0 15px;} 
.form-inline.messages label {display: inline-block; margin: 0 10px 0 0; font-weight: normal;}
.form-inline.messages .form-group {padding-bottom: 0.5em;}
.message-detail-header {padding: 10px 10px 5px 10px; margin: 20px 0 0; background: #e7e9eb; line-height:150%;}
.message-detail-header h2, .message-detail-header p {margin:0 0 5px 0;}
.message-detail-header span {white-space: nowrap;}
.message-detail-header strong {padding:0 3px}
.message-detail-body {padding: 10px; margin-bottom: 40px; border: 1px solid #e7e9eb;background-color:#fafafa}
.message-detail-header img.attach { object-fit: cover; width:100px; height:100px; margin-right:10px}
#sz-folders .checkbox-inline {padding-left:30px}

/* PROFIL */
#profile-card {background: #e7e9eb; padding: 0 15px; margin-bottom: 15px; border: 1px solid #caccce;}
#profile-card h2 {padding: 13px 15px 10px; margin: -1px -16px 0; color: #fff; background: #004c8f; font-size: 20px; border-bottom: 5px solid #003564;}
#profile-card .col-sm-4 {background: #dcdee0;}
#profile-card .col-sm-4 img {max-width: 100%; margin-bottom: 20px;}
#profile-card .col-sm-4, #profile-card .col-sm-8 {padding-top: 15px; padding-bottom: 15px;}
#profile-card .col-sm-8 {color: #282e33;}
@media (min-width: 768px) {
  #profile-card .col-sm-8 {float:right;}
}
#profile-card .col-sm-8 h3 {color: #222; font-weight: 400; font-size: 13px; margin:0;}
#profile-card .col-sm-8 .row {padding-bottom: 10px;}
#profile-card .row .row  {margin-top: 10px;}
#profile-card .row .row:not(:last-child)  {border-bottom:1px solid #caccce}

/* CLANKY */
.article-item img, .trophy-item img {max-width: 100%;}
.article-item h2 {font-size: 16px;}
.mini_img {display:inline-block;max-width:100%;}
.mini_img_float {width:50%; display:block;}
h2.mini {padding-top:15px}

/* TROFEJE */
.sorting label {margin-top: 0.5em;}
.h2-link {margin-left: 15px; font-weight: 400; font-size: 15px;}
.trophy-item h3, .trophy-item p {margin:0;}
.medal {display:block; color: #fff; left: 0; width: 32px; height: 32px; padding-top: 2px; background: #877228; font-size: 18px; border-radius: 50%; text-align: center; margin-bottom: 1em}
.trophy-list {margin-top: 1.5em;}

/* RIGHT COLUMN */
.block-bg {background: #e7e9eb; margin-bottom: 1.5em;}
.block-bg h2 {margin:0;}
.block-bg h2 a:hover, .block-bg h2 a:focus {text-decoration:underline}
.block-bg ul {padding:0 15px;}
.block-bg ul.list-discussions {width: 50%; float:left; margin-bottom:0;padding-bottom:10px}
.block-bg ul.list-discussions.col1 {width: 100%; margin-bottom:0;padding-top:15px; border-top:1px solid white;}
.block-bg li {padding-bottom: 0.4em; list-style-type:none;}
.block-bg h3 {font-size: 14px; margin:0; line-height: 1.2; clear:both;}
.block-bg h3 a {line-height:1.4em}
.block-bg .new {float:left; padding: 3px 1px 3px 2px; margin: 0 5px 7px 0; font-size:12px}
.block-bg .date {background: #d8dadc; line-height: 1.4; margin-left: -15px;}
.article-simple .date {line-height: 1.4; }
.block-bg .list-live .new, .article-simple .new {margin: 0 5px 0 -10px;}
.block-bg .list-live .subj {font-weight: normal}
.block-bg .list-live .counts {font-weight: normal; float:right; color: #222; font-size: 12px; margin-left: 5px; margin-top: 2px;}
.loadmore {text-align:center;padding:5px 15px;margin-bottom:20px}
.floatnav {float:right;padding:0 5px 10px 5px;text-decoration:none;font-size:90%}
.oznaceno-small a {width: 47%; float:left;}
.oznaceno-small a.right {float:right;}
.block-bg .glyphicon-download {color: #d80000; margin-right: 5px;}
.block-bg .row {padding:0 10px 0 10px;}
.block-bg .row div {white-space:nowrap; text-align:center}
.block-bg .row .new {float:none;}

/* FOOTER */

#img-velky-spodni {padding:0; background:#fff; /*position:sticky; top:0; bottom:0*/}
#img-velky-spodni.oznaceno {margin-bottom:0}
#partners {padding: 10px 15px 5px 15px; background-color: #ededed; border-top: 5px solid #e6e6e6; color: #8b8d90; font-size: 12px; position:relative}
#partners a {color: #8b8d90;}
#partners h2 {font-weight: 400; font-size: 16px; color: #222;}
.partner-logos a {display:inline-block; margin:  10px 15px;}
.partner-logos a img {filter: grayscale(100%) contrast(75%) brightness(125%);mix-blend-mode: multiply;}
.partner-logos a img:hover {filter: none;}


#footer {padding: 10px 15px 5px 15px; background: #d9d9d9; border-top: 5px solid #c3c3c3; font-size: 14px; position:relative; }
#footer h2 {font-size: 14px; color: #222;}                                                                                                                
#footer ul {padding:0;}
#footer ul li {list-style-type: none; display: inline; padding-right: 10px;}
#footer p {font-size: 12px;}
.link-footer {display: inline-block; padding-right:8px !important;}
.link-footer:last-of-type {padding:0 !important;}
.link-footer a {display: inline-block; width: 36px; height: 36px; border-radius: 3px; background: url(../img/link-footer.svg) 0 0 no-repeat; overflow: hidden; text-indent: 100px; white-space: nowrap; box-shadow: inset 0px 0px 1px rgba(0,0,0,0.5);}
.link-footer.facebook a {background-color: #44619d;}
.link-footer.rss a {background-color: #e1791d; background-position: -36px 0;}
.link-footer.webmap a {background-color: #877228; background-position: -72px 0;}

#pozadistranky a div {height:1920px;white-space: nowrap;position:fixed;top:0; left:0;right:0;}

/* RESPONSIVE */

@media (max-width: 991px) { 
        #sz-folders .col-sm-1, #sz-folders .col-sm-2, #sz-folders .col-sm-3, #sz-folders .col-sm-4, #sz-folders .col-sm-5, #sz-folders .col-sm-6, #sz-folders .col-sm-7,
        #sz-folders .col-sm-8, #sz-folders .col-sm-9, #sz-folders .col-sm-10, #sz-folders .col-sm-11, #sz-folders .col-sm-12 {
                float: none;
                padding-right: 10px;
                padding-left: 5px;
                padding-top:5px;
                display:inline-block;
                vertical-align: top;
                width:auto;
        }
        #sz-folders .col-sm-12 {padding-bottom:2px;}
        #sz-folders div:empty{display:none;}
        #sz-folders .rlast {text-align:right;}
        #sz-folders .col-sm-12 { width: 100%; padding-top:10px; }
        #sz-folders .checkbox-inline {padding-left:30px}
} 


@media (max-width: 1199px) {
    .navbar .nav li.divider {display:block; width:100%; clear:both;}
}
@media (max-width: 991px) {
    .md-pad-top {padding-top:10px;}
   .mini_img {display:block;width:100% !important;padding-right:0 !important;}
   .mini_img_float{width:100% !important;padding:0}
   .navbar {margin-bottom: 10px;}
   .breadcrumb {margin-top: -10px}
}

@media (max-width: 350px), (max-width: 1199px) and (min-width: 768px) {
    .block-bg ul.list-discussions {width: 100%; float:none;}
    .block-bg ul.list-discussions:first-of-type {padding-bottom:0px} 
}

#re_foot{padding:20px 0 20px 0; border-top: 5px solid #e6e6e6;}

@media (max-width: 767px) {
    #main-content {padding-bottom: 30px;}
    #search {padding-top:0; clear: both;}
    #search input {height: 36px;}
    #top-search-form {display:none}
    .navbar-brand img {width:130px;}
    .search-inpage h2 {margin: 0 0 7px ;}
    .video-item .video {margin-bottom: 1em;}
    .article-item h2, .trophy-item h3 {margin-top: 1em;}
    .wannabetable > div {padding-top: 0; padding-bottom: 0;}
    .wannabetable {padding-top: 0.3em; padding-bottom: 0.3em;}
    .wannabetable .smaller {padding-top: 0;}
    .wannabetable .text-right, .sorting .text-right {text-align: left;}
    /*#profile-card .col-sm-4 {position: static;}
    #profile-card .col-sm-8 {float:none;}*/
    .photo-add .btn-image-add {margin-bottom: 15px;}
    .photo-add .disc-detail-image.image-added {width:225px; margin: 10px auto;}
    .medal {margin: 0 auto 1em;}
    .sm-pad-top {padding-top:15px;}
    #menu-diskuse-btns { display: block !important;}
    #topmenu { display: none !important;}
    .mm-menu.mm-offcanvas {top: 50px;}
    [data-sticky_column] {
        position: static !important;
        top: auto !important;
        width: auto !important;
        height: auto !important;
        bottom: auto !important;
        float: initial !important;
    }
    [data-sticky_column] + div{ display:none}
}
@media (min-width: 768px) {
   #mm-topmenu{
      display: none !important;
   }
   #menu-diskuse-btns {
      display: none !important;
   }
   
}
@media (min-width: 350px) {
        .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 { float: left; }
}

@media (max-width: 500px) {
        .hide_500px {display:none}
}

/* SWIPE */
.swipe { position: relative; }
.swipe-wrap { position: relative; }
.swipe-wrap > div { position: relative;/*padding-bottom: 32768px; margin-bottom: -32768px; */}


/* slide */
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0;}
.oznaceno.top {margin:10px 0 10px 0; min-height:94px}
.oznaceno.mid {min-height:90px;}

/* galerie */
.counter { padding: 0; margin: 0 0 0 5px; line-height: 2em; text-align: center; color: #7E7E7E; width:100% }
.counter ul {display: inline-block;}
.counter > .nav-pills > li > a {border: 1px solid #e0e4e8 !important;}
.img-responsive {width:100%}
.kalendar {margin-left:60px}
.kalendar .dat {margin: 0 5px 0 -60px; display: inline-block; float:left; width:60px; white-space: nowrap;}
.kalendar .new,.kalendar .new.no {margin: 0 5px 0 -15px; display: inline-block; float:left; width:10px}

.fancybox-bg { background: #080c11; }
.fancybox-is-open .fancybox-bg { opacity: 0.7;}

#MRKvideocontainer {padding-bottom:15px}

.row-eq-height { display: flex; flex-flow: row wrap;}
@media (max-width: 767px) {
  .row-eq-height { display: block; flex-flow: row wrap;}
}

.miniodkaz {text-decoration:none; color:#222}
.miniodkaz:hover, .miniodkaz:active {text-decoration:underline; color:#222}
.tight .row {padding:4px !important;}
.tight input,.tight button {padding:2px;height:auto}
.akce .cena b {color:#800; }
.akcni-nabidky p.cena span {font-weight:bold; color:#528718; }
.strong {font-weight:700}
.inline-block {display:inline-block !important}

.fake_kam_dal {width:100%;height:250px;background:#f5f5f5; font-size:40px;text-align:center;padding-top:100px}
.fake_kam_dal span {color:#ddd}

.glyphicon-refresh-animate { 
  -animation: spin 1s infinite linear;
  -ms-animation: spin 1s infinite linear;
  -webkit-animation: spinw 1s infinite linear;
  -moz-animation: spinm 1s infinite linear;
}
@keyframes spin { from { transform: scale(1) rotate(0deg);} to { transform: scale(1) rotate(360deg);} }
@-webkit-keyframes spinw { from { -webkit-transform: rotate(0deg);} to { -webkit-transform: rotate(360deg);} }
@-moz-keyframes spinm { from { -moz-transform: rotate(0deg);} to { -moz-transform: rotate(360deg);}}

#kam_dal {padding-top: 15px; padding-bottom: 15px; background-color: #fff; border-top: 5px solid #e6e6e6; position:relative}
#kam_dal .square { float:left;position: relative;width: 33.3%;padding-bottom: 33.3%;overflow:hidden;}
#kam_dal .square img {object-fit: cover;position:absolute;height:100%;width:100%;margin:5px;}
#kam_dal a:nth-child(3n+2) .square img { margin: 5px 0;}
#kam_dal .square img:hover {filter: none;}
#kam_dal .block-bg {background:none}
#kam_dal .block-bg ul,#kam_dal .block-bg div {margin-top:15px;padding-right:0}

.mask-article a img, .mask-article img {max-width:100%;}
#sz-folders .bootstrap-select .btn {padding:0px 10px}
.knihovna img {max-width:67%;}

#footre {text-align:center; font-size:18px; color: #000; 
        justify-content: center;
        /* pozor oboje vh, cimz je dan pomer stran 2:1 a zaroven maximum mozneho prostoru na displayi */ 
        max-width: 50vh; max-height:25vh;   
        position:fixed; bottom: -30vh;  display: flex;
        overflow: hidden; z-index: 10000;
        padding-top:30px;
        box-sizing: content-box; 
        left: 0; right: 0; margin-left: auto; margin-right: auto; 
}
#footre img { border: 0.4px solid #999999; border-top-left-radius:2px; border-top-right-radius:2px;  width: 100%;height: 100%;zoom:8; vertical-align: none; border-bottom:none}
#footreX {position:absolute;font-size:200%;top:0px;right:15px;border: 1px solid #999999;border-radius:25px;width:50px;background-color:#000; color:white;opacity:60%;cursor:pointer;z-index:1}
.clickable {cursor:pointer;}

.full-width {width:100%}
.maxy-150 {max-height:150px; object-fit: cover;}
.maxy-200 {max-height:200px; object-fit: cover;}
input[type=checkbox] {width:1.1em; height:1.1em;}
input[type=radio] {width:1.1em; height:1.1em;top:-3px}

input[type=radio]::after, input[type=checkbox]::after {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent;
    content: '';
    border: 2px solid #004c8f !important;
    box-sizing: border-box;
}
/* Radio buttons are round, so add 100% border radius. */
input[type=radio]::after {
     border-radius:100%;
}


.row.grid {
    margin-left: -7.5px;
    margin-right: -7.5px;
    margin-top: -15px;
    margin-bottom: -15px;
    padding:7.5px 0;
}
.row.grid [class*="col-"] {
    padding-top: 7.5px;
    padding-bottom: 7.5px;
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.spacer-20 {
        padding-bottom:20px;
}
.spacer-40 {
        padding-bottom:40px;
}
a h3 {
    text-decoration: none;
    color: #004c8f;
}

.atlas-clanek table tr td {padding:5px; border:1px solid #444}
.atlas-clanek p {margin-bottom:30px}
.right {text-align:right}

.photo-add .input-group .btn {padding-bottom: 5px;}
.hlt {background-color:#FF8}

@media (min-width: 768px) {.znamenka .minus {border-left: white 2px solid;}}

.rbheader {display: none}

#adform_rectangle { float:right; padding:20px 0 20px 20px;overflow:hidden; width:50%}
#adform_leaderboard { width:100%;}

@media (max-width: 767px) {
        .znamenka .minus {border-top: white 2px solid;}
        .znamenka {display:block}
        .znamenka .plus, .znamenka .minus { display: block;}
        .oznaceno.top { margin-bottom:10px; margin-top: 20px}
        .breadcrumb { margin-top: -10px}

        .sidebar.sbright {
            right: 0;
            bottom: 0;
            top:0;
            width: 100%;
            overflow-x:hidden;
            background: white;
            padding:0;            
        }
        .sidebar .rbbody{
            border-left: 15px solid white;
            border-right: 15px solid white;
            padding-top:15px;
        }
        .sidebar .rbheader{
            display:block;
            height:50px;
            width:100%;
            z-index:1050;
            top:0px;
            color:white;
            position:sticky;
            padding: 15px 15px 0 15px;
            font-size: 16px;
            background:#001f3b;
                -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, .5);
                box-shadow: 0 5px 9px rgba(0, 0, 0, .5);
        }
        .sidebar .rbheader .btn {
                float:right;
                margin-top:-7px;
                padding: 7px 16px 3px 10px;
        }
        
        .sidebar {
            xmargin-top:50px;
            position: fixed;
            overflow-y: auto;
            /*-ms-overflow-style: none; /* IE skryje scrollbar v tomto panelu */ 
        }
        .sidebar::-webkit-scrollbar { /* skryje scrollbar v tomto panelu */
              /*  display: none;*/
        }
        
        #rightbar {
                display:none;
                z-index:1050;
        }
        #dvasloupce {
            display: block; /* nebude jiz flex */
        }
        
        
        /*#adform_rectangle iframe,
        #adform_leaderboard iframe {
        -ms-zoom: 0.9;
        -moz-transform: scale(0.9);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.9);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.9);
        -webkit-transform-origin: 0 0;
        }*/
        #adform_rectangle { float:none;margin:0;padding-left:0;width:100%}
        #adform_leaderboard {}
}

.nescrolluj {overflow:hidden}
.dim-black {
  box-shadow: 0 0 0 1000px rgba(0,0,0,.3);
  box-shadow: 0 0 0 100vmax rgba(0,0,0,.3);
  transition: box-shadow 0.6s ease-in-out;
}
.dim-black-out {
  box-shadow: none;
  transition: box-shadow 0.3s ease-in-out;
}

table .c1 {
	padding: 4px 0 4px 10px;
	color: #5A5A5A;
	font-weight: bold;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #DADDC7;
}
table .c2 {
	padding: 4px 10px 4px 10px;
	text-align: right;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #DADDC7;
}
.data {
	background-color: #E3E3E3;
	padding: 10px;
	margin-bottom: 10px;
}
.data p {
	margin: 0;
}

.smap img {
max-width: none;
}

/*@media (min-width: 768px) {*/
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
/*@media (min-width: 992px) {*/
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
/*@media (min-width: 1200px) {*/
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
    width: -webkit-calc(100% - 260px);
    width:    -moz-calc(100% - 260px);
    width:         calc(100% - 260px);
  }
 .HD-not-clickable { pointer-events: none; cursor: default;}
}

/*@media (min-width: 992px) and (max-width: 1199px) {
        #pozadistranky a div {background-size: 1590px auto !important;}
}*/

@media (max-width: 1430px) {
   #pozadistranky a div {background-size: calc(1920px - 1.63 * (1430px - 100%)) auto !important;}
}
@media (max-width: 1199px) {
   #pozadistranky a div {background-size: 1600px auto !important;}
}

.fb-post { border:1px solid #004c8f; margin: 10px 0 20px 0; box-shadow: 3px 3px 5px 3px #ccc; min-width:300px; max-height:700px !important; overflow:hidden}

a.url {
  word-break: break-all;
  overflow: hidden;
  max-height: 2.8em;
  vertical-align: bottom;
}

.max100, .max50, .max100-100p,.max100-50p,.max100-75p,.max100-25p {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.max50 {
  max-width: 50%;
}
.max100-100p {
    max-width: -webkit-calc(100% - 100px);
    max-width:    -moz-calc(100% - 100px);
    max-width:         calc(100% - 100px);
}
.max100-75p {
    max-width: -webkit-calc(100% - 75px);
    max-width:    -moz-calc(100% - 75px);
    max-width:         calc(100% - 75px);
}
.max100-50p {
    max-width: -webkit-calc(100% - 50px);
    max-width:    -moz-calc(100% - 50px);
    max-width:         calc(100% - 50px);
}
.max100-25p {
    max-width: -webkit-calc(100% - 25px);
    max-width:    -moz-calc(100% - 25px);
    max-width:         calc(100% - 25px);
}

.icon-slide, .icon-slide:before {
  position: fixed;
  right:-1px;
  bottom:0px;
}

.icon-slide {
  width: 30px;
  height: 30px;
  margin-left: -20px;
  /*top: 50%;*/
  margin-top: -10px;
  background: #004c8f;
  /*box-shadow: inset 0 0 0 1px #ddd;*/
  opacity:0.25;
  border-radius: 10px 0 0 10px;
  z-index:10;
}
.icon-slide:before {
  content: '';
  font-size:20px;
  width: 14px;
  height: 14px;
  background:url("../img/left.png");
  background-size: cover;
  color:#fff;
  right:-12px;
  bottom: 8px;
  border-radius: 0;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-name: iconslider;
}
@keyframes iconslider {
  0% { opacity: 1}
  35% { opacity: 1; transform: translateX(-22px)}
  60% { opacity: 0; transform: translateX(-24px) }
  100% { opacity: 0;}
}

@media (min-width: 768px) {
        .icon-slide {display:none}
        .pro-mobil {display:none;}
        .pro-pc {display:inline-block;}
}
@media (max-width: 767px) {
        .pro-mobil {display:inline-block;}
        .pro-pc {display:none}
}

.neklikaci {pointer-events: none; cursor: default;}

#highlight-toolbar {
  position: absolute;
  display: none;
  z-index:10;
  align-items: center;
  justify-content: center;
  background: #004c8f;
  transform: translateX(-50%);
  user-select: none;
}
.ocas:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-top-color: #004c8f;
	border-bottom: 0;
	margin-left: -7px;
	margin-bottom: -7px;
}
a.ext {}
.carousel-indicators .active {background-color: rgba(100, 100, 100, 0.2);}
.carousel-indicators li {background-color: rgba(0, 0, 0, 0.05);border: 1px solid rgba(0, 0, 0, 0.01);}
.carousel-caption {
  top: 0;
  left: 40%;
  right: 0;
  bottom: 0;
  vertical-align: middle;
  margin:8px;
  padding:10px;
  border-radius:10px;
  background-color: #d8dadc;
}
.carousel .item {background-color:#e7e9eb;}
.carousel-caption div {
  margin: 0;
  padding:0;
  position: absolute;
  top: 50%;
  width:calc(100% - 20px);
  transform: translate(0, -50%);
}
.kolotoc {
        width:100%;
        margin:auto;
        margin-bottom:20px;
}
#kolotoc4 {margin-bottom:0}

.kolotoc p {
    display: block;
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
}
.carousel-inner > .item > a > div  > img {
 display: block;
 animation: klouzej 10s infinite;
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 max-width:100%;
 height: 100%;
 object-fit: contain;
 transform-origin: 50% 50%;
 mix-blend-mode: multiply;
}
.carousel-caption h3 {
        font-size: 15px;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
        display: block-inline;
        text-overflow: ellipsis;
        word-wrap: break-word;
        overflow: hidden;
        line-height: 1.3em;
        max-height: 3.9em;
}

@keyframes klouzej {
  0%, 100% { transform: scale(1.2) rotate(8deg);}
  50% { transform: scale(1); }
}

.carousel-img {position:relative;max-width:40%;padding-top: 40%;overflow:hidden;border: 7px solid rgba(255,255,255,0);}
@media (max-width: 300px), (max-width: 991px) and (min-width: 768px) {
        .carousel-caption h3,.carousel-caption p {font-size:12px}
}

.kolotoc .carousel-item {opacity: 0;transition-duration: .6s;transition-property: opacity;}
.kolotoc .carousel-item.active,
.kolotoc .carousel-item-next.carousel-item-left,
.kolotoc .carousel-item-prev.carousel-item-right { opacity: 1;}
.kolotoc .active.carousel-item-left, .kolotoc .active.carousel-item-right { opacity: 0;}

.dragover {filter: contrast(0.7) brightness(1.2) saturate(0.7) ;background-color:#e7e9eb;}

.height-75vh { max-height: 75vh; }
.card {padding:10px 6px 0 0;margin:-10px -6px 0 0;}
.card::after {
  content: attr(data-label);
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  padding:1px 7px 0 7px;
  margin-right:3px;
  /*height: 14px;*/
  transform-origin: 0% 0%;
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  display: block;
  background-color:red;
  box-shadow: 0 2.5px 2.5px -0.5px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 3px; right: 0px;
  z-index:100;
  pointer-events: none;
}

.suggest {top: 7px;z-index: 30;text-align: left;}
.suggest > .dropdown-menu {margin-top: 15px;position: absolute;}
.suggest > .dropdown-menu > a.menuitem {border-top: 1px solid #eeeeee;padding: 5px 10px;}
.suggest > .dropdown-menu > a.menuitem:first-child {border-top: 0;}

.zapistelo a {text-decoration: underline; text-decoration-color: #b7d4ed;}
.zminka.ja{font-weight:600}
a.zminka {color:#333;font-weight:600;text-decoration: none;}
a.zminka:hover {text-decoration:underline; text-decoration-color: #333;}
.del {margin:5px 10px 0 0;}
.del span {float:right; margin-left:10px;font-size:150%;line-height:0;margin-top:9px;}



.scene {
  position: relative;
  max-width: 360px;
  padding-top: 100%;
  perspective: 720px;
  overflow:hidden;
}

.carousel3d {
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  transform: translateZ(0);
  transform-style: preserve-3d;
}

.carousel__cell {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  text-align: center;
  transition: opacity 1.5s;
}

.carousel__cell { background: #ebf2fa;}
.carousel__cell .kolbig {width:80%; padding-top:80%;margin:5% 10%;position:relative;}
.carousel__cell .kolbig img { position:absolute; margin: auto;top: 0;left: 0;right: 0;bottom: 0;max-width:100%;max-height:90%;width:auto; mix-blend-mode: multiply;}
.carousel__cell .kolbig-cap { position:absolute; bottom:-10%;left: -5%;right: 0; width:110%; z-index:10;padding:10px;background: rgba(255,255,255,0.9);}
.carousel__cell .kolbig-cap h3 { margin: 0 0 0.2em 0;}
.carousel__cell .kolbig-cap.card::after { top: -5px; right: -7px;  -webkit-transform: rotate(5deg);transform: rotate(5deg);}

.carousel__cell:nth-child(1) { transform: rotateX(  0deg) translateZ(10px); }
.carousel__cell:nth-child(2) { transform: rotateX( 40deg) translateZ(10px); }
.carousel__cell:nth-child(3) { transform: rotateX( 80deg) translateZ(10px); }
.carousel__cell:nth-child(4) { transform: rotateX(120deg) translateZ(10px); }
.carousel__cell:nth-child(5) { transform: rotateX(160deg) translateZ(10px); }
.carousel__cell:nth-child(6) { transform: rotateX(200deg) translateZ(10px); }
.carousel__cell:nth-child(7) { transform: rotateX(240deg) translateZ(10px); }
.carousel__cell:nth-child(8) { transform: rotateX(280deg) translateZ(10px); }
.carousel__cell:nth-child(9) { transform: rotateX(320deg) translateZ(10px); }

.aura {
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,0) 15%, rgba(29,170,253,0.4) 50%, rgba(255,255,255,0) 85%);
}

.img-async-100 {height:100px;width:100px;}
img.img-async-100 {max-height:100px;max-width:100px;object-fit: contain;}

.slevy {padding:0 0 0 110px;position:relative;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd}
.slevy a.ext {display:inline-block;margin-bottom:10px; font-weight:700;}
.slevy img.imgslevy {width:100px;max-width:100px;max-height:100%;object-fit: contain;position:absolute; left:0;top:0;object-position: 50% 0;mix-blend-mode: multiply;padding-bottom:10px;}
.slevy b {color: #800;}

.scroll-x{overflow:hidden;}
.scroll-x-inner{overflow-y: auto; -ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */ transition: all 1s ease;  background-color:white}
.scroll-x-inner::-webkit-scrollbar {  display: none; }
.scroll-x-inner > div {white-space: nowrap;}
.scroll-x-inner > div div {white-space:normal;overflow:hidden;}
.scroll-x-inner img, .scroll-x-inner a {user-select: none;-webkit-user-drag: none;}
.scroll-x-inner a {text-decoration:none;}
.scroll-x-inner a:hover {text-decoration:none;}

.baitems.basablona1 {position:relative; height:150px;display: table-cell;vertical-align: bottom;min-width:130px;max-width:220px;padding:0 5px}
.baitems.basablona1.free {max-width:none; background-color:white}

.baitems.basablona1 img { position:absolute; margin: auto;top: 0;left: 0;right: 0;bottom: 25%;max-width:100%;max-height:75%;width:auto; mix-blend-mode: multiply;}
.baitems.basablona1.free img { max-height:100%;max-width:none;bottom: 0;}

.baitems.basablona1 p { position:relative;width:auto;padding:5px 12px 4px 12px; margin: auto;max-width:200%;min-width:100%;max-height:50%;background-color:rgba(211,211,211, 0.7);color:black; border-radius:7px 7px 0 0;border: 0;font-size:15px;font-weight:700; text-align: center;}
.baitems.basablona1 p span {position:absolute;top:-23px;right:5px;background-color:rgba(255,255,0, 0.8);color:black;padding:2px 8px 0 8px;margin-left:10px;display:inline-block;border-radius:5px 5px 0 0;}

.starrr span:not(:first-child) {padding-left:0.25em;}
#playoff {
  position:relative;
  margin:0;padding:0;
}

#po0, #po1, #po2 {border: 1px solid #ddd;  text-align:center;}
#po0 {
  background: pink;
  width:600px;
  height:600px;
  max-height: 100vw;
  max-width: 100%;
  margin: auto;
}
@media screen and (min-device-aspect-ratio: 1/2) {
  #po0 {
    max-height: 70vh;
  }
}
@media screen and (min-device-aspect-ratio: 1/1) {
  #po0 {
    max-height: 90vh;
  }
}

#po1 {
}
#po2 {
}