body {
  width: auto;
  max-width: none;
  font-family: Verdana, tahoma, arial, helvetica, sans-serif;
}

.h1, h1 {
  font-size: 24px;
  color: #4C7688;
  font-family: 'Trebuchet MS', Arial, Helvetica, Geneva, sans-serif, 'MS Sans Serif';
  font-weight: bold;
  letter-spacing: 0.5pt;
  padding-top: 10px;
  padding-left: 3px;
}

header {
	width: 100%; max-width: 1200px;
	padding-right: 0px; padding-left: 0px;
}

#col-banner-01 {
  padding-right: 5px;
  padding-left: 5px;
  margin-left: 0px;
  margin-bottom: 5px;
}

#col-banner-01-text,
#col-banner-02-text {
  font-weight: bold;
  font-style: italic;
  font-size: 19px;
  padding-left: 0px;
  padding-right: 0px;
}
#col-banner-01-text {
  color: rgb(255,102,0);
}
#col-banner-02-text {
  color: #4C7688;
  text-align: right;
}

@media (min-width: 576px) {
  #col-banner-01-text,
  #col-banner-02-text {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  #col-banner-01-text,
  #col-banner-02-text {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  #col-banner-01-text,
  #col-banner-02-text {
    font-size: 26px;
  }
}
@media (min-width: 1200px) {
  #col-banner-01-text,
  #col-banner-02-text {
    font-size: 30px;
  }
}



@media (min-width: 300px) {
  #col-banner-02 {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
    display: none;
  }
}

@media (min-width: 576px) {
  #col-banner-02 {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
    display: initial;
  }
}

@media (min-width: 768px) {
  #col-banner-02 {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
    display: initial;
  }
}

@media (min-width: 992px) {
  #col-banner-02 {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
    display: initial;
  }
}

@media (min-width: 1200px) {
  #col-banner-02 {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
    display: initial;
  }
}

#col-banner-02 {
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 5px;
}

#col-banner-01-img,
#col-banner-02-img {
  padding-right: 0px;
  padding-left: 0px;
  border-radius: 8px;
  overflow: hidden;
	-webkit-box-shadow: inset 0px 0px 2px 8px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 0px 2px 8px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 2px 8px rgba(0,0,0,0.2);
	/*border: 1px solid red;*/
}
#col-banner-01-img img,
#col-banner-02-img img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: -2;
}

.navbar.navbar-light.navbar-expand-lg {
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 4px;
}

.navbar-expand-lg .navbar-nav {
  width: 100%;
  background-color: #4C7688;
  border-radius: 5px;
  font-family: Trebuchet MS, Arial,Helvetica,Geneva,sans-serif,"MS Sans Serif;
  padding-left: 0px;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  width: 100%;
  background-color: transparent;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 5px;
}

#allContent {
  max-width: 1200px;
  padding-left: 0px;
  padding-right: 0px;
  color: rgba(10,201,76,0.41);
}

#allContent {
  max-width: 1200px;
  min-width: auto;
  width: auto;
  padding-left: 0px;
  padding-right: 0px;
}

.navbar-light .navbar-nav .nav-link {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1pt;
}

.nav-line {
  color: #ffffff;
  display: block;
  padding: .5rem 1rem;
}

.separator {
  width: 1px;
  height: 12px;
  background-color: #ffffff;
  display: inline-block;
  margin-top: 13px;
}

@media (min-width: 300px) {
  #hamburger {
    filter: grayscale(0%);
    padding-left: 2px;
    padding-right: 3px;
    margin-right: -2px;
    border-color: rgb(169,234,214);
    height: 30px;
    width: 41px;
    padding-top: 0px;
    position: fixed;
    top: 42px;
    right: 25px;
  }
}

@media (min-width: 576px) {
  #hamburger {
    filter: grayscale(0%);
    padding-left: 2px;
    padding-right: 3px;
    margin-right: -2px;
    border-color: rgb(169,234,214);
    height: 30px;
    width: 41px;
    padding-top: 0px;
    position: fixed;
    top: 33px;
    right: 24px;
  }
}

@media (min-width: 768px) {
  #hamburger {
    filter: grayscale(0%);
    padding-left: 2px;
    padding-right: 3px;
    margin-right: -2px;
    border-color: rgb(169,234,214);
    height: 30px;
    width: 41px;
    padding-top: 0px;
    position: fixed;
    top: 47px;
    right: 26px;
  }
}

