/* CSS Document */

/* bxslider - full sceen */ 

body, html{
    height: 100%; 
} 


.bxslider, .bxslider li{
    height: 100% !important;;
}

/* */  

div {
  text-align: left;
  font-family: "Open Sans", sans-serif;
  font-size: 19px;
  line-height: 32px;
  color: #161922;
  font-weight: 300;
}

td {
    font-family: "Open Sans", sans-serif;
    font-size: 19px;
    line-height: 32px;
    color: #161922;
    font-weight: 300;
   }
   
ul {
     margin: 0px 20px 0px 0px;
   }
   
.stred {margin: 0px auto;}

a {color: #f49a00; text-decoration: none;}
a:hover {color: #f49a00; text-decoration: underline;}



.text-paticka {color: #ffffff;}
.odkaz-paticka {color: #ffffff;}
.odkaz-paticka:hover {color: #ffffff;}
.nadpis-paticka {font-size: 24px; line-height: 40px; padding-bottom: 20px; color: #ffffff; font-weight: 600; text-transform: uppercase; white-space: nowrap;}

.text-bily {color: #ffffff;}
.text-bily-upoutavka {color: #ffffff; font-size: 18px; line-height: 18px;}

.text-oranzovy {color: #db5b34;}
.text-zeleny {color: #88af40;}

.transform-2s {transition: transform 0.4s;}
.transform-2s:hover {transform: scale(1.03);}

ul {margin: 0px 10px 0px 0px;}
li {padding: 0px 0px 20px 5px;list-style-position: outside;/* list-style-image: url('../../../Image/user_img/amboseli_eu/obecne/ico_ctverecek_zluta.png'); */}



/* menu vyjizdeci*/
.dropdown-valbek {
  /* position: relative; */
  display: inline-block;
}

.dropdown-valbek-content {
  position: absolute;
  left: -200px;
  top: 26px;
  background-color: #ffffff;
  float: left;
  height: 360px;
  width: 1170px;
  padding: 20px 50px 20px 50px;
  z-index: 10;
  margin-top: 50px;
  display: none;
  flex-wrap: wrap; /* když není místo, vnořené divy se posouvají vedle */
  flex-direction: column; /* vnořené divy jsou zpočátku pod sebou */
  overflow: hidden;
  opacity: 1;
}

.dropdown-valbek-content-item {
  width: 300px;
  
  margin: 5px;
  display: flex;
  justify-content: left;
  align-items: left;
  font-size: 16px;
}

.dropdown-valbek:hover .dropdown-valbek-content {
  display: flex; /* block */
} 
/**/   

/* MENU */

/* desktop */
@media screen and (min-width:1850px) {
  .obsah-menu {width: 92%; max-width: 1990px;}
  .hlavni-menu {max-width: 70%; width: 100%;}
  .logo {float: left; z-index: 6; position: absolute; left: 0px; top: 10px;}
  .logo a:before {content: url('../../../Image/user_img/sdruzenitulipan_cz_2/obecne/logo.png'); }
  .menu-carky {float: right; position: relative; margin-top: 27px; margin-right: 60px;} 
  .menu {float: right; clear: both; display: block; margin-top: 9px;} 
  .menu-mobile {float: right; display: none;} 
  .menu-mezera {float:left; padding: 0px 20px 0px 20px;}
  .menu-mezera-big {float:left; padding: 0px 120px 0px 120px;}
  .pod-menu {display: block;}
  .menu-pozadi-1 {position: fixed; z-index: 1; left: 4%; top: 0px;  width: 92%; height: 110px;} /*  border-bottom: 1px solid #f49b1f; margin: 0px 2.5% 0px 2.5%; */
  .menu-pozadi-2 {position: fixed; z-index: 1; left: 4%; top: 0px;  width: 92%; height: 110px;}
  .content-video {position: fixed; left: 4%; top: 0; background: rgba(0, 0, 0, 0.5); color: #f1f1f1; width: 92%; /* padding: 20px; */}
  .loger-margin-top {margin-top: 35px;}
}                        
/* tablet */                 
@media screen and (min-width:1440px) and (max-width:1849px) {
  .obsah-menu {width: 100%;}
  .hlavni-menu {width: 90%;}
  .logo {float: left; z-index: 6; position: absolute; left: 0px; top: 10px;}
  .logo a:before {content: url('../../../Image/user_img/sdruzenitulipan_cz_2/obecne/logo.png'); }
  .menu-carky {float: right; position: relative; margin-top: 27px; margin-right: 60px;} 
  .menu {float: right; clear: both; display: block; margin-top: 9px;} 
  .menu-mobile {float: right; display: none;}
  .menu-mezera {float:left; padding: 0px 10px 0px 10px;}
  .menu-mezera-big {float:left; padding: 0px 120px 0px 120px;}
  .pod-menu {display: none;}   
  
  .menu-pozadi-1 {position: fixed; z-index: 1; left: 4%; top: 0px;  width: 92%; height: 110px;}  
  .menu-pozadi-2 {position: fixed; z-index: 1; left: 4%; top: 0px;  width: 92%; height: 110px;}
  .content-video {position: fixed; left: 4%; top: 0; background: rgba(0, 0, 0, 0.5); color: #f1f1f1; width: 92%; }

  /*
  .menu-pozadi-1 {float: left; position: absolute; left: 0px; top: 0px; width: 100%; height: 110px; z-index: 120;}
  .menu-pozadi-2 {float: left; position: absolute; left: 0px; top: -89px; width: 100%; height: 110px; z-index: 120;}
  .content-video { position: relative; top: 0; background: rgba(0, 0, 0, 0.5); color: #f1f1f1; width: 100%; }
  */
  .loger-margin-top {margin-top: 35px;}
}
/* mobile */
@media screen and (min-width:0px) and (max-width:1439px) {
  .obsah-menu {width: 100%;} /* 100% */
  .hlavni-menu {width: 90%;}
  .logo {float: left; z-index: 6; position: absolute; left: 0px; top: 10px;}
  .logo a:before {content: url('../../../Image/user_img/sdruzenitulipan_cz_2/obecne/logo.png'); } 
  .menu-carky {float: right; position: relative; margin-top: 26px; margin-right: 20px;}
  .menu {float: right; display: none;}
  .menu-mobile {float: right; width: 100%; display: block; margin-top: 20px;}
  .menu-mezera {}
  .menu-mezera-big {}
  .pod-menu {display: none;}
  .menu-pozadi-1 {float: left; position: absolute; left: 0px; top: 0px; width: 100%; height: 110px; z-index: 120;}
  .menu-pozadi-2 {float: left; position: absolute; left: 0px; top: -89px; width: 100%; height: 110px; z-index: 120;}
  .content-video { position: relative; top: 0; background: rgba(0, 0, 0, 0.5); color: #f1f1f1; width: 100%; /* padding: 20px; */}
  .loger-margin-top {margin-top: 0px;}
}





/* desktop */
@media screen and (min-width:1300px) {
  .rectangle-top {float: left; width: 7px; height: 17px; background: green;}
  .obsah {width: 92%; max-width: 1990px;}
  .hlavni {max-width: 70%; width: 100%;}
  
}                        
/* tablet */                 
@media screen and (min-width:1020px) and (max-width:1299px) {
  .rectangle-top {float: left; width: 7px; height: 17px; background: orange;}
  .obsah {width: 100%;}
  .hlavni {width: 90%;}
  
}
/* mobile */
@media screen and (min-width:0px) and (max-width:1019px) {
  .rectangle-top {float: left; width: 7px; height: 17px; background: red;}
  .obsah {width: 100%;} /* 100% */
  .hlavni {width: 90%;}
  
}

/* desktop */
@media screen and (min-width:1300px) {
  .rectangle {float: left; width: 7px; height: 17px; background: green;}
  .table-2-sloupce {width: 42%; margin: 0px 4% 0px 4%;}
  .table-2-sloupce-kontakty {width: 42%; margin: 0px 4% 0px 4%;}
  .table-2-sloupce-kontakty td {font-size: 16px; line-height: 22px;}
  .table-2-sloupce-kontakty td a {font-size: 13px; line-height: 22px;}
  .table-3-sloupce {width: 31%; margin: 0% 1% 0% 1%;}
  .table-3-sloupce-kontakty {width: 31%; margin: 0% 1% 0% 1%;}
  .table-3-sloupce-kontakty td {font-size: 16px; line-height: 22px;}
  .table-3-sloupce-kontakty td a {font-size: 13px; line-height: 22px;}
  .table-2-sloupce-plne {width: 45%; margin: 0px 0px 0px 0px;}
  .table-4-sloupce {width: 16.8%; margin: 0% 4.0% 0% 4.0%;} 
  .table-dve-tretiny {width: 63%; margin: 0% 2% 0% 0%;}
  .table-jedna-tretina {width: 33%; margin: 0% 0% 0% 2%;}
  .nadpis {float: left; font-size: 30px; line-height: 36px; font-weight: 450; color: #000000; background-image: url('../../../Image/user_img/sdruzenitulipan_cz_2/ico/nadpis_tulipan.png'); background-repeat: no-repeat; padding: 4px 0px 25px 50px;  display: block; }
  .nadpis-maly {font-size: 26px; line-height: 28px; font-weight: 450; color: #000000; padding: 0px 0px 25px 0px;}
  .nadpis-maly-bily {font-size: 26px; line-height: 28px; font-weight: 450; color: #ffffff; padding: 0px 0px 25px 0px;}
  .anotace {float: left; width: 100%; font-size: 20px; font-weight: 300; line-height: 28px;}
  .text-upoutavka-zelena-stred {position: absolute;  bottom: 0; left: 50%; width: 60%; transform: translateX(-50%); background-color: rgba(136, 175, 64, 0.8);}
  .text-upoutavka-zelena-stred td {font-size: 25px; font-weight: 450; line-height: 36px; color: #ffffff; padding: 30px 30px 30px 30px; }
  .nadpis-upoutavka-zelena {float: left; font-size: 36px; line-height: 39px; font-weight: 700; color: #ffffff; padding: 18px 30px 18px 30px; background-color: rgba(136, 175, 64, 0.8); text-decoration: none;}
  .nadpis-upoutavka-zelena:hover {float: left; font-size: 36px; line-height: 36px; font-weight: 700; color: #ffffff; padding: 18px 30px 18px 30px; background-color: rgba(136, 175, 64, 0.8); text-decoration: none;}
  .nadpis-slider {float: left; font-size: 38px; line-height: 38px; font-weight: 700; color: #ffffff; padding: 18px 30px 18px 30px; background-color: rgba(136, 175, 64, 0.8);}
  .anotace-slider {float: left; width: 660px; font-size: 26px; font-weight: 450; line-height: 35px; color: #ffffff; padding: 15px 0px 0px 0px;}
  .horni-mezera-slider {height: 480px;}
  .home-slider-next {float: left; position: absolute; left: 50%; transform: translate(-50%,0); bottom: 80px; z-index: 1;}
  .home-slider-bublina {float: left; position: absolute; width: 67px; right: 0px; top: 280px; z-index: 100; border-radius: 28px 0 0 28px; background-color: rgba(255, 255, 255, 0.8); padding: 25px 30px 25px 30px;}
  .input-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control input {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .control-textarea {height: 100px; width: 585px; padding: 8px 6px 6px 20px; border: 1px solid #dbd7d7; font-size: 14px; }
  .select-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .select-control select {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .gal-img-margin {vertical-align: top; display: inline-block; margin: 0px auto; text-align: center; width: 200px; margin: 0px 20px 5px 0px;}
  .upoutavka-title {float: left; width: 100%; height: 45px; position: relative; color: #000000; text-align: center; margin-top: 0px; font-size: 18px; line-height: 22px; font-weight: 700;}
  .upoutavka-anotace {float: left; text-align: center; margin: 0px 0px 0px 0px; font-size: 16px; line-height: 22px; font-weight: 300;}
  .upoutavka-anotace td {text-align: center; margin: 0px 0px 0px 0px; font-size: 16px; line-height: 22px; font-weight: 300;}
  .table-border {border-spacing: 0; border-collapse: collapse;}
  .table-border td {border: 1px solid #e9e9e9; padding: 10px 10px 10px 10px;}
  .mobile-no {display: block;}
  .soc-slider {float: left; position: absolute; z-index: 9999; right: 200px; bottom: 150px; z-index: 999; width: 300px; white-space: nowrap;}
  .tlacitko-hnede-navig         {color: #ffffff; font-size: 14px; line-height: 14px; background: #181818; border: 1px solid #181818; padding: 9px 12px 8px 12px; text-decoration: none; margin: 0px 2px 0px 2px;}
  .tlacitko-hnede-navig:hover   {color: #ffffff; font-size: 14px; line-height: 14px;  background: #d89da4; border: 1px solid #d89da4; padding: 9px 12px 8px 12px; text-decoration: none; margin: 0px 2px 0px 2px;}
  .tlacitko-hnede-navig-prazdne {color: #dee7e8; font-size: 14px; line-height: 14px;  background: #dee7e8; border: 1px solid #dee7e8; padding: 9px 12px 8px 12px; text-decoration: none; margin: 0px 2px 0px 2px;}
  
  .tlacitko-zelene-male {color: #ffffff; font-size: 14px; background: #88af40; border: 1px solid #88af40; padding: 8px 35px 8px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-zelene-male:hover {color: #ffffff; font-size: 14px; background: #db5b34; border: 1px solid #db5b34; padding: 8px 35px 8px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-zelene-velke {color: #ffffff; font-size: 16px; background: #88af40; border: 1px solid #88af40; padding: 10px 35px 10px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-zelene-velke:hover {color: #ffffff; font-size: 16px; background: #db5b34; border: 1px solid #db5b34; padding: 10px 35px 10px 35px; text-decoration: none; border-radius: 18px;}
  
  .tlacitko-oranzove-male {color: #ffffff; font-size: 14px; background: #db5b34; border: 1px solid #db5b34; padding: 8px 35px 8px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-oranzove-male:hover {color: #ffffff; font-size: 14px; background: #88af40; border: 1px solid #88af40; padding: 8px 35px 8px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-oranzove-velke {color: #ffffff; font-size: 16px; background: #db5b34; border: 1px solid #db5b34; padding: 10px 35px 10px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-oranzove-velke:hover {color: #ffffff; font-size: 16px; background: #88af40; border: 1px solid #88af40; padding: 10px 35px 10px 35px; text-decoration: none; border-radius: 18px;}
  
  .tlacitko-bile-male {color: #000000; font-size: 14px; background: #ffffff; border: 1px solid #ffffff; padding: 8px 35px 8px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-bile-male:hover {color: #000000; font-size: 14px; background: #ffffff; border: 1px solid #ffffff; padding: 8px 35px 8px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-bile-velke {color: #000000; font-size: 16px; background: #ffffff; border: 1px solid #ffffff; padding: 10px 35px 10px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-bile-velke:hover {color: #000000; font-size: 16px; background: #ffffff; border: 1px solid #ffffff; padding: 10px 35px 10px 35px; text-decoration: none; border-radius: 18px;}
  .gal-img-margin-list {vertical-align: top; display: inline-block; margin: 0px auto; text-align: center; width: 250px; margin: 0px 20px 30px 20px;}
}                        
/* tablet */                 
@media screen and (min-width:808px) and (max-width:1299px) {
  .rectangle {float: left; width: 7px; height: 17px; background: orange;}
  .table-2-sloupce {width: 42%; margin: 0px 4% 0px 4%;}
  .table-2-sloupce-kontakty {width: 42%; margin: 0px 4% 0px 4%;}
  .table-2-sloupce-kontakty td {font-size: 16px; line-height: 22px;}
  .table-2-sloupce-kontakty td a {font-size: 13px; line-height: 22px;}
  .table-3-sloupce {width: 31%; margin: 0% 1% 0% 1%;}
  .table-3-sloupce-kontakty {width: 31%; margin: 0% 1% 0% 1%;}
  .table-3-sloupce-kontakty td {font-size: 16px; line-height: 22px;}
  .table-3-sloupce-kontakty td a {font-size: 13px; line-height: 22px;}
  .table-2-sloupce-plne {width: 45%; margin: 0px 0px 0px 0px;}
  .table-4-sloupce {width: 22%; margin: 0% 1.5% 0% 1.5%;}
  .table-dve-tretiny {width: 63%; margin: 0% 2% 0% 0%;}
  .table-jedna-tretina {width: 33%; margin: 0% 0% 0% 2%;}
  .nadpis {float: left; font-size: 24px; line-height: 36px; font-weight: 700; color: #000000; background-image: url('../../../Image/user_img/sdruzenitulipan_cz_2/ico/nadpis_tulipan.png'); background-repeat: no-repeat; padding: 4px 0px 25px 50px;  display: block; }
  .nadpis-maly {font-size: 26px; line-height: 28px; font-weight: 450; color: #000000; padding: 0px 0px 25px 0px;}
  .nadpis-maly-bily {font-size: 26px; line-height: 28px; font-weight: 450; color: #ffffff; padding: 0px 0px 25px 0px;}
  .anotace {float: left; width: 100%; font-size: 20px; font-weight: 300; line-height: 28px;}
  .text-upoutavka-zelena-stred {position: absolute;  bottom: 0; left: 50%; width: 40%; transform: translateX(-50%); background-color: rgba(136, 175, 64, 0.8);}
  .text-upoutavka-zelena-stred td {font-size: 25px; font-weight: 450; line-height: 36px; color: #ffffff; padding: 30px 30px 30px 30px; }
  .nadpis-upoutavka-zelena {float: left; font-size: 36px; line-height: 36px; font-weight: 700; color: #ffffff; padding: 18px 30px 18px 30px; background-color: rgba(136, 175, 64, 0.8); text-decoration: none;}
  .nadpis-upoutavka-zelena:hover {float: left; font-size: 36px; line-height: 36px; font-weight: 700; color: #ffffff; padding: 18px 30px 18px 30px; background-color: rgba(136, 175, 64, 0.8); text-decoration: none;}
  .nadpis-slider {float: left; font-size: 36px; line-height: 36px; font-weight: 700; color: #ffffff; padding: 18px 30px 18px 30px; background-color: rgba(136, 175, 64, 0.8);}
  .anotace-slider {float: left; width: 600px; font-size: 26px; font-weight: 450; line-height: 35px; color: #ffffff; padding: 15px 0px 0px 0px;}
  .horni-mezera-slider {height: 380px;}
  .home-slider-next {float: left; position: absolute; left: 50%; transform: translate(-50%,0); bottom: 100px; z-index: 1;}
  .home-slider-bublina {float: left; position: absolute; width: 67px; right: 0px; top: 280px; z-index: 100; border-radius: 28px 0 0 28px; background-color: rgba(255, 255, 255, 0.8); padding: 25px 30px 25px 30px;}
  .input-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control input {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .control-textarea {height: 100px; width: 585px; padding: 8px 6px 6px 20px; border: 1px solid #dbd7d7; font-size: 14px; }
  .select-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .select-control select {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .gal-img-margin {vertical-align: top; display: inline-block; margin: 0px auto; text-align: center; width: 200px; margin: 0px 20px 5px 0px;}
  .upoutavka-title {float: left; width: 100%; height: 65px; position: relative; text-align: center; margin-top: 0px; font-size: 18px; line-height: 22px; font-weight: 700;}
  .upoutavka-anotace {float: left; text-align: center; margin: 0px 0px 0px 0px; font-size: 16px; line-height: 24px; font-weight: 300;}
  .upoutavka-anotace td {text-align: center; margin: 0px 0px 0px 0px; font-size: 16px; line-height: 24px; font-weight: 300;}
  .table-border {border-spacing: 0; border-collapse: collapse;}
  .table-border td {border: 1px solid #e9e9e9; padding: 10px 10px 10px 10px;}
  .mobile-no {display: block;}
  .soc-slider {float: left; position: absolute; z-index: 9999; right: 200px; bottom: 150px; z-index: 999; width: 300px; white-space: nowrap;}
  .tlacitko-hnede-navig         {color: #ffffff; font-size: 14px; line-height: 14px; background: #181818; border: 1px solid #181818; padding: 9px 12px 8px 12px; text-decoration: none; margin: 0px 2px 0px 2px;}
  .tlacitko-hnede-navig:hover   {color: #ffffff; font-size: 14px; line-height: 14px;  background: #d89da4; border: 1px solid #d89da4; padding: 9px 12px 8px 12px; text-decoration: none; margin: 0px 2px 0px 2px;}
  .tlacitko-hnede-navig-prazdne {color: #dee7e8; font-size: 14px; line-height: 14px;  background: #dee7e8; border: 1px solid #dee7e8; padding: 9px 12px 8px 12px; text-decoration: none; margin: 0px 2px 0px 2px;}
  
  .tlacitko-zelene-male {color: #ffffff; font-size: 14px; background: #88af40; border: 1px solid #88af40; padding: 8px 35px 8px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-zelene-male:hover {color: #ffffff; font-size: 14px; background: #db5b34; border: 1px solid #db5b34; padding: 8px 35px 8px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-zelene-velke {color: #ffffff; font-size: 16px; background: #88af40; border: 1px solid #88af40; padding: 10px 35px 10px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-zelene-velke:hover {color: #ffffff; font-size: 16px; background: #db5b34; border: 1px solid #db5b34; padding: 10px 35px 10px 35px; text-decoration: none; border-radius: 18px;}
  
  .tlacitko-oranzove-male {color: #ffffff; font-size: 14px; background: #db5b34; border: 1px solid #db5b34; padding: 8px 35px 8px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-oranzove-male:hover {color: #ffffff; font-size: 14px; background: #88af40; border: 1px solid #88af40; padding: 8px 35px 8px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-oranzove-velke {color: #ffffff; font-size: 16px; background: #db5b34; border: 1px solid #db5b34; padding: 10px 35px 10px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-oranzove-velke:hover {color: #ffffff; font-size: 16px; background: #88af40; border: 1px solid #88af40; padding: 10px 35px 10px 35px; text-decoration: none; border-radius: 18px;}
  
  .tlacitko-bile-male {color: #000000; font-size: 14px; background: #ffffff; border: 1px solid #ffffff; padding: 8px 35px 8px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-bile-male:hover {color: #000000; font-size: 14px; background: #ffffff; border: 1px solid #ffffff; padding: 8px 35px 8px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-bile-velke {color: #000000; font-size: 16px; background: #ffffff; border: 1px solid #ffffff; padding: 10px 35px 10px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-bile-velke:hover {color: #000000; font-size: 16px; background: #ffffff; border: 1px solid #ffffff; padding: 10px 35px 10px 35px; text-decoration: none; border-radius: 18px;}
  .gal-img-margin-list {vertical-align: top; display: inline-block; margin: 0px auto; text-align: center; width: 250px; margin: 0px 20px 30px 20px;}
}
/* mobile */
@media screen and (min-width:0px) and (max-width:807px) {
  .rectangle {float: left; width: 7px; height: 17px; background: red;}
  .table-2-sloupce {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-2-sloupce-kontakty {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-2-sloupce-kontakty td {font-size: 16px; line-height: 22px;}
  .table-2-sloupce-kontakty td a {font-size: 13px; line-height: 22px;}
  .table-3-sloupce {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-3-sloupce-kontakty {width: 100%; margin: 0px 0% 0px 0%; clear: both;}
  .table-3-sloupce-kontakty td {font-size: 16px; line-height: 22px;}
  .table-3-sloupce-kontakty td a {font-size: 13px; line-height: 22px;}
  .table-2-sloupce-plne {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-4-sloupce {width: 90%; margin: 0px 5% 0px 5%;}
  .table-dve-tretiny {width: 90%; margin: 0px 5% 0px 5%;}
  .table-jedna-tretina {width: 90%; margin: 0px 5% 25px 5%;}
  .nadpis {float: left; font-size: 24px; line-height: 36px; font-weight: 700; color: #000000; background-image: url('../../../Image/user_img/sdruzenitulipan_cz_2/ico/nadpis_tulipan.png'); background-repeat: no-repeat; padding: 4px 0px 25px 50px;}
  .nadpis-maly {font-size: 22px; line-height: 28px; font-weight: 450; color: #000000; padding: 0px 0px 25px 0px;}
  .nadpis-maly-bily {font-size: 22px; line-height: 28px; font-weight: 450; color: #ffffff; padding: 0px 0px 25px 0px;}
  .anotace {float: left; width: 100%; font-size: 20px; font-weight: 300; line-height: 28px;}
  .text-upoutavka-zelena-stred {position: absolute;  bottom: 0; left: 50%; width: 80%; transform: translateX(-50%); background-color: rgba(136, 175, 64, 0.8);}
  .text-upoutavka-zelena-stred td {font-size: 22px; font-weight: 450; line-height: 29px; color: #ffffff; padding: 30px 30px 30px 30px; }
  .nadpis-upoutavka-zelena {float: left; font-size: 36px; line-height: 36px; font-weight: 700; color: #ffffff; padding: 18px 30px 18px 30px; background-color: rgba(136, 175, 64, 0.8); text-decoration: none;}
  .nadpis-upoutavka-zelena:hover {float: left; font-size: 36px; line-height: 36px; font-weight: 700; color: #ffffff; padding: 18px 30px 18px 30px; background-color: rgba(136, 175, 64, 0.8); text-decoration: none;}
  .nadpis-slider {float: left; font-size: 26px; line-height: 30px; font-weight: 700; color: #ffffff; padding: 12px 20px 12px 20px; background-color: rgba(136, 175, 64, 0.8);}
  .anotace-slider {float: left; width: 100%; font-size: 22px; font-weight: 450; line-height: 35px; color: #ffffff; padding: 15px 0px 0px 0px;}
  .horni-mezera-slider {height: 380px;}
  .home-slider-next {float: left; position: absolute; left: 50%; transform: translate(-50%,0); bottom: 70px; z-index: 1;}
  .home-slider-bublina {float: left; position: absolute; width: 67px; right: 0px; top: 280px; z-index: 100; border-radius: 28px 0 0 28px; background-color: rgba(255, 255, 255, 0.8); padding: 25px 30px 25px 30px;}
  .input-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control input {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .control-textarea {height: 100px; width: 280px; padding: 8px 6px 6px 20px; border: 1px solid #dbd7d7; font-size: 14px; }
  .select-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .select-control select {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .gal-img-margin {vertical-align: top; display: inline-block; margin: 0px auto; text-align: center; width: 200px; margin: 0px 20px 5px 0px;}
  .upoutavka-title {float: left; width: 100%; height: 65px; position: relative; text-align: center; margin-top: 0px; font-size: 16px; line-height: 22px; font-weight: 700;}
  .upoutavka-anotace {float: left; text-align: center; margin: 0px 0px 0px 0px; font-size: 16px; line-height: 24px; font-weight: 300;}
  .upoutavka-anotace td {text-align: center; margin: 0px 0px 0px 0px; font-size: 16px; line-height: 24px; font-weight: 300;}
  .table-border {border-spacing: 0; border-collapse: collapse;}
  .table-border td {border: 1px solid #e9e9e9; padding: 10px 10px 10px 10px;}
  .mobile-no {display: none;}
  .soc-slider {float: right; position: absolute; z-index: 9999; right: 10px; bottom: 170px; z-index: 999; white-space: nowrap;}
  .tlacitko-hnede-navig         {color: #ffffff; font-size: 14px; line-height: 14px; background: #181818; border: 1px solid #181818; padding: 9px 12px 8px 12px; text-decoration: none; margin: 0px 2px 0px 2px;}
  .tlacitko-hnede-navig:hover   {color: #ffffff; font-size: 14px; line-height: 14px;  background: #d89da4; border: 1px solid #d89da4; padding: 9px 12px 8px 12px; text-decoration: none; margin: 0px 2px 0px 2px;}
  .tlacitko-hnede-navig-prazdne {color: #dee7e8; font-size: 14px; line-height: 14px;  background: #dee7e8; border: 1px solid #dee7e8; padding: 9px 12px 8px 12px; text-decoration: none; margin: 0px 2px 0px 2px;}
  
  .tlacitko-zelene-male {color: #ffffff; font-size: 14px; background: #88af40; border: 1px solid #88af40; padding: 8px 35px 8px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-zelene-male:hover {color: #ffffff; font-size: 14px; background: #db5b34; border: 1px solid #db5b34; padding: 8px 35px 8px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-zelene-velke {color: #ffffff; font-size: 16px; background: #88af40; border: 1px solid #88af40; padding: 10px 35px 10px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-zelene-velke:hover {color: #ffffff; font-size: 16px; background: #db5b34; border: 1px solid #db5b34; padding: 10px 35px 10px 35px; text-decoration: none; border-radius: 18px;}
  
  .tlacitko-oranzove-male {color: #ffffff; font-size: 14px; background: #db5b34; border: 1px solid #db5b34; padding: 8px 15px 8px 15px; text-decoration: none; border-radius: 18px;}
  .tlacitko-oranzove-male:hover {color: #ffffff; font-size: 14px; background: #88af40; border: 1px solid #88af40; padding: 8px 15px 8px 15px; text-decoration: none; border-radius: 18px;}
  .tlacitko-oranzove-velke {color: #ffffff; font-size: 14px; background: #db5b34; border: 1px solid #db5b34; padding: 8px 15px 8px 15px; text-decoration: none; border-radius: 18px;}
  .tlacitko-oranzove-velke:hover {color: #ffffff; font-size: 14px; background: #88af40; border: 1px solid #88af40; padding: 8px 15px 8px 15px; text-decoration: none; border-radius: 18px;}
  
  .tlacitko-bile-male {color: #000000; font-size: 14px; background: #ffffff; border: 1px solid #ffffff; padding: 8px 35px 8px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-bile-male:hover {color: #000000; font-size: 14px; background: #ffffff; border: 1px solid #ffffff; padding: 8px 35px 8px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-bile-velke {color: #000000; font-size: 16px; background: #ffffff; border: 1px solid #ffffff; padding: 10px 35px 10px 35px; text-decoration: none; border-radius: 18px;}
  .tlacitko-bile-velke:hover {color: #000000; font-size: 16px; background: #ffffff; border: 1px solid #ffffff; padding: 10px 35px 10px 35px; text-decoration: none; border-radius: 18px;}
  .gal-img-margin-list {float: left; position: relative; width: 90%; margin: 0px 5% 30px 5%;}
} 

.menu-item-div       {float: left; height: 49px;}
.menu-item-div:hover {float: left; height: 49px; border-bottom: solid 3px #ffffff;}

.responsive {
    padding: 0px 0px 0px 0px;
    float: left;
    width: 24.99999%;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.responsive-1 {width: 24.25%; margin: 0% 1% 0% 0%;}
.responsive-2 {width: 24.25%; margin: 0% 1% 0% 0%;}
.responsive-3 {width: 24.25%; margin: 0% 1% 0% 0%;}
.responsive-4 {width: 24.25%; margin: 0% 0% 0% 0%;}

@media only screen and (max-width: 700px){
    .responsive {width: 49.99999%; margin: 6px 0;}
    .responsive-1 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-2 {width: 49.00%; margin: 0% 0% 0% 0%;}
    .responsive-3 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-4 {width: 49.00%; margin: 0% 0% 0% 0%;}
}

@media only screen and (max-width: 500px){
    .responsive {width: 49.99999%; margin: 6px 0;}
    .responsive-1 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-2 {width: 49.00%; margin: 0% 0% 0% 0%;}
    .responsive-3 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-4 {width: 49.00%; margin: 0% 0% 0% 0%;}
}