﻿body {
  background-image: url(/content/img/bg_body.jpg);
  background-repeat: repeat-x;
  background-position: top center;
  margin: 0;
  padding: 0;
  background-attachment: fixed;
  font-family: Arial, Helvetica, Sans-Serif;
}
.diskuze h4 strong a {
  color: #ab1251;
  text-decoration: none;
}
.diskuze .message {
  margin: 10px 0;
  padding: 5px;
  text-align: center;
  color: #3A3A3A;
  background-color: #F0F0F0;
  border: 1px solid #666;
}
.box_clanky {
  border-bottom: 1px solid #e5e2e2;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.box_clanky .perex {
  margin-left: 0px;
}
.line600 {
  background-color: #fff !important;
  color: #fff !important;
  border-bottom: 1px solid #E5E2E2;
  height: 1px !important;
  margin: 10px 0;
}
h2 {
  /*color: #676d72;*/
  color: #ab1251;
  font-size: 18pt;
  margin-bottom: 10px;
  font-weight: bold;
  font-family: Arial, Helvetica, Sans-Serif;
}
.box_clanky a,
.box_rozhovory h3 a {
  text-decoration: none;
  font-weight: bold;
  color: #000;
  font-size: 13pt;
  font-family: Arial, Helvetica, Sans-Serif;
}
h4.first {
  background-image: url("/Content/img/bg_h2_first.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-bottom: 14px;
}
.pager {
  float: left;
  color: #666;
  width: 400px;
  margin: 0;
}
.pager ul {
  list-style-type: none;
  margin-top: 0px;
  margin-bottom: 10px;
  padding: 0px;
  width: 400px;
}
.pager li {
  float: left;
  margin: 0px;
  padding: 0px;
}
.pager li span {
  border-radius: 0;
}
.pager li.first span {
  border: 1px solid #CCCCCC;
  border-right: none;
}
.pager li.last {
  margin-right: 0px !important;
}
.pager li.last span {
  border: 1px solid #CCCCCC;
  border-left: none;
}
.pager li.status span {
  display: none;
  border: 1px solid #CCCCCC;
  border-left: none;
  padding-left: 10px;
  padding-right: 10px;
}
.pager li.actual span {
  color: #666666;
  background-color: #EDF3F3;
  font-weight: bold;
}
.diskuze .item.first {
  border-top: 1px solid #5a6166;
}
.diskuze .item {
  min-height: 150px;
  background-color: #F0F0F0;
  border-bottom: 1px solid #5a6166;
}
.diskuze .item .header {
  padding: 5px 20px 5px 30px;
  background-color: #F0F0F0;
}
.diskuze .item .profil {
  float: left;
  padding: 0px 0px 0px 0px;
  margin-left: 15px;
  width: 120px;
  height: 100%;
  background-color: #F0F0F0;
  text-align: center;
}
.diskuze .item .obsah {
  float: right;
  width: 440px;
  padding: 21px 20px 21px 20px;
  background-color: #fff;
}
.diskuze .item .datum {
  font-size: 8pt;
  margin: 10px;
  display: block;
}
.diskuze .item .obsah h4 {
  color: #ab1251;
  font-size: 10.5pt;
  line-height: 14pt;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 1em;
}
.fleft {
  float: left;
}
.container {
  overflow: hidden;
  background-color: white;
  -webkit-box-shadow: 0 5px 20px 1px #000000;
  box-shadow: 0 5px 20px 1px #000000;
  max-width: 940px;
}
header .container {
  padding: 20px 15px;
  margin-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.logo {
  font-weight: 700;
  font-size: 42px;
  margin: 15px 0 0 0;
}
.logo a:hover {
  text-decoration: none;
}
.inline-block {
  display: inline-block;
}
#navbar-btn {
  width: 38px;
  height: 31px;
}
#navbar-btn .bit-1::before,
#navbar-btn .bit-1::after,
#navbar-btn .bit-3::before,
#navbar-btn .bit-3::after {
  content: '';
  position: absolute;
  width: 14px;
  height: 2px;
  background: #ffd700;
}
#navbar-btn .bit-2 {
  position: absolute;
  width: 22px;
  height: 2px;
  background: #ffd700;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.3s 0.3s, width 0.3s 0.6s;
}
#navbar-btn .bit-1::before {
  left: 7px;
  top: 7px;
  transform-origin: left bottom;
  transition: transform 0.3s, top 0.3s;
}
#navbar-btn .bit-1::after {
  right: 7px;
  top: 7px;
  transform-origin: right bottom;
  transition: transform 0.3s, top 0.3s;
}
#navbar-btn .bit-3::before {
  bottom: 7px;
  left: 7px;
  transform-origin: left top;
  transition: transform 0.3s, bottom 0.3s;
}
#navbar-btn .bit-3::after {
  bottom: 7px;
  right: 7px;
  transform-origin: right top;
  transition: transform 0.3s, bottom 0.3s;
}
#navbar-btn.open .bit-1:before,
#navbar-btn.open .bit-1:after,
#navbar-btn.open .bit-3:before,
#navbar-btn.open .bit-3:after {
  width: 16px;
}
#navbar-btn.open .bit-1:before,
#navbar-btn.open .bit-1:after {
  top: 3px;
}
#navbar-btn.open .bit-3:before,
#navbar-btn.open .bit-3:after {
  bottom: 3px;
}
#navbar-btn.open .bit-1:before {
  transform: rotate(45deg);
  transform-origin: left bottom;
  transition: transform 0.3s 0.3s, width 0.3s 0.3s, top 0.3s 0.3s;
}
#navbar-btn.open .bit-1:after {
  transform: rotate(-45deg);
  transform-origin: right bottom;
  transition: transform 0.3s 0.3s, width 0.3s 0.3s, top 0.3s 0.3s;
}
#navbar-btn.open .bit-2 {
  width: 2px;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: transform 0.3s 0.3s, width 0.3s;
}
#navbar-btn.open .bit-3:before {
  transform: rotate(-45deg);
  transform-origin: left top;
  transition: transform 0.3s 0.3s, width 0.3s 0.3s, bottom 0.3s 0.3s;
}
#navbar-btn.open .bit-3:after {
  transform: rotate(45deg);
  transform-origin: right top;
  transition: transform 0.3s 0.3s, width 0.3s 0.3s, bottom 0.3s 0.3s;
}
.file_xls,
.file_doc,
.file_pdf,
.file_zip,
.file_jpg {
  padding: 0 0 0 23px;
  background-position: 0px 2px;
}
.file_xls {
  background-image: url(/Content/img/xls.png);
  background-repeat: no-repeat;
}
.file_doc {
  background-image: url(/Content/img/doc.png);
  background-repeat: no-repeat;
}
.file_pdf {
  background-image: url(/Content/img/pdf.png);
  background-repeat: no-repeat;
}
.file_zip {
  background-image: url(/Content/img/zip.png);
  background-repeat: no-repeat;
}
.file_jpg {
  background-image: url(/Content/img/jpg.png);
  background-repeat: no-repeat;
}
.logo-small {
  margin: 0 0 25px 2px;
}
.logo-small a:hover {
  text-decoration: none;
}
.caption {
  display: block;
  position: relative;
  margin-bottom: 10px;
}
.caption::after,
.caption::before {
  content: ' ';
  display: block;
  clear: both;
}
.caption.right {
  float: right;
  margin: 0 0 10px 3px;
}
.caption.left {
  float: left;
  margin: 0 10px 3px 0;
}
.article .left {
  text-align: left;
}
.article .right {
  text-align: right;
}
.article .zoomable {
  position: relative;
}
.article .zoomable::before,
.article .zoomable::after {
  content: " ";
  clear: both;
}
.article .zoomable p {
  margin-bottom: 0 !important;
}
.article img.left,
.article .pull-left {
  float: left;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 1em;
  margin-bottom: .2em;
}
.article img.right,
.article .pull-right {
  float: right;
  margin-top: 0px;
  margin-left: 1em;
  margin-right: 0px;
  margin-bottom: .2em;
}
.article .zoom-icon {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  width: calc(100% - 2px);
}
.caption p {
  font-weight: normal;
  font-size: 9pt !important;
  background: #fff;
  color: #666 !important;
  margin: 0 0 10px 0;
  padding: 0;
  width: 100%;
  text-align: left;
}
.caption span {
  display: block;
  padding: 3px;
}
table.anketa {
  margin-bottom: 0px;
}
table.anketa tr td {
  padding-left: 15px;
  border: none;
}
table.anketa .progress {
  margin-bottom: 0;
}
.progress {
  height: 15px;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.progress-bar-survey {
  background-color: #a40344;
}
a[href="/national-museum-news"] {
  padding-right: 50px !important;
}
.bg-default {
  background: #EEE;
}
#cse-search-form {
  margin: 20px 0 0 0;
  max-width: 250px;
  float: right;
}
.article-box {
  border-collapse: collapse;
  border-radius: 6px;
  padding: 5px 15px;
  width: 100%;
  max-width: 250px;
  margin-bottom: 5px;
}
.article-box.pull-left {
  margin-right: 7px;
}
.article-box.pull-right {
  margin-left: 7px;
}
a[href="/national-museum-news"]::after {
  display: inline-block;
  content: ' ';
  width: 31px;
  height: 16px;
  z-index: 1;
  position: absolute;
  top: 15px;
  right: 15px;
  background-image: url(/Content/img/en.png);
}
.clr {
  color: transparent;
  margin: 0;
  font-size: 0;
  height: 0;
  overflow: hidden;
  clear: both;
}
.homepage .page-header {
  padding-bottom: 2px;
  margin: 30px 0 10px;
}
.homepage .thumbnail {
  border: none;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
  padding: 0;
}
.homepage .thumbnail .caption {
  padding-bottom: 0;
  margin: 0 -8px;
}
.homepage .thumbnail img {
  position: relative;
  margin: auto;
  max-width: calc(100% + 10px);
  /*left: -5px;*/
  /*top: -5px;*/
  /*right: -5px;*/
  /*??????????????????????????????????????????????????? PROČ?*/
}
.homepage .thumbnail a strong {
  color: #333;
}
.homepage .thumbnail .btn {
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.page-header {
  margin-top: 0 !important;
}
.page-header h1 {
  margin-top: 0 !important;
}
.page-header.rubrika h3 {
  font-size: 16px;
  font-weight: bold;
  color: #5a6166;
  margin-bottom: 0;
}
.page-header.rubrika h3 a {
  color: #5a6166;
}
.page-header.rubrika small {
  margin-top: 4px;
}
.page-header.rubrika small a {
  font-size: 14px;
  color: #5a6166;
}
.article-listitem small {
  margin-top: 8px;
  font-size: 50%;
}
hr {
  margin: 5px 0 15px 0;
}
.iframe-responsive {
  max-width: 100%;
}
.article iframe {
  padding: 0;
}
.perex {
  color: #777777;
  margin: 0 55px 20px 0px;
  font-style: italic;
}
.perex strong {
  color: #222;
}
.carousel-indicators {
  position: absolute;
  top: 15px;
  padding: 0 15px;
  width: 100%;
  left: 30%;
  text-align: right;
  right: 0;
  bottom: auto;
}
.carousel-caption {
  text-align: left;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0.6);
}
.carousel-caption h3,
.carousel-caption p {
  color: black;
  text-shadow: none;
  margin: 0;
}
.carousel-caption h3 {
  font-size: 21px;
  margin-bottom: 5px;
  font-weight: 600;
}
.carousel-inner .item a {
  display: block;
}
.side * {
  max-width: 100%;
}
.soc {
  position: absolute;
  top: -20px;
  padding: 1px 6px 5px 6px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background: white;
}
.soc.fb {
  right: 125px;
}
.soc.tw {
  right: 75px;
}
.soc.rss {
  right: 25px;
}
.articles a.thumbnail {
  margin-bottom: 10px;
}
.articles h3 {
  margin-top: 0;
}
.bubbles .item .content {
  position: relative;
  padding: 25px 15px 15px 15px;
  background: white;
  border: 1px solid gray;
  border-radius: 4px;
  margin-bottom: 15px;
  min-height: 105px;
}
.bubbles .item .content::after {
  border-left: 1px solid gray;
  border-bottom: 1px solid gray;
  left: -10px;
  position: absolute;
  top: 15px;
  content: ' ';
  display: inline-block;
  width: 19px;
  height: 19px;
  background-color: white;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bubbles .item .content.content-right::after {
  left: auto;
  right: -10px;
  border-left: none;
  border-bottom: none;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
}
.bubbles .item .content .date {
  position: absolute;
  right: 5px;
  top: 5px;
  color: lightslategray;
}
.LoadedGalerie .LoadedGalerieItem .LoadedGalerieItemInfo {
  position: absolute;
  top: 91px;
  left: 0;
  right: 0;
  margin: auto;
  padding: 3px;
  cursor: pointer;
  text-align: center;
  font-size: 6.5pt;
  width: 91px;
  background-color: #fff;
  border: 1px solid #CCCCCC;
  border-bottom-left-radius: 4px;
  z-index: 1000;
  border-bottom-right-radius: 4px;
  border-top: none;
}
#cboxTitle {
  font-size: 12px;
  padding: 5px 10px;
  bottom: 28px !important;
  color: black !important;
  /*background-color: rgba(0,0,0,.5) !important;*/
}
p.claim {
  color: #a50044 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  font-size: 16pt !important;
  line-height: 22pt !important;
  padding: 20px 20px 10px 40px;
  background-image: url(/Content/img/claim.gif);
  background-repeat: no-repeat;
  background-position: 0 20px;
}
footer hr {
  margin: 5px 0;
}
footer h4 strong,
footer h5 strong {
  color: #676d72;
}
footer h5 {
  margin-bottom: 0;
}
.article p {
  font-size: 11pt;
  line-height: 14pt;
  color: black;
}
object {
  width: 100%;
  max-width: 100%;
}
/* -----------------------NOVA OTAZKA-----------------------------*/
#nova-otazka {
  margin-bottom: 10px;
}
#nova-otazka #otazka-info-panel {
  padding: 10px;
  border: 1px solid #666;
  background-color: #e5e2e2;
}
#nova-otazka #otazka-info-panel h4 {
  color: #ab1251;
}
#nova-otazka #otazkaMessage {
  padding: 10px;
  border: 1px solid #666;
  background-color: #e5e2e2;
}
#nova-otazka #otazkaMessage h4 {
  color: #ab1251;
}
#vase-otazky p {
  margin-top: 0px;
}
#vase-otazky ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#vase-otazky li {
  padding: 10px 0px;
  list-style-type: none;
}
#vase-otazky li.otazka {
  color: #3a3a3a;
  font-weight: bold;
}
#vase-otazky li small {
  color: #666666;
  font-weight: normal;
}
#vase-otazky li.odpoved {
  margin-left: 20px;
  padding: 10px;
  list-style-type: none;
  border: 1px solid #cccccc;
  background-color: #efefef;
}
#vase-otazky p.otazka {
  color: #ab1251;
}
@media (max-width: 767px) {
  #txtEditor_tbl,
  .form #editor textarea {
    width: 100% !important;
  }
  .diskuze .item .header {
    padding-left: 20px;
  }
  .diskuze .item .profil {
    margin-left: 5px;
    display: none;
  }
  .pager {
    width: 50%;
  }
  .pager .status {
    display: none;
  }
  .diskuze .item .obsah {
    width: 100%;
  }
  .homepage > div {
    margin-bottom: 25px;
  }
  header .container {
    padding: 14px 15px;
  }
  #nav-menu {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    border: none;
    z-index: 9999999;
  }
  #nav-menu li a {
    text-align: center;
  }
  #nav-menu li a i {
    font-size: 25px;
  }
  .soc {
    top: 9px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    right: auto !important;
  }
  .soc.fb {
    left: 90px;
  }
  .soc.tw {
    left: 50px;
  }
  .soc.rss {
    left: 10px;
  }
  header {
    margin-top: 62px;
  }
  .logo-small {
    margin: 5px 0 0 0;
  }
  .text-center-xs {
    text-align: center !important;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  footer .row.copyright p:nth-child(1) {
    margin-bottom: 10px;
  }
  .copyright {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .articles a.thumbnail {
    margin-right: 15px;
    margin-bottom: 10px;
  }
  .articles .readmore {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .article.page h2 {
    margin-top: 0;
  }
  .homepage > .col-md-6:nth-child(2n +1) {
    clear: left;
    padding-right: 5px;
  }
  .homepage > .col-md-6:nth-child(2n) {
    padding-left: 5px;
  }
  .right-content.side {
    padding-left: 5px;
  }
  .articles p {
    line-height: 18px;
  }
  .articles p a {
    margin: 0 10px 5px 0 !important;
  }
  .container {
    margin-bottom: 50px;
  }
  .right-content {
    padding-right: 15px;
  }
  #nav-menu {
    min-height: 46px;
    /*margin: 0 8px;*/
    margin: 0 -15px;
    border-radius: 0;
    border: none;
    background-color: lightgray;
    /*&::before, &::after {
            content: "";
            position: absolute;
            background-color: white;
            top: 0;
            width: 0;
            height: 0;
        }

        &::before {
            left: -7px;
            border-bottom: 46px solid lightgray;
            border-left: 15px solid transparent;
        }

        &::after {
            right: -7px;
            border-top: 46px solid lightgray;
            border-right: 15px solid transparent;
        }*/
  }
  #nav-menu li {
    height: 46px;
    border-right: 1px solid white;
  }
  #nav-menu li:nth-last-child(4) {
    border-right: none;
  }
  #nav-menu li a {
    height: 46px;
    line-height: 46px;
    /*padding: 0 7px;
                margin: 0 8px;*/
    padding: 0 15px;
    color: white;
    border-radius: 0;
  }
  #nav-menu li a:hover,
  #nav-menu li a:focus {
    background-color: lightgray;
    /*&::before, &::after {
                        content: "";
                        position: absolute;
                        top: 0;
                        width: 0;
                        height: 0;
                    }

                    &::before {
                        left: -15px;
                        border-bottom: 46px solid lightgray;
                        border-left: 15px solid transparent;
                    }

                    &::after {
                        right: -15px;
                        border-top: 46px solid lightgray;
                        border-right: 15px solid transparent;
                    }*/
  }
  #nav-menu li a i {
    padding-top: 7px;
    font-size: 30px;
  }
  #nav-menu .navbar-collapse {
    padding: 0;
  }
}
@media (min-width: 767px) AND (max-width: 991px) {
  #nav-menu::before,
  #nav-menu::after,
  #nav-menu a::before,
  #nav-menu a::after {
    display: none;
  }
  #nav-menu li a {
    margin: 0;
    padding: 0 15px;
  }
}
@media (max-width: 991px) {
  .img-responsive {
    max-width: 100% !important;
  }
}
@media (min-width: 992px) {
  .LoadedGalerie .LoadedGalerieItem .LoadedGalerieItemInfo {
    top: 121px;
    width: 116px;
  }
}