/* CSS Document */

/* bxslider - full sceen */ 

body, html{
    height: 100%; 
} 


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

/* */  

div {
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  line-height: 23px;
  color: #161922;
}

td {
    line-height: 23px;
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    color: #161922;
   }
   
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;}

.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'); */}

.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;}

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

.dropdown-valbek-content {
  position: absolute;
  left: 0px;
  top: 0px;
  background-color:rgba(0, 0, 0, 0.7);
  float: left;
  height: 280px;
  width: 160px;
  padding: 20px 70px 20px 20px;
  z-index: 10;
  
  margin-top: 52px;
  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;
}

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

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

/* desktop */
@media screen and (min-width:1300px) {
  .rectangle-top {float: left; width: 7px; height: 17px; background: green;}
  .logo {float: left; z-index: 6; position: absolute; left: 0px; top: 33px;}
  .logo a:before {content: url('../../../Image/user_img/azgeo_cz/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: 0px; top: 0px;  width: 100%; height: 110px;} /*  border-bottom: 1px solid #f49b1f; */
  .menu-pozadi-2 {position: fixed; z-index: 1; left: 0px; top: 0px;  width: 100%; height: 110px;}
}                        
/* tablet */                 
@media screen and (min-width:1020px) and (max-width:1299px) {
  .rectangle-top {float: left; width: 7px; height: 17px; background: orange;}
  .logo {float: left; z-index: 6; position: absolute; left: 0px; top: 33px;}
  .logo a:before {content: url('../../../Image/user_img/azgeo_cz/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: 0px; top: 0px;  width: 100%; height: 110px;}  
  .menu-pozadi-2 {position: fixed; z-index: 1; left: 0px; top: 0px;  width: 100%; height: 110px;}
}
/* mobile */
@media screen and (min-width:0px) and (max-width:1019px) {
  .rectangle-top {float: left; width: 7px; height: 17px; background: red;}
  .logo {float: left; z-index: 6; position: absolute; left: 0px; top: 33px;}
  .logo a:before {content: url('../../../Image/user_img/azgeo_cz/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;}
}

/* desktop */
@media screen and (min-width:1300px) {
  .rectangle {float: left; width: 7px; height: 17px; background: green;}
  .obsah {width: 100%;}
  .hlavni {max-width: 1240px; width: 100%;}
  .table-2-sloupce {width: 42%; margin: 0px 4% 0px 4%;}
  .table-3-sloupce {width: 31%; margin: 0% 1% 0% 1%;}
  .table-2-sloupce-plne {width: 45%; margin: 0px 0px 0px 0px;}
  .table-4-sloupce {width: 16.8%; margin: 0% 4.0% 0% 4.0%;} 
  .nadpis-firmy {float: left; font-size: 30px; line-height: 30px; font-weight: 600; color: #000000; text-transform: uppercase; padding: 0px 0px 15px 0px;}
  .bunka-firmy {width: 100%; height: 200px; border: 2px solid #000000;}
  .bunka-firmy img {padding: 0px 25px 0px 25px;}
  .nadpis {margin: 0; font-size: 40px; line-height: 48px; font-weight: 700; color: #161922; text-transform: uppercase; background-image: url('../../../Image/user_img/azgeo_cz/obecne/carka_oranzova.png'); background-repeat: no-repeat; padding: 4px 0px 25px 30px;  display: inline-block; }
  .nadpis-maly {float: left; width: 100%; font-size: 30px; line-height: 34px; font-weight: 700; color: #161922; text-transform: uppercase; padding: 0px 0px 40px 30px; text-align: left;}
  .nadpis-maly img {float: none; margin: 0px 20px -14px -70px; display: inline-block;}
  
  .anotace {float: left; width: 100%; font-size: 20px; font-weight: 300; line-height: 28px;}
  .anotace-capital {float: left; width: 100%; font-size: 30px; font-weight: 300; line-height: 28px; text-transform: uppercase;}
  
  .nadpis-slider {float: left; width: 100%; font-size: 53px; line-height: 53px; font-weight: 700; color: #ffffff; padding: 13px 0px 15px 30px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
  .nadpis-slider img {float: none; margin: 0px 20px -44px -30px; display: inline-block;}
  
  .anotace-slider {float: left; width: 100%; font-size: 18px; font-weight: 600; line-height: 30px; color: #ffffff; padding: 15px 0px 0px 0px;}
  .horni-mezera-slider {height: 380px;}
  .rozstrel-mezera {height: 150px;}
  
  #myVideo { position: fixed; right: 0; top: 0; /* min-width: 100%;  min-height: 100%; */ }
  .content-video { position: fixed; top: 0; background: rgba(0, 0, 0, 0.5); color: #f1f1f1; width: 100%; /* padding: 20px; */}
  .video-text {position: absolute; top: 46%; left: 50%; transform: translate(-50%, -50%);}
  .nadpis-video {float: left; width: 100%; font-size: 40px; line-height: 48px; font-weight: 600; padding-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 5px #000000;}
  .anotace-video {float: left; width: 100%; font-size: 25px; font-weight: 300; line-height: 30px; color: #ffffff; text-shadow: 2px 2px 5px #000000;}
  .mezera-video {height: 50px;}
  
  .tlacitko-slider {color: #ffffff; font-size: 17px; line-height: 17px; background: #060606; border: 1px solid #060606; padding: 12px 40px 12px 40px; text-decoration: none; margin-bottom: 10px; text-transform: uppercase;}
  .tlacitko-slider:hover {color: #ffffff; font-size: 17px; line-height: 17px;  background: #060606; border: 1px solid #060606; padding: 12px 40px 12px 40px; text-decoration: none; margin-bottom: 10px; text-transform: uppercase;}
  .tlacitko-cerne {color: #ffffff; font-size: 17px; line-height: 17px; background: #060606; border: 1px solid #060606; padding: 12px 40px 12px 40px; text-decoration: none; margin-bottom: 10px; text-transform: uppercase;}
  .tlacitko-cerne:hover {color: #ffffff; font-size: 17px; line-height: 17px;  background: #060606; border: 1px solid #060606; padding: 12px 40px 12px 40px; text-decoration: none; margin-bottom: 10px; text-transform: uppercase;}
  
  
  .contact-text-email {font-size: 14px;}
  .rozstrel-nadpis {color: #ffffff; padding-top: 12px; padding-bottom: 12px; font-size: 25px; line-height: 25px; font-weight: 600;}
  
  .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; }
  .input-control select {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .input-control select option {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .control-textarea {height: 300px; width: 500px; 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; }
  .table-2-sloupce-na-stred {width: 42%; margin: 0px 4% 0px 4%;}
  .text-na-stred {float: left; width: 100%; position: relative; padding: 40px 0px 40px 0px; display: flex; justify-content: center; align-items: center;}
  .table-2-contact {float: left; width: 20%; margin: 0px 15% 0px 15%; }
  .table-3-contact {float: left; width: 22%; margin: 0% 5.5% 0% 5.5%; }
  .gal-img-margin {vertical-align: top; display: inline-block; margin: 0px auto; text-align: center; width: 200px; margin: 0px 20px 5px 0px;}
  .rozstrel {width: 31%; margin: 0% 1% 0% 1%;}
  .rozstrel-td img {width: 90px;}
  .div-opacity {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0.4; background: #000000; display: none; cursor: pointer;}
  .rozstrel:hover .div-opacity {display: block;}
  .table-3-detaily {width: 32%; margin: 0% 0.5% 0% 0.5%; padding: 3% 2% 3% 2%;}
  .table-2-detaily {width: 48%; margin: 0% 0.5% 0% 0.5%; padding: 3% 2% 3% 2%;} /* background: #f6f6f6; */
  .table-1-detaily {width: 96%; margin: 0% 0.5% 0% 0.5%; padding: 2% 2% 2% 2%;}
  .nadpis-detaily {font-size: 20px; line-height: 24px; font-weight: 700; color: #161922; text-transform: uppercase; padding: 0px 0px 20px 0px; text-align: center;}
  .offer-home-1-item {float: left; position: relative; background: #ffffff; width: 27%; margin: 0% 1% 20px 1%; height: 170px; padding: 2% 2% 2% 2%;}
  .offer-home-1-odkazy {font-size: 16px; font-weight: 300; line-height: 20px; text-transform: uppercase; color: #000000;}
  .nadpis-offer {float: left; width: 100%; font-size: 22px; font-weight: 600; line-height: 28px; padding-bottom: 30px; text-transform: uppercase; text-decoration: none; color: #000000;}
  .nadpis-offer:hover {float: left; width: 100%; font-size: 22px; font-weight: 600; line-height: 28px; padding-bottom: 30px; text-transform: uppercase; text-decoration: underline; color: #000000;}
}                        
/* tablet */                 
@media screen and (min-width:808px) and (max-width:1299px) {
  .rectangle {float: left; width: 7px; height: 17px; background: orange;}
  .obsah {width: 100%;}
  .hlavni {width: 90%;}
  .table-2-sloupce {width: 42%; margin: 0px 35px 0px 35px;}
  .table-3-sloupce {width: 31%; margin: 0% 1% 0% 1%;}
  .table-2-sloupce-plne {width: 45%; margin: 0px 0px 0px 0px;}
  .table-4-sloupce {width: 22%; margin: 0% 1.5% 0% 1.5%;}
  .nadpis-firmy {float: left; font-size: 30px; line-height: 30px; font-weight: 600; color: #000000; text-transform: uppercase; padding: 0px 0px 15px 0px;}
  .bunka-firmy {width: 100%; height: 200px; border: 2px solid #000000;}
  .bunka-firmy img {padding: 0px 25px 0px 25px;} 
  .nadpis {margin: 0; font-size: 40px; line-height: 48px; font-weight: 700; color: #161922; text-transform: uppercase; background-image: url('../../../Image/user_img/azgeo_cz/obecne/carka_oranzova.png'); background-repeat: no-repeat; padding: 4px 0px 25px 30px;  display: inline-block; }
  .nadpis-maly {float: left; width: 100%; font-size: 30px; line-height: 34px; font-weight: 700; color: #161922; text-transform: uppercase; padding: 0px 0px 40px 30px; text-align: left;}
  .nadpis-maly img {float: none; margin: 0px 20px -14px -70px; display: inline-block;}
  .anotace {float: left; width: 100%; font-size: 20px; font-weight: 300; line-height: 28px;}
  .anotace-capital {float: left; width: 100%; font-size: 30px; font-weight: 300; line-height: 28px; text-transform: uppercase;}
  .nadpis-slider {float: left; width: 100%; font-size: 53px; line-height: 53px; font-weight: 700; color: #ffffff; padding: 13px 0px 15px 30px;  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
  .nadpis-slider img {float: none; margin: 0px 20px -44px -30px; display: inline-block;}
  .anotace-slider {float: left; width: 100%; font-size: 18px; font-weight: 600; line-height: 30px; color: #ffffff; padding: 15px 0px 0px 0px;}
  .horni-mezera-slider {height: 330px;}
  .rozstrel-mezera {height: 90px;}
  
  #myVideo { position: fixed; right: 0; top: 0; /* min-width: 100%;  min-height: 100%; */ }
  .content-video { position: fixed; top: 0; background: rgba(0, 0, 0, 0.5); color: #f1f1f1; width: 100%; /* padding: 20px; */}
  .video-text {position: absolute; top: 46%; left: 50%; transform: translate(-50%, -50%);}
  .nadpis-video {float: left; width: 100%; font-size: 28px; line-height: 32px; font-weight: 600; padding-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 5px #000000;}
  .anotace-video {float: left; width: 100%; font-size: 20px; font-weight: 300; line-height: 24px; color: #ffffff; text-shadow: 2px 2px 5px #000000;}
  .mezera-video {height: 50px;}
  
  .tlacitko-slider {color: #ffffff; font-size: 17px; line-height: 17px; background: #060606; border: 1px solid #060606; padding: 18px 40px 18px 40px; text-decoration: none; margin-bottom: 10px; text-transform: uppercase;}
  .tlacitko-slider:hover {color: #ffffff; font-size: 17px; line-height: 17px;  background: #060606; border: 1px solid #060606; padding: 18px 40px 18px 40px; text-decoration: none; margin-bottom: 10px; text-transform: uppercase;}
  .tlacitko-cerne {color: #ffffff; font-size: 17px; line-height: 17px; background: #060606; border: 1px solid #060606; padding: 12px 40px 12px 40px; text-decoration: none; margin-bottom: 10px; text-transform: uppercase;}
  .tlacitko-cerne:hover {color: #ffffff; font-size: 17px; line-height: 17px;  background: #060606; border: 1px solid #060606; padding: 12px 40px 12px 40px; text-decoration: none; margin-bottom: 10px; text-transform: uppercase;}
  
  
  .contact-text-email {font-size: 12px;}
  .rozstrel-nadpis {color: #ffffff; padding-top: 12px; padding-bottom: 12px; font-size: 16px; line-height: 18px; font-weight: 600;}
  
  .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: 300px; width: 320px; 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; }
  .table-2-sloupce-na-stred {width: 42%; margin: 0px 4% 0px 4%;}
  .text-na-stred {float: left; width: 100%; position: relative; padding: 40px 0px 40px 0px; display: flex; justify-content: center; align-items: center;}
  .table-2-contact {float: left; width: 26%; margin: 0px 12% 0px 12%; }
  .table-3-contact {float: left; width: 22%; margin: 0% 5.5% 0% 5.5%; height: 550px;}
  .gal-img-margin {vertical-align: top; display: inline-block; margin: 0px auto; text-align: center; width: 200px; margin: 0px 20px 5px 0px;}
  .rozstrel {width: 31%; margin: 0% 1% 0% 1%;}
  .rozstrel-td img {display: none;}
  .div-opacity {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0.4; background: #000000; display: none; cursor: pointer;}
  .rozstrel:hover .div-opacity {display: block;}
  .table-3-detaily {width: 32%; margin: 0% 0.5% 0% 0.5%; padding: 2% 2% 2% 2%;}
  .table-2-detaily {width: 48%; margin: 0% 0.5% 0% 0.5%; padding: 2% 2% 2% 2%;}
  .table-1-detaily {width: 96%; margin: 0% 0.5% 0% 0.5%; padding: 2% 2% 2% 2%;}
  .nadpis-detaily {font-size: 20px; line-height: 24px; font-weight: 700; color: #161922; text-transform: uppercase; padding: 0px 0px 20px 0px; text-align: center;}
  .offer-home-1-item {float: left; position: relative; background: #ffffff; width: 80%; margin: 0px 5% 20px 5%; height: 170px; padding: 5% 5% 5% 5%;}
  .offer-home-1-odkazy {font-size: 16px; font-weight: 300; line-height: 20px; text-transform: uppercase; color: #000000;}
  .nadpis-offer {float: left; width: 100%; font-size: 22px; font-weight: 600; line-height: 28px; padding-bottom: 30px; text-transform: uppercase; text-decoration: none; color: #000000;}
  .nadpis-offer:hover {float: left; width: 100%; font-size: 22px; font-weight: 600; line-height: 28px; padding-bottom: 30px; text-transform: uppercase; text-decoration: underline; color: #000000;}
}
/* mobile */
@media screen and (min-width:0px) and (max-width:807px) {
  .rectangle {float: left; width: 7px; height: 17px; background: red;}
  .obsah {width: 100%;} /* 100% */
  .hlavni {width: 90%;}
  .table-2-sloupce {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-3-sloupce {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-2-sloupce-plne {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-4-sloupce {width: 90%; margin: 0px 5% 0px 5%;} 
  .nadpis-firmy {float: left; font-size: 30px; line-height: 30px; font-weight: 600; color: #000000; text-transform: uppercase; padding: 0px 0px 15px 0px;}
  .bunka-firmy {width: 100%; height: 200px; border: 2px solid #000000;}
  .bunka-firmy img {padding: 10px 25px 10px 25px;}
  .nadpis {margin: 0; font-size: 28px; line-height: 28px; font-weight: 700; color: #161922; text-transform: uppercase; background-image: url('../../../Image/user_img/azgeo_cz/obecne/carka_oranzova.png'); background-repeat: no-repeat; padding: 12px 0px 25px 30px;  display: inline-block; }
  .nadpis-maly {float: left; width: 100%; font-size: 30px; line-height: 34px; font-weight: 700; color: #161922; text-transform: uppercase; padding: 0px 0px 40px 30px; text-align: left;}
  .nadpis-maly img {float: none; margin: 0px 20px -14px -70px; display: inline-block;}
  .anotace {float: left; width: 100%; font-size: 20px; font-weight: 300; line-height: 28px;}
  .anotace-capital {float: left; width: 100%; font-size: 30px; font-weight: 300; line-height: 28px; text-transform: uppercase;}
  .nadpis-slider {float: left; width: 100%; font-size: 38px; line-height: 38px; font-weight: 700; color: #ffffff; padding: 13px 0px 15px 30px;  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
  .nadpis-slider img {float: none; margin: 0px 20px -44px -30px; display: inline-block;}
  .anotace-slider {float: left; width: 100%; font-size: 18px; font-weight: 600; line-height: 30px; color: #ffffff; padding: 15px 0px 0px 0px;}
  .horni-mezera-slider {height: 250px;}
  .rozstrel-mezera {height: 80px;}
  
  #myVideo { position: relative; right: 0; top: 91px; /* min-width: 100%;  min-height: 100%; */ }
  .content-video { position: relative; top: 0; background: rgba(0, 0, 0, 0.5); color: #f1f1f1; width: 100%; /* padding: 20px; */}
  .video-text {position: absolute; width: 80%; padding: 0% 10% 0% 10%; top: 46%; left: 50%; transform: translate(-50%, -50%);}
  .nadpis-video {float: left; width: 100%; font-size: 26px; line-height: 30px; font-weight: 600; padding-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 5px #000000;}
  .anotace-video {float: left; width: 100%; font-size: 20px; font-weight: 300; line-height: 24px; color: #ffffff; text-shadow: 2px 2px 5px #000000;}
  .mezera-video {height: 40px;}
  
  .tlacitko-slider {color: #ffffff; font-size: 17px; line-height: 17px; background: #060606; border: 1px solid #060606; padding: 8px 30px 8px 30px; text-decoration: none; margin-bottom: 10px; text-transform: uppercase;}
  .tlacitko-slider:hover {color: #ffffff; font-size: 17px; line-height: 17px;  background: #060606; border: 1px solid #060606; padding: 8px 30px 8px 30px; text-decoration: none; margin-bottom: 10px; text-transform: uppercase;}
  .tlacitko-cerne {color: #ffffff; font-size: 17px; line-height: 17px; background: #060606; border: 1px solid #060606; padding: 12px 40px 12px 40px; text-decoration: none; margin-bottom: 10px; text-transform: uppercase;}
  .tlacitko-cerne:hover {color: #ffffff; font-size: 17px; line-height: 17px;  background: #060606; border: 1px solid #060606; padding: 12px 40px 12px 40px; text-decoration: none; margin-bottom: 10px; text-transform: uppercase;}
  
  
  .contact-text-email {font-size: 14px;}
  .rozstrel-nadpis {color: #ffffff; padding-top: 12px; padding-bottom: 12px; font-size: 22px; line-height: 25px; font-weight: 600;}
  
  .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: 300px; width: 320px; 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; }
  .table-2-sloupce-na-stred {float: left; width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .text-na-stred {float: left; width: 100%; position: relative; padding: 40px 0px 40px 0px; }
  .table-3-contact {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-2-contact {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .gal-img-margin {vertical-align: top; display: inline-block; margin: 0px auto; text-align: center; width: 200px; margin: 0px 20px 5px 0px;}
  .rozstrel {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .div-opacity {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0.4; background: #000000; display: none; cursor: pointer;}
  .rozstrel:hover .div-opacity {display: block;}
  .table-3-detaily {width: 90%; margin: 0px 5% 20px 5%; clear: both; padding: 2% 2% 2% 2%;}
  .table-2-detaily {width: 90%; margin: 0px 5% 20px 5%; clear: both; padding: 4% 4% 4% 4%;}
  .table-1-detaily {width: 90%; margin: 0px 5% 20px 5%; clear: both; padding: 2% 2% 2% 2%;}
  .nadpis-detaily {font-size: 20px; line-height: 24px; font-weight: 700; color: #161922; text-transform: uppercase; padding: 0px 0px 20px 0px; text-align: center;}
  .offer-home-1-item {float: left; position: relative; background: #ffffff; width: 80%; margin: 0px 5% 20px 5%; height: 170px; padding: 5% 5% 5% 5%;}
  .offer-home-1-odkazy {font-size: 16px; font-weight: 300; line-height: 20px; text-transform: uppercase; color: #000000;}
  .nadpis-offer {float: left; width: 100%; font-size: 22px; font-weight: 600; line-height: 28px; padding-bottom: 30px; text-transform: uppercase; text-decoration: none; color: #000000;}
  .nadpis-offer:hover {float: left; width: 100%; font-size: 22px; font-weight: 600; line-height: 28px; padding-bottom: 30px; text-transform: uppercase; text-decoration: underline; color: #000000;}
} 



/* pro zvetseni bloku poté co se zobrazi v prohlizeci, javascript je v souboru "template / template_tes_consulting_cz_home.php"  */
/*
.zoom-out {
    transform: scale(0.5); 
    transition: transform 0.5s ease-in-out; 
}

.zoom-out.scale-up {
    transform: scale(1); 
}
*/
/* END */

.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%;}
}