#row-akce {
}

.btn-group-sm > .btn, .btn-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem;
}

#hamburger-icon {
  font-size: 19px;
  color: rgb(169,234,214);
  line-height: 17px;
  padding-right: 11px;
}

.link-action {
  width: 100%;
}

.col.col-actions-content {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  height: auto;
}

#col-actions {
  border-radius: 11px;
  padding: 0px;
  padding-left: 0px;
  margin-left: 0px;
  padding-right: 5px;
  padding-top: 0px;
  margin-right: 0px;
}

#MainDiv {
  height: auto;
  background-color: #9c9a9a;
  max-width: 1200px;
  padding-left: 10px;
}

#row-past-actions {
  width: 100%;
  margin-top: 10px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  height: 100%;
  border: solid 1px;
  border-radius: 5px;
  color: #F60;
  background-color: rgb(252,245,216);
  padding: 0px;
  overflow-y: scroll;
  max-height: 300px;
}

#row-past-bookclubs {
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  padding-bottom: 10px;
  height: auto;
  overflow-y: scroll;
  max-height: 300px;
  border-radius: 3px;
  color: #4c7688;
  border: solid 1px;
  margin-top: 10px;
  background-color: rgb(217,217,249);
}

.col.col-actions-content-img {
  width: 100%;
  margin-bottom: 0px;
  padding: 0px;
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 71%;
}

.par-action {
  font-size: 12px;
  color: #ffffff;
  font-family: Verdana, tahoma, arial, helvetica, sans-serif;
  font-weight: bold;
}

.col-actions-content-text {
  padding-right: 5px;
  padding-left: 5px;
}

.col-actions-content-img {
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../assets/img/Poutnice_v_Ceskem_lese.jpg");
  padding-bottom: 70%;
}

#span-next-action-text {
  font-size: 11px;
  font-weight: bold;
  color: #999;
  text-align: left;
  line-height: 16px;
  margin-top: 4px;
  padding-left: 10px;
}

#span-next-bookclub-text {
  font-size: 11px;
  font-weight: bold;
  color: #999;
  text-align: left;
  line-height: 16px;
  margin-top: 4px;
  padding-left: 10px;
}

#span-next-action-title {
  font-size: 15px;
  font-weight: bold;
  color: #ff6600;
  border-bottom: 1px dotted #F60;
  margin-bottom: 0px;
  padding-bottom: 3px;
}

#span-next-bookclub-title {
  font-size: 15px;
  font-weight: bold;
  color: #4c7688;
  border-bottom: 1px dotted #4c7688;
  margin-bottom: 0px;
  padding-bottom: 3px;
}

#span-last-action-title {
  font-size: 15px;
  font-weight: bold;
  color: #F60;
  border-bottom: 1px dotted #F60;
  margin-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 3px;
  font-family: Verdana, tahoma, arial, helvetica, sans-serif;
  border-radius: 5px;
  /*border: solid 1px;*/
  /*background-color: rgb(252,245,216);*/
}

#span-last-bookclub-title {
  font-size: 15px;
  font-weight: bold;
  color: #4c7688;
  border-bottom: 1px dotted #4c7688;
  margin-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 3px;
  font-family: Verdana, tahoma, arial, helvetica, sans-serif;
  border-radius: 5px;
  /*border: solid 1px;*/
  background-color: rgb(217,217,249);
}

#link-next-bookclub {
  margin-left: 0px;
  border-radius: 5px;
  padding: 5px;
  height: auto;
  font-family: Verdana, tahoma, arial, helvetica, sans-serif;
  padding-left: 5px;
}

#link-next-action {
  margin-left: 0px;
  border-radius: 5px;
  padding: 5px;
  height: auto;
  font-family: Verdana, tahoma, arial, helvetica, sans-serif;
  padding-left: 5px;
}

.link-past-actions {
  margin-left: 0px;
  border: solid 1px;
  color: #F60;
  background-color: rgb(252,245,216);
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 10px;
  height: auto;
  font-family: Verdana, tahoma, arial, helvetica, sans-serif;
}

.link-past-bookclubs-info {
  margin-left: 0px;
  color: #4c7688;
  background-color: rgb(217,217,249);
  height: auto;
  font-family: Verdana, tahoma, arial, helvetica, sans-serif;
}

