/* specialni font */
/* font sizes for body font-size: 87.5%; */
/** old IE CSS features **/
/** box shadow **/
/** box gradient - defaultne RESET **/
/** border radius **/
/* zamezeni oznaceni prvku */
/* text rotate */
/* transition */
/* line 3, screen.scss */
#whole_container {
  background-image: url("/media/index/top-bg.jpg");
}

/* line 7, screen.scss */
#contain ._cont {
  padding-top: 30px;
}
/* line 10, screen.scss */
#contain ._cont .right_side {
  border-left: 1px solid #be7977;
  padding-left: 35px;
  padding-top: 30px;
  padding-right: 10px;
  width: 488px;
}
/* line 19, screen.scss */
#contain.detail ._cont {
  padding-top: 0;
}
/* line 22, screen.scss */
#contain.detail .right_side {
  padding-left: 20px;
  padding-right: 165px;
  width: 733px;
}
/* line 27, screen.scss */
#contain.detail .right_side h1 span {
  right: auto;
}
/* line 30, screen.scss */
#contain.detail .right_side .ai_date {
  color: #7f5863;
  display: block;
  font-family: Arial;
  font-size: 79%;
  font-weight: bold;
  margin: 15px 0 -3px;
}
/* line 38, screen.scss */
#contain.detail .right_side .social_links {
  margin-top: 0;
  position: absolute;
  right: 30px;
  top: 34px;
}
/* line 44, screen.scss */
#contain.detail .right_side .social_links .social_link {
  height: 1.35rem;
  width: 1.35rem;
}
/* line 48, screen.scss */
#contain.detail .right_side .social_links .social_link:not(:last-child) {
  margin-right: 1rem;
}

/* line 57, screen.scss */
.articles_cont {
  border-top: 1px solid #be7977;
  float: left;
  width: 729px;
}

