/* Start
================================================== */
body,
form,
input,
select,
textarea {
  background: #fff;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
body > #container {
  height: auto;
  min-height: 100%;
}
/* pre mudre prehliadace */
.hide,
.screenreader {
  height: 0;
  left: -9999em;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 0;
}
img,
a.img,
a.img:hover {
  border: 0;
}
.fll {
  float: left;
}
.flr {
  float: right;
}
.tar {
  text-align: right;
}
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
.menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cleaner,
.clear {
  clear: both;
  font-size: 0;
  height: 0;
  overflow: hidden;
}
.nowrap {
  white-space: nowrap;
}
/* Typografia
================================================== */
/* konverzia px > em
body reset 75% = 12px
11px  0.917em
12px  1em
13px  1.083em
14px  1.167em
15px  1.25em
16px  1.333em
17px  1.417em
18px  1.5em
19px  1.583em
20px  1.667em
21px  1.75em
22px  1.833em
23px  1.917em
24px  2em
*/
/*html { font-size: 62.5%; }  10px */
@media (max-width: 767px) {
  * {
    box-sizing: border-box;
  }
}
html {
  font-size: 75%;
}
/* 12px */
body {
  font-size: 1em;
  /* 12px */
  color: #444;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  /* fix pre webkit rendering */
  -webkit-text-size-adjust: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
  line-height: 1.5;
}
h1 {
  font-size: 18px;
  font-size: 1.5rem;
}
h2 {
  font-size: 16px;
  font-size: 1.3333333333333333rem;
}
h3 {
  font-size: 16px;
  font-size: 1.3333333333333333rem;
}
h4 {
  font-size: 14px;
  font-size: 1.1666666666666667rem;
}
h5 {
  font-size: 12px;
  font-size: 1rem;
}
h6 {
  font-size: 12px;
  font-size: 1rem;
}
h1 {
  background: #d9d9d9;
  margin: 0;
  padding: 1px 20px;
  color: #353535;
}
p {
  margin: 0 0 20px 0;
}
p img {
  margin: 0;
}
em {
  font-style: italic;
}
strong,
b {
  font-weight: bold;
}
small {
  font-size: 80%;
}
/*  citacie  */
blockquote,
blockquote p {
  color: #777;
  font-size: 17px;
  font-size: 1.4166666666666667rem;
  font-style: italic;
  line-height: 24px;
  line-height: 2rem;
}
blockquote {
  border-left: 1px solid #ddd;
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
}
blockquote cite {
  color: #555;
  display: block;
  font-size: 12px;
  font-size: 1rem;
}
blockquote cite:before {
  content: "\2014 \0020";
}
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
  color: #555;
}
hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 10px 0 30px;
}
::-webkit-input-placeholder {
  color: #666;
}
:-moz-placeholder {
  color: #666;
}
::-moz-placeholder {
  color: #666;
}
:-ms-input-placeholder {
  color: #666;
}
.table_list {
  text-align: left;
}
.visible-xs-block {
  display: block;
}
@media (min-width: 768px) {
  .visible-xs-block {
    display: none;
  }
}
.visible-xs-inline-block {
  display: inline-block;
}
@media (min-width: 768px) {
  .visible-xs-inline-block {
    display: none;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none;
  }
}
/* Body
================================================== */
.bod .bod-text{ display: none }
.bod h2{ position: relative; width: auto; float: left; color: #35768C; }
.bod h2:after{ content: ''; width: 0; display: block; border-style: solid; border-color: #35768C transparent; border-width: 0 0 8px 8px; z-index: 1; position: absolute; right: -20px; top: 10px; } 
.bod h2.open:after{ border-width: 6px 6px 0 6px; }
@media (max-width: 767px) {
  .smup {
    display: none;
  }
}

@media (min-width: 768px) {
  .xs {
    display: none;
  }
}

/* Linky
================================================== */
a {
  color: #35768C;
  outline: 0;
  text-decoration: underline;
}
a:hover {
  color: #000;
  text-decoration: underline;
}
/* Breadcrumbs
================================================== */
.breadcrumbs {
  border-bottom: 1px solid #E7E7E7;
  padding: 5px 20px;
  margin-bottom: 20px;
  font-size: 11px;
  font-size: 0.9166666666666666rem;
  /*border-bottom: 1px solid #E7E7E7;
  margin-bottom: -1px;
  line-height: 1;
  padding: 3px 5px 6px 5px;
  font-size: 0.917em;*/
}
.breadcrumbs ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.breadcrumbs ol li {
  display: inline-block;
}
.breadcrumbs ol li:before {
  display: inline-block;
  content: '\00BB';
  margin: 0 5px;
}
.breadcrumbs ol li a {
  text-decoration: none;
}
.breadcrumbs ol li a:hover {
  text-decoration: underline;
}
/* Mriezka
================================================== */
#container {
  height: auto;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 767px) {
  #container {
    padding-top: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  #container {
    width: 950px;
  }
}
@media (max-width: 767px) {
  #header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.3);
  }
}
@media (min-width: 768px) {
  #header {
    padding-top: 20px;
  }
}
#header-in {
  height: 50px;
  position: relative;
