@charset "UTF-8";
.nodisplay {
  display: none; }

.alert i {
  font-size: 1.5em;
  margin-right: .5em;
  display: inline-block;
  vertical-align: middle; }
.alert span {
  display: inline-block;
  vertical-align: middle; }

.margin-bottom {
  margin-bottom: 20px; }

.vmiddle {
  vertical-align: middle; }

.inline {
  display: inline-block; }

header .top {
  position: relative; }
  header .top .title {
    margin-bottom: 150px;
    margin-top: 110px; }
    header .top .title h1 {
      color: white;
      line-height: 45px;
      font-size: 35px; }
      @media (max-width: 345px) {
        header .top .title h1 {
          font-size: 25px; } }
      header .top .title h1 span {
        font-weight: 100;
        font-size: 30px; }
        @media (max-width: 345px) {
          header .top .title h1 span {
            font-size: 20px;
            line-height: 35px; } }
  header .top .flex_top {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 767px) {
      header .top .flex_top {
        display: block; } }

div.logo {
  position: absolute;
  top: 0px; }
  @media (max-width: 767px) {
    div.logo {
      position: unset; } }
  div.logo .title {
    font-weight: bold;
    font-size: 60px;
    text-transform: uppercase; }
    @media (max-width: 991px) {
      div.logo .title {
        font-size: 43px; } }
    @media (max-width: 767px) {
      div.logo .title {
        font-size: 35px;
        text-align: center; } }
  div.logo .subtitle {
    font-size: 34px;
    margin-top: -35px;
    margin-bottom: -10px; }
    @media (max-width: 991px) {
      div.logo .subtitle {
        font-size: 24px;
        margin-top: -22px; } }
    @media (max-width: 767px) {
      div.logo .subtitle {
        font-size: 20px;
        margin-top: -15px;
        text-align: center;
        margin-bottom: -5px; } }
  div.logo small {
    color: darkgray; }

