/*!
 * Start Bootstrap - Agency v5.2.2 (https://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE)
 */

body {
  overflow-x: hidden;
  font-family:  Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #87d0f1;
  border-top-color: #efefef;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}


.stovka {
width:100%;
}

#services {
  text-align: center;
  color: #1C4587;
  background-color: #F5FAFE;
  background-image: url("../img/2025_pozadi01.jpg");
  background-repeat: repeat-x;
  background-position: center bottom;
}



#services2 {
  text-align: center;
  color: black;
  background-color:green;
  height: 20px;
  overflow:hidden;
  clear:both;
}

.cistic
{
clear:both;
}

#lista_cistic
{
max-width:100%; 
overflow:hidden;
height:0px;
background-color:red;
}


.lista_cistic
{
max-width:100%; 
overflow:hidden;
height:0px;
background-color:white;
}





.pozadi-top
{
 background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(3, 108, 173, 0.5));
 background-size: cover;
 padding: 0px ;
}

.section-title-divider {
  width: 200px;
  height: 4px;
  background: #ffffff;
  margin: 0 auto;
  margin-bottom: 40px;
  margin-top: 40px;
}


p {
  line-height: 1.75;
}

a {
  color: #B70248;
   
}

a:hover {
  color: #B70248;
  text-decoration: none;
}

.text-primary {
  color: #fed136 !important;
  color: #ea3e00 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
color:#1c4587;
}

h1 {
font-size: 2em;
font-weight: 900;
text-shadow: 0.5px 0.5px 15px white;
}



.page-section {
  padding: 100px 0;
}



@media (min-width: 768px) {
  section {
    padding: 0px 0;
  }
}

::-moz-selection {
  background: #fed136;
  text-shadow: none;
}

::selection {
  background: #fed136;
  text-shadow: none;
}

img::-moz-selection {
  background: transparent;
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}

.btn {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-weight: 700;
}

.btn-xl {
  font-size: 18px;
  padding: 20px 40px;
}


.btn-primary2 {
  background-color: #ffffff;
  border: 7px solid #036cad;
  margin:5px 0;
}

.btn-primary2:active, .btn-primary2:focus, .btn-primary2:hover {
   background-color: transparent;
   text-shadow: 0.5px 0.5px 15px silver;
   box-shadow: 0.5px 0.5px 15px #87d0f1;
   transition: all 1s;
}


.btn-primary {
  background-color: #036cad;
  background-color: #1c4587;
  border: 0px solid #ffffff;
  border-radius:5px;
  width:100%;
  transition: all 0.3s;
}



.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
  background-color: #B90A4E !important;
  border-color: white !important;
  color: #ffffff;
  text-shadow: 0.5px 0.5px 15px #EBD4E6;
  box-shadow: 0.5px 0.5px 15px #EBD4E6;
  border: 0px solid #ffffff;
  }

.btn-primary:active, .btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;
  box-shadow: 0 0 0 0.1rem white !important;
}

#mainNav {
  background-color: #0087CB;
  background-color: #075C99;
  background-color: #F4FAFE;
  background-color: #CFE5F2;
  background-color: #F3FBFD;
  background-color: #E7F7F7;
  
  
  background-repeat: no-repeat;
  background-position: center bottom;
 
  }

#mainNav .navbar-toggler {
  font-size: 12px;
  right: 0;
  padding: 13px;
  text-transform: uppercase;
  color: #036cad;
  border: 0;
  background-color: #ffffff;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

#mainNav .navbar-brand {
  color: #fed136;
  font-family: 'Kaushan Script', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  
}

#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
  color: #fec503;
  }

#mainNav .navbar-nav .nav-item .nav-link {
  font-size: 90%;
  font-weight: 900;
  padding: 0.75em 0;
  letter-spacing: 1px;
  color: #004687;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
  color: #ffffff;
  color: #B70248;
  text-shadow: 0.5px 0.5px 5px white;
  transition: all 1s;
  }