/*  background: #296d81; */
  background: #fff;
}
@media (min-width: 768px) {
  #header-in {
    background: transparent;
    height: 90px;
  }
}
#header .links {
  list-style: none;
  margin: 0;
  padding: 0;
}
#header .links li {
  display: inline;
}
#topmenu1 {
  height: 50px;
}
#topmenu2 {
  height: 46px;
}
#page {
  padding: 0 0 90px 0;
  line-height: 1.5;
}
.sidebar {
  float: left;
  width: 260px;
  margin-right: 2px;
  padding-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .sidebar {
    width: 180px;
  }
}
#content {
  width: 100%;
}
@media (max-width: 767px) {
  .index #content {
    padding: 0 15px;
  }
}
@media (min-width: 768px) {
  .sub #content {
    width: 568px;
    float: left;
  }
}
@media (min-width: 992px) {
  .sub #content {
    width: 688px;
    float: left;
  }
}
#footer {
  bottom: 0;
  height: 50px;
  left: 0;
  position: absolute;
  width: 100%;
}
/* Header
================================================== */
.header-logo {
  position: absolute;
  text-decoration: none;
  font-size: 14px;
  font-size: 1.1666666666666667rem;
  top: 12px;
  left: 15px;
  font-family: "Arimo", 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: #fff;
  height: 26px;
}
@media (min-width: 768px) {
  .header-logo {
    color: #296d81;
    font-size: 18px;
    font-size: 1.5rem;
    left: 20px;
    top: 20px;
    line-height: 1.2;
  }
}
@media (min-width: 992px) {
  .header-logo {
    font-size: 21px;
    font-size: 1.75rem;
  }
}
.header-logo:hover {
  text-decoration: none;
}
.header-logo img {
  height: 26px;
}
@media (min-width: 768px) {
  .header-logo img {
    height: 90px;
  }
}
.header-logo span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
.header-lang {
  position: absolute;
  right: 105px;
  top: 18px;
  text-align: right;
  color: #555;
  text-decoration: none;
}
@media (min-width: 768px) {
  .header-lang {
    right: 20px;
  }
}
.header-promo {
  display: none;
  position: absolute;
  right: 250px;
  top: 5px;
  background: #fff;
  padding: 5px 15px;
  height: 70px;
}
.header-promo img {
  display: block;
  max-height: 100%;
  max-width: 400px;
}
@media (min-width: 768px) {
  .header-promo {
    display: block;
  }
}
#fulltext {
  position: absolute;
}
#fulltext .text-input {
  border: 0;
  color: #989898;
}
@media (max-width: 767px) {
  #fulltext {
    display: none;
    top: 50px;
    left: 0;
    right: 0;
    padding: 10px;
    background: #358ea8;
    border: 0;
  }
  #fulltext .text-input {
    width: 75%;
    height: 30px;
    padding: 3px 10px;
  }
  #fulltext .button-input {
    width: 20%;
    float: right;
    background: #fff;
    border: 0;
    color: #666;
    height: 30px;
    padding: 3px 0;
    line-height: 24px;
    font-size: 12px;
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  #fulltext {
    right: 20px;
    top: 42px;
  }
  #fulltext .text-input {
    float: left;
    height: 20px;
    padding: 3px 10px;
    width: 160px;
    background: #e7e7e7;
    border: 1px solid #c5c5c5;
  }
  #fulltext .button-input {
    float: left;
    background: #666 url('../../images/ico-search.png') no-repeat center;
    width: 26px;
    height: 26px;
    border: 0;
    text-indent: -9999em;
    outline: none;
    width: 28px;
    height: 28px;
  }
}
/* Search - mobile
========================================================================== */
#toggleSearch {
  position: absolute;