.col-past-bookclub {
  margin-left: 0px;
  /*border: solid 1px;*/
  color: #4c7688;
  /*background-color: rgb(217,217,249);*/
  border-radius: 5px;
  margin-top: 10px;
  padding: 5px;
  height: auto;
  font-family: Verdana, tahoma, arial, helvetica, sans-serif;
}

a:hover {
  color: #000000;
  text-decoration: none;
}

a {
  color: #787c80;
}

#row-next-bookclub {
  background-color: #d9d9f9;
  border: solid 1px;
  border-radius: 5px;
  color: rgb(76, 118, 136);
  width: 100%;
  margin: 0px;
  margin-left: 0px;
}

#row-next-action {
  background-color: rgb(252,245,216);
  border: solid 1px;
  border-radius: 5px;
  color: #F60;
  width: 100%;
  margin: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}

#row-last-action {
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
}

#col-actions a:hover #span-next-action-text {
  color: #000000;
}

#col-bokclub a:hover #span-next-bookclub-text {
  color: #000000;
}

#col-actions a:hover #span-next-bookclub-text {
  color: #000000;
}

#col-actions a:hover #span-next-bookclub-text {
  color: #000000;
}

.text-center.text-sm-center.text-md-center.text-lg-center.text-xl-center.d-block.span-past-actions-title {
  font-size: 13px;
  font-weight: bold;
  line-height: 15px;
  margin-bottom: 5px;
}

.span-past-bookclubs-info {
  font-size: 13px;
  font-weight: bold;
  line-height: 15px;
  margin-bottom: 10px;
  text-align: left;
}

.text-center.text-sm-center.text-md-center.text-lg-center.text-xl-center.d-block.span-past-bookclubs-title {
  font-size: 13px;
  font-weight: bold;
  line-height: 15px;
  margin-bottom: 5px;
}

.span-past-actions-text {
  font-size: 10px;
  font-weight: bold;
  line-height: 15px;
  padding-bottom: 10px;
  text-align: center;
}

.text-left.text-sm-left.text-md-left.text-lg-left.text-xl-left.d-block.span-past-bookclubs-book01 {
  font-size: 10px;
  font-weight: bold;
  line-height: 15px;
  text-align: left;
  padding-bottom: 5px;
}

.text-left.text-sm-left.text-md-left.text-lg-left.text-xl-left.d-block.span-past-bookclubs-book02 {
  font-size: 10px;
  font-weight: bold;
  line-height: 15px;
  text-align: left;
  padding-bottom: 0px;
}

.img-fluid.img-past-actions {
  border-radius: 5px;
  width: 100%;
}

#col-bookclub {
  margin-right: 0px;
  padding-left: 5px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
}

#col-bookclub a:hover #span-next-bookclub-text {
  color: #000000;
}

.col.col-news-heading {
  width: 100%;
}

.h2, h2 {
  font-size: 20px;
  font-family: 'Trebuchet MS', 'Book Antiqua', Garamond, 'Times New Roman', Times, serif, 'MS Serif';
  font-weight: bold;
  color: #F60;
}

.row.row-news-content {
  margin-top: 20px;
  padding-left: 5px;
  margin-right: 1px;
  margin-left: 0px;
}

.row.row-news-heading {
  padding-left: 5px;
  margin-right: 0px;
  margin-left: 0px;
}

.col-news-text {
  line-height: 17px;
  font-size: 12px;
  margin-top: 15px;
}

p {
  margin-bottom: 0px;
  font-size: 12px;
  font-family: Verdana, tahoma, arial, helvetica, sans-serif;
  color: #000000;
}

.img-fluid.ImageOnRight {
  float: right;
}

#Kalendar-2020 {
  width: 250px;
  margin-top: 15px;
  margin-left: 15px;
}

#row-MainDiv {
  margin-left: 5px;
  padding-left: 0px;
  margin-right: 0px;
}

#col-news {
}

.col-12.col-sm-12.col-md-12.col-lg-12.col-xl-12.col-news-title {
  padding: 0px;
  padding-left: 15px;
  padding-right: 15px;
}

#col-past-action {
  /*padding: 0px;*/
  /*overflow-y: scroll;*/
  /*max-height: 300px;*/
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 5px;
}

.row.row-past-bookclubs {
  margin-right: 0px;
  margin-left: 0px;
  padding: 5px;
}