@media (min-width: 992px) {
  #mainNav {
    padding-top: 25px;
    padding-bottom: 25px;
    transition: padding-top 0.3s, padding-bottom 0.3s;
    border: none;
  }
  #mainNav .navbar-brand {
    font-size: 1.75em;
    transition: all 0.3s;
    
  }
  #mainNav .navbar-nav .nav-item .nav-link {
    padding: 1.1em 1em !important;
  }
  #mainNav.navbar-shrink {
    padding-top: 0;
    padding-bottom: 0;
	background-color: #036cad;
	background-color: #E6F3FC;
    background-color: #CFE5F2;
    background-color: #E2F4F5;
    
    
    
    background-image: url("../img/menu_top_bg2024.ng");
    background-repeat: no-repeat;
    background-position: center bottom;
    box-shadow: 0.5px 0.5px 15px white;
	filter: alpha(opacity=97); opacity: 0.97;
	
  }
  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1.25em;
    padding: 12px 0;
  }
}




header.masthead {
  text-align: center;
  color: black;
  background-color: white;
  background-image: url("../img/2023_pozadi01.pg");
  background-repeat: repeat-x;
  background-position: center bottom;
  min-height: 100% !important; /* browser fill */
  height: auto;  
}

header.masthead .intro-text {
  padding-top: 200px;
  padding-bottom: 0px;
}

header.masthead .intro-text .intro-lead-in {
  font-size: 22px;
  text-shadow: 0.5px 0.5px 5px white;
  font-style: italic;
  color:#1c4587;
  line-height: 22px;
  margin-bottom: 25px;
  font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

header.masthead .intro-text .intro-heading {
  font-size: 50px;
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 25px;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}



@media (min-width: 320px) {
  header.masthead .intro-text {
    padding-top: 75px;
	min-height:100vh;
  height:auto;
  }
  
  header.masthead .intro-text .intro-lead-in {
   font-size:1em;
 	font-weight: 300;
    font-style: normal;
    margin-bottom: 25px;
	text-shadow: 0.5px 0.5px 15px silver;
    font-family: Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  } 
  
  .obrazek_top
  {
  display:none;
  }
  
  .obrazek_top2
  {
  display:block;
  }
  
  .pismo300
{
font-size:1rem;
}
  
  
 }

@media (min-width: 355px) {
  header.masthead .intro-text {
    padding-top: 75px;
	min-height:100vh;
  height:auto;
  }
  
  header.masthead .intro-text .intro-lead-in {
   font-size:1em;
 	font-weight: 300;
    font-style: normal;
    margin-bottom: 25px;
	text-shadow: 0.5px 0.5px 15px silver;
    font-family: Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  } 
  
  .uvodni_prostor
  {
  margin-top:50px;
   }
   
   .obrazek_top
  {
  display:none;
  }
  
  .obrazek_top2
  {
  display:block;
  }
  
  .pismo300
{
font-size:1rem;
}
 }

@media (min-width: 370px) {
  header.masthead .intro-text {
  padding-top: 75px;
  min-height:100vh;
  height:auto;
  }
  
  header.masthead .intro-text .intro-lead-in {
   font-size:1em;
 	font-weight: 300;
    font-style: normal;
    margin-bottom: 25px;
	text-shadow: 0.5px 0.5px 15px silver;
    font-family: Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  } 
  
   .uvodni_prostor
  {
  margin-top:80px;
   }
   
   .obrazek_top
  {
  display:none;
  }
  
  .obrazek_top2
  {
  display:block;
  }
  
  .pismo300
{
font-size:1rem;
}
 }

@media (min-width: 768px) {
  header.masthead .intro-text {
  padding-top: 75px;
  height:auto;
  min-height:auto;
   }
   
   header.masthead .intro-text .intro-lead-in {
   font-size:1.5em;
 	font-weight: 300;
    font-style: normal;
    margin-bottom: 25px;
	text-shadow: 0.5px 0.5px 15px silver;
    font-family: Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  } 
  
   .uvodni_prostor
  {
  margin-top:0px;
   }
   
   
   .obrazek_top
  {
  display:block;
  }
  
  .obrazek_top2
  {
  display:none;
  }
  
  .pismo300
{
font-size:1.5rem;
}
  } 
  

   
 @media (min-width: 1280px) {
  header.masthead .intro-text {
  padding-top: 109px;
  min-height:100vh;
  height:auto;
   }  
   
   header.masthead .intro-text .intro-lead-in {
   font-size:2.0em;
   margin-top:20px;
 	font-weight: 300;
    font-style: normal;
    margin-bottom:25px;
	text-shadow: 0.5px 0.5px 15px silver;
    font-family: Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  } 
  
   .uvodni_prostor
  {
  margin-top:0px;
   }
   
     .obrazek_top
  {
  display:block;
  }
  
  .obrazek_top2
  {
  display:none;
  }
  
  .pismo300
{
font-size:2rem;
}
   }
  

  
  
  
  header.masthead .intro-text .intro-heading {
    font-size: 75px;
    font-weight: 700;
    line-height: 75px;
    margin-bottom: 50px;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
}

.service-heading {
  margin: 15px 0;
  text-transform: none;
}

#portfolio .portfolio-item {
  right: 0;
  margin: 0 0 15px;
}