/*  border: 2px solid #fff; */
  border: 2px solid #296d81; 
  border-radius: 50%;
  width: 15px;
  height: 15px;
  background: transparent;
  right: 75px;
  top: 12px;
}
#toggleSearch::after {
  content: "";
  -webkit-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 3px;
  height: 10px;
  position: absolute;
/*  background: #fff; */
  background: #296d81;
  margin-top: 0;
  left: 14px;
  top: 12px;
}
/* Hamburger
========================================================================== */
#hamburger {
  box-sizing: border-box;
  /*display: block;*/
  width: 60px;
  height: 44px;
  position: fixed;
  top: 3px;
  right: 5px;
  z-index: 2;
}
#hamburger:before,
#hamburger:after,
#hamburger span {
/*  background: #fff; */
  background: #296d81;
  content: '';
  display: block;
  width: 30px;
  height: 2px;
  position: absolute;
  left: 15px;
  -webkit-transition: none 0.5s ease 0.5s;
  -o-transition: none 0.5s ease 0.5s;
  transition: none 0.5s ease 0.5s;
  -webkit-transition-property: top, bottom, left, opacity, -webkit-transform;
  transition-property: top, bottom, left, opacity, -webkit-transform;
  -o-transition-property: top, bottom, left, opacity, -o-transform;
  transition-property: transform, top, bottom, left, opacity;
  transition-property: transform, top, bottom, left, opacity, -webkit-transform, -o-transform;
}
#hamburger:before {
  top: 10px;
}
#hamburger span {
  top: 20px;
}
#hamburger:after {
  top: 30px;
}
html:not(.mm-opening):not(.mm-opened) #hamburger {
  -webkit-transition: top 0.3s ease;
  -o-transition: top 0.3s ease;
  transition: top 0.3s ease;
}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after {
  top: 20px;
}
html.mm-opening #hamburger span {
  left: -50px;
  opacity: 0;
}
html.mm-opening #hamburger:before {
  -webkit-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
html.mm-opening #hamburger:after {
  -webkit-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