.podmenu {
  margin-top: 25px;
  display: inline-block; }
  @media (max-width: 767px) {
    .podmenu {
      margin-top: 0;
      display: block;
      padding: 15px; } }
  .podmenu a {
    font-size: 16px;
    font-weight: 600; }
    .podmenu a.selected, .podmenu a:hover, .podmenu a:focus {
      background-color: #b80622;
      border-radius: 3px;
      color: white; }
  .podmenu .navbar-nav li a {
    padding-top: 5px;
    padding-bottom: 2px; }
  .podmenu .nav li a:hover, .podmenu .nav li a:focus {
    background-color: #95051c; }

.btn {
  font-family: "Baloo Tamma 2", cursive, "Open Sans", sans-serif;
  border-radius: 3px;
  font-size: 13px; }

.btn-dark {
  color: white;
  background-color: #232323;
  border-color: #232323; }
  .btn-dark:focus, .btn-dark.focus {
    color: white;
    background-color: #0a0a0a;
    border-color: black; }
  .btn-dark:hover {
    color: white;
    background-color: #0a0a0a;
    border-color: #040404; }
  .btn-dark:active, .btn-dark.active, .open > .btn-dark.dropdown-toggle {
    color: white;
    background-color: #0a0a0a;
    border-color: #040404; }
    .btn-dark:active:hover, .btn-dark:active:focus, .btn-dark:active.focus, .btn-dark.active:hover, .btn-dark.active:focus, .btn-dark.active.focus, .open > .btn-dark.dropdown-toggle:hover, .open > .btn-dark.dropdown-toggle:focus, .open > .btn-dark.dropdown-toggle.focus {
      color: white;
      background-color: black;
      border-color: black; }
  .btn-dark:active, .btn-dark.active, .open > .btn-dark.dropdown-toggle {
    background-image: none; }
  .btn-dark.disabled:hover, .btn-dark.disabled:focus, .btn-dark.disabled.focus, .btn-dark[disabled]:hover, .btn-dark[disabled]:focus, .btn-dark[disabled].focus, fieldset[disabled] .btn-dark:hover, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark.focus {
    background-color: #232323;
    border-color: #232323; }
  .btn-dark .badge {
    color: #232323;
    background-color: white; }

.btn-secondary {
  color: white;
  background-color: #b80622;
  border-color: #b80622;
  font-weight: 600;
  padding-top: 3px;
  padding-bottom: 1px;
  margin-top: 3px; }
  .btn-secondary:focus, .btn-secondary.focus {
    color: white;
    background-color: #870419;
    border-color: #3d020b; }
  .btn-secondary:hover {
    color: white;
    background-color: #870419;
    border-color: #7d0417; }
  .btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
    color: white;
    background-color: #870419;
    border-color: #7d0417; }
    .btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .open > .btn-secondary.dropdown-toggle:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle.focus {
      color: white;
      background-color: #640312;
      border-color: #3d020b; }
  .btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
    background-image: none; }
  .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary.focus {
    background-color: #b80622;
    border-color: #b80622; }
  .btn-secondary .badge {
    color: #b80622;
    background-color: white; }

.banner {
  position: relative; }
  .banner .banner-strip-layout {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    width: 45%;
    height: 50px; }
    .banner .banner-strip-layout .banner-strip {
      width: calc(100% - 15px);
      height: inherit;
      background-color: white;
      float: right; }
    .banner .banner-strip-layout .banner-arrow {
      position: absolute;
      left: 0;
      top: 0;
      width: 0;
      height: 0;
      border-top: 50px solid transparent;
      border-bottom: 0px solid transparent;
      border-right: 15px solid white;
      z-index: 2; }
  .banner .carousel-indicators li {
    border-radius: 0;
    border-color: rgba(255, 255, 255, 0.75); }
    .banner .carousel-indicators li.active {
      border-color: white;
      margin: 1px;
      width: 10px;
      height: 10px;
      background: #232323; }
  .banner .carousel-inner .item .autor {
    position: absolute;
    bottom: 10px;
    right: 20px;
    color: white; }
  .banner .carousel-inner > .item > img {
    margin: 0 auto; }

.carousel-control .fa {
  position: absolute;
  top: 40%; }
.carousel-control .fa-angle-left {
  left: 50px; }
.carousel-control .fa-angle-left {
  right: 50px; }

@media (max-width: 767px) {
  .banner .banner-strip-layout {
    height: 30px; }
    .banner .banner-strip-layout .banner-arrow {
      border-top: 30px solid transparent; }
    .banner .banner-strip-layout .banner-strip {
      width: calc(100% - 14.5px); }
  .banner .carousel-inner .item .autor {
    position: absolute;
    bottom: 6px;
    right: 10px;
    color: white; }

  .carousel-control .fa {
    position: absolute;
    top: 30%;
    font-size: 40px; }
  .carousel-control .fa-angle-left {
    left: 20px; }
  .carousel-control .fa-angle-left {
    right: 20px; } }
h1, .h1 {
  margin: 25px 0 5px 0;
  text-transform: uppercase;
  color: #b80622;
  font-weight: 600;
  font-size: 30px;
  text-align: left; }
  @media (max-width: 767px) {
    h1, .h1 {
      font-size: 30px; } }

h2, .h2 {
  margin-top: 1em;
  text-transform: uppercase;
  font-weight: 600; }
  h2 a, .h2 a {
    color: #b80622; }
    h2 a:hover, .h2 a:hover {
      color: #870419; }

h3 {
  margin-top: 0;
  color: #b80622;
  font-weight: 600;
  line-height: 17px; }
  h3 a {
    color: #b80622; }
    h3 a:hover {
      color: #870419; }

.lightgallery {
  margin-top: 30px; }
  .lightgallery .gallery_item {
    cursor: pointer;
    margin-bottom: 5px; }
  .lightgallery .col-sm-4 {
    padding-left: 3px;
    padding-right: 3px; }

.clanok_left_vypis .clanok {
  text-align: left;
  margin-bottom: 15px; }
  .clanok_left_vypis .clanok .text {
    margin-bottom: 5px; }
  .clanok_left_vypis .clanok .datum_skupina > span {
    font-size: 11px;
    color: #808080; }
  .clanok_left_vypis .clanok h3 {
    font-size: 1em;
    margin-bottom: 3px; }
.clanok_left_vypis .lightgallery {
  margin-top: 0; }

h2.strucne_nazov {
  font-size: 1.76rem;
  text-align: center; }

h3.strucne_nazov {
  color: #000000;
  margin-top: -5px;
  font-size: 1.2rem;
  margin-bottom: 20px;
  text-align: center; }

.clanok_vypis {
  display: flex;
  flex-wrap: wrap; }
  .clanok_vypis .clanok {
    width: 50%; }
    @media (max-width: 991px) {
      .clanok_vypis .clanok {
        width: 100%; } }
  .clanok_vypis h3 {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 2px;
    font-size: 1.4em;
    font-weight: 600; }
  .clanok_vypis h3 > a {
    color: #232323; }
    .clanok_vypis h3 > a:hover, .clanok_vypis h3 > a:focus {
      color: black; }
  .clanok_vypis .clanok_foto {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 115px; }
  .clanok_vypis .clanok_text {
    text-align: left; }

.clanok_hlavne_menu_vypis {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px; }
  .clanok_hlavne_menu_vypis .clanok {
    position: relative;
    width: 50%;
    background-color: #3b0e0e; }
    .clanok_hlavne_menu_vypis .clanok:hover img {
      opacity: 1; }
    .clanok_hlavne_menu_vypis .clanok img {
      opacity: .7;
      transition: opacity .5s ease-out;
      padding: 1px; }
    @media (max-width: 767px) {
      .clanok_hlavne_menu_vypis .clanok {
        width: 100%; } }
    .clanok_hlavne_menu_vypis .clanok a {
      display: flex;
      align-items: center;
      justify-content: center; }
    .clanok_hlavne_menu_vypis .clanok h2, .clanok_hlavne_menu_vypis .clanok .h1 {
      position: absolute;
      margin: 0;
      color: white;
      font-weight: 700;
      text-shadow: 0px 0px 10px black;
      text-align: center;
      z-index: 2;
      padding-top: 7px;
      font-size: 28px; }
      @media (max-width: 991px) {
        .clanok_hlavne_menu_vypis .clanok h2, .clanok_hlavne_menu_vypis .clanok .h1 {
          font-size: 20px; } }
      @media (max-width: 767px) {
        .clanok_hlavne_menu_vypis .clanok h2, .clanok_hlavne_menu_vypis .clanok .h1 {
          font-size: 25px; } }
      @media (max-width: 425px) {
        .clanok_hlavne_menu_vypis .clanok h2, .clanok_hlavne_menu_vypis .clanok .h1 {
          font-size: 18px; } }

.clanok_view img {
  display: block;
  margin: 15px auto; }
.clanok_view .small_text {
  margin-bottom: 30px; }
.clanok_view .youtube_video {
  margin: 30px 0; }
  @media (max-width: 991px) {
    .clanok_view .youtube_video iframe {
      width: 100%; } }

.clanok_najcitanejsie_vypis .clanok {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px; }
  .clanok_najcitanejsie_vypis .clanok h3 {
    text-align: left;
    margin-bottom: 3px; }
  .clanok_najcitanejsie_vypis .clanok .clanok_foto {
    min-width: 70px;
    width: 70px;
    margin-right: 10px; }

ul.subory_vypis {
  list-style: none;
  padding: 0; }
  ul.subory_vypis li a {
    display: inline-block;
    padding: 0 0 0 25px;
    line-height: 25px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 20px 20px; }
    ul.subory_vypis li a.doc {
      background-image: url("../images/icon/doc.png"); }
    ul.subory_vypis li a.eml {
      background-image: url("../images/icon/eml.png"); }
    ul.subory_vypis li a.eps {
      background-image: url("../images/icon/eps.png"); }
    ul.subory_vypis li a.htm {
      background-image: url("../images/icon/htm.png"); }
    ul.subory_vypis li a.jpeg {
      background-image: url("../images/icon/jpeg.png"); }
    ul.subory_vypis li a.jpg {
      background-image: url("../images/icon/jpg.png"); }
    ul.subory_vypis li a.msg {
      background-image: url("../images/icon/msg.png"); }
    ul.subory_vypis li a.pdf {
      background-image: url("../images/icon/pdf.png"); }
    ul.subory_vypis li a.png {
      background-image: url("../images/icon/png.png"); }
    ul.subory_vypis li a.pst {
      background-image: url("../images/icon/pst.png"); }
    ul.subory_vypis li a.rar {
      background-image: url("../images/icon/rar.png"); }
    ul.subory_vypis li a.tif {
      background-image: url("../images/icon/tif.png"); }
    ul.subory_vypis li a.xls {
      background-image: url("../images/icon/xls.png"); }
    ul.subory_vypis li a.zip {
      background-image: url("../images/icon/zip.png"); }

footer {
  background-color: #000000;
  padding-top: 30px;
  font-size: 10px;
  text-align: center;
  color: #808080; }
  footer .contact {
    margin-bottom: 20px; }
  footer a {
    color: #808080; }
    footer a:hover {
      color: #808080;
      text-decoration: underline; }
  footer .created {
    padding: 10px 0;
    text-align: center;
    font-size: 12px;
    color: #808080; }
  footer .footer-menu {
    padding: 0; }
    @media (max-width: 767px) {
      footer .footer-menu {
        text-align: center;
        margin-top: 20px; } }
    footer .footer-menu li {
      display: inline-block;
      margin: 0px 5px; }
      footer .footer-menu li:after {
        content: "|";
        margin-left: 10px; }
      footer .footer-menu li:last-child:after {
        content: none; }
      footer .footer-menu li a {
        background-color: transparent; }
        footer .footer-menu li a:hover, footer .footer-menu li a:focus {
          background-color: transparent;
          text-decoration: underline; }

.strany {
  color: #808080;
  font-size: 10px;
  margin-top: 45px; }
  .strany .paginator {
    color: #000000;
    font-size: 14px;
    margin-top: 5px; }
    .strany .paginator a {
      margin: 0 5px; }

.forum {
  margin-top: 45px; }
  .forum img {
    max-width: 100%; }
  .forum .podnet {
    margin-bottom: 30px;
    background-color: white;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
    .forum .podnet .podnet_top_line {
      padding: 3px 5px;
      padding-top: 5px;
      color: white;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      display: flex;
      justify-content: space-between; }
    .forum .podnet .text {
      padding: 5px; }
    .forum .podnet .otazka .podnet_top_line {
      background-color: #b80622; }
    .forum .podnet .odpoved {
      padding: 20px; }
      .forum .podnet .odpoved .podnet_top_line {
        background-color: #404040; }
  .forum .lightgallery {
    padding: 15px; }
    .forum .lightgallery .gallery_item {
      width: 50%;
      margin: 0 auto; }
      @media (max-width: 767px) {
        .forum .lightgallery .gallery_item {
          width: 100%; } }

/* ************************************************* HTML */
html, body {
  font-family: "Baloo Tamma 2", cursive, "Open Sans", sans-serif;
  background-image: url("../images/back.jpg");
  font-size: 13px; }
  html h1, html h2, html h3, body h1, body h2, body h3 {
    font-family: "Baloo Tamma 2", cursive, "Open Sans", sans-serif; }
  @media print {
    html a[href]:after, body a[href]:after {
      content: none !important; } }
  html p, body p {
    font-size: 13px; }
    html p:last-child, body p:last-child {
      margin: 0; }

a {
  color: #b80622; }
  a:hover, a:focus {
    text-decoration: none;
    color: #9f051d; }

ul {
  list-style-type: square;
  font-size: 13px; }

.scrollToTop {
  width: 60px;
  height: 60px;
  text-align: center;
  background: #000000;
  position: fixed;
  bottom: 40px;
  right: 40px;
  display: none;
  z-index: 1200;
  opacity: .4;
  border-radius: 0px; }
  .scrollToTop i {
    color: white;
    font-size: 55px;
    margin: auto; }
  .scrollToTop:hover {
    opacity: 0.6; }

@media (max-width: 767px) {
  .scrollToTop {
    width: 50px;
    height: 50px;
    bottom: 20px;
    right: 20px; }
    .scrollToTop i {
      font-size: 43px; } }
.frames {
  display: flex;
  flex-direction: row-reverse; }
  @media (max-width: 767px) {
    .frames {
      flex-direction: column; } }
  .frames > div {
    padding: 15px; }
  .frames .left_frame {
    width: 23%;
    background-color: #f8f8f8; }
    @media (max-width: 767px) {
      .frames .left_frame {
        width: 100%;
        padding: 15px;
        padding-top: 5px;
        margin-top: 15px; } }
  .frames .right_frame {
    width: 77%;
    background-color: rgba(255, 255, 255, 0.9); }
    @media (max-width: 767px) {
      .frames .right_frame {
        width: 100%; } }

.input-box {
  margin-bottom: 10px;
  margin-top: 10px;
  height: 26px;
  -webkit-box-shadow: none;
  box-shadow: none; }

.form-control {
  padding: 0 10px;
  padding-top: 2px;
  font-size: 12px;
  color: #232323;
  height: 26px; }
  .form-control:focus, .form-control:hover {
    border-color: #acacac;
    box-shadow: none; }
  .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #CCCCCC; }
  .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #CCCCCC; }
  .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #CCCCCC; }
  .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #CCCCCC; }

label {
  font-size: 12px;
  font-weight: inherit; }

textarea {
  margin: 10px 0;
  border-radius: 0;
  box-shadow: none; }

textarea::-webkit-input-placeholder {
  color: #CCCCCC; }

textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #CCCCCC; }

textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #CCCCCC; }

textarea:-ms-input-placeholder {
  color: #CCCCCC; }

.kontakt_social {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 160px; }
  @media (max-width: 767px) {
    .kontakt_social {
      margin-top: 15px;
      flex-direction: column;
      margin-top: 100px; } }
  .kontakt_social a {
    float: left; }
  @media (max-width: 767px) {
    .kontakt_social .kontakt {
      margin-bottom: 15px; } }
  .kontakt_social .kontakt a {
    font-size: 22px;
    font-weight: bold;
    color: whitesmoke; }
    @media (max-width: 767px) {
      .kontakt_social .kontakt a {
        font-size: 18px;
        width: 100%;
        text-align: center; } }
    @media (max-width: 335px) {
      .kontakt_social .kontakt a {
        font-size: 12px; } }
    .kontakt_social .kontakt a:first-child {
      margin-right: 30px; }
      @media (max-width: 767px) {
        .kontakt_social .kontakt a:first-child {
          margin-right: 0; } }

.small_text {
  color: #808080;
  font-size: 11px;
  text-align: left;
  margin-bottom: 3px; }

.logo_vyhladavanie {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative; }
  @media (max-width: 767px) {
    .logo_vyhladavanie {
      flex-direction: column; } }
  .logo_vyhladavanie .flex_datum_cas {
    display: flex;
    width: 225px; }
    @media (max-width: 991px) {
      .logo_vyhladavanie .flex_datum_cas {
        flex-direction: column;
        width: 195px; } }
    @media (max-width: 767px) {
      .logo_vyhladavanie .flex_datum_cas {
        display: block;
        margin-top: 10px; } }
  .logo_vyhladavanie i {
    margin-right: 2px; }
    .logo_vyhladavanie i.fa-clock-o {
      margin-left: 7px; }
      @media (max-width: 991px) {
        .logo_vyhladavanie i.fa-clock-o {
          margin-left: 0; } }
      @media (max-width: 767px) {
        .logo_vyhladavanie i.fa-clock-o {
          margin-left: 7px; } }

.top_line {
  background-image: url("../images/uvod_kontakty.jpg");
  background-color: #000000;
  background-position: 0% 54%;
  background-size: cover;
  color: white;
  padding: 10px;
  margin-bottom: 5px;
  border-radius: 3px; }
  @media (max-width: 767px) {
    .top_line {
      background-image: url("../images/uvod_kontakty_xs.jpg"); } }
  .top_line a {
    color: white; }
    .top_line a:first-child {
      margin-right: 25px; }
      @media (max-width: 1199px) {
        .top_line a:first-child {
          margin-right: 0; } }

.vyhladavanie {
  margin-top: 5px; }
  .vyhladavanie input::placeholder {
    color: #808080; }
  @media (max-width: 767px) {
    .vyhladavanie button {
      margin-left: 25px; } }

.napiste_mi_holder {
  margin-bottom: 1em;
  width: 36%;
  font-size: 13px;
  float: right;
  background-color: rgba(220, 220, 220, 0.5);
  padding: 15px;
  margin-left: 10px; }
  .napiste_mi_holder h2 {
    margin-top: 0; }

h2.zaujalo_najviac {
  margin-top: 35px; }

.gainsboro {
  border-color: rgba(220, 220, 220, 0.8);
  color: gainsboro; }

.control-fileupload {
  display: block;
  border: 1px solid #d6d7d6;
  background: #FFF;
  border-radius: 3px;
  width: 100%;
  height: 26px;
  padding: 4px 10px 0px 10px;
  overflow: hidden;
  position: relative;
  color: #232323;
  /* File upload button */ }
  .control-fileupload:before, .control-fileupload input, .control-fileupload label {
    cursor: pointer !important; }
  .control-fileupload:before {
    /* inherit from boostrap btn styles */
    padding: 3px 5px 0px 5px;
    margin-bottom: 0;
    font-size: 13px;
    color: white;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #808080;
    border: 1px solid #d7d7d7;
    font-weight: bold;
    content: 'Prechádzať';
    display: block;
    position: absolute;
    z-index: 1;
    top: 0px;
    right: 0px;
    border-radius: 3px; }
  .control-fileupload:hover:before, .control-fileupload:focus:before {
    background-color: #232323; }

input[type=file] {
  display: block !important;
  right: 1px;
  top: 1px;
  height: 26px;
  opacity: 0;
  width: 100%;
  background: none;
  position: absolute;
  overflow: hidden;
  z-index: 2; }

.fotky-slider .slick-slide {
  margin-right: 20px; }

/*# sourceMappingURL=screen.css.map */