#portfolio .portfolio-item .portfolio-link {
  position: relative;
  display: block;
  max-width: 600px;
  margin: 0 auto;
  cursor: pointer;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all ease 0.5s;
  opacity: 0;
  background: rgba(234, 62, 0, 0.6);
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
  opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
  font-size: 20px;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 20px;
  margin-top: -12px;
  text-align: center;
  color: white;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
  margin-top: -12px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
  margin: 0;
}

#portfolio .portfolio-item .portfolio-caption {
  max-width: 400px;
  margin: 0 auto;
  padding: 25px;
  text-align: center;
  background-color: #fff;
}

#portfolio .portfolio-item .portfolio-caption h4 {
  margin: 0;
  text-transform: none;
}

#portfolio .portfolio-item .portfolio-caption p {
  font-size: 16px;
  font-style: italic;
  margin: 0;
  font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

#portfolio * {
  z-index: 2;
}

@media (min-width: 767px) {
  #portfolio .portfolio-item {
    margin: 0 0 30px;
  }
}

.portfolio-modal .modal-dialog {
  margin: 1rem;
  max-width: 100vw;
}

.portfolio-modal .modal-content {
  padding: 100px 0;
  text-align: center;
}

.portfolio-modal .modal-content h2 {
  font-size: 3em;
  margin-bottom: 15px;
}

.portfolio-modal .modal-content p {
  margin-bottom: 30px;
}

.portfolio-modal .modal-content p.item-intro {
  font-size: 16px;
  font-style: italic;
  margin: 20px 0 30px;
  font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

.portfolio-modal .modal-content ul.list-inline {
  margin-top: 0;
  margin-bottom: 30px;
}

.portfolio-modal .modal-content img {
  margin-bottom: 30px;
}

.portfolio-modal .modal-content button {
  cursor: pointer;
}

.portfolio-modal .close-modal {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 75px;
  height: 75px;
  cursor: pointer;
  background-color: transparent;
}

.portfolio-modal .close-modal:hover {
  opacity: 0.3;
}

.portfolio-modal .close-modal .lr {
  /* Safari and Chrome */
  z-index: 1051;
  width: 1px;
  height: 75px;
  margin-left: 35px;
  /* IE 9 */
  transform: rotate(45deg);
  background-color: #212529;
}

.portfolio-modal .close-modal .lr .rl {
  /* Safari and Chrome */
  z-index: 1052;
  width: 1px;
  height: 75px;
  /* IE 9 */
  transform: rotate(90deg);
  background-color: #212529;
}

.timeline {
  position: relative;
  padding: 0;
  list-style: none;
}

.timeline:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40px;
  width: 2px;
  margin-left: -1.5px;
  content: '';
  background-color: #e9ecef;
  background-color: #004687;
}

