._CookieScriptReportPageCheckbox{
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
._CookieScriptReportPageSaveSettingButton{
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  line-height: 26px;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  padding: 15px 40px 15px 40px;
  margin-top: 10px !important;
  margin-bottom: 10px !important; 
  background-color: transparent;
  border: 1px solid #000000;
  cursor: pointer;
  
  -webkit-border-radius: 40px 40px 40px 40px;
  -moz-border-radius: 40px 40px 40px 40px;
  border-radius: 40px 40px 40px 40px;
}
._CookieScriptReportPageSaveSettingButton:hover{
  opacity: 0.8;
}
._CookieScriptReportPageCheckboxText {
    margin: 0 0 0 12px !important;
}
h4{
  margin: 20px 0px 10px 0px;
  font-size: 14px;
}
/*--- Popup okno (START) ---*/
/* Nemazat je zde i trida "box_validace_form" ktera spolu s ostatnimi dela poup okno s chybovymi hlaskami u validace formulare - je v JS,CSS i HTML */
.skryte_tl_popup_validace{
  display: none;
}
.polozka_chybova_hlaska {
  display: block;
  color: #FF0000;
}
/*--- Popup okno (KONEC) ---*/
/*--- Hlavicka (START) ---*/
.logo{
  float: left;
  width: 110px; /*160px*/
  height: 54px; /*80px*/
  
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../../img/hlavicka/logo.png?v=1.0");
  
  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
  /* misto "all" lze specifikovat zmena ceho provede transition => treba "color", "background" */
}
.hlavicka_home .logo{
  width: 182px;
  height: 96px;
  background-image: url("../../img/hlavicka/logo_bila.png?v=1.0");
}
.hlavicka_roluje.hlavicka_home .logo{
  width: 110px; /*160px*/
  height: 54px; /*80px*/
  
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../../img/hlavicka/logo.png?v=1.0");
}

.hlavicka_predel{
  float: left;
  height: 80px;
  margin-left: 30px;
  padding-left: 30px;
  border-left: 1px solid #E4DAC9;
}

.logo_interreg{
  float: left;
  width: 350px;
  height: 80px;
  
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../../img/hlavicka/interreg_modra.png?v=1.0");
  
  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
  /* misto "all" lze specifikovat zmena ceho provede transition => treba "color", "background" */
}
.hlavicka_home .logo_interreg{
  width: 456px;
  height: 96px;
  background-image: url("../../img/hlavicka/interreg_bila.png?v=1.0");
}
.hlavicka_roluje.hlavicka_home .logo_interreg{
  width: 350px;
  height: 80px;
  
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../../img/hlavicka/interreg_modra.png?v=1.0");
}

.hlavni_menu{
  display: block;
  float: right;
}
.hlavni_menu_resp{
  display: none;
}
.obal_polozky_hlavni_menu{
  position: relative;
  float: left;
  z-index: 25;
}
.polozka_hlavni_menu {
  position: relative;
  float: left;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  padding: 13px 10px 13px 10px;
  color: #000000;
  font-weight: bold;
  z-index: 22;
}
.hlavicka_home .polozka_hlavni_menu {
  color: #FFFFFF;
}
.hlavicka_roluje.hlavicka_home .polozka_hlavni_menu{
  color: #000000;
}
.obal_polozky_hlavni_menu:hover .polozka_hlavni_menu {
  color: #65B32E;
}
.aktivni_hlavni_menu, .aktivni_hlavni_menu:hover,
.hlavicka_home .aktivni_hlavni_menu, .hlavicka_home .aktivni_hlavni_menu:hover,
.hlavicka_roluje.hlavicka_home .aktivni_hlavni_menu, .hlavicka_roluje.hlavicka_home .aktivni_hlavni_menu:hover {
  color: #65B32E;
}
/*--- Hlavicka (KONEC) ---*/
/*--- Responsivni menu (START) ---*/
.resp_menu{
  position: absolute;
  right: 40px;
  top: 28px;
  display: block;
  float: right;
  width: 66px;
  height: 66px;
  line-height: 66px;
  text-align: center;
  vertical-align: top;
  font-weight: bold;
  margin-left: 30px;
  padding: 0px;
  cursor: pointer;
  background-color: #65B32E;
  z-index: 60;
  
  -webkit-border-radius: 33px 33px 33px 33px;
  -moz-border-radius: 33px 33px 33px 33px;
  border-radius: 33px 33px 33px 33px;
  behavior: url(../../funkce/PIE.php);
}
.resp_menu .efekt_resp_menu_ikona{

}

.horni_menu{  
  display: none;
  float: none;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 430px;
  height: 100vh; /*jindy to pocita skript, ale zde to ma byt maximalne vysoke = upravvoal jsem i skript*/
  box-sizing: border-box; /*jindy to pocita skript, ale zde to ma byt maximalne vysoke = upravvoal jsem i skript*/
  padding: 120px 130px 130px 60px; /*vpravo a nahore o zavirani okna + dole o socialni site*/
  padding-right: 130px;
  background-color: #FFFFFF;
  overflow: auto;
  z-index: 50;
}
.odsazeni_horni_menu_h, .odsazeni_horni_menu_d{
  display: block;
}
.horni_menu a:hover{
  text-decoration: none;
}
.obal_polozky_menu{
  position: relative;
  display: block;
  z-index: 25;
  padding-bottom: 0px;
}
.polozka_menu {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 28px;
  padding: 10px 0px 10px 0px;
  color: #000000;
  font-weight: bold;
  z-index: 22;
}
.obal_polozky_menu:hover .polozka_menu {
  color: #65B32E;
  text-decoration: none;
}
.aktivni_menu, .aktivni_menu:hover {
  color: #65B32E;
  text-decoration: none;
}
.stin_pro_menu{
  display: none;
  position: fixed;
  left: 0px;
  top: 0px; /*o vysku menu*/
  height: 100%; /*jinde height pocita skript, ale zde netreba*/
  width: 100%;
  cursor: pointer;
  
  /*background-position: left top;
  background-repeat: repeat;
  background-image: url("../../img/bg_cerna_10.png");*/
  background-color: #000000;
  opacity: 0.1;
  z-index: 20;
}

.blok_soc_site_hlava{
  position: absolute;
  left: 0px;
  bottom: 20px;
  width: 100%;
  padding: 0px 130px 0px 60px;
  vertical-align: top;
  text-align: left;
  box-sizing: border-box;
}
.blok_soc_site_hlava_nadpis, .blok_soc_site_pata_nadpis{
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.soc_sit_hlava, .soc_sit_pata{
  display: inline-block;
  vertical-align: top;
  height: 28px;
  margin: 5px 20px 5px 0px;

  background-position: center center;
  background-repeat: no-repeat;
}
.fb_hlava, .fb_pata{
  width: 28px;
  background-image: url("../../img/soc_site/facebook.png?v=1.0");
}
.you_hlava, .you_pata{
  width: 35px;
  background-image: url("../../img/soc_site/youtube.png?v=1.0");
}
.inst_hlava, .inst_pata{
  width: 28px;
  background-image: url("../../img/soc_site/instagram.png?v=1.0");
}
/*--- Responsivni menu (KONEC) ---*/
/*--- Paticka (START) ---*/
.blok_s_kontakty_nad_patickou{
  position: relative;
  display: block;
  background-color: #F6EBD9;
}
.blok_s_kontakty_nad_patickou_leva{
  position: relative;
  float: left;
  width: 50%;
  padding-right: 120px;
  padding-left: calc((100vw - 1520px) / 2); /* zarovnani s ostatnim obsahem webu */
  box-sizing: border-box;
  z-index: 5;
  
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("../../img/paticka/obr_vedle_mapy.png?v=1.1");
}
.blok_s_kontakty_nad_patickou_leva_table{
  display: table;
  box-sizing: border-box;
  color: #FFFFFF;
}
.blok_s_kontakty_nad_patickou_leva_td{
  display: table-cell;
  height: 688px;
  padding: 40px 0px 40px 0px;
  vertical-align: middle;
}
.blok_s_kontakty_nad_patickou_prava{
  position: relative;
  float: left;
  /*width: 50%;*/
  width: calc(50% + 30px); /* zarovnani s ostatnim obsahem webu */
  height: 768px;
  margin-left: -30px;
  z-index: 1;
  
  background-size: cover;
  background-position: right top;
  background-repeat: no-repeat;
  background-image: url("../../img/paticka/obr_mapa_nad_patou.jpg?v=1.0");
}

.blok_s_kontakty_nad_patickou_leva_texty{
  display: block;
  clear: both;
  margin-bottom: 30px;
}
.blok_s_kontakty_nad_patickou_leva_text1{
  display: block;
  clear: both;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: bold;
}
.blok_s_kontakty_nad_patickou_leva_text2{
  display: block;
  clear: both;
  font-size: 64px;
  line-height: 76px;
  font-weight: bold;  
}
.blok_kontakt_nad_patickou{
  display: block;
  clear: both;
}
.polozka_kontakt_nad_patickou{
  position: relative;
  display: block;
  padding-left: 60px;
  margin-bottom: 10px;
  font-size: 30px;
  line-height: 40px;
  font-weight: bold;
  color: #FFFFFF;
}
.polozka_kontakt_nad_patickou:hover{
  color: #65B32E;
}
.ikona_kontakt_nad_patickou{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
  background-color: #4C76BA;
  
  background-position: center center;
  background-repeat: no-repeat;
  
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  behavior: url(../../funkce/PIE.php);
}
.mail_nad_patickou .ikona_kontakt_nad_patickou{
  background-image: url("../../img/ikony/ic_mail.png");
}
.tel_nad_patickou .ikona_kontakt_nad_patickou{
  background-image: url("../../img/ikony/ic_tel.png");
}

.paticka_in_h{
  display: block;
  padding: 50px 0px 40px 0px;
  border-bottom: 1px solid #E4DAC9;
}
.paticka_in_s{
  position: relative;
  display: block;
  padding: 30px 0px 30px 0px;
  border-bottom: 1px solid #E4DAC9;
}
.paticka_in_d{
  display: block;
  padding: 20px 0px 20px 0px;
}

.blok_interreg_pata{
  display: block;
  padding: 0px 40px 0px 480px;
  font-size: 16px;
  line-height: 22px;
  min-height: 80px; /*skrze obrazek v pozadi*/
  
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../../img/paticka/Interreg_SK-CZ.png?v=1.0");
}
.blok_interreg_pata p{
  margin: 0px;
}

.sloupec_paticka{
  float: left;
  width: 22%;
  margin-right: 3%;
}
.sloupec_paticka a:hover{
  text-decoration: none;
}
.spacer_sloupec_pata_po_2{
  display: none;
}
.polozka_sloupec_pata {
  display: block;
  font-size: 18px;
  color: #000000;
  line-height: 24px;
  font-weight: bold;
  padding: 4px 0px 4px 0px;
}
.sloupec_paticka_vedlejsi .polozka_sloupec_pata {
  font-size: 16px;
  font-weight: normal;
}
.polozka_sloupec_pata:hover, .aktivni_sloupec_pata, .aktivni_sloupec_pata:hover {
  color: #65B32E;
}

.blok_kontakt_paticka1{
  display: block;
  clear: both;
  padding-bottom: 10px;
}
.polozka_kontakt_paticka{
  position: relative;
  display: block;
  padding-left: 40px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 30px;
  font-weight: bold;
  color: #000000;
}
.polozka_kontakt_paticka:hover{
  color: #65B32E;
}
.ikona_kontakt_paticka{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  background-color: #4C76BA;
  
  background-position: center center;
  background-repeat: no-repeat;
  
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  behavior: url(../../funkce/PIE.php);
}
.mail_pata .ikona_kontakt_paticka{
  background-image: url("../../img/ikony/ic_mail.png");
}
.tel_pata .ikona_kontakt_paticka{
  background-image: url("../../img/ikony/ic_tel.png");
}
.blok_kontakt_paticka2{
  display: block;
  clear: both;
  font-size: 16px;
  line-height: 22px;
}
.blok_kontakt_paticka2 p{
  margin: 0px;
}

.tl_kotva_nahoru{
  position: absolute;
  right: 0px;
  bottom: 30px;
  width: 40px;
  height: 40px;
  background-color: #F6EBD9;
  cursor: pointer;
  
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  behavior: url(../../funkce/PIE.php);
  
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../../img/ikony/sipka_cerna_nahoru.png?v=1.0");
}
.tl_kotva_nahoru:hover{
  opacity: 0.8;
}

.copyright_pata{
  float: left;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
}

.mcrai_pata{
  float: right;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
}
.mcrai_pata:hover{
  color: #65B32E;
}

.dolni_menu{
  display: block;
  text-align: left;
  margin: 0px 240px 0px 25%;
  vertical-align: top;
  font-size: 0; /*skrze inline-block prvky uvnitr*/
}
.polozka_menu_pata {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #000000;
  line-height: 20px;
  padding: 0px 20px 0px 0px;
  z-index: 22;
}
.polozka_menu_pata:hover, .aktivni_menu_pata, .aktivni_menu_pata:hover {
  color: #65B32E;
}

.soc_site_pata{
  display: block;
  clear: both;
  vertical-align: top;
  text-align: left;
}
 /*--- Paticka (KONEC) ---*/
/*--- Home (START) ---*/
.blok_posuvnik_home{
  position: relative;
  display: block;
  /*height: 100vh;*/
}
.swiper-container_z_admin .swiper-slide{
  height: 100vh;
}
.swiper-pagination{
  bottom: 60px !important;
}
.swiper-container_z_admin .swiper-pagination-bullet{
  height: 16px !important;
  width: 16px !important;
  background-color: #FFFFFF !important;
  border: 1px solid #000000 !important;
  opacity: 1 !important;
}
.swiper-container_z_admin .swiper-pagination-bullet-active{
  background-color: #65B32E !important;
  opacity: 1 !important;
}
.blok_posuvnik_home img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stin_swiper_home{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
  
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("../../img/home/shadow-bg-slider.png");
}
.obal_nadpisu_home{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 20;
}
.obal_nadpisu_home_in{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 80px 0px 80px 0px;
  box-sizing: border-box;
}
.nadpis_swiper_z_admin{
  display: block;
  text-align: center;
  vertical-align: top;
  font-size: 100px;
  line-height: 120px;
  color: #FFFFFF;
  font-weight: bold;
  margin: 0px;
}
.pozadi_blok_posuvnik_home, .pozadi_blok_kontakty_nad_patickou, .pozadi_uvodni_foto_clanek_o_nas, .okraj_kolem_map_dolni{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 30px;
  z-index: 10;
  
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("../../img/pozadi/pozadi_bezova_dole_pruhledna_nahore.png");
  
  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
  /* misto "all" lze specifikovat zmena ceho provede transition => treba "color", "background" */
}
.pozadi_blok_kontakty_nad_patickou_horni, .pozadi_blok_soubory_detail, .okraj_kolem_map_horni{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 30px;
  z-index: 10;
  
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("../../img/pozadi/pozadi_bezova_nahore_pruhledna_dole.png");
  
  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
  /* misto "all" lze specifikovat zmena ceho provede transition => treba "color", "background" */
}

.blok_uvodni_text_home{
  display: block;
  clear: both;
  padding: 80px 0px 80px 0px;
  text-align: center;
}

.blok_clanky_home{
  display: block;
  clear: both;
  padding: 20px 0px 20px 0px;
}

.blok_poznejte_home{
  position: relative;
  display: block;
  clear: both;
  padding: 90px 0px 90px 0px;
  background-color: #FFFFFF;
}
.blok_pozvanky_a_aktualne_home{
  position: relative;
  display: block;
  clear: both;
  padding: 60px 0px 60px 0px;
  background-color: #4C76BA;
}
.blok_mohlo_by_zajimat_home{
  position: relative;
  display: block;
  clear: both;
  padding: 70px 0px 70px 0px;
  background-color: #FFFFFF;
}
.blok_galerie_home{
  position: relative;
  display: block;
  clear: both;
  padding-bottom: 40px;
}

.h2_nadpis_home{
  display: block;
  text-align: center;
  vertical-align: top;
  font-size: 64px;
  line-height: 76px;
  color: #4C76BA;
  font-weight: bold;
  margin: 0px 0px 40px 0px;
}
.blok_prohlidka_home .h2_nadpis_home{
  color: #FFFFFF;
  text-align: left;
}
.blok_pozvanky_a_aktualne_home .h2_nadpis_home{
  color: #FFFFFF;
}
.blok_uvodni_text_home_in{
  display: block;
  font-size: 30px;
  line-height: 42px;
}
.blok_uvodni_text_home_in p{
  margin: 0px;
}

.blok_poznejte_home_leva{
  position: relative;
  float: left;
  width: 40%;
  margin-right: 5%;
  text-align: center;
}
.blok_poznejte_home_leva img{
  max-width: 100%;
}
.blok_poznejte_home_prava{
  float: left;
  width: 55%;
  font-size: 22px;
  line-height: 30px;
}
.blok_poznejte_home_prava p{
  
}
.blok_poznejte_home_prava table{
  width: 100%;
}
.blok_poznejte_home_prava td{
  padding: 2px 26px 2px 0px;
}
.blok_poznejte_home_podpis{
  position: absolute;
  left: 0px;
  bottom: 16%;
  width: 280px;
  padding-top: 100px;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url("../../img/home/podpis.png");
}
.blok_poznejte_home_podpis p{
  margin: 0px;
}
.pozadi_blok_poznejte_home{
  position: absolute;
  left: 0px;
  top: -48px;
  width: 100%;
  height: 48px;
  z-index: 10;
  
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("../../img/pozadi/pozadi_bila_dole_pruhledna_nahore.png");
  
  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
  /* misto "all" lze specifikovat zmena ceho provede transition => treba "color", "background" */
}

.blok_prohlidka_home{
  position: relative;
  display: block;
  clear: both;
  background-color: #B3CD9E;
  
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4d9c17+0,59c013+48,59c013+48 */
  /*background: linear-gradient(to right,  #4d9c17 0%,#59c013 48%,#59c013 48%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.blok_prohlidka_home_in{
  position: relative;
  display: block;
  clear: both;
  padding: 140px 0px 140px 0px;
  
  background-position: right -100px center;
  background-repeat: no-repeat;
  background-image: url("../../img/home/obr_mapa.png");
}
.blok_prohlidka_home_text{
  float: left;
  width: 520px;
  color: #FFFFFF;
}
.blok_prohlidka_home_text_in{
  display: block;
  font-size: 22px;
  line-height: 30px;
}
.blok_prohlidka_home_obr_resp{
  display: none;
}
.blok_prohlidka_home_obr_resp img{
  max-width: 100%;
}
.tl_vice_areal_home{
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  line-height: 26px;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  padding: 20px 56px 20px 56px;
  background-color: #FFFFFF;
  margin-top: 30px;
  
  -webkit-border-radius: 40px 40px 40px 40px;
  -moz-border-radius: 40px 40px 40px 40px;
  border-radius: 40px 40px 40px 40px;
}
.tl_vice_areal_home:hover{
  background-color: #65B32E;
  color: #FFFFFF;
}
.pozadi_blok_prohlidka_home, .pozadi_blok_video_detail{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 45px;
  z-index: 10;
  
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("../../img/pozadi/pozadi_bila_nahore_pruhledna_dole.png");
  
  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
  /* misto "all" lze specifikovat zmena ceho provede transition => treba "color", "background" */
}

.blok_pozvanky_a_aktualne_home_in{
  float: left;
  width: 50%;
  padding: 10px 0px 10px 50px;
  text-align: center;
  vertical-align: top;
  box-sizing: border-box;
}
.blok_pozvanky_a_aktualne_home_in a:hover{
  text-decoration: none;
}
.blok_pozvanky_home{
  border-right: 1px solid #538EEE;
  padding-left: 0px;
  padding-right: 50px;
}

.polozka_vypis_pozvanky_a_aktualne{
  position: relative;
  display: block;
  vertical-align: top;
  margin: 14px 2% 14px 0px;
  overflow: hidden;
  
  -webkit-border-radius: 12px 12px 12px 12px;
  -moz-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;
}

.obr_vypis_pozvanky_a_aktualne{
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
}
.obr_vypis_pozvanky_a_aktualne_in{
  float: left;
  width: 280px;
  height: 280px;
  line-height: 280px;
  background-color: #E4DAC9;
  text-align: center;
  overflow: hidden;
  font-size: 0; /*tim se odstrani bug s 1px mezerou nad obrazkem*/
}
.obr_vypis_pozvanky_a_aktualne img{
  max-width: 100%;
  /*max-width: 140px;
  _width: expression(this.height < this.width && this.width > 140 ? 140 : true);*/
  max-height: 280px;
  transition: transform 0.2s;
  
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.polozka_vypis_pozvanky_a_aktualne:hover .obr_vypis_pozvanky_a_aktualne_in img{
  transform: scale(1.1);
}
.polozka_vypis_pozvanky_a_aktualne_in{
  position: relative;
  display: block;
  margin-left: 280px;
  padding: 60px 60px 60px 40px;
  background-color: #FFFFFF;
  text-align: left;
}

.datum_vypis_pozvanky_a_aktualne{
  display: block;
  font-size: 18px;
  line-height: 24px;
  height: 24px;
  font-weight: bold;
  color: #4C76BA;
  margin: 0px 0px 10px 0px;
  
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.nazev_vypis_pozvanky_a_aktualne{
  display: block;
  font-size: 30px;
  line-height: 42px;
  height: 126px;
  font-weight: bold;
  color: #000000;
  overflow: hidden;
}
.polozka_vypis_pozvanky_a_aktualne:hover .nazev_vypis_pozvanky_a_aktualne{
  color: #65B32E;
}
.sipka_vypis_pozvanky_a_aktualne{
  position: absolute;
  right: 18px;
  bottom: 18px;
  width: 24px;
  height: 24px;
  
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../../img/ikony/ic_zelena_prava_kruh.png");
}
.sipka_vypis_pozvanky_a_aktualne:hover{
  opacity: 0.8;
}

.tl_pozvanky_a_aktualne_hom{
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  line-height: 26px;
  color: #FFFFFF;
  font-weight: bold;
  text-transform: uppercase;
  padding: 20px 56px 20px 56px;
  background-color: transparent;
  border: 1px solid #FFFFFF;
  margin-top: 30px;
  
  -webkit-border-radius: 40px 40px 40px 40px;
  -moz-border-radius: 40px 40px 40px 40px;
  border-radius: 40px 40px 40px 40px;
}
.tl_pozvanky_a_aktualne_hom:hover{
  border: 1px solid #65B32E;
  background-color: #65B32E;
  color: #FFFFFF;
}


.obal_polozek_galerie_home{
  display: block;
  text-align: center;
  vertical-align: top;
  font-size: 0; /*skrzne inline-block potomky*/
}
.blok_galerie_home_hlasky{ /* dodat font-size pokud se galerie_home podmenu/ galerie_home clanku stredi k cemuz se pouzije "font-size: 0;" tudiz bezna hlasna nejde videt */
  display: block;
  font-size: 16px;
  line-height: normal;
  text-align: center;
  padding: 20px 0px 20px 0px;
}
.polozka_galerie_home{
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 25%;
}
.spacer_galerie_home_novinky{
  display: block;
  clear: both;
}
.galerie_home_sirka_vyska{
  float: left;
  width: 50%;
}
.vypis_sirka_vyska{
  float: left;
  width: 50%;
}
.obal_obr_galerie_home{
  position: relative;
  display: block; /* souvisi s hodnotou v tride "pomer_fotek_galerie_home" */
  overflow: hidden;
}
.obal_obr_galerie_home_in{
  display: block;
  height: 340px; /* souvisi s hodnotou v tride "pomer_fotek_galerie_home" */
  line-height: 340px;
  background-color: #E4DAC9;
  text-align: center;
  overflow: hidden;
  font-size: 0; /*tim se odstrani bug s 1px mezerou nad obrazkem*/
}
.obal_obr_galerie_home img{
  /*max-width: 100%;
  max-height: 360px;*/
  
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pomer_fotek_galerie_home{ /*pomocna trida pro pomerove zmensovani galerie v responsivite pomoci Javascriptu*/
  display: none;
  width: 480px; /* to je tech 20% z ".obal_obr_galerie_home" v zakladu (= full hd) */
  height: 340px; /* to je height z ".obal_obr_galerie_home_in" v zakladu (= full hd) */
}
/*--- Home (KONEC) ---*/
/*--- Vypis (START) ---*/
.obsah_vypis, .obsah_vypis_o_nas, .obsah_vypis_prohlidky, .obsah_vypis_mapa_sadu{
  display: block;
  padding: 0px 0px 50px 0px;
}

.blok_s_nazvy_vypis{
  display: block;
  clear: both;
  margin-bottom: 40px;
  text-align: center;
  vertical-align: top;
}
.nazev_podmenu_vypis{
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0px 0px 10px 0px;
}
.h1_vypis{
  display: block;
  font-size: 80px;
  line-height: normal;
  color: #4C76BA;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
}
.blok_text_nad_clanky{
  display: block;
  clear: both;
  margin-bottom: 40px;
  text-align: center;
}

.blok_vypis_hlasky{ /* dodat font-size pokud se vypis podmenu/ vypis clanku stredi k cemuz se pouzije "font-size: 0;" tudiz bezna hlasna nejde videt */
  display: block;
  font-size: 16px;
  line-height: normal;
  text-align: center;
  padding: 20px 0px 20px 0px;
}

.obal_polozek_vypis{
  display: block;
  padding: 30px 0px 30px 0px;
  font-size: 0; /* skrze inline-block polozek */
  text-align: center;
  vertical-align: top;
}

.polozka_vypis{
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 23%;
  margin: 20px 1% 20px 1%;
  /*overflow: hidden;*/
}

.obr_vypis{
  position: relative;
  display: block; /* souvisi s hodnotou v tride "pomer_fotek_vypis" */
  overflow: hidden;
  
  -webkit-border-radius: 12px 12px 12px 12px;
  -moz-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;  
}
.obr_vypis_in{
  display: block;
  height: 240px; /* souvisi s hodnotou v tride "pomer_fotek_vypis" */
  line-height: 240px;
  background-color: #DADADA;
  text-align: center;
  overflow: hidden;
  font-size: 0; /*tim se odstrani bug s 1px mezerou nad obrazkem*/
}
.obr_vypis img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  
  transition: transform 0.2s;
}
.polozka_vypis:hover .obr_vypis_in img{
  transform: scale(1.1);
}
.pomer_fotek_vypis{ /*pomocna trida pro pomerove zmensovani galerie v responsivite pomoci Javascriptu*/
  display: none;
  width: 360px; /* to je tech 20% z "obr_vypis" v zakladu (= full hd) */
  height: 240px; /* to je height z "obr_vypis_in" v zakladu (= full hd) */
}

.cislo_prohlidka{
  position: absolute;
  left: 8px;
  top: 8px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  vertical-align: top;
  border: 2px solid #4C76BA;
  font-size: 16px;
  color: #4C76BA;
  font-weight: bold;
  background-color: #FFFFFF;
  z-index: 5;
  
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;  
}

.nazev_vypis{
  display: table;
  width: 80%;
  padding: 20px 10% 20px 10%;
  height: 60px;
  overflow: hidden;
  transition: transform 0.2s;
}
.nazev_vypis_in{
  display: table-cell;
  vertical-align: middle;
  text-align: left;  
}
.nazev_vypis_in h2{
  display: block;
  font-size: 20px;
  line-height: 28px;
  max-height: 84px;
  margin: 0px 0px 0px 0px;
  font-weight: bold;
  color: #000000;
  overflow: hidden;
  text-align: left;  
}
.nazev_vypis_in h3{
  display: block;
  font-size: 18px;
  line-height: 22px;
  max-height: 22px;
  margin: 0px 0px 0px 0px;
  font-weight: bold;
  color: #4C76BA;
  text-align: left;  
  
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
 
.stred_dalsi{
  display: block;
  text-align: center;
  margin: 20px 0px 0px 0px;
}
.tl_dalsi{
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  line-height: 26px;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  padding: 20px 56px 20px 56px;
  background-color: transparent;
  border: 1px solid #000000;
  cursor: pointer;
  
  -webkit-border-radius: 40px 40px 40px 40px;
  -moz-border-radius: 40px 40px 40px 40px;
  border-radius: 40px 40px 40px 40px;
}
.tl_dalsi:hover{
  border: 1px solid #65B32E;
  background-color: #65B32E;
  color: #FFFFFF;
}
/*--- Vypis (KONEC) ---*/
/*--- Vypis O nas (START) ---*/
.obal_vypis_cik_cak{
  display: block;
  clear: both;  
}
.blok_cik_cak_obr_leva, .blok_cik_cak_obr_prava{
  display: block;
  clear: both;
  padding: 20px 0px 20px 0px;
  overflow: hidden;
}
.blok_cik_cak_table{
  display: table;
  width: 100%;
}
.blok_cik_cak_tr{
  display: table-row;
  width: 100%;
}
.blok_cik_cak_td{
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  padding: 20px 0px 20px 0px;
}
.cik_cak_td_text{
  background-repeat: no-repeat;
  background-image: url("../../img/pozadi/znak_pozadi.png?v=1.0");
}
.blok_cik_cak_obr_leva .cik_cak_td_text{
  padding-left: 70px;
  padding-right: calc((100vw - 1520px) / 2); /* zarovnani s ostatnim obsahem webu */
  text-align: left;
  background-position: right calc((100vw - 1520px) / 2) center;
}
.blok_cik_cak_obr_prava .cik_cak_td_text{
  padding-right: 70px;
  padding-left: calc((100vw - 1520px) / 2); /* zarovnani s ostatnim obsahem webu */
  text-align: right;
  background-position: left calc((100vw - 1520px) / 2) center;
}
.cik_cak_td_obr{
  position: relative;
}

.obr_vypis_cik_cak{
  position: relative;
  display: block; /* souvisi s hodnotou v tride "pomer_fotek_vypis_cik_cak" */
  overflow: hidden;
}
.obr_vypis_cik_cak_in{
  display: block;
  height: 620px; /* souvisi s hodnotou v tride "pomer_fotek_vypis_cik_cak" */
  line-height: 620px;
  text-align: left;
  overflow: hidden;
  font-size: 0; /*tim se odstrani bug s 1px mezerou nad obrazkem*/
}
.obr_vypis_cik_cak img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pomer_fotek_vypis_cik_cak{ /*pomocna trida pro pomerove zmensovani galerie v responsivite pomoci Javascriptu*/
  display: none;
  width: 930px; /* to je tech 20% z "obr_vypis_cik_cak" v zakladu (= full hd) */
  height: 620px; /* to je height z "obr_vypis_cik_cak_in" v zakladu (= full hd) */
}

.blok_cik_cak_obr_leva .cik_cak_td_obr{
  text-align: left;
  padding: 0px;
}
.blok_cik_cak_obr_prava .cik_cak_td_obr{
  text-align: right;
  padding: 0px;
}
.okraj_cik_cak_obr_horni{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 30px;
  z-index: 10;
  
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("../../img/pozadi/pozadi_bezova_nahore_pruhledna_dole.png");
  
  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
  /* misto "all" lze specifikovat zmena ceho provede transition => treba "color", "background" */
}
.okraj_cik_cak_obr_spodni{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 30px;
  z-index: 10;
  
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("../../img/pozadi/pozadi_bezova_dole_pruhledna_nahore.png");
  
  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
  /* misto "all" lze specifikovat zmena ceho provede transition => treba "color", "background" */
}
.okraj_cik_cak_obr_bok{
  position: absolute;
  right: 0px;
  top: 0px;
  width: 30px;
  height: 100%;
  z-index: 10;
  
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right top;
  background-image: url("../../img/pozadi/pozadi_bezova_vpravo_prohledna_vlevo.png");
  
  -webkit-transition: all 250ms linear; /* cas lze zadat i v sekundach => 0.25s */
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
  /* misto "all" lze specifikovat zmena ceho provede transition => treba "color", "background" */
}
.blok_cik_cak_obr_prava .okraj_cik_cak_obr_bok{
  right: auto;
  left: 0px;
  background-image: url("../../img/pozadi/pozadi_bezova_vlevo_prohledna_vpravo.png");
}
.nadpis_cik_cak{
  display: block;
  font-size: 48px;
  line-height: 60px;
  margin: 0px 0px 20px 0px;
  color: #4C76BA;
  font-weight: bold;
}
.obal_p_cik_cak{
  display: block;
  font-size: 20px;
  line-height: 28px;
}
.obal_p_cik_cak p{
  margin: 0px;
}
.obr_cik_cak_resp{
  display: none;
}

.tl_cik_cak{
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  line-height: 26px;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  padding: 20px 56px 20px 56px;
  background-color: transparent;
  border: 1px solid #000000;
  cursor: pointer;
  margin-top: 20px;
  
  -webkit-border-radius: 40px 40px 40px 40px;
  -moz-border-radius: 40px 40px 40px 40px;
  border-radius: 40px 40px 40px 40px;
}
.tl_cik_cak:hover{
  border: 1px solid #65B32E;
  background-color: #65B32E;
  color: #FFFFFF;
}
/*--- Vypis O nas (KONEC) ---*/
/*--- Vypis prohlidky (START) ---*/
.blok_mapa_prohlidky{
  position: relative;
  display: block;
  clear: both;
}
.obr_mapa_arealu{
  display: block;
}
.obr_mapa_arealu_resp{
  display: none;
}
.cislo_mapa_prohlidka{
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  vertical-align: top;
  border: 2px solid #4C76BA;
  font-size: 16px;
  color: #4C76BA;
  font-weight: bold;
  background-color: #FFFFFF;
  z-index: 5;
  
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 2
}
.cislo_mapa_prohlidka.hover_prohlidky{
  z-index: 15;
}
.cislo_mapa_1{
  left: 69%;
  top: 53%;
}
.cislo_mapa_2{
  left: 63%;
  top: 53%;
}
.cislo_mapa_3{
  left: 63%;
  top: 36%;
}
.cislo_mapa_4{
  left: 56%;
  top: 36%;
}
.cislo_mapa_5{
  left: 50%;
  top: 17%;
}
.cislo_mapa_6{
  left: 48%;
  top: 51%;
}
.cislo_mapa_7{
  left: 42%;
  top: 43%;
}
.cislo_mapa_8{
  left: 26%;
  top: 52%;
}
.cislo_mapa_9{
  left: 20%;
  top: 56%;
}
.cislo_mapa_10{
  left: 57%;
  top: 76%;
}
.cislo_mapa_11{
  left: 63%;
  top: 75%;
}
.cislo_mapa_12{
  left: 74%;
  top: 56%;
}
.cislo_mapa_13{
  left: 81%;
  top: 32%;
}
.cislo_mapa_prohlidka_in{
  display: none;
  position: absolute;
  left: -10px;
  top: -10px;
  width: 190px;
  padding: 5px;
  background-color: #FFFFFF;
  z-index: 10;
  
  -webkit-border-radius: 12px 12px 12px 12px;
  -moz-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;
}
.hover_prohlidky .cislo_mapa_prohlidka_in{
  display: block;
}
.cislo_mapa_prohlidka_in_in{
  position: relative;
  display: block;
}
.cislo_mapa_prohlidka_in_in img{
  max-width: 100%;
  
  -webkit-border-radius: 12px 12px 12px 12px;
  -moz-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;
}
.cislo_mapa_prohlidky{
  position: absolute;
  left: 5px;
  top: 5px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  vertical-align: top;
  border: 2px solid #4C76BA;
  font-size: 16px;
  color: #4C76BA;
  font-weight: bold;
  background-color: #FFFFFF;
  z-index: 5;
  
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;  
}
.nazev_mapa_prohlidky_in{
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  padding: 10px 46px 10px 10px;
  color: #000000;
  text-align: left;
}
.sipka_mapa_prohlidky{
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 24px;
  height: 24px;
  
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../../img/ikony/ic_zelena_prava_kruh.png");
}
/*--- Vypis prohlidky (KONEC) ---*/
/*--- Vypis mapa sadu (START) ---*/
.blok_filtrace_mapa_sadu{
  position: relative;
  display: block;
  clear: both;
  padding: 30px 0px 30px 0px;
  text-align: center;
  vertical-align: top;
}

.form_blok_mapa{
  position: relative;
  display: inline-block;
  vertical-align: top;
  max-width: 18%;
  min-width: 200px;
  margin: 0px 1% 20px 1%;
  text-align: left;
}
.form_popisek_mapa{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 24px;
  height: 24px;
  font-weight: bold;
  margin-bottom: 5px;
}
.form_select_mapa{
  float: left;
  width: 100%;
  font-size: 16px;
  height: 54px;
  line-height: 54px;
  padding: 0px 0px 0px 2%;  /*pravy padding nelze pouzit skrze IE, protoze odsadi to sipku dolu*/
  background-color: transparent;
  border: 1px solid #E4DAC9;  /* jen proto aby byl border vzdy skrze cerveny border kdyz je chyba */
  background-color: #FFFFFF;
  
  -webkit-border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  border-radius: 30px 30px 30px 30px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
  /*--- navod na selct s vlastni ikonou sipky.. nutne ddat i pravy padding (START) ---*/
  /*
  -webkit-appearance: none; 
  -moz-appearance: none;
  appearance: none;       / remove default arrow
  background-image: url("../../img/ikony/sipka_select.png");
  background-repeat: no-repeat;
  background-position: right 20px center;
  */
  /*--- navod na selct s vlastni ikonou sipky.. nutne ddat i pravy padding (KONEC) ---*/
}
.form_tl_mapa{
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  line-height: 26px;
  color: #FFFFFF;
  font-weight: bold;
  text-transform: uppercase;
  padding: 15px 40px 15px 40px;
  background-color: #65B32E;
  border: 1px solid #65B32E;
  cursor: pointer;
  
  -webkit-border-radius: 40px 40px 40px 40px;
  -moz-border-radius: 40px 40px 40px 40px;
  border-radius: 40px 40px 40px 40px;
}
.form_tl_mapa:hover{
  opacity: 0.8;
}
.form_tl_mapa_zrusit{
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  line-height: 26px;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  padding: 15px 40px 15px 40px;
  background-color: transparent;
  border: 1px solid #000000;
  cursor: pointer;
  
  -webkit-border-radius: 40px 40px 40px 40px;
  -moz-border-radius: 40px 40px 40px 40px;
  border-radius: 40px 40px 40px 40px;
}
.form_tl_mapa_zrusit:hover{
  opacity: 0.8;
}

.blok_mapa_sadu{
  position: relative;
  display: block;
  clear: both;
  height: 660px;
}
.mapa_nase {
  width: 100% !important;
  height: 100% !important;
  left: 0;
  top: 0;
  position: absolute !important;
  overflow: hidden;
  box-sizing: border-box;
  z-index: 5;
}
.polozka_blok_mapa_sadu{
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5;
  width: 220px;
  padding: 5px;
  background-color: #FFFFFF;
  
  -webkit-border-radius: 12px 12px 12px 12px;
  -moz-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;  
}
.ikona_polozka_mapa_sadu_popup{
  position: absolute;
  left: 10px;
  top: 10px;
  width: 38px;
  height: 38px;
  
  background-image: url("../../img/mapa_sadu/ikona_vypis_jablon.png");
  background-position: left center;
  background-repeat: no-repeat;
}
.polozka_blok_mapa_sadu img{
  max-width: 100%;
  
  -webkit-border-radius: 12px 12px 12px 12px;
  -moz-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;  
}
.ic_mapa_sadu_0, .ic_mapa_sadu_{
  background-image: url("../../img/mapa_sadu/ikona_vypis_ostatni.png");
}
.ic_mapa_sadu_1{ /*jablon*/
  background-image: url("../../img/mapa_sadu/ikona_vypis_jablon.png");
}
.ic_mapa_sadu_2{ /*hrusen*/
  background-image: url("../../img/mapa_sadu/ikona_vypis_hrusen.png");
}
.ic_mapa_sadu_3{ /*slivon*/
  background-image: url("../../img/mapa_sadu/ikona_vypis_slivon.png");
}
.ic_mapa_sadu_4{ /*tresen/visen*/
  background-image: url("../../img/mapa_sadu/ikona_vypis_tresen.png");
}
.ic_mapa_sadu_5{ /*ostatni*/
  background-image: url("../../img/mapa_sadu/ikona_vypis_ostatni.png");
}
.polozka_blok_mapa_sadu_in{
  display: block;
  padding: 16px 0px 16px 0px;
  text-align: center;
  vertical-align: top;
}
.polozka_blok_mapa_sadu_druh{
  display: block;
  clear: both;
  font-size: 22px;
  line-height: 30px;
  color: #4C76BA;
  font-weight: bold;
  margin-bottom: 10px;
}
.polozka_blok_mapa_sadu:hover .polozka_blok_mapa_sadu_druh{
  color: #65B32E;
}
.polozka_blok_mapa_sadu_odruda{
  display: block;
  clear: both;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  font-weight: bold;
  margin-bottom: 10px;
}
.polozka_blok_mapa_sadu_id{
  display: block;
  clear: both;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 10px;
}
.polozka_blok_mapa_sadu_tl{
  display: inline-block;
  vertical-align: top;
  padding: 9px 30px 9px 30px;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #000000;
  font-weight: bold;
  border: 1px solid #000000;
  
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
}
.polozka_blok_mapa_sadu:hover .polozka_blok_mapa_sadu_tl{
  background-color: #65B32E;
  border: 1px solid #65B32E;
  color: #FFFFFF
}

.obal_polozek_vypis_mapa_sadu{
  display: block;
  padding: 30px 0px 30px 0px;
  font-size: 0; /* skrze inline-block polozek */
  text-align: center;
  vertical-align: top;
}

.polozka_vypis_mapa_sadu{
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 18%;
  margin: 12px 1% 12px 1%;
  /*overflow: hidden;*/
}

.obr_vypis_mapa_sadu{
  position: relative;
  display: block; /* souvisi s hodnotou v tride "pomer_fotek_vypis_mapa_sadu" */
  overflow: hidden;
  
  -webkit-border-radius: 12px 12px 12px 12px;
  -moz-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;  
}
.obr_vypis_mapa_sadu_in{
  display: block;
  height: 240px; /* souvisi s hodnotou v tride "pomer_fotek_vypis_mapa_sadu" */
  line-height: 240px;
  background-color: #DADADA;
  text-align: center;
  overflow: hidden;
  font-size: 0; /*tim se odstrani bug s 1px mezerou nad obrazkem*/
}
.obr_vypis_mapa_sadu img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  
  transition: transform 0.2s;
}
.polozka_vypis_mapa_sadu:hover .obr_vypis_mapa_sadu_in img{
  transform: scale(1.1);
}
.pomer_fotek_vypis_mapa_sadu{ /*pomocna trida pro pomerove zmensovani galerie v responsivite pomoci Javascriptu*/
  display: none;
  width: 360px; /* to je tech 20% z "obr_vypis_mapa_sadu" v zakladu (= full hd) */
  height: 240px; /* to je height z "obr_vypis_mapa_sadu_in" v zakladu (= full hd) */
}

.ikona_polozka_mapa_sadu{
  display: none;
  position: absolute;
  left: 8px;
  top: 8px;
  width: 38px;
  height: 38px;
  z-index: 5;

  background-position: center center;
  background-repeat: no-repeat;
}
.kategorie_0 .ikona_polozka_mapa_sadu, .kategorie_ .ikona_polozka_mapa_sadu{
  display: block;
  background-image: url("../../img/mapa_sadu/ikona_vypis_ostatni.png");
}
.kategorie_1 .ikona_polozka_mapa_sadu{ /* jablon */
  display: block;
  background-image: url("../../img/mapa_sadu/ikona_vypis_jablon.png");
}
.kategorie_2 .ikona_polozka_mapa_sadu{ /* hrusen */
  display: block;
  background-image: url("../../img/mapa_sadu/ikona_vypis_hrusen.png");
}
.kategorie_3 .ikona_polozka_mapa_sadu{ /* slivon */
  display: block;
  background-image: url("../../img/mapa_sadu/ikona_vypis_slivon.png");
}
.kategorie_4 .ikona_polozka_mapa_sadu{ /* tresen/visen */
  display: block;
  background-image: url("../../img/mapa_sadu/ikona_vypis_tresen.png");
}
.kategorie_5 .ikona_polozka_mapa_sadu{ /* ostatni */
  display: block;
  background-image: url("../../img/mapa_sadu/ikona_vypis_ostatni.png");
}

.polozka_vypis_mapa_sadu_in{
  display: block;
  clear: both;
  background-color: #FFFFFF;
  text-align: center;
  vertical-align: top;
  padding: 10px 10px 10px 10px;
}
.polozka_vypis_mapa_sadu_in a:hover{
  text-decoration: none;
}
.h2_nazev_polozka_mapa_sadu{
  display: block;
  font-size: 22px;
  line-height: 30px;
  height: 30px;
  font-weight: bold;
  color: #4C76BA;
  margin: 0px 0px 10px 0px;
  
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.polozka_vypis_mapa_sadu:hover .h2_nazev_polozka_mapa_sadu{
  color: #65B32E;
}
.kategorie_polozka_mapa_sadu{
  display: block;
  font-size: 16px;
  line-height: 22px;
  height: 22px;
  font-weight: bold;
  color: #000000;
  margin: 0px 0px 10px 0px;
  
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.id_polozka_mapa_sadu{
  display: block;
  font-size: 16px;
  line-height: 22px;
  height: 22px;
  color: #000000;
  margin: 0px 0px 10px 0px;
  
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.tl_polozka_mapa_sadu{
  display: inline-block;
  vertical-align: top;
  padding: 9px 30px 9px 30px;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #000000;
  font-weight: bold;
  border: 1px solid #000000;
  
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
}
.polozka_vypis_mapa_sadu:hover .tl_polozka_mapa_sadu{
  background-color: #65B32E;
  border: 1px solid #65B32E;
  color: #FFFFFF
}
/*--- Vypis mapa sadu (KONEC) ---*/
/*--- Detail/clanek (START) ---*/
.obsah_clanek, .obsah_clanek_mapa{
  display: block;
  clear: both;
}

.obsah_clanek_horni{
  display: block;
  clear: both;
  padding: 30px 0px 50px 0px;
  border-bottom: 2px solid #E4DAC9;
}
.obsah_clanek_horni_text{
  float: left;
  width: 46%;
  margin-right: 6%;
  padding-top: 20px;
}
.obsah_clanek_horni_bez_fotky .obsah_clanek_horni_text{
  padding-top: 0px;
  margin-right: 0px;
  float: none;
  display: block;
  width: auto;
  text-align: center;
  vertical-align: top;
}
.obsah_clanek_horni_foto{
  float: left;
  width: 48%;
}
.obsah_clanek_horni_bez_fotky .obsah_clanek_horni_foto{
  display: none;
}

.obal_h1_h2_clanek{ /* Tato trida je pouzita i u error_404 v template - tam jen zkontrolovat zda ok pripadne tam tridu zmenit */
  display: block;
}
.h1_clanek{ /* Tato trida je pouzita i u error_404 v template - tam jen zkontrolovat zda ok pripadne tam tridu zmenit */
  display: block;
  margin: 0px;
  color: #4C76BA;
  font-size: 64px;
  line-height: 76px;
  font-weight: bold;
}
.h2_clanek{
  display: block;
  font-size: 30px;
  line-height: 42px;
  margin: 0px;
  font-weight: bold;
  color: #65B32E;
}
.obsah_clanek_mapa .h2_clanek{
  color: #000000;
}

.zkraceny_vypis{
  display: block;
  font-size: 24px;
  line-height: 34px;
  font-weight: bold;
  margin-top: 30px;
}

.obal_obr_clanek{
  display: block;
}
.obal_obr_clanek img{
  max-width: 100%;
  /*max-width: 480px;
  _width: expression(this.height < this.width && this.width > 480 ? 480 : true);*/
  max-height: 580px;
  
  -webkit-border-radius: 12px 12px 12px 12px;
  -moz-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;
}

.obsah_clanek_in{
  position: relative;
  display: block;
  clear: both;
  min-height: 340px; /*skrze piktogram*/
  padding: 30px 0px 30px 0px;
}
.obsah_clanek_in .blok_sirky_webu_uzky{
  position: relative;
}
.piktogram_obsah_clanek{
  position: absolute;
  left: -240px;
  top: 0px;
  width: 168px;
  height: 320px;
  
  background-image: url("../../img/pozadi/znak_pozadi.png");
  background-position: left center;
  background-repeat: no-repeat;
}
.piktogram_0, .piktogram_{
  width: 164px;
  height: 164px;   
  background-image: url("../../img/mapa_sadu/ikona_clanek_ostatni.png");  
}
.piktogram_1{ /*jablon*/
  width: 164px;
  height: 164px;  
  background-image: url("../../img/mapa_sadu/ikona_clanek_jablon.png");  
}
.piktogram_2{ /*hrusen*/
  width: 164px;
  height: 164px;  
  background-image: url("../../img/mapa_sadu/ikona_clanek_hrusen.png");  
}
.piktogram_3{ /*slivon*/
  width: 164px;
  height: 164px;   
  background-image: url("../../img/mapa_sadu/ikona_clanek_slivon.png");  
}
.piktogram_4{ /*tresen/visen*/
  width: 164px;
  height: 164px;  
  background-image: url("../../img/mapa_sadu/ikona_clanek_tresen.png");  
}
.piktogram_5{ /*ostatni*/
  width: 164px;
  height: 164px;  
  background-image: url("../../img/mapa_sadu/ikona_clanek_ostatni.png");  
}
.text_detail{
  display: block;
  overflow-x: auto; /*skrze tabulky co pretekaji*/
}

.nadpis_v_detail{
  display: block;
  margin: 0px;
  padding-bottom: 20px;
  font-size: 30px;
  line-height: 42px;
  font-weight: bold;
  color: #4C76BA;
  text-align: center;
}
.blok_soubory{
  position: relative;
  display: block;
  padding: 50px 0px 30px 0px;
  background-color: #FFFFFF;
}
.polozka_soubor{
  float: left;
  width: 49%;
  margin: 1% 2% 1% 0px;
  background-color: #F6EBD9;
  overflow: hidden;
  
  -webkit-border-radius: 12px 12px 12px 12px;
  -moz-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;
}
.polozka_soubor_ikona{
  float: left;
  width: 70px;
  height: 86px;
  line-height: 86px;
  text-align: center;
  border-right: 2px solid #FFFFFF;
  
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../../img/ikony/ic_download.png");
}
.polozka_soubor_in{
  position: relative;
  display: block;
  padding: 16px 50px 16px 20px;
  margin-left: 70px;
}
.polozka_soubor_nazev{
  display: block;
  height: 54px;
  font-size: 20px;
  line-height: 27px;
  font-weight: bold;
  color: #000000;
  
  overflow: hidden;
}
.polozka_soubor:hover .polozka_soubor_nazev{
  color: #65B32E;
}
.polozka_soubor_sipka{
  position: absolute;
  right: 18px;
  bottom: 18px;
  width: 24px;
  height: 24px;
  
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../../img/ikony/ic_zelena_prava_kruh.png");
}

.blok_video{
  position: relative;
  display: block;
  padding: 50px 0px 30px 0px;

  overflow:hidden;
  text-align: center;
  vertical-align: top;
}
.obal_video iframe{
  vertical-align: top;
  max-width: 100%;
}
.obal_video{
  display: block;
  margin-top: 10px;
}
.popisek_video{
  display: none;
  color: #000000;
  background-color: #DADADA;
  padding: 10px 0px 10px 0px;
}

.blok_fotogalerie{
  position: relative;
  display: block;
  clear: both;
}
.blok_fotogalerie img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: none;
}

.swiper_stred_pro_mene_slide{
  justify-content: center;
}

.polozka_swiper_fotogalerie{
  position: relative;
  display: block; /* souvisi s hodnotou v tride "pomer_fotek_swiper_fotogalerie" */
  overflow: hidden;
}
.polozka_swiper_fotogalerie_in{
  display: block;
  height: 270px; /* souvisi s hodnotou v tride "pomer_fotek_swiper_fotogalerie" */
  line-height: 270px;
  background-color: #F8EBE2;
  text-align: center;
  overflow: hidden;
  font-size: 0; /*tim se odstrani bug s 1px mezerou nad obrazkem*/
}
.polozka_swiper_fotogalerie img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pomer_fotek_swiper_fotogalerie{ /*pomocna trida pro pomerove zmensovani galerie v responsivite pomoci Javascriptu*/
  display: none;
  width: 480px; /* to je tech 20% z ".polozka_swiper_fotogalerie" v zakladu (= full hd) */
  height: 270px; /* to je height z ".polozka_swiper_fotogalerie_in" v zakladu (= full hd) */
}

.swiper-button-prev_fotogalerie, .swiper-button-next_fotogalerie{
  display: none !important;
}
.sipka_leva_swiper_fotogalerie{
  position: absolute;
  left: 40px;
  top: 50%;
  width: 48px;
  height: 48px;
  margin-top: -29px;
  cursor: pointer;
  background-color: #4C76BA;
  z-index: 4;
  
  -webkit-border-radius: 26px 26px 26px 26px;
  -moz-border-radius: 26px 26px 26px 26px;
  border-radius: 26px 26px 26px 26px;
  
  background-image: url("../../img/ikony/ic_bila_leva_kruh.png");
  background-position: center center;
  background-repeat: no-repeat;
}
.sipka_prava_swiper_fotogalerie{
  position: absolute;
  right: 40px;
  top: 50%;
  width: 48px;
  height: 48px;
  margin-top: -29px;
  cursor: pointer;
  background-color: #4C76BA;
  z-index: 4;
  
  -webkit-border-radius: 26px 26px 26px 26px;
  -moz-border-radius: 26px 26px 26px 26px;
  border-radius: 26px 26px 26px 26px;
  
  background-image: url("../../img/ikony/ic_bila_prava_kruh.png");
  background-position: center center;
  background-repeat: no-repeat;
}
.sipka_leva_swiper_fotogalerie:hover, .sipka_prava_swiper_fotogalerie:hover{
  opacity: 0.8;
}

.vypln_obal_obrazkem_css{
  position: relative;
  text-align: center;
}
.vypln_obal_obrazkem_css img{
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  height: auto;
  max-width: 100%;
  max-height: none !important; /* skrze pripadne spojeni se skriptem na pomerove zmensovani bloku */
}

.blok_s_formularem_detail{
  display: block;
  clear: both;
  padding: 60px 0px 60px 0px;
}
.blok_s_formularem_detail_leva{
  float: left;
  width: 570px;
}
.blok_s_formularem_detail_prava{
  float: right;
  width: 620px;
  margin-right: 100px;
}
.blok_s_formularem_detail_nazev{
  display: block;
  font-size: 64px;
  line-height: 76px;
  font-weight: bold;
  color: #4C76BA;
  margin: 0px 0px 0px 0px;
}
.blok_s_formularem_detail_popis{
  display: block;
  font-size: 24px;
  line-height: 34px;
  color: #000000;
  margin: 20px 0px 0px 0px;  
}
/*--- Detail/clanek (KONEC) ---*/
/*--- Detail/clanek mapa (START) ---*/
.id_clanek{
  display: block;
  font-size: 20px;
  line-height: 28px;
}
/*--- Detail/clanek mapa (KONEC) ---*/
/*--- Detail/clanek O nas (START) ---*/
.obsah_clanek_o_nas{
  display: block;
  clear: both;
  margin-top: 0px;
}
.obsah_clanek_o_nas_uvodni_foto{
  position: relative;
  display: block;
  clear: both;
}
.obsah_clanek_o_nas_uvodni_foto img{
  max-width: 100%;
}
.obsah_clanek_horni_o_nas{
  display: block;
  clear: both;
  padding: 30px 0px 30px 0px;
}
.obal_h1_h2_clanek_o_nas{
  display: block;
}
.h1_clanek_o_nas{
  display: block;
  margin: 0px;
  color: #4C76BA;
  font-size: 70px;
  line-height: 78px;
  font-weight: bold;
}
.h2_clanek_o_nas{
  display: block;
  font-size: 36px;
  line-height: 46px;
  margin: 0px;
  font-weight: bold;
  color: #65B32E;
}

.obal_obr_clanek_o_nas{
  display: block;
  margin-bottom: 30px;
}
.obal_obr_clanek img{
  max-width: 100%;
  /*max-width: 480px;
  _width: expression(this.height < this.width && this.width > 480 ? 480 : true);*/
  max-height: 580px;
  margin-bottom: 30px;
  
  -webkit-border-radius: 12px 12px 12px 12px;
  -moz-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;
}

.zkraceny_vypis_o_nas{
  display: block;
  font-size: 24px;
  line-height: 34px;
  font-weight: bold;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 2px solid #E4DAC9;
}
.text_detail_o_nas{
  display: block;
}
/*--- Detail/clanek O nas (KONEC) ---*/
/*--- Navigace (START) ---*/
.obal_navigace{
  display: block;
  padding: 10px 0px 10px 0px;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
}
.obal_navigace a:link, .obal_navigace a:visited{
  color: #000000;
  text-decoration: none;
}
.obal_navigace a:hover{
  color: #000000;
  text-decoration: underline;
}
.polozka_navigace{
  float: left;
}
.polozka_navigace:hover{
  text-decoration: underline;
}
.predel_navigace{
  float: left;
  margin: 0px 10px 0px 10px;
}
.aktivni_navigace{
  color: #65B32E
}
.aktivni_navigace:hover{
  text-decoration: none;
}
/*--- Navigace (KONEC) ---*/
/*--- Efekt prechodu rozbalovaciho menu z "hamburgeru" na "krizek" a zpet (START) ---*/
  .efekt_resp_menu_ikona{
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 24px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }
  .efekt_resp_menu_1 .efekt_resp_menu_ikona span, .efekt_resp_menu_2 .efekt_resp_menu_ikona span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #FFFFFF;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  .efekt_resp_menu_1 .efekt_resp_menu_ikona span:nth-child(1) {
    top: 7px;
  }
  .efekt_resp_menu_1 .efekt_resp_menu_ikona span:nth-child(2) {
    top: 12px;
  }
  .efekt_resp_menu_1 .efekt_resp_menu_ikona span:nth-child(3) {
    top: 17px;
  }
  .efekt_resp_menu_1 .efekt_resp_menu_ikona span:nth-child(4) {
    display: none;
  }
  .efekt_resp_menu_1 .efekt_resp_menu_ikona.open span:nth-child(1) {
    top: 12px; /*o neco mene nez je polovina vysky ikony*/
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .efekt_resp_menu_1 .efekt_resp_menu_ikona.open span:nth-child(2) {
    opacity: 0;
    left: -40px; /*o sirku ikony*/
  }
  .efekt_resp_menu_1 .efekt_resp_menu_ikona.open span:nth-child(3) {
    top: 12px; /*o neco mene nez je polovina vysky ikony*/
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  

  .efekt_resp_menu_2 .efekt_resp_menu_ikona span:nth-child(1) {
    top: 7px;
  }

  .efekt_resp_menu_2 .efekt_resp_menu_ikona span:nth-child(2),.efekt_resp_menu_2 .efekt_resp_menu_ikona span:nth-child(3) {
    top: 12px;
  }

  .efekt_resp_menu_2 .efekt_resp_menu_ikona span:nth-child(4) {
    top: 17px;
  }

  .efekt_resp_menu_2 .efekt_resp_menu_ikona.open span:nth-child(1) {
    top: 14px; /*o neco mene nez je polovina vysky ikony*/
    width: 0%;
    left: 50%;
  }

  .efekt_resp_menu_2 .efekt_resp_menu_ikona.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .efekt_resp_menu_2 .efekt_resp_menu_ikona.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .efekt_resp_menu_2 .efekt_resp_menu_ikona.open span:nth-child(4) {
    top: 14px; /*o neco mene nez je polovina vysky ikony*/
    width: 0%;
    left: 50%;
  }
/*--- Efekt prechodu rozbalovaciho menu z "hamburgeru" na "krizek" a zpet (KONEC) ---*/
/*--- Cookies - souhlas s jejich pouzivanim (START) ---*/
.cc_container{
  opacity: 0.9;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.cc_container a, .cc_container a:visited{
  color: #88bf3d !important; /*barva textu "vice informaci"*/
}
.cc_container .cc_btn, .cc_container .cc_btn:visited{
  color: #000000 !important; /*barva textu tlacitka "rozumim"*/
}
.cc_banner-wrapper{
  z-index: 10000001 !important; /*skrze stret cookies panelu a chatu smartsupp, ktery ma z-index "z-index: 10000000"*/
}
/*--- Cookies - souhlas s jejich pouzivanim (KONEC) ---*/
/*--- Pomocne ---*/
.mr_ne{
	margin-right: 0px;
}
.bb_ne{
  border-bottom: 0px;
}
.submenu_off{
  margin-right: 0px !important;
}

.vypln_obal_obrazkem{
  position: relative;
}
.vypln_obal_obrazkem img{
  opacity: 0;
}
.loader {
  display: block;

  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  
  background-color: #FFFFFF;
  opacity: 0.8;
  background-image: url("../../img/loader_obr/loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
}

/*--- Pomocne resp ---*/
/*.resp_menu, .resp_plusko{
  display: none;
}*/

/*--- Responsive design ---*/

@media only screen and (min-width: 1922px) {
  .blok_sirky_webu_full_hd{
    width: 1920px;
  }
  
  .blok_s_kontakty_nad_patickou_leva, .blok_cik_cak_obr_prava .cik_cak_td_text{
    padding-left: calc((1920px - 1520px) / 2); /* zarovnani s ostatnim obsahem webu */
    background-position: left calc((1920px - 1520px) / 2) center;
  }
  .blok_cik_cak_obr_leva .cik_cak_td_text{
    padding-right: calc((1920px - 1520px) / 2); /* zarovnani s ostatnim obsahem webu */
    background-position: right calc((1920px - 1520px) / 2) center;
  }
  
}

@media only screen and (max-width: 1640px) {
  
  .nadpis_swiper_z_admin{
    font-size: 60px;
    line-height: 70px;
  }

  .logo{
    width: 82px;
  }
  .hlavicka_home .logo{
    width: 110px;
    height: 54px;
  }
  .hlavicka_roluje.hlavicka_home .logo{
    width: 82px; /*160px*/
    height: 54px; /*80px*/
  }

  
  .hlavicka_predel{
    height: 54px;
  }
  .logo_interreg{
    width: 260px;
    height: 54px;
  }
  .hlavicka_home .logo_interreg{
    width: 300px;
    height: 60px;
  }
  .hlavicka_roluje.hlavicka_home .logo_interreg{
    width: 300px;
    height: 60px;
  }
  
}

@media only screen and (max-width: 1540px) {	 /* 1440 - velky notebook - jedna z beznych velikosti */

.blok_sirky_webu{
  width: 88%;
  padding-left: 6%; /*neopomenout pro mobily jit na 8% protoze 4% jsou malo*/
  padding-right: 6%; /*neopomenout pro mobily jit na 8% protoze 4% jsou malo*/
}
.blok_s_kontakty_nad_patickou_leva{
  padding-left: 6%; /* zarovnani s ostatnim obsahem webu */
  background-position: left 6% center;
}
.blok_cik_cak_obr_leva .cik_cak_td_text{
  padding-right: 6%; /* zarovnani s ostatnim obsahem webu */
  background-position: right 6% center;
}

.blok_prohlidka_home_in{
  background-position: right -230px center;
}

.blok_pozvanky_a_aktualne_home .h2_nadpis_home{
  font-size: 40px;
  line-height: 50px;
}
.nazev_vypis_pozvanky_a_aktualne{
  font-size: 20px;
  line-height: 30px;
  height: 90px;
}
.obr_vypis_pozvanky_a_aktualne_in{
  width: 214px;
  height: 214px;
  line-height: 214px;
}
.polozka_vypis_pozvanky_a_aktualne_in{
  margin-left: 214px;
  padding: 40px 30px 50px 30px;
}

.piktogram_obsah_clanek{
  display: none;
}

.polozka_vypis_mapa_sadu{
  width: 23%;
}
.h2_nazev_polozka_mapa_sadu{
  font-size: 18px;
}

.blok_s_formularem_detail_nazev{
  font-size: 50px;
  line-height: 70px;
}
.blok_s_formularem_detail_popis{
  font-size: 20px;
  line-height: 30px;
}
.blok_s_formularem_detail_prava{
  margin-right: 0px;
}

}

@media only screen and (max-width: 1400px) {
  
  .blok_s_formularem_detail_leva{
    float: none;
    display: block;
    width: auto;
    margin-bottom: 30px;
    text-align: center;
    vertical-align: top;
  }
  .blok_s_formularem_detail_prava{
    float: none;
    display: block;
    width: auto;    
  }
  
}

@media only screen and (max-width: 1340px) {
  
  .hlavicka_in{
    padding-top: 20px;
  }
  .logo, .hlavicka_home .logo{
    background-size: contain;
    width: 76px; /*96px*/
    height: 48px;
  }
  .polozka_hlavni_menu{
    font-size: 18px;
    line-height: 22px;
    height: 22px;
  }
  .resp_menu{
    width: 48px;
    height: 48px;
    line-height: 48px;
    top: 22px;
  }
  .obsah{
    margin-top: 106px;
  }
  .obsah_home{
    margin-top: 0px;
  }
  
  .hlavicka_predel{
    height: 48px;
  }
  .logo_interreg{
    width: 230px;
    height: 48px;
  }
  .hlavicka_home .logo_interreg{
    width: 230px;
    height: 48px;
  }
  .hlavicka_roluje.hlavicka_home .logo_interreg{
    width: 230px;
    height: 48px;
  }
  
  
  .sloupec_paticka{
    width: 47%;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .spacer_sloupec_pata_po_2{
    display: block;
  }
  .copyright_pata, .mcrai_pata{
    float: none;
    display: block;
    text-align: center;
    vertical-align: top;
    margin: 5px 0px 5px 0px;
  }
  .dolni_menu{
    margin: 10px 0px 10px 0px;
    text-align: center;
    vertical-align: top;
  }
  .polozka_menu_pata{
    padding: 0px 10px 0px 10px;
  }
  
  .blok_s_kontakty_nad_patickou_leva_td{
    height: 410px;
  }
  .blok_s_kontakty_nad_patickou_prava{
    height: 488px;
  }
  .blok_s_kontakty_nad_patickou_leva_text2{
    font-size: 36px;
    line-height: 46px;
  }
  .polozka_kontakt_nad_patickou{
    font-size: 24px;
  }
  
  .blok_prohlidka_home_in{
    padding: 0px 0px 40px 0px;
    background-image: none;
  }
  .blok_prohlidka_home_obr_resp{
    display: block;
  }
  .blok_prohlidka_home .h2_nadpis_home{
    text-align: center;
  }
  .blok_prohlidka_home_text{
    float: none;
    width: auto;
    display: block;
    text-align: center;
    padding-top: 40px;
  }
  
  .h1_vypis{
    font-size: 50px;
  }
  .nadpis_cik_cak{
    font-size: 30px;
    line-height: 40px;
  }
  .obal_p_cik_cak{
    font-size: 18px;
    line-height: 26px;
  }
  
  .h1_clanek, .h1_clanek_o_nas{
    font-size: 40px;
    line-height: 50px;
  }
  .h2_clanek, .h2_clanek_o_nas{
    font-size: 24px;
    line-height: 34px;
  }
  .zkraceny_vypis_o_nas, .zkraceny_vypis{
    font-size: 20px;
    line-height: 30px;
  }
  
}

@media only screen and (max-width: 1230px) {	 /*full HD tablet - vetsinou do 1280*/
  
  .hlavni_menu{
    display: none;
  }
  .hlavni_menu_resp{
    display: block;
  }
  .horni_menu{
    padding: 84px 90px 100px 40px;
  }
  .blok_soc_site_hlava{
    padding: 0px 90px 0px 40px;
  }
  .polozka_menu{
    font-size: 16px;
    line-height: normal;
  }
  
  .nadpis_swiper_z_admin{
    font-size: 40px;
    line-height: 50px;
  }
  
  .blok_uvodni_text_home, .blok_poznejte_home, .blok_pozvanky_a_aktualne_home, .blok_mohlo_by_zajimat_home{
    padding: 40px 0px 40px 0px;
  }
  .h2_nadpis_home{
    font-size: 36px;
    line-height: 46px;
  }
  .blok_uvodni_text_home_in{
    font-size: 22px;
    line-height: 32px;
  }
  .blok_poznejte_home_prava{
    font-size: 20px;
    line-height: normal;
  }

  .blok_pozvanky_a_aktualne_home_in{
    float: none;
    width: auto;
    padding: 20px 0px 20px 0px;
  }
  .blok_pozvanky_home{
    border-right: 0px;
    border-bottom: 1px solid #538EEE;
    padding: 20px 0px 20px 0px;
  }
  .blok_pozvanky_a_aktualne_home .h2_nadpis_home{
    margin-bottom: 10px;
  }
  
  .polozka_vypis{
    width: 31.333%;
  }
  
  .polozka_vypis_mapa_sadu{
    width: 31.333%;
  }

}

@media only screen and (max-width: 1060px) {	 /*tablet - vetsinou do 1024*/

.blok_sirky_webu_uzky{
  width: 88%;
  padding-left: 6%; /*neopomenout pro mobily jit na 8% protoze 4% jsou malo*/
  padding-right: 6%; /*neopomenout pro mobily jit na 8% protoze 4% jsou malo*/
}

.pozadi_blok_kontakty_nad_patickou_horni, .pozadi_blok_kontakty_nad_patickou{
  display: none;
}
.blok_s_kontakty_nad_patickou_leva{
  float: none;
  display: block;
  width: auto;
  padding: 30px 6% 30px 6%;
  background-position: center top;
  text-align: center;
}
.blok_s_kontakty_nad_patickou_prava{
  float: none;
  display: block;
  width: auto;
  height: 300px;
  margin-left: 0px;
  background-size: cover;
}

.blok_s_kontakty_nad_patickou_leva_table{
  width: 100%;
}
.blok_s_kontakty_nad_patickou_leva_td{
  height: auto;
}
.polozka_kontakt_nad_patickou{
  display: inline-block;
  vertical-align: top;
  margin: 8px 10px 8px 10px;
}

.paticka{
  margin-top: 0px;
  z-index: 2;
}

.polozka_vypis{
  width: 48%;
}

}

@media only screen and (max-width: 1010px) {
  
td img{ /* v zakladu to rusim, ale pro mensi zarizeni je potreba tech 100% jinak i na mobilu ma tabulka klidne 800px sirku a jd eji videt jen pulka a nejde se k ni posunout */
  max-width: 100%;
}

.h1_clanek, .h1_clanek_o_nas{
  font-size: 30px;
  line-height: 40px;
}
.h2_clanek, .h2_clanek_o_nas{
  font-size: 22px;
  line-height: 32px;
}

.polozka_soubor{
  width: 100%;
  margin-right: 0px;
}

.obsah_clanek_horni_text{
  float: none;
  width: auto;
  margin-right: 0px;
  padding: 0px 0px 20px 0px;
}
.obsah_clanek_horni_foto{
  float: none;
  width: auto;  
}

.h1_vypis{
  font-size: 30px;
}

.blok_s_formularem_detail_nazev{
  font-size: 36px;
  line-height: 46px;
}
.blok_s_formularem_detail_popis{
  font-size: 18px;
  line-height: 26px;
}
  
}

@media only screen and (max-width: 960px) {
  
  body{
    font-size: 18px;
    line-height: 26px;
  }
  
  .blok_interreg_pata{
    padding-left: 0px;
    padding: 100px 0px 0px 0px;
    background-size: auto 80px;
    background-position: center top;
    min-height: 1px;
  }
  
  .blok_cik_cak_table, .blok_cik_cak_tr{
    display: block;
    width: auto;
  }
  .blok_cik_cak_td{
    display: block;
    width: auto;
    padding: 5px 0px 5px 0px !important;
  }
  .okraj_cik_cak_obr_bok{
    display: none;
  }
  .cik_cak_td_obr{
    display: none;
  }
  .obr_cik_cak_resp{
    position: relative;
    display: block;
  }
  .obal_p_cik_cak{
    padding: 10px 20px 10px 20px;
  }
  .cik_cak_td_text{
    text-align: center !important;
    background-image: none;
  }
  
  .h2_nadpis_home, .blok_pozvanky_a_aktualne_home .h2_nadpis_home{
    font-size: 28px;
    line-height: 38px;
  }
  
  .blok_poznejte_home_leva{
    float: none;
    display: block;
    width: auto;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .blok_poznejte_home_prava{
    float: none;
    display: block;
    width: auto;
    text-align: center;
    font-size: 18px;
  }
  
  .polozka_vypis_mapa_sadu{
    width: 48%;
  }

}

@media only screen and (max-width: 800px) {
  
  .sloupec_paticka{
    float: none;
    display: block;
    width: auto;
    margin-right: 0px;
    text-align: center;
    vertical-align: top;
  }
  .polozka_kontakt_paticka{
    display: inline-block;
    margin: 2px 10px 2px 10px;
  }
  .soc_site_pata{
    text-align: center;
    vertical-align: top;
  }
  .soc_sit_pata{
    margin: 5px 10px 5px 10px;
  }
  .tl_kotva_nahoru{
    display: none;
  }
  
  .polozka_galerie_home{
    width: 50%;
  }
  .blok_galerie_home .polozka_galerie_home:last-of-type{
    display: none;
  }
  .spacer_galerie_home{
    display: none;
  }
  
  .blok_mapa_sadu{
    height: 560px;
  }
  
}

@media only screen and (max-width: 650px) {	/*mobil - na sirku*/
  
  body{
    font-size: 16px;
    line-height: 24px;
  }
  
  .hlavicka_predel{
    height: 32px;
    margin-left: 20px;
    padding-left: 20px;
  }
  
  .logo, .hlavicka_home .logo, .hlavicka_roluje.hlavicka_home .logo{
    width: 58px;
    height: 34px;
  }
  .logo_interreg{
    width: 152px;
    height: 32px;
  }
  .hlavicka_home .logo_interreg{
    width: 152px;
    height: 32px;
  }
  .hlavicka_roluje.hlavicka_home .logo_interreg{
    width: 152px;
    height: 32px;
  }

  .horni_menu{
    width: 100%;
  }
  
  .nadpis_cik_cak{
    font-size: 26px;
    line-height: 36px;
  }
  
  .nadpis_v_detail{
    font-size: 26px;
    line-height: 36px;
  }
  .polozka_soubor_nazev{
    font-size: 18px;
  }
  
  .obr_mapa_arealu{
    display: none;
  }
  .obr_mapa_arealu_resp{
    display: block;
  }
  .cislo_mapa_prohlidka{
    display: none !important;
  }
  
  .polozka_vypis{
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  .nazev_vypis{
    height: auto;
  }
  .nazev_vypis_in h2{
    font-size: 18px;
    line-height: 26px;
  }
  .nazev_vypis_in h3{
    font-size: 16px;
    line-height: 20px;
    height: 20px;
  }
  
  .polozka_vypis_mapa_sadu{
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  .h2_nazev_polozka_mapa_sadu, .kategorie_polozka_mapa_sadu{
    height: auto;
    line-height: 24px;
    white-space: normal;
    text-overflow: clip;
  }
  
  .blok_mapa_sadu{
    height: 460px;
  }
  
  .blok_s_formularem_detail_nazev{
    font-size: 28px;
    line-height: 36px;
  }
  
}

@media only screen and (max-width: 550px) {	/*mobil - na vysku*/

  .hlavicka_in{
    padding: 20px 76px 16px 20px;
  }
  .resp_menu{
    margin-left: 0px;
    right: 20px;
    top: 12px;
  }
  .hlavicka_predel{
    display: none;
  }
  .logo_interreg{
    margin-left: 10px;
  }
  
  .blok_interreg_pata{
    background-size: 80% auto;
  }
  .nadpis_swiper_z_admin{
    font-size: 28px;
    line-height: 38px;
  }
  
  .obr_vypis_pozvanky_a_aktualne{
    position: relative;
    left: auto;
    top: auto;
    display: block;
  }
  .obr_vypis_pozvanky_a_aktualne_in{
    display: block;
    width: auto;
    height: auto;
    line-height: normal;
  }
  .obr_vypis_pozvanky_a_aktualne img{
    width: auto;
    height: auto;
    object-fit: none;
    max-height: none;
  }
  .polozka_vypis_pozvanky_a_aktualne_in{
    margin-left: 0px;
  }
  .nazev_vypis_pozvanky_a_aktualne{
    height: auto;
  }
  
  .blok_s_kontakty_nad_patickou_leva_text2{
    font-size: 24px;
    line-height: 34px;
  }
  .polozka_kontakt_nad_patickou{
    font-size: 18px;
  }

}

@media only screen and (max-width: 480px) {
  
  .polozka_kontakt_nad_patickou{
    font-size: 14px;
    padding-left: 50px;
  }
  
}

@media only screen and (max-width: 400px) {
  
  
  
}

/*--- Responsive design - help z Stackoverflow ---*/
@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }


@media print {
  
  * {
      -webkit-print-color-adjust: exact !important;   /* Chrome, Safari 6 – 15.3, Edge */
      color-adjust: exact !important;                 /* Firefox 48 – 96 */
      print-color-adjust: exact !important;           /* Firefox 97+, Safari 15.4+ */
  } /*tiskni i obrazky v pozadi + barvy pozadi*/

  .no-print, .hlavicka, .paticka{
    display: none !important;
  }
  
  .blok_sirky_webu{
    width: 100%;
  }
  
  .pagebreak{ /* toto pred danym blokem to ukonci stranku */
    page-break-before: always;
  }
  
}