header .top .facebook {
  float: right;
  padding-top: 55px; }
header .top a.logo {
  display: inline-block;
  vertical-align: middle; }
  header .top a.logo .logo {
    padding: 15px 0;
    margin-right: 60px; }
header .top .menu {
  display: inline-block;
  vertical-align: middle; }
  @media (max-width: 1199px) {
    header .top .menu {
      margin-bottom: 10px; } }

.navbar-collapse {
  padding: 0; }

.navbar-default {
  border: 0; }
  @media (max-width: 767px) {
    .navbar-default {
      min-height: 0; } }
  .navbar-default ul.nav {
    margin: 0 auto; }
    @media (min-width: 768px) {
      .navbar-default ul.nav > li.open > .dropdown-menu, .navbar-default ul.nav > li:hover > .dropdown-menu {
        display: block; } }
    .navbar-default ul.nav > li > a {
      text-transform: uppercase;
      font-size: 15px;
      padding: 10px 12px;
      border-width: 0 1px 0 0;
      border-style: solid;
      border-color: #5a5d65; }
      @media (max-width: 1199px) {
        .navbar-default ul.nav > li > a {
          padding: 10px 9px; } }
      @media (max-width: 767px) {
        .navbar-default ul.nav > li > a {
          border: none; } }
    .navbar-default ul.nav > li:last-child a {
      border: 0; }
    .navbar-default ul.nav > li .dropdown-menu {
      border: 0;
      box-shadow: none;
      border-radius: 0;
      padding-top: 15px;
      padding-bottom: 15px; }
      @media (max-width: 767px) {
        .navbar-default ul.nav > li .dropdown-menu {
          margin-top: 0; } }
      .navbar-default ul.nav > li .dropdown-menu li > a {
        font-size: 17px;
        text-shadow: none; }

.navbar-toggle {
  background-color: #49cbcd;
  margin-top: 30px;
  margin-right: -44px; }
  @media (max-width: 767px) {
    .navbar-toggle {
      margin-right: 0;
      margin-top: 15px;
      display: inline-block; } }
  .navbar-toggle .icon-bar {
    background-color: white; }

.sub-menu {
  padding-left: 15px; }
  .sub-menu .menu_nazov {
    font-weight: 600; }
  .sub-menu .menu {
    padding: 0; }
    .sub-menu .menu li {
      display: inline-block;
      padding-bottom: 5px; }
      .sub-menu .menu li > a {
        padding: 5px 15px; }

.sub-sub-menu ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  .sub-sub-menu ul li {
    display: inline-block;
    background-color: #49cbcd;
    padding: 5px 10px;
    font-weight: bold;
    margin-right: 20px;
    margin-bottom: 10px; }
    .sub-sub-menu ul li:last-child {
      margin-right: 0; }
    .sub-sub-menu ul li a {
      color: white;
      font-size: 25px; }

.btn {
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold; }

.btn-dark {
  color: white;
  background-color: #49cbcd;
  border-color: #49cbcd; }
  .btn-dark:focus, .btn-dark.focus {
    color: white;
    background-color: #31b0b2;
    border-color: #207576; }
  .btn-dark:hover {
    color: white;
    background-color: #31b0b2;
    border-color: #2fa8aa; }
  .btn-dark:active, .btn-dark.active, .open > .btn-dark.dropdown-toggle {
    color: white;
    background-color: #31b0b2;
    border-color: #2fa8aa; }
    .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: #299496;
      border-color: #207576; }
  .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: #49cbcd;
    border-color: #49cbcd; }
  .btn-dark .badge {
    color: #49cbcd;
    background-color: white; }

.btn-secondary {
  color: white;
  background-color: #bbbcb6;
  border-color: #bbbcb6; }
  .btn-secondary:focus, .btn-secondary.focus {
    color: white;
    background-color: #a2a49b;
    border-color: #7d7e74; }
  .btn-secondary:hover {
    color: white;
    background-color: #a2a49b;
    border-color: #9d9f96; }
  .btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
    color: white;
    background-color: #a2a49b;
    border-color: #9d9f96; }
    .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: #919389;
      border-color: #7d7e74; }
  .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: #bbbcb6;
    border-color: #bbbcb6; }
  .btn-secondary .badge {
    color: #bbbcb6;
    background-color: white; }

.carousel-fade .carousel-inner {
  background-color: black; }
  .carousel-fade .carousel-inner .item {
    transition-property: opacity; }
  .carousel-fade .carousel-inner .item,
  .carousel-fade .carousel-inner .active.left,
  .carousel-fade .carousel-inner .active.right {
    opacity: 0; }
  .carousel-fade .carousel-inner .active,
  .carousel-fade .carousel-inner .next.left,
  .carousel-fade .carousel-inner .prev.right {
    opacity: 1; }
  .carousel-fade .carousel-inner .next,
  .carousel-fade .carousel-inner .prev,
  .carousel-fade .carousel-inner .active.left,
  .carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-caption {
  text-align: center;
  top: 50px;
  bottom: 20px; }
  .carousel-fade .carousel-caption h3 {
    font-size: 90px;
    color: white;
    text-transform: uppercase;
    font-weight: 800; }
    @media (max-width: 767px) {
      .carousel-fade .carousel-caption h3 {
        font-size: 30px; } }
  .carousel-fade .carousel-caption p {
    font-size: 23px;
    margin-bottom: 30px; }
  .carousel-fade .carousel-caption .viac {
    border: 3px solid white;
    border-radius: 4px;
    font-size: 26px;
    padding: .5em .5em;
    color: white;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.5); }
    .carousel-fade .carousel-caption .viac:hover, .carousel-fade .carousel-caption .viac:focus {
      background: #49cbcd;
      color: white; }
.carousel-fade .carousel-control {
  width: 50px; }
  .carousel-fade .carousel-control .icon {
    font-size: 100px; }

h1, .h1 {
  padding: 30px;
  text-align: center; }

h2, .h2 {
  margin-top: 1em;
  color: #49cbcd;
  font-weight: 400; }
  h2 a, .h2 a {
    color: #bbbcb6; }
    h2 a:hover, .h2 a:hover {
      color: #a2a49b; }

h3 {
  margin-top: 0;
  color: #49cbcd; }
  h3 a {
    color: #49cbcd; }
    h3 a:hover {
      color: #31b0b2; }

.gallery {
  margin-bottom: 30px 0; }
  .gallery .gallery_item {
    margin-bottom: 15px; }

.clanok_vypis {
  display: flex;
  flex-wrap: wrap; }
  .clanok_vypis div {
    margin-bottom: 1em; }
  .clanok_vypis .clanok {
    height: 100%; }
    .clanok_vypis .clanok h2 {
      margin-top: 0;
      color: #000000;
      font-size: 24px; }
      .clanok_vypis .clanok h2 a {
        color: #000000; }
    .clanok_vypis .clanok .text {
      padding: 1em; }
    .clanok_vypis .clanok a.viac {
      border: 3px solid black;
      border-radius: 4px;
      padding: .5em .5em;
      margin: 0 auto;
      color: black;
      text-shadow: 0 2px 16px rgba(0, 0, 0, 0.5); }
      .clanok_vypis .clanok a.viac:hover {
        background: #49cbcd;
        color: white; }

.clanok_vypis_uvod {
  margin-top: 60px; }
  .clanok_vypis_uvod .clanok {
    position: relative; }
    .clanok_vypis_uvod .clanok img {
      margin: auto;
      width: 100%;
      height: 100%; }
    .clanok_vypis_uvod .clanok .grow {
      overflow: hidden;
      width: 100%;
      height: 100%; }
      .clanok_vypis_uvod .clanok .grow img {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease; }
        .clanok_vypis_uvod .clanok .grow img:hover {
          transform: scale(1.2); }
    .clanok_vypis_uvod .clanok h2 {
      position: absolute;
      background: #49cbcd;
      color: white;
      opacity: 0;
      transition: opacity 1s ease;
      width: 100%;
      margin: 0;
      padding: 1em;
      bottom: 0; }
      .clanok_vypis_uvod .clanok h2 a {
        color: white;
        display: block; }
    .clanok_vypis_uvod .clanok:hover h2 {
      opacity: 1; }

#aktualita {
  background: #49cbcd;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center; }
  #aktualita h2 {
    color: white;
    text-transform: uppercase; }

.clanok_vypis_oznamy {
  display: inline; }
  .clanok_vypis_oznamy .nadpis {
    text-transform: uppercase;
    margin: 60px auto; }
  .clanok_vypis_oznamy .clanok {
    margin-bottom: 60px; }
    .clanok_vypis_oznamy .clanok .hlavicka {
      display: flex;
      flex-direction: row;
      justify-content: left;
      padding: 0 1em;
      margin-bottom: 0; }
      .clanok_vypis_oznamy .clanok .hlavicka h2 {
        margin-bottom: 0;
        margin-left: 15px; }
    .clanok_vypis_oznamy .clanok .text {
      text-align: left; }

.clanok_vypis_2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 30px; }
  .clanok_vypis_2 .clanok {
    max-width: 300px;
    margin: 0 20px;
    margin-bottom: 30px;
    border: 2px solid #0099ff; }
    .clanok_vypis_2 .clanok h2 {
      background-color: #0099ff;
      color: white;
      text-transform: uppercase;
      font-weight: 600;
      padding: 15px 0;
      margin-bottom: 0; }
      .clanok_vypis_2 .clanok h2 a {
        color: white; }

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-image: url(../images/footer.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-color: black;
  color: white;
  padding: 30px 0 60px 0; }
  footer address {
    padding-top: 30px;
    letter-spacing: 2px;
    text-align: left;
    font-size: 18px; }
    footer address a {
      color: white; }
    footer address address {
      margin-bottom: 0; }
    footer address i {
      font-size: 1.3em;
      margin-right: 10px; }
    footer address span:hover {
      cursor: pointer; }
    footer address .purple {
      color: #bface2; }
  footer div.created {
    font-size: 20px;
    font-family: "PT Sans Narrow", sans-serif;
    color: white;
    margin-top: 30px;
    text-transform: uppercase; }
    footer div.created a {
      color: #49cbcd; }
  footer .navbar.navbar-footer {
    min-height: 0;
    padding-top: .5em;
    text-align: center; }
    footer .navbar.navbar-footer nav, footer .navbar.navbar-footer .navbar-nav {
      float: none;
      text-align: center; }
      footer .navbar.navbar-footer nav li, footer .navbar.navbar-footer .navbar-nav li {
        display: inline-block;
        float: none; }
        footer .navbar.navbar-footer nav li a, footer .navbar.navbar-footer .navbar-nav li a {
          padding: .25em 1em;
          font-size: .8em;
          color: white; }
          footer .navbar.navbar-footer nav li a:hover, footer .navbar.navbar-footer nav li a:focus, footer .navbar.navbar-footer .navbar-nav li a:hover, footer .navbar.navbar-footer .navbar-nav li a:focus {
            background-color: transparent;
            text-decoration: underline;
            color: white; }

/* ************************************************* HTML */
@media print {
  html a[href]:after, body a[href]:after {
    content: none !important; } }
html a:hover, html a:focus, body a:hover, body a:focus {
  text-decoration: none; }
html p:last-child, body p:last-child {
  margin: 0; }
html .bg, body .bg {
  padding: 40px 0; }
  html .bg h2, body .bg h2 {
    color: #4e525d;
    text-align: center;
    font-size: 42px;
    margin-bottom: 1em; }
html .bg-dark, body .bg-dark {
  background: #232323;
  color: white;
  padding-bottom: 140px; }
html .bg-gray, body .bg-gray {
  background: #dbdbdb;
  color: #4e525d;
  font-size: 19px; }
html .arrow, body .arrow {
  margin-top: 15px;
  background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 120px; }
html .skola_v_cislach h2, body .skola_v_cislach h2 {
  text-align: center;
  font-size: 42px;
  color: white;
  margin: 0 0 40px 0; }
html .skola_v_cislach .item, body .skola_v_cislach .item {
  text-align: center;
  font-size: 26px;
  text-transform: uppercase; }
  html .skola_v_cislach .item span, body .skola_v_cislach .item span {
    line-height: 1em;
    font-size: 150px;
    display: block;
    margin-bottom: 30px; }
html #map_canvas, body #map_canvas {
  width: 100%;
  height: 800px; }
html .partneri a, body .partneri a {
  display: inline-block;
  padding: .5em; }
html .photo_left, body .photo_left {
  float: left;
  margin-right: 1em; }
html .pedagogovia, body .pedagogovia {
  display: flex;
  flex-wrap: wrap; }
  html .pedagogovia .pedagog, body .pedagogovia .pedagog {
    text-align: center;
    width: 25%;
    padding: 0 40px;
    font-size: 14px;
    margin-bottom: 45px; }
    @media (max-width: 1199px) {
      html .pedagogovia .pedagog, body .pedagogovia .pedagog {
        padding: 0 30px; } }
    @media (max-width: 991px) {
      html .pedagogovia .pedagog, body .pedagogovia .pedagog {
        padding: 0 20px; } }
    @media (max-width: 767px) {
      html .pedagogovia .pedagog, body .pedagogovia .pedagog {
        padding: 0 10px; }
        html .pedagogovia .pedagog p, body .pedagogovia .pedagog p {
          font-size: 12px; } }
    html .pedagogovia .pedagog h2, body .pedagogovia .pedagog h2 {
      font-size: 22px;
      margin-bottom: 10px; }
      @media (max-width: 767px) {
        html .pedagogovia .pedagog h2, body .pedagogovia .pedagog h2 {
          font-size: 12px; }
          html .pedagogovia .pedagog h2 a, body .pedagogovia .pedagog h2 a {
            color: grey; } }
    html .pedagogovia .pedagog .foto, body .pedagogovia .pedagog .foto {
      width: 100%; }
      html .pedagogovia .pedagog .foto img, body .pedagogovia .pedagog .foto img {
        width: 100%;
        display: inline-block; }
      html .pedagogovia .pedagog .foto.grow, body .pedagogovia .pedagog .foto.grow {
        overflow: hidden; }
        html .pedagogovia .pedagog .foto.grow img, body .pedagogovia .pedagog .foto.grow img {
          -webkit-transition: all 1s ease;
          -moz-transition: all 1s ease;
          -o-transition: all 1s ease;
          -ms-transition: all 1s ease;
          transition: all 1s ease; }
          html .pedagogovia .pedagog .foto.grow img:hover, body .pedagogovia .pedagog .foto.grow img:hover {
            transform: scale(1.2); }
html .menu_uvod, body .menu_uvod {
  text-align: center; }
  html .menu_uvod h2, html .menu_uvod h3, body .menu_uvod h2, body .menu_uvod h3 {
    padding: 0;
    margin: 0;
    color: white;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 1.25em; }
  html .menu_uvod h2, body .menu_uvod h2 {
    font-weight: bold; }
  html .menu_uvod ul, body .menu_uvod ul {
    margin-top: 30px;
    list-style: none;
    padding: 0; }
    html .menu_uvod ul li, body .menu_uvod ul li {
      margin-bottom: 15px; }
      html .menu_uvod ul li a, body .menu_uvod ul li a {
        display: block;
        border: 3px solid white;
        border-radius: 4px;
        font-size: 26px;
        text-transform: uppercase;
        padding: .5em .5em;
        color: white; }
        html .menu_uvod ul li a:hover, html .menu_uvod ul li a:focus, body .menu_uvod ul li a:hover, body .menu_uvod ul li a:focus {
          background: #49cbcd;
          color: white; }
html .text_bottom, body .text_bottom {
  display: flex;
  flex-direction: column-reverse; }
html .kontakt h2, body .kontakt h2 {
  font-size: 30px;
  margin-bottom: 15px;
  text-align: left; }

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