.timeline > li {
  position: relative;
  min-height: 50px;
  margin-bottom: 50px;
}

.timeline > li:after, .timeline > li:before {
  display: table;
  content: ' ';
}

.timeline > li:after {
  clear: both;
}

.timeline > li .timeline-panel {
  position: relative;
  float: right;
  width: 100%;
  padding: 0 20px 0 100px;
  text-align: left;
}

.timeline > li .timeline-panel:before {
  right: auto;
  left: -15px;
  border-right-width: 15px;
  border-left-width: 0;
}

.timeline > li .timeline-panel:after {
  right: auto;
  left: -14px;
  border-right-width: 14px;
  border-left-width: 0;
}

.timeline > li .timeline-image {
  position: absolute;
  z-index: 100;
  left: 0;
  width: 80px;
  height: 80px;
  margin-left: 0;
  text-align: center;
  color: white;
  border: 0px solid #e9ecef;
  border-radius: 100%;
  background-color: white;
}

.timeline > li .timeline-image h4 {
  font-size: 10px;
  line-height: 14px;
  margin-top: 12px;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
  padding: 0 20px 0 100px;
  text-align: left;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  right: auto;
  left: -15px;
  border-right-width: 15px;
  border-left-width: 0;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  right: auto;
  left: -14px;
  border-right-width: 14px;
  border-left-width: 0;
}

.timeline > li:last-child {
  margin-bottom: 0;
}

.timeline .timeline-heading h4 {
  margin-top: 0;
  color: inherit;
}

.timeline .timeline-heading h4.subheading {
  text-transform: none;
  font-size:1rem;
}

.timeline .timeline-body > ul,
.timeline .timeline-body > p {
  margin-bottom: 0;
}



.team-member {
  margin-bottom: 50px;
  text-align: center;
}

.team-member img {
  width: 225px;
  height: 225px;
  border: 7px solid rgba(0, 0, 0, 0.1);
}

.team-member h4 {
  margin-top: 25px;
  margin-bottom: 0;
  text-transform: none;
}

.team-member p {
  margin-top: 0;
}

section#contact {
  color: #1c4587;
  background: #F6F9FE; 
  background-size: 100% auto;
  background-image: url("../img/2025_pozadi_hlasovani.jpg");
  background-repeat: repeat-x;
  background-position: center bottom;
}

section#contact .section-heading {
  color: #000000;
  color: #1c4587;
  
}

section#contact .form-group {
  margin-bottom: 25px;
}

section#contact .form-group input,
section#contact .form-group textarea {
  padding: 20px;
}

section#contact .form-group input.form-control {
  height: auto;
}

section#contact .form-group textarea.form-control {
  height: 248px;
}

section#contact .form-control:focus {
  border-color: #ea3e00;
  box-shadow: none;
}

section#contact ::-webkit-input-placeholder {
  font-weight: 700;
  color: #ced4da;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

section#contact :-moz-placeholder {
  font-weight: 700;
  color: #ced4da;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

section#contact ::-moz-placeholder {
  font-weight: 700;
  color: #ced4da;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

section#contact :-ms-input-placeholder {
  font-weight: 700;
  color: #ced4da;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}


section#contact a {
  color: #1C4587;
}

section#contact a:hover {
  color: #1C4587;
  text-decoration: underline;
}


.footer {
  padding: 25px 0;
  text-align: center;
  background-color:#E7F3FC;
  background-color:#CFE5F2;
 
  }