/* Menu - Topmenu 1
================================================== */
#topmenu1 {
  position: relative;
  z-index: 190;
}
#topmenu1 .menu {
  padding: 13px 0 0 0;
  float: right;
}
#topmenu1 a.level1 {
  padding: 5px 10px;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  display: block;
  font-size: 14px;
  font-size: 1.1666666666666667rem;
}
#topmenu1 a.level1:hover,
#topmenu1 a.level1-open1,
#topmenu1 a.level1-sel1 {
  color: #35768C;
}
#topmenu1 .hover-open a.level1 {
  background: #EFEFEF;
}
#topmenu1 ul ul {
  width: 100%;
}
#topmenu1 a.level2 {
  color: #103F4F;
  background: #EFEFEF;
  padding: 5px 10px;
  font-weight: normal;
  text-decoration: none;
}
#topmenu1 a.level2-sel1,
#topmenu1 a.level2-open1,
#topmenu1 a.level2:hover {
  color: #103F4F;
  text-decoration: underline;
}
/* Menu - Topmenu 2
================================================== */
#topmenu2 {
  position: relative;
  z-index: 110;
  background: #296d81;
  margin-bottom: 2px;
}
#topmenu2 a.level1 {
  color: #fff;
  display: block;
  font-weight: 500;
  height: 46px;
  line-height: 1.2;
  text-decoration: none;
  text-shadow: 0 0 2px #000;
  text-transform: uppercase;
  font-size: 13px;
  font-size: 1.0833333333333333rem;
}
#topmenu2 a.level1 span {
  background: url('../../images/bg-topmenu-separe.png') no-repeat right 0;
  display: block;
  height: 39px;
  padding: 7px 16px 0 16px;
  cursor: pointer;
  cursor: hand;
}
@media (min-width: 992px) {
  #topmenu2 a.level1 span {
    padding: 7px 20px 0 20px;
  }
}
#topmenu2 a.level1-open1,
#topmenu2 a.level1:hover,
#topmenu2 .hover a.level1 {
  background: url('../../images/bg-topmenu2-hover.png') repeat-x 0 0;
}
/* druha uroven */
#topmenu2 ul div {
  background: #D3EAF0;
  width: 910px;
  padding: 20px;
  border-top: 2px solid #fff;
}
#topmenu2 ul ul li {
  background: transparent;
  width: 300px;
}
#topmenu2 a.level2 {
  color: #103F4F;
  text-decoration: none;
  font-size: 13px;
  font-size: 1.0833333333333333rem;
  width: 260px;
  padding: 3px 0 3px 12px;
  line-height: 1;
  background: url('../../images/bg-rychleodkazyli.png') no-repeat 0 6px;
}
#topmenu2 a.level2:hover {
  text-decoration: underline;
}
#topmenu2 .menu ul li.hover div ul,
#topmenu2 .menu ul li:hover div ul {
  float: left;
  width: 300px;
}
/* Content
================================================== */
#thema-img {
  margin-bottom: 2px;
}
#thema-img img {
  display: block;
  width: 100%;
}
/* Block - Right
================================================== */
/*
a.facebook {
  background-image: url("../../images/ico-facebook.png");
  background-position: left center;
  background-repeat: no-repeat;
  color: #415986;
  display: block;
  font-size: 1.3em;
  font-weight: 600;
  line-height: 43px;
  padding: 0 0 0 50px;
  text-decoration: none;
}
a.mail {
  background-image: url("../../images/ico-mail.png");
  background-position: left center;
  background-repeat: no-repeat;
  color: #3e0103;
  display: block;
  font-size: 1.3em;
  font-weight: 600;
  line-height: 43px;
  padding: 0 0 0 50px;
  text-decoration: none;
}
.logpart {
  padding: 10px 0;
}
*/
/* Footer
================================================== */
#footer {
  border-top: 1px solid #CDCDCD;
  color: #555;
  bottom: 0;
  padding: 10px 0;
  font-size: 11px;
  font-size: 0.9166666666666666rem;
}
#footer a {
  color: #555;
  text-decoration: none;
}
#footer a:hover {
  color: #000;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .footer-left {
    width: 490px;
    float: left;
  }
}
@media (min-width: 768px) {
  .footer-right {
    width: 440px;
    float: right;
    text-align: right;
  }
}
a.twitter {
  background: url('../../images/ico-twitter.png') no-repeat 0 0;
  height: 25px;
  width: 25px;
  display: block;
  float: right;
  margin-left: 5px;
}
a.twitter:hover {
  background-position: 0 -25px;
}
.blind-switch span {
  display: none;
}
/* Menu - Sidebar
================================================== */
.sidebar .menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sidebar .menu-title {
  background: #353535;
  font-size: 18px;
  font-size: 1.5rem;
  padding: 3px 30px;
  display: block;
  color: #fff;
  border-bottom: 1px solid #fff;
}
.sidebar .menu a {
  color: #353535;
  padding: 5px 30px;
  border-bottom: 1px solid #e7e7e7;
  display: block;
  text-decoration: none;
  font-size: 13px;
  font-size: 1.0833333333333333rem;
}
.sidebar .menu a:hover,
.sidebar .menu a.sel1 {
  background: #296D81;
  color: #fff;
  text-decoration: none;
}
/* druha uroven (tretia) */
.sidebar ul ul {
  background: #EFEFEF;
}
.sidebar li li .menu-title,
.sidebar .menu li li a {
  padding-left: 50px;
}
/* Strankovanie
================================================== */
.pagelist {
  text-align: center;
}
/* Tabulky */
.table_list {
  font-size: 11px;
  font-size: 0.9166666666666666rem;
  border-collapse: collapse;
}
.table_list .row-1 td {
  background-color: #E3F3F7;
}
.table_list td {
  vertical-align: top;
  padding: 4px;
  border: 1px solid #fff;
}
.table_list th {
  text-align: left;
  border: 1px solid #fff;
  background-color: #296D81;
  color: #ffffff;
  padding: 3px;
}
.table_list {
  width: 100%;
}
.table_detail th {
  text-align: left;
}
/* Slideshow
================================================== */
.slider-wrap {
  position: relative;
  background: url('../../images/bg-header.jpg') no-repeat 0 0;
}
@media (max-width: 767px) {
  .slider-wrap {
    margin-right: -15px;
    margin-left: -15px;
  }
}
.slider {
  width: 100%;
  height: 250px;
  overflow: hidden;
  position: relative;
}
.slider .cycle-slide {
  height: 250px;
  width: 100%;
}
.slider-item-in1 {
  top: 30px;
  background: rgba(255, 255, 255, 0.3);
}
@media (min-width: 768px) {
  .slider-item-in1 {
    position: absolute;
    z-index: 102;
    height: 150px;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.3);
    top: 50px;
  }
}
.slider-item-in2 {
  background: #ffffff;
  padding: 15px 15px 60px 15px;
  position: relative;
  margin: 15px;
}
@media (min-width: 768px) {
  .slider-item-in2 {
    margin: 0;
    width: 270px;
    height: 135px;
    padding: 15px 15px 0 15px;
    right: 60px;
    top: 0;
    position: absolute;
  }
}
.cycle-pager {
  position: absolute;
  z-index: 180;
  bottom: 0;
  right: 60px;
  text-align: center;
  overflow: hidden;
  height: 50px;
  width: 300px;
}
.cycle-pager span {
  color: #fff;
  display: inline-block;
  font-size: 63px;
  font-size: 5.25rem;
  height: 25px;
  width: 25px;
  cursor: hand;
  cursor: pointer;
  text-shadow: 0 0 3px #296D81;
  margin-top: -22px;
}
.cycle-pager span.cycle-pager-active {
  color: #296D81;
  text-shadow: 0 0 3px #fff;
}
.ie7 .slider-item-in2,
.ie8 .slider-item-in2 {
  background: #fff;
}
.slider-item-title {
  margin-bottom: 7px;
}
.slider-item-title a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.3333333333333333rem;
  line-height: 1;
}
.slider-item-content {
  line-height: 1.2;
}
a.slider-item-more {
  background: #296d81 url('../../images/bg-titleaktualityhref.png') no-repeat 92% 12px;
  color: #fff;
  padding: 6px 30px 6px 10px;
  text-decoration: none;
  font-size: 13px;
  font-size: 1.0833333333333333rem;
  text-shadow: 1px 1px 1px #00475b;
  position: absolute;
  bottom: 15px;
  left: 15px;
}
a.slider-item-more:hover {
  background-color: #276b7c;
  background-position: 95% 12px;
}
.slider #slide-nav {
  position: absolute;
  z-index: 15;
  bottom: 15px;
  right: 40px;
}
.slider #slide-nav a {
  width: 20px;
  height: 20px;
  display: block;
  background: #9c9c9c;
  float: left;
  margin: 5px;
  text-align: center;
  border-radius: 3px;
  box-shadow: inset 1px 1px 4px -2px #000;
  color: #ffffff;
  text-decoration: none;
  line-height: 20px;
  line-height: 1.6666666666666667rem;
  font-weight: bold;
}
.slider #slide-nav a:hover,
.slider #slide-nav .activeSlide {
  background: #717171;
}
/* Index
================================================== */
.titleobsah {
  line-height: 2;
  padding: 20px 0;
  text-align: justify;
}
@media (min-width: 768px) {
  .titleaktuality {
    display: block;
    width: 675px;
    float: left;
  }
}
a.titleaktualityhref {
  background: #296d81 url('../../images/bg-titleaktualityhref.png') no-repeat 112px 12px;
  color: #fff;
  padding: 6px 30px 6px 10px;
  text-decoration: none;
  font-size: 13px;
  font-size: 1.0833333333333333rem;
  text-shadow: 1px 1px 1px #00475b;
}
a.titleaktualityhref:hover {
  background-color: #276b7c;
  background-position: 115px 12px;
}
.en a.titleaktualityhref {
  background-position: 65px 12px;
}
.en a.titleaktualityhref:hover {
  background-position: 68px 12px;
}
ul.topaktuality {
  list-style: none;
  margin: 0;
  padding: 0 0 20px 0;
  display: block;
  color: #666;
  font-size: 11px;
  font-size: 0.9166666666666666rem;
  line-height: 20px;
  line-height: 1.6666666666666667rem;
}
ul.topaktuality li span {
  float: left;
  width: 65px;
}
ul.topaktuality li a {
  font-size: 13px;
  font-size: 1.0833333333333333rem;
  text-decoration: none;
  float: left;
}
@media (min-width: 768px) {
  ul.topaktuality li a {
    width: 610px;
  }
}
@media (min-width: 768px) {
  .sub ul.topaktuality li a {
    width: 590px;
  }
}
ul.topaktuality li a:hover {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .rychleodkazy {
    display: block;
    width: 265px;
    float: right;
  }
}
.rychleodkazy ul {
  list-style: none outside none;
  margin: 0;
  padding: 0 0 20px 0;
  display: block;
}
.rychleodkazy ul li a {
  background: #d3eaf0 url('../../images/bg-rychleodkazyli.png') no-repeat 12px 12px;
  color: #103F4F;
  font-weight: bold;
  display: block;
  margin-bottom: 2px;
  padding: 8px 10px 8px 25px;
  text-decoration: none;
  line-height: 1.2;
}
.rychleodkazy ul li a:hover {
  background-color: #C1DCE3;
}
/* News - www
================================================== */
.news-www {
  padding: 15px;
}
.news-www-date {
  color: #81a9c2;
  padding: 10px 0 20px;
}
.news-www-obsah {
  text-align: justify;
}
.news-www-file {
  margin-top: 15px;
  padding: 15px 0 0 0;
  border-top: 1px solid #E7E7E7;
}
/* Gallery - priloha
================================================== */
.gallery-priloha {
  margin-top: 15px;
  padding: 15px 0;
  border-top: 1px solid #E7E7E7;
}
.gallery-priloha .fancybox {
  float: left;
  margin: 0 18px 18px 0;
}
.gallery-priloha img {
  display: block;
}
/* Tabulka - prilohy
================================================== */
.priloha-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ico-file .ico {
  vertical-align: sub;
  margin-right: 5px;
}
/*.ico {
	&-file {	
	  background: url('../../images/ico-file.png') no-repeat 0 6px;
	  padding: 5px 0 5px 25px;
	}
	&-rtf, &-doc, &-docx, &-odt, &-txt {
		background-image: url('../../images/ico-doc.png');
	}
	&-zip {
		background-image: url('../../images/ico-zip.png');
	}
	&-rar {
		background-image: url('../../images/ico-rar.png');
	}
	&-jpg, &-png, &-bmp, &-jpeg {
		background-image: url('../../images/ico-jpg.png');
	}
	&-mov, &-mp4, &-avi, &-flv, &-mpeg, &-mpg, &-m4v {
		background-image: url('../../images/ico-mov.png');
	}
	&-mp3, &-aac, &-wav {
		background-image: url('../../images/ico-mp3.png');
	}
	&-pdf {
		background-image: url('../../images/ico-pdf.png');
	}
	&-ppt {
		background-image: url('../../images/ico-ppt.png');
	}
	&-xls, &-ods {
		background-image: url('../../images/ico-xls.png');
	}
}*/
/* Slideshow
================================================== */
.kontakt-www-left {
  width: 340px;
}
.kontakt-www-right {
  width: 300px;
}
.kontakt-www-right .sc_frm_basic {
  padding: 0;
  margin: 20px 0 0 0;
  border: 0;
}
.kontakt-www-right .sc_frm_basic th {
  width: auto;
}
.kontakt-www-right .sc_frm_basic td {
  width: 200px;
}
.kontakt-www-right .sc_frm .width1 {
  width: 200px;
}
/* Novinky - list
================================================== */
.novinky-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #666;
  line-height: 20px;
  line-height: 1.6666666666666667rem;
}
.novinky-list span {
  float: left;
  width: 75px;
}
.novinky-list a {
  font-size: 13px;
  font-size: 1.0833333333333333rem;
  text-decoration: none;
  float: left;
  width: 610px;
}
.novinky-list a {
  width: 553px;
}
.novinky-list a:hover {
  text-decoration: underline;
}
.novinky-list-obsah {
  clear: both;
  padding: 0 0 5px 75px;
  margin-bottom: 5px;
  border-bottom: 1px solid #E7E7E7;
  text-align: justify;
}
SPAN.nadpisok,
SPAN.nadpisok LABEL {
  font-weight: bold !important;
  padding: 20px !important;
  display: inline-block !important;
  text-decoration: underline !important;
  width: 550px;
  font-size: 12px;
  font-size: 1rem;
  white-space: pre-line;
}
SPAN.nadpisok LABEL {
  padding: 0 !important;
  width: auto !important;
}
.sc_frm_table {
  margin: 0 5px;
}
.full-w TEXTAREA {
  width: 85% !important;
  margin: 0px 0 15px 25px;
}
.full-w .nadpisok {
  padding: 10px 20px !important;
}
.table_detail.podnet th {
  width: 280px;
}
/* Offcanvas
========================================================================== */
#offcanvas {
  background: #296d81;
}
/* Transparency
========================================================================== */
#page .block-right {
  background: #f9f9f9 !important;
}
/* Forms
========================================================================== */
.sc_frm {
  margin: 2px;
}
.sc_frm_basic {
  border: 1px solid #ECF6FB;
  padding: 2px;
}
.sc_frm .sc_frm_table {
  width: 100%;
}
.sc_frm th {
  text-align: left;
  vertical-align: top;
  width: 22%;
}
.sc_frm label {
  white-space: nowrap;
  font-weight: normal;
  color: #374D64;
  font-size: 11px;
  font-size: 0.9166666666666666rem;
}
/*nadpisy*/
.sc_frm h3 {
  font-size: 17px;
  font-size: 1.4166666666666667rem;
  color: #3B5363;
  font-weight: bold;
  margin-bottom: 15px;
}
.sc_frm h4,
.sc_frm h5,
.sc_frm h6 {
  font-weight: bold;
  color: #708090;
  margin: 0;
  padding: 5px;
}
.sc_frm h4 {
  font-size: 15px;
  font-size: 1.25rem;
}
.sc_frm h5 {
  font-size: 14px;
  font-size: 1.1666666666666667rem;
}
.sc_frm h6 {
  font-size: 13px;
  font-size: 1.0833333333333333rem;
}
/*frm flags*/
.sc_frm_error input {
  background-color: #FFECF0;
}
.sc_frm_error label {
  color: #D50202;
}
.sc_frm_pov label {
  background-image: url("../../images/pov.gif");
  background-position: right top;
  background-repeat: no-repeat;
  padding-right: 5px;
}
.sc_frm .notice {
  font-size: 10px;
  font-size: 0.8333333333333334rem;
  color: #49787c;
}
.sc_frm .fld {
  border: #bfd3e1 1px solid;
  padding: 5px;
  border-radius: 4px;
}
.sc_frm .fld:focus {
  box-shadow: 0px 0px 5px -1px #838fbd;
}
.sc_frm .width0 {
  width: 500px;
}
.sc_frm .width1 {
  width: 400px;
}
.sc_frm .width2 {
  width: 200px;
}
.sc_frm .width3 {
  width: 130px;
}
.sc_frm .width4 {
  width: 260px;
}
.sc_frm .width5 {
  width: 50px;
}
.sc_frm .width6 {
  width: 60px;
}
.sc_frm .width7 {
  width: 600px;
}
.sc_frm .frmbutbg {
  text-align: center;
  border-top: 2px solid #FFEAB8;
  padding-top: 2px;
  margin-top: 2px;
}
.sc_frm .frmbut {
  text-align: center;
}
.sc_frm .button0 {
  background-color: #bfd3e1;
  border-color: #d9e6ee;
  width: 120px;
}
.sc_frm .button1 {
  background-color: #bfd3e1;
  border-color: #d9e6ee;
}