/* line 62, screen.scss */
.articles_directory {
  float: left;
  width: 443px;
}
/* line 66, screen.scss */
.articles_directory article {
  margin-bottom: 25px;
  padding-right: 45px;
}
/* line 70, screen.scss */
.articles_directory article > .art_cont,
.articles_directory article > a {
  color: transparent;
  display: block;
  text-decoration: none;
}
/* line 74, screen.scss */
.articles_directory article > .art_cont .category,
.articles_directory article > a .category {
  color: #8c6971;
  font-family: Arial;
  font-size: 79%;
  font-weight: bold;
  line-height: 110%;
}
/* line 81, screen.scss */
.articles_directory article > .art_cont .title,
.articles_directory article > a .title {
  font-family: "frutigarregular", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 114%;
  font-style: normal;
  font-weight: normal;
  color: #761010;
  line-height: 18px;
  margin-bottom: 5px;
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  -ms-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
/* line 88, screen.scss */
.articles_directory article > .art_cont ul,
.articles_directory article > .art_cont ul li,
.articles_directory article > .art_cont p,
.articles_directory article > a ul,
.articles_directory article > a ul li,
.articles_directory article > a p {
  color: #624848;
}
/* line 93, screen.scss */
.articles_directory article > .art_cont p,
.articles_directory article > a p {
  margin: 0;
}
/* line 96, screen.scss */
.articles_directory article > .art_cont .ai_date,
.articles_directory article > a .ai_date {
  color: #7f5863;
  display: block;
  font-family: Arial;
  font-size: 79%;
  font-weight: bold;
  margin: -5px 0 5px;
}
/* line 107, screen.scss */
.articles_directory article > a:hover .title {
  color: #ef4135;
}

/* line 113, screen.scss */
.articles_directory_img_container {
  float: right;
  padding: 30px 15px 0 0;
  width: 245px;
}

/* specialni font */
/* font sizes for body font-size: 87.5%; */
/** old IE CSS features **/
/** box shadow **/
/** box gradient - defaultne RESET **/
/** border radius **/
/* zamezeni oznaceni prvku */
/* text rotate */
/* transition */
/* mobile & tablet */
@media only screen and (max-width: 640px) {
  /* line 4, responsive.scss */
  .articles_cont {
    border-top-width: 0;
    float: none;
    width: auto;
  }
  /* line 9, responsive.scss */
  .articles_cont h1 {
    margin-bottom: 0 !important;
  }
  /* line 13, responsive.scss */
  .articles_cont .articles_directory {
    border-left: 1px solid #ba6d6c;
    float: none;
    margin-left: 165px;
    padding-bottom: 1px;
    padding-left: 20px;
    padding-top: 20px;
    width: auto;
  }
  /* line 22, responsive.scss */
  .articles_cont .articles_directory article {
    padding-right: 0;
  }
  /* line 25, responsive.scss */
  .articles_cont .articles_directory article > .art_cont .title,
  .articles_cont .articles_directory article > a .title {
    font-size: 172%;
    font-weight: bold;
    line-height: 120%;
  }
  /* line 31, responsive.scss */
  .articles_cont .articles_directory article > .art_cont p,
  .articles_cont .articles_directory article > a p {
    line-height: 160%;
  }
  /* line 37, responsive.scss */
  .articles_cont .articles_directory article ul li p {
    color: #624848;
  }

  /* line 45, responsive.scss */
  .articles_directory_img_container {
    display: none;
  }

  /* line 51, responsive.scss */
  #container #contain ._cont .left_side {
    display: block;
    position: absolute;
    left: 0;
    top: 60px;
    height: auto !important;
    width: 185px;
  }
  /* line 59, responsive.scss */
  #container #contain ._cont .left_side .yellow_box {
    display: none;
  }
  /* line 65, responsive.scss */
  #container #contain ._cont .left_side .filter form .checkbox_field {
    padding-right: 10px;
  }
  /* line 68, responsive.scss */
  #container #contain ._cont .left_side .filter form .checkbox_field label {
    width: -webkit-calc(100% - 23px);
    width: -moz-calc(100% - 23px);
    width: -ms-calc(100% - 23px);
    width: -o-calc(100% - 23px);
    width: calc(100% - 23px);
  }
  /* line 76, responsive.scss */
  #container #contain ._cont .right_side {
    float: none;
    width: auto;
  }
  /* line 80, responsive.scss */
  #container #contain ._cont .right_side .articles_directory {
    border-left-color: #fff;
    padding-left: 0;
  }
  /* line 84, responsive.scss */
  #container #contain ._cont .right_side .articles_directory article {
    border-bottom: 1px solid #fff;
    padding: 0 0 20px 20px;
  }
  /* line 88, responsive.scss */
  #container #contain ._cont .right_side .articles_directory .slider_wrapper {
    padding-left: 20px;
  }
  /* line 92, responsive.scss */
  #container #contain ._cont .right_side .social_links {
    margin-top: .8rem;
    position: static;
  }
  /* line 100, responsive.scss */
  #container #contain.detail .left_side {
    display: none;
  }
  /* line 103, responsive.scss */
  #container #contain.detail .right_side {
    border-left: 1px solid #ba6d6c;
    margin-left: 185px;
    float: none;
    width: auto;
  }
}
@media only screen and (max-width: 480px) {
  /* line 115, responsive.scss */
  .articles_cont .articles_directory {
    border-left-width: 0;
    margin-left: 0;
    padding-left: 0;
  }

  /* line 123, responsive.scss */
  #container #contain ._cont .left_side,
  #container #contain ._cont .right_side {
    float: none;
    width: auto;
  }
  /* line 128, responsive.scss */
  #container #contain ._cont .left_side {
    margin-top: -50px;
    padding-bottom: 70px;
    position: static;
  }
  /* line 135, responsive.scss */
  #container #contain ._cont .right_side .articles_directory article {
    padding-left: 0;
  }
  /* line 143, responsive.scss */
  #container #contain.detail .right_side {
    border-left-width: 0;
    margin-left: 0;
  }
}