.footer span.copyright {
  font-size: 90%;
  line-height: 10px;
  text-transform: none;
  color:#004687;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

.footer ul.quicklinks {
  font-size: 90%;
  line-height: 40px;
  margin-bottom: 0;
  text-transform: none;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

ul.social-buttons {
  margin-bottom: 0;
  font-size: 14px;
}

ul.social-buttons li a {
  font-size: 10px;
  line-height: 25px;
  display: block;
  width: 25px;
  height: 25px;
  transition: all 0.3s;
  color: white;
  border-radius: 100%;
  outline: none;
  background-color:#004687;
  
}

ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
  background-color: #036cad;
  background-color: #1c4587;
  background-color:#25D4FB;
  background-color:#A4044E;
  
}


#jumbo_001, #jumbo_0011, #jumbo_00111
{
background-color:#036cad;
background-color: #1c4587;
background-color: #EEF3F8;
font-size:1.3em;
color: #004687;
box-shadow: 0.5px 0.5px 20px #D4EAFA;
padding: 50px 100px;
}


.jumbo_001
{
background-color:#036cad;
background-color: #1c4587;
background-color: #EEF3F8;
background-color: #F5FAFE;
background-color: #CFE5F2;
background-color: #E2F4F5;
font-size:1.3em;
color: #004687;
box-shadow: 0.5px 0.5px 20px #D4EAFA;
padding: 50px 100px;
}



#jumbo_002, #jumbo_002_1, #jumbo_002_2, #jumbo_002_3, #jumbo_002_4 
{
background-color:#ffffff;
font-size:1.3em;
color: #004687;
box-shadow: 0.5px 0.5px 20px #ffffff;
background-color: #ffffff;
background-image: url("../img/2023_pozadi01.pg");
background-repeat: repeat-x;
background-position: center bottom;
}




#jumbo_0022
{
background-color:#ffffff;
font-size:1.3em;
color: #004687;
box-shadow: 0.5px 0.5px 20px #ffffff;
}


#jumbo_003
{
background-color:#00498B;
color: white;
box-shadow: 0.5px 0.5px 20px #ffffff;
max-width:auto;
margin:0px;
padding:25px;
margin-left:auto;
margin-right:auto;
filter: alpha(opacity=10); opacity: 0.1;
}


.jumbo_2023
{
background-color: #EEF3F8;
box-shadow: 0.5px 0.5px 20px #D4EAFA;
padding: 50px 100px;
}


.radek
{
line-height: 1.4em;
text-align:center;
}

#dolniokraj_40
{
margin-bottom: 30px;
}


section#clients {
  background-color: #E3F0F8;
  background-color: #CFE5F2;
  background-color: #F1FAFA;
  color:#1C4587;
    
  }
  
.cerna
{
color:black;
font-size:1rem;
text-decoration:underline;
}

.bila
{
color:white;
}

.bila a
{
color:white;
}

.bila a:hover
{
color:white;
}

.mapa {
	width:100%;height:320px;border:0;
}

section#hlasovani {
  background-color: #E3F3FC;
  background-color: #CFE5F2;
  background-color: #E2F4F5;
  background-image: url("../img/2024_pozadi02.pg");
  background-repeat: no-repeat;
  background-position: center bottom;
  
  }
  
  
  section#hlasovani2 {

  text-align: center;
  color: #1C4587;
  background-color: #F6F9FE;
  background-color: #E2F4F5;
  background-image: url("../img/2025_pozadi_hlasovani.jpg");
  background-repeat: repeat-x;
  background-position: center bottom;
  background-size: 100% auto;
  
  }
  
  
  @media (min-width: 320px) {
  .uvodni_prostor
  {
  padding:0px 10px;
  }
  
   header.masthead .intro-text h1 {
font-size: 1em;
font-weight: 900;
text-shadow: 0.5px 0.5px 15px silver;
}

.page-section h2.section-heading {
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 15px;
}

.page-section h3.section-subheading {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 75px;
  text-transform: none;
  font-family: Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';

}

#seznam{
list-style: none; padding: 0; margin: 0; font-size:1.1rem;
}
  
}
  
  
@media (min-width: 360px) {
  .uvodni_prostor
  {
  padding:0px 10px;
  }
  
   header.masthead .intro-text h1 {
font-size: 1.5em;
font-weight: 900;
text-shadow: 0.5px 0.5px 15px silver;
}

.page-section h2.section-heading {
  font-size: 28px;
  margin-top: 0;
  margin-bottom: 15px;
}



.page-section h3.section-subheading {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 75px;
  text-transform: none;
  font-family: Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

#seznam{
list-style: none; padding: 0; margin: 0; font-size:1.1rem;
}
  
}


@media (min-width: 768px) {
  .uvodni_prostor
  {
  padding:80px 20px;
  }
  
header.masthead .intro-text h1 {
font-size: 2.5em;
font-weight: 900;
text-shadow: 0.5px 0.5px 15px silver;
}

.page-section h2.section-heading {
  font-size: 40px;
  margin-top: 0;
  margin-bottom: 15px;
}

.page-section h3.section-subheading {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 75px;
  text-transform: none;
  font-family: Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

#seznam{
list-style: none; padding: 0; margin: 0; font-size:1.8rem;
}
  
}

@media (min-width: 1280px) {
  .uvodni_prostor
  {
  padding:0px 20px;
   }
   
   
  
header.masthead .intro-text h1 {
font-size: 3.5rem;
font-weight: 900;
text-shadow: 0.5px 0.5px 15px silver;
}




.page-section h2.section-heading {
  font-size: 40px;
  margin-top: 0;
  margin-bottom: 15px;
}

.page-section h3.section-subheading {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 75px;
  text-transform: none;
  font-family:  Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

#seznam{
list-style: none; padding: 0; margin: 0; font-size:2rem;
}
}

y is??  0
{
font-size:1.5rem;
}


.pismo130
{
font-size:1.5rem;
line-height: 50%;
font-weight:bold;
}

.mezera30
{
padding:30px;
}
.mezera10
{
padding:10px 0px 10px 0px;
}

#odpocet
{
width:100%; height:150px;
}

.fotogalerie {
 height:160px; 
 width:160px; 
 overflow:hidden; 
 float: left;
 padding:0px;
 margin: 5px;
}

.fotogalerie a:hover {
 display: block;
 filter: alpha(opacity=80); opacity: 0.8;
 }
  
  
 @media (min-width: 320px) {
 
  .fotogalerie_sm {
 height:276px; 
 width:276px; 
 overflow:hidden; 
 padding:0px;
 margin: 5px;
 float: left;
}


#jumbo_001, #jumbo_0011, #jumbo_00111
{
padding: 40px 20px;
}

.jumbo_001
{
padding: 40px 20px;
}

 
  } 
  
  
  
  @media (min-width: 360px) {
 
  .fotogalerie_sm {
 height:316px; 
 width:316px; 
 overflow:hidden; 
 padding:0px;
 margin: 5px;
 float: left;
}

#jumbo_001, #jumbo_0011, #jumbo_00111
{
padding: 40px 20px;
}

.jumbo_001
{
padding: 40px 20px;
}
 
  } 
  
  
  @media (min-width: 768px) {
 
  .fotogalerie_sm {
 height:220px; 
 width:220px; 
 overflow:hidden; 
 padding:0px;
 margin: 5px;
 float: left;
}
 
  } 
  
  @media (min-width: 1280px) {
 
  .fotogalerie_sm {
 height:267px; 
 width:267px; 
 overflow:hidden; 
 padding:0px;
 margin: 5px;
 float: left;
}
 
  } 
  

.fotogalerie_sm a:hover {
 display: block;
 filter: alpha(opacity=80); opacity: 0.8;
 }
 
 



#jumbo_2021_01
{
color: white;
color: #004687;
box-shadow: 0.5px 0.5px 20px #E9ECEF;
background-color: #FDEEF3;
background-image: url("../img/2023_pozadi04.jpg");
background-repeat: repeat-x;
background-position: center bottom;
}

#jumbo_2021_02
{
background-color:#ffffff;
color: #004687;
box-shadow: 0.5px 0.5px 20px #E9ECEF;
background-color: #EEF3F9;
background-image: url("../img/2023_pozadi05.jpg");
background-repeat: repeat-x;
background-position: center bottom;
}


.jumbo_2021_01
{
color: white;
color: #004687;
box-shadow: 0.5px 0.5px 20px #CFE5F2;
background-color: #ffffff;
background-image: url("../img/2025_pozadi04.jpg");
background-repeat: repeat-x;
background-position: center bottom;
}

.jumbo_2021_02
{
background-color:#ffffff;
color: #004687;
box-shadow: 0.5px 0.5px 20px #E9ECEF;
background-color: #ffffff;
background-image: url("../img/2024_pozadi04.jpg");
background-repeat: repeat-x;
background-position: center bottom;
}




.modra2021 {
color:#1c4587;
}

.pismo2023_vel_1rem
{
font-size:1rem;
}

.okraj_jumbo
{
margin:50px 100px 50px 100px;
}


@media (max-width: 1000px) {
.okraj_jumbo
{
margin:10px;
}

.jumbo_2023
{
background-color: #EEF3F8;
box-shadow: 0.5px 0.5px 20px #D4EAFA;
padding: 10px 30px;
}

  }
  
  
#jumbo_sestra_2025_1, #jumbo_sestra_2025_2, #jumbo_sestra_2025_3, #jumbo_sestra_2025_4, #jumbo_sestra_2025_5, #jumbo_sestra_2025_6, #jumbo_sestra_2025_7, #jumbo_sestra_2025_8, #jumbo_sestra_2025_9, #jumbo_sestra_2025_10, #jumbo_sestra_2025_11, #jumbo_sestra_2025_12, #jumbo_sestra_2025_13, #jumbo_sestra_2025_14, #jumbo_sestra_2025_15, #jumbo_sestra_2025_16, #jumbo_sestra_2025_17, #jumbo_sestra_2025_18, #jumbo_sestra_2025_19, #jumbo_sestra_2025_20, #jumbo_sestra_2025_21, #jumbo_sestra_2025_22, #jumbo_sestra_2025_23, #jumbo_sestra_2025_24, #jumbo_sestra_2025_25, #jumbo_sestra_2025_26, #jumbo_sestra_2025_27, #jumbo_sestra_2025_28, #jumbo_sestra_2025_29, #jumbo_sestra_2025_30, #jumbo_sestra_2025_31, #jumbo_sestra_2025_32, #jumbo_sestra_2025_33, #jumbo_sestra_2025_34, #jumbo_sestra_2025_35, #jumbo_sestra_2025_36
{
background-color:#ffffff;
font-size:1.3em;
color: #004687;
box-shadow: 0.5px 0.5px 15px #D7E2F7;
background-color: #F5FAFE;
background-color: #FFFFFF;
background-image: url("../img/2023_pozadi01.pg");
background-repeat: repeat-x;
background-position: center bottom;
margin-bottom:30px;
}

.mysak24
{
cursor:pointer;
}


.vyska_150
{
height:150px;
}

.okraj_2024_20top
{
padding:20px 0 0 0;
}

.text_2024_13rem
{
font-size:1.3rem;
}

.text_2024_08rem
{
font-size:0.8rem;
}

.okraj_2024_0050
{
padding:0 0 5px 0;
}

.vlevo2024
{
text-align:left;
}


.stin
{
box-shadow: 0.5px 0.5px 15px #D7E2F7;
}

.okraj_10_td
{
padding: 0 15px 10px 15px ;
}

.pismo150
{
font-size:1.5rem;
}
