p, a{
  font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4{


}
p a{
color:  rgba(255, 148, 0, 1);
text-decoration: underline
}

h1, h2, h3, h4{


}
.texty h2.bez {
    color: rgba(1, 179, 225, 1);
    font-size: 28px;
    padding-top: 0px;
    margin-bottom: 0px;
}
.grey{
    color: rgba(138, 138, 138, 1);

}


.pruh.bottom0{
margin-bottom: 0px
}

.texty.padding10{
  padding: 10px
}

.texty h2 {
       color: rgba(1, 179, 225, 1);
    font-size: 30px;

    padding-top: 0px;
    margin-bottom: 20px;

    clear: both;
}

.texty h2.tmmodry {
   color:rgba(9, 92, 125, 1);
    font-size: 30px;
    font-weight: 400;
    padding-top: 0px;
    margin-bottom: 40px;

    clear: both;
}



div.pruh-modry .texty h2 {
   color:rgba(255, 255, 255, 1);
    font-size: 30px;

    padding-top: 0px;
    margin-bottom: 10px;

    clear: both;
}
div.pruh-modry .texty h3 {
   color:rgba(255, 255, 255, .5);
    font-size: 20px;

    padding-top: 0px;
    margin-bottom: 20px;

    clear: both;
}
div.pruh-modry .texty p {
   color:rgba(255, 255, 255, 1);
    font-size: 14px;

    padding-top: 0px;
    margin-bottom: 20px;

    clear: both;
}
.texty h2 i{
    color:rgba(201, 31, 35, 1);
    font-size: 16px;
    font-style: normal;
    font-weight: 200;
}
.texty h2.nadpis {
     color: rgba(1, 179, 225, 1);
    font-weight: 500;
    font-size: 38px;
    margin-top: 30px;
    margin-bottom: 40px;

    clear: both;
    position: relative;
}
.texty h2{
    color:rgba(0, 0, 0, 1);
    font-weight: 600;
    font-size: 45px;
    margin-top: 0px;
    margin-bottom: 20px;

    clear: both;
    position: relative;
}
.texty h2.cerny, .texty h3.cerny {
    color:rgba(0, 0, 0, 1);
    font-weight: 600;
    font-size: 65px;
    margin-top: 0px;
    margin-bottom: 20px;

    clear: both;
    position: relative;
}
.texty h2.cerny.mensi, .uvnitr .texty h3.cerny.mensi {

    font-size: 35px;

}
  @media all and (max-width: 1024px) {

.texty h2.nadpis {
        color: rgba(1, 179, 225, 1);
    font-size: 40px;

    margin-top: 25px;
    margin-bottom: 30px;
    margin-left: 10px;
    margin-right: 10px;
    clear: both;
    position: relative;
}
}

@media all and (max-width: 600px) {
.texty h2.cerny{

    font-size: 40px;
    margin-bottom: 30px;
}
}
.texty h2.nadpis:before {
  content: "";
  width: 80px;
  height: 12px;
  position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -40px;

  background-size: 80px 12px;
}

.texty .white {
    color: #fff;

}




.odst40{
  float: left;
  width: 33%;
  padding-right: 3%;
      min-height: 360px;
  vertical-align: top;
  text-align: left;
     border-right: solid 1px rgba(0, 0, 0, .2);

}
.odst60{
  float: right;
  width: 62%;
  vertical-align: top;
  text-align: left;
}

/* mala fotogalerie */
.malafotogalerie{
  width: 98%;
  margin-left: 1%;

}
.malafotogalerie a{
  width: 30%;
  height: 100px;
  float: left;
  margin: 1%;
  margin-bottom: 1%;
  overflow: hidden;

}
.malafotogalerie a:nth-child(4) {
  width: 30%;
  height: 200px;
  float: left;
  margin: 1%;
  margin-bottom: 1%;
  overflow: hidden;

}
.malafotogalerie a:nth-child(5) {
  width: 62%;
  height: 200px;
  float: left;
  margin: 1%;
  margin-bottom: 1%;
  overflow: hidden;

}


.malafotogalerie a img{
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: 100%;


}





/* aktualty */

.aktualita{
  border-radius: 3px;
   margin-left: 1%;
   margin-right: 1%;
   text-align: left;
   width: 47%;
   border: solid 1px rgba(8, 56, 107, .1);
   display: inline-block;
   vertical-align: top;
   height: 266px;
   margin-bottom: 20px;
   margin-top: 30px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
     /*   background-color: rgba(250, 190, 14, 1);  */
           background-color: rgba(128, 207, 240, 0);
    position: relative

}

.aktualita:nth-child(1){

   margin-left: 2%;


}




.aktualita:hover{
   border: solid 1px rgba(8, 56, 107, .4);
/*     background-color: rgba(128, 207, 240, .7);   */
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}


  @media all and (max-width: 1200px) {

.aktualita{
   margin-left: 1%;
   margin-right: 0%;
   text-align: left;
   width: 98%;
   display: inline-block;
   vertical-align: top;
   min-height: 200px;
   height: auto;
   margin-bottom: 20px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    position: relative

}

}

  @media all and (max-width: 1024px) {


.odst40{
  float: none;
     margin-left: 1%;
   margin-right: 0%;
      width: 98%;
   padding-right: 0px;
   padding-bottom: 20px;
   border-right: none;
   text-align: left;
     border-bottom: solid 1px rgba(0, 0, 0, .2);
}
.odst60{

  float: none;
     margin-left: 1%;
        width: 98%;
   margin-right: 0%;
   padding-top: 30px;
}
.aktualita{
   margin-left: 1%;
   margin-right: 1%;
   text-align: left;
   width: 98%;
   display: inline-block;
   vertical-align: top;
   min-height: 200px;
   height: auto;
   margin-bottom: 20px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    position: relative

}

}




.aktualita a.od{
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 11;

}
.aktualita::after{
  content: "";
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  background-color: rgba(8, 56, 107, 0);
  border: solid 1px rgba(8, 56, 107, 1);
     -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
  border-radius: 50%
}
.aktualita::before{
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 10;
  width: 30px;
  text-align: center;
  font-size: 15px;
  line-height: 30px;
    content: '\f105';
 font-family:"FontAwesome";
 color: rgba(8, 56, 107, 1);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}

.aktualita:hover::after{

  background-color: rgba(8, 56, 107, 1);
     -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}

.aktualita:hover::before{

 color: rgba(255, 255, 255, 1);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}



.aktualita p{
  font-size: 14px;
  font-weight: 300;
  margin-top: 20px;
  margin-left: 30px;
  line-height: 23px;
  margin-right: 30px;
  height: 100px;


}

.aktualita .foto{
  position: absolute;
  left: 75px;
  bottom: 14px;
  text-align: left;
  width: 70%;

}

 @media all and (max-width: 500px) {
.aktualita .foto {
    position: relative;
    left: 75px;
    bottom: 14px;
    text-align: left;
    width: 70%;
}
}
.aktualita .foto a{
  display: inline-block;
  position: relative;
  z-index: 11;
  margin-left: 2%;
}
.aktualita .foto a img{
  width: 50px;
  height: 50px;
  border: solid 1px rgba(8, 56, 107, .5);
  border-radius: 50%
}
.aktualita .foto a:hover img{

  border: solid 1px rgba(8, 56, 107, 1);
}

.aktualita p.datum{
  font-size: 10px;
  color:  rgba(8, 56, 107, 1);

  width: 50px;
  height: 50px;
/*     border-radius: 40px;  */
     text-align: center;
     position: absolute;
     z-index: 10;
     left: 20px;
     line-height: normal;

  bottom: 20px;
  margin-top: 0px;
  margin-left: 0px;
     margin-right: 0px;
     background: rgba(255, 255, 255, 1);
       border: solid 1px rgba(8, 56, 107, .2);
       -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
     border-radius: 50%

}
.aktualita:hover p.datum{

       border: solid 1px rgba(8, 56, 107, .7);
       -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

 }
.aktualita p.datum span{
  font-size: 15px;
  font-weight: 800;
  color: rgba(8, 56, 107, 1);
  border-bottom: solid 1px rgba(8, 56, 107, .5);
  display: inline-block;
  height: 25px;
  line-height: 25px;
  width: 90%;
}

.aktualita h3{
  font-size: 21px;
  font-weight: 600;
  margin-top: 20px;
  display: inline-block;
  width: auto;
  margin-left: 30px;
  margin-right: 30px;
  color: rgba(8, 56, 107, 1);
}

























 @media screen and (max-width:500px){

.texty table {
    color: #000;
        border-collapse: collapse;
         background-color: #daf0f9;
         font-size: 11px;
         width: 100%;
         margin-bottom: 30px;

}
.texty table tr td{
  padding: 5px;
  border: solid 1px rgba(255, 255, 255, 1)

}
.texty table tr th{
  padding: 15px;
  font-weight: 600;
  border: solid 1px rgba(255, 255, 255, 1)

}

}


.texty table {
    color: #000;
        border-collapse: collapse;
         background-color: #daf0f9;
         font-size: 13px;
         width: 100%;
         margin-bottom: 30px;

}
.texty table tr td{
  padding: 10px;
  border: solid 1px rgba(255, 255, 255, 1)

}
.texty table tr th{
  padding: 10px;
  font-weight: 600;
  border: solid 1px rgba(255, 255, 255, 1)

}



 .texty h2.bez {
   color:rgba(1, 179, 225, 1);
    font-size: 28px;

    padding-top: 0px;
    margin-bottom: 0px;

}
 .texty h2.bez i {
    color: rgba(0, 0, 0, 1);
    font-size: 25px;
    font-weight: 500;
    font-style: normal;
}

.uvnitr .texty h3 {
    color: rgba(0, 0, 0, 1);
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 30px;

}


.uvnitr .texty h3.cerny {
    color:rgba(0, 0, 0, 1);
    font-weight: 600;
    font-size: 65px;
    margin-top: 0px;
    margin-bottom: 20px;

    clear: both;
    position: relative;
    line-height: normal;
}
.uvnitr .texty h4 {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 24px;
    line-height: 24px;

}
.uvnitr .texty .wrapper .accordionButton h3 {
      color: rgba(1, 179, 225, 1);
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0px;
    line-height: 42px;
    margin-left: 15px;

}

.uvnitr .texty .wrapper .accordionButton:hover h3, .uvnitr .texty .wrapper .accordionButton.on h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0px;
    line-height: 42px;
    margin-left: 15px;

}

.uvnitr  .texty h3.modry,  .uvnitr  .texty h3#uprava{
    color: #118de6;
    font-size: 30px;
    font-weight: 400;

    padding-top: 0px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    clear: both;
}




@media all and (max-width: 1100px) {
.texty h2 {
    font-size: 25px;
    padding-top: 0px;
    margin-bottom: 30px;

}

}

@media all and (max-width: 640px) {
.texty h2 {
    font-size: 20px;
    padding-top: 0px;
    margin-bottom: 25px;

}

}

@media all and (max-width: 453px) {
.texty h2 {
    font-size: 20px;
    padding-top: 0px;
    margin-bottom: 20px;

}

}

.pp_content .texty{
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  padding-top: 5%;
}
.pp_content .texty img{
  width: 40%;


}
.pp_content{
      height: 600px;
}



.texty p {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 23px;

}
.texty p.size18 {
    color: #7F8486;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 23px;

}



.texty p i{
    color: #999999;
    font-size: 14px;


}
.texty p strong{

    font-weight: 600;


}
.texty h2 span {

    font-size: 13px;
    font-weight: 300;
    line-height: 18px;

}
.texty .blue {
    color: #118de6;
}
.texty .red {
    color: #ff0000;
}

.texty .orange {
  color: #ff6600;
}
.texty .green {
color: #88ce0c;
}



.texty ul.ikony {
  margin-left: 0px;
  margin-bottom: 0px;
}

.texty ul.ikony li{
  margin-left: 0px;
  display: inline-block;
  text-align: center;
  width: 23%;
  vertical-align: top;
  list-style: none
}
 @media all and (max-width: 560px) {

.texty ul.ikony li{
  margin-left: 0px;
  display: inline-block;
  text-align: center;
  width: 45%;
  vertical-align: top;
  list-style: none
}
}
.texty ul.ikony li i{
  font-size: 50px;
  color: #fcd21c;
  margin-bottom: 15px;
}
.texty ul.ikony li h3{
  font-size: 20px;
  line-height: 23px;
  height: 50px;
  margin-bottom: 15px;
  font-weight: 600;

}




.texty ul.ikonky {
  margin-left: 0px;
}
.texty ul.ikonky li{


  width: 24%;
  display: inline-block;
  text-align: left;
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  min-width: 280px;
  vertical-align: top;
}

.texty ul.ikonky li h3{

margin-top: 160px;
text-align: center;
   font-size: 20px;
   font-weight: 300;
  color: #118de6;
}

.texty ul.ikonky li.doprava:before{
  content: "";
  background: url(ico1.png) no-repeat center top;
    background-size: 150px;
    width: 100%;
    height: 150px;
    z-index: 1;
    position: absolute;
    margin-left: 0px;
}
.texty ul.ikonky li.montaz:before{
  content: "";
  background: url(ico2.png) no-repeat center top;
    background-size: 150px;
    width: 100%;
    height: 150px;
    z-index: 1;
    position: absolute;
    margin-left: 0px;
}
.texty ul.ikonky li.izolace:before{
  content: "";
  background: url(ico3.png) no-repeat center top;
    background-size: 150px;
    width: 100%;
    height: 150px;
    z-index: 1;
    position: absolute;
    margin-left: 0px;
}
.texty ul.ikonky li.kalkulace:before{
  content: "";
  background: url(ico4.png) no-repeat center top;
    background-size: 150px;
    width: 100%;
    height: 150px;
    z-index: 1;
    position: absolute;
    margin-left: 0px;
}



   @media all and (max-width: 1200px) {

.texty ul.ikonky {
  margin-left: 0px;
  margin-right: 0px;
}
.texty ul.ikonky li{


  width: 23%;
  display: inline-block;
  text-align: left;
  margin-left: 0px;
  position: relative;
  min-width: 100px;
  vertical-align: top;
}

.texty ul.ikonky li h3{

margin-top: 60px;
text-align: center;
   font-size: 15px;
   margin-left: 5px;
   margin-right: 5px;
  color: #118de6;
}

.texty ul.ikonky li.doprava:before{
  content: "";
  background: url(ico1.png) no-repeat center top;
    background-size: 50px;
    width: 100%;
    height: 50px;
    z-index: 1;
    position: absolute;
    margin-left: 0px;
}
.texty ul.ikonky li.montaz:before{
  content: "";
  background: url(ico2.png) no-repeat center top;
    background-size: 70px;

    width: 100%;
    height: 70px;
    z-index: 1;
    position: absolute;
    margin-left: 0px;
}
.texty ul.ikonky li.izolace:before{
  content: "";
  background: url(ico3.png) no-repeat center top;
    background-size: 70px;
    width: 100%;
    height: 70px;
    z-index: 1;
    position: absolute;
    margin-left: 0px;
}
.texty ul.ikonky li.kalkulace:before{
  content: "";
  background: url(ico4.png) no-repeat center top;
    background-size: 70px;
    width: 100%;
    height: 70px;
    z-index: 1;
    position: absolute;
    margin-left: 0px;
}



}


   @media all and (max-width: 700px) {

.texty ul.ikonky {
  margin-left: 0px;
  margin-right: 0px;
}
.texty ul.ikonky li{


  width: 23.6%;
  display: inline-block;
  text-align: left;
  margin-left: 0px;
  position: relative;
  min-width: 100px;
  vertical-align: top;
}

.texty ul.ikonky li h3{

margin-top: 60px;
text-align: center;
   font-size: 13px;
   margin-left: 5px;
   margin-right: 5px;
  color: #118de6;
}

.texty ul.ikonky li.doprava:before{
  content: "";
  background: url(ico1.png) no-repeat center top;
    background-size: 50px;
    width: 100%;
    height: 50px;
    z-index: 1;
    position: absolute;
    margin-left: 0px;
}
.texty ul.ikonky li.montaz:before{
  content: "";
  background: url(ico2.png) no-repeat center top;
    background-size: 50px;

    width: 100%;
    height: 50px;
    z-index: 1;
    position: absolute;
    margin-left: 0px;
}
.texty ul.ikonky li.izolace:before{
  content: "";
  background: url(ico3.png) no-repeat center top;
    background-size: 50px;
    width: 100%;
    height: 50px;
    z-index: 1;
    position: absolute;
    margin-left: 0px;
}
.texty ul.ikonky li.kalkulace:before{
  content: "";
  background: url(ico4.png) no-repeat center top;
    background-size: 50px;
    width: 100%;
    height: 50px;
    z-index: 1;
    position: absolute;
    margin-left: 0px;
}



}

   @media all and (max-width: 700px) {

.texty ul.ikonky {
  margin-left: 0px;
  margin-right: 0px;
}
.texty ul.ikonky li{


  width: 45%;
  display: inline-block;
  text-align: left;
  margin-left: 0px;
  position: relative;
  min-width: 100px;
  vertical-align: top;
}


}


.texty .navod{


  width: 19%;
  display: inline-block;
  text-align: center;
  margin-left: 0px;
  position: relative;
  min-height: 150px;
  vertical-align: top;
}


.texty .odst{
  text-align: left;
  width: 32%;
  display: inline-block;
  text-align: left;
  margin-left: 0px;
  position: relative;
  min-height: 330px;
  vertical-align: top;
  margin: 0.5%;
  background-color: rgba(255, 255, 255, 0.7);
}


.texty .odst h3{
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  margin: 20px
}

.texty .odst p{
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 0px;
  margin: 20px
}

.texty .odst a{
  color: rgba(0, 0, 0, 1);
}
   @media all and (max-width: 1200px) {
.texty .odst{
  text-align: left;
  width: 47%;
  display: inline-block;
  text-align: left;
  margin-left: 0px;
  position: relative;
  min-height: 270px;
  vertical-align: top;
  margin: 0.5%;
  background-color: rgba(255, 255, 255, 0.7);
}

}

   @media all and (max-width: 760px) {
.texty .odst{
  text-align: left;
  width: 98%;
  display: inline-block;
  text-align: left;
  margin-left: 0px;
  position: relative;
  min-height: auto;
  vertical-align: top;
  margin: 1%;
  background-color: rgba(255, 255, 255, 0.7);
}

}


/* vyberbazenu */

ul.vyberbazenu {
  width: 100%;
  margin-left: 0px;
  margin-top: 50px;


}


ul.vyberbazenu li{
  list-style: none;
  display: inline-block;
  width: 100px;
  vertical-align: top;
  text-align: center;
  position: relative;
  opacity: 0.3;
  margin: 1%
}

ul.vyberbazenu li.aktivni{

  opacity: 1;

}




ul.vyberbazenu li i{
    display: inline-block;
    text-align: center;
    width: 100px;
    height: 100px;
        background-color: rgba(255, 255, 255, 0);
    border: solid 2px rgba(17, 141, 230, 1);
      color: rgba(17, 141, 230, 1);
      font-weight: 600;
    font-size: 40px;
    line-height: 60px;
    border-radius: 100px;
    vertical-align: top;

    position: relative;
    font-style: normal;

}

ul.vyberbazenu li span{
  position: absolute;
  top: 50px;
  left: 7px;
    text-align: center;

    width: 90px;
    color: rgba(17, 141, 230, 1);
        border-top: solid 2px rgba(17, 141, 230, 1);
    font-size: 12px;
    font-weight: 600;
    padding-top: 5px;

}
 /* napoveda

 .texty h2.orange {
  color: #ff6600;
}
.texty h2.green {
color: #88ce0c;
}
 */

ul.napov {
  width: 100%;
  margin-left: 0px;
  margin-top: 100px;


}

ul.napov li{
  list-style: none;
  display: inline-block;
  width: 16%;
  vertical-align: top;
  text-align: center;
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
}




ul.napov li i {
    display: inline-block;
    text-align: center;
    width: 120px;
    height: 120px;
        background-color: rgba(255, 255, 255, 0);
    border: solid 2px rgba(17, 141, 230, 1);
    font-size: 40px;
    line-height: 90px;
    border-radius: 100px;
    vertical-align: top;

    position: relative;

}
ul.napov li.cer i {
    display: inline-block;
    text-align: center;
    width: 120px;
    height: 120px;
    background-color: rgba(255, 255, 255, 0);
    border: solid 2px #000000;

    font-size: 40px;
    line-height: 90px;
    border-radius: 100px;
    vertical-align: top;
    position: relative;


}



ul.napov li i.navod1 {
  background: url(navod1.png);
  background-size: 120px;
}
ul.napov li i.navod2 {
  background: url(navod2.png);
  background-size: 120px;
}
ul.napov li i.navod3 {
  background: url(navod3.png);
  background-size: 120px;
}
ul.napov li i.navod4 {
  background: url(navod4.png);
  background-size: 120px;
}
ul.napov li i.navod5 {
  background: url(navod5.png);
  background-size: 120px;
}
ul.napov li i.navod6 {
  background: url(navod6.png);
  background-size: 120px;
}


.texty ul.napov li:after {
    content: "\279E";
    position: absolute;
    top: 52px;
    left: 90%;
    font-size: 45px;
    color: rgba(17, 141, 230, .2)
}
.texty ul.napov li.prvni{
  margin-left: 0px;
}
.texty ul.napov li.posl{
  margin-right: 0px;
}
.texty ul.napov li.posl:after{
      content: "";
       position: absolute;
    top: 36px;
    left: 80px;

    font-size: 40px;
    color: #DEDEDE;
}

ul.napov li .span:after{

    display: block;
    content: "";
    height: 170px;

    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 62px;

}
ul.napov li.cer.cara i:after{

    display: block;
    content: "";
    height: 290px;
    border-right: 2px dashed #118de6;
    position: absolute;
    top: -60px;
    right: -38%;
    margin-left: 82px;
    z-index: 10;

}
ul.napov li.prvni.cer i:after{
    content: "";

    border-right: none;



}

ul.napov li span{
  font-size: 14px;
  margin-left: 5%;

    display: block;
    margin-top: 12px;
    line-height: 20px;
    color: #88ce0c;
    color: rgba(17, 141, 230, 1);
    width: 90%;
    position: relative;
}

ul.napov li.cer span{

    display: block;
    margin-top: 12px;
    line-height: 18px;
    color: #ff6600;
    color: rgba(0,0,0, 1);


}
ul.napov li span.zakaznik{
  white-space: nowrap;
    top: -60px;
    right: 100px;
    text-align: left;
  position: absolute;
  font-size: 25px;
  font-weight: 800;
    color: rgba(0,0,0, .1);

}
ul.napov li span.my{
  white-space: nowrap;
    top: -60px;
    left: 30px;
    text-align: left;
  position: absolute;
  font-size: 25px;
  font-weight: 800;
    color: rgba(17, 141, 230, .1);

}

@media all and (max-width: 1100px) {

ul.napov li i, ul.napov li.cer i{
    display: inline-block;
    text-align: center;
    width: 80px;
    height: 80px;

    font-size: 30px;
    line-height: 80px;
    border-radius: 100px;
    vertical-align: top;

    position: relative;

}


ul.napov li i.navod1 {
  background: url(navod1.png);
  background-size: 80px;
}
ul.napov li i.navod2 {
  background: url(navod2.png);
  background-size: 80px;
}
ul.napov li i.navod3 {
  background: url(navod3.png);
  background-size: 80px;
}
ul.napov li i.navod4 {
  background: url(navod4.png);
  background-size: 80px;
}
ul.napov li i.navod5 {
  background: url(navod5.png);
  background-size: 80px;
}
ul.napov li i.navod6 {
  background: url(navod6.png);
  background-size: 80px;
}
.texty ul.napov li:after{
      content: "\279E";
       position: absolute;
    top: 30px;
    left: 88%;

    font-size: 45px;

}


ul.napov li.cer.cara i:after{

    display: block;
    content: "";

    left: 52%;

    z-index: 10;

}

ul.napov li span{
  font-size: 12px;

}
}


@media all and (max-width: 788px) {


ul.napov {
  width: 100%;
  margin-left: 0px;
  margin-top: 0px;
  text-align: center;
  overflow: hidden;
}

ul.napov li {

    margin-left: auto;
    margin-right:auto;
    clear: both;
    width: 100%;
    margin-top: 50px;
}



ul.napov li i {
    display: inline-block;
    text-align: center;
    width: 90px;
    height: 90px;

    font-size: 40px;
    line-height: 90px;
    border-radius: 100px;
    vertical-align: top;
      color: #990000;
    position: relative;

}
ul.napov li.cer i {
    display: inline-block;
    text-align: center;
    width: 90px;
    height: 90px;


    font-size: 40px;
    line-height: 90px;
    border-radius: 100px;
    vertical-align: top;
    position: relative;
    color: #333333;

}


ul.napov li.cer.cara i:after{

    display: block;
    content: "";
    height: 140px;
    width: 340px;
    border: none;
    border-bottom: 2px dashed rgba(17, 141, 230, 1);
    position: absolute;
    top: 0;
    left: -215px;

    z-index: 10;

}
ul.napov li.prvni.cer i:after{

    display: block;
    content: "";
    height: 170px;
    width: 80%;
    border: none;
    border-bottom: none;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 82px;
    z-index: 10;

}

.texty ul.napov li:after{
      content: "\279E";
       position: absolute;
    top: 129px;
    left: 50%;
    margin-left: -15px;

    font-size: 34px;

    -webkit-transform: rotate(90deg);

/* Firefox */
-moz-transform: rotate(90deg);

/* IE */
-ms-transform: rotate(90deg);

/* Opera */
-o-transform: rotate(90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


ul.napov li.cer span{

    display: block;
    margin-top: 12px;
    line-height: 18px;
    color: #666666;
    padding-left: 10px;
    padding-right: 10px;


}

ul.napov li span.zakaznik, ul.napov li span.my{
  display: none;

}


}


@media all and (max-width: 453px) {


}

@media all and (max-width: 321px) {


}




/* detail */
.hlavni-obrazek{
  width: 100%;
  height: 400px;
  position: relative;
  margin-bottom: 40px;
}
.hlavni-obrazek.vetsi{
  width: 100%;
  height: 600px;
  position: relative;
  margin-bottom: 40px;
}
.hlavni-obrazek h2{
    color: rgba(255, 255, 255, 0.5);
    font-size: 45px;
    font-weight: 800;
    padding-top: 80px;
    position: relative;
    clear: both;
}

.hlavni-obrazek h3{
  color: rgba(255, 255, 255, 0.9);
  font-size: 26px;
  font-weight: 600;
  padding-top: 10px;
  margin-bottom: 30px;


  position: relative;
  clear: both;
}

.hlavni-obrazek p{
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  font-weight: 500;
  height: 40px;
  line-height: 45px;
  position: relative;
  text-align: left;
  margin-left: 20px;
  clear: both;
  max-width: 160px;


}

.hlavni-obrazek p.cena{
  position: absolute;
  width: auto;
  right: 30px;
  top: 50%;

}
.hlavni-obrazek p.cena strong {
    background-color: rgba(255, 204, 0, 1);
    color: #000000;
    font-size: 35px;
    font-weight: 600;
    padding: 8px;
    padding-left: 14px;
    padding-right: 14px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -o-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -webkit-transform: rotate(-2.4deg);
    -moz-transform: rotate(-2.4deg);
    -ms-transform: rotate(-2.4deg);
    -o-transform: rotate(-2.4deg);
    position: absolute;
    right: -10px;
    top: 38px;
    white-space: nowrap;
}

.hlavni-obrazek p.cena span {
    background-color: rgba(255, 255, 255, 1);
    color: #000000;
    font-size: 17px;
    font-weight: 500;
    padding: 8px;
    padding-bottom: 35px;
    white-space: nowrap;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -o-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
.hlavni-obrazek p.delka{
  background: url(ico-delka.png) no-repeat left;
  padding-left: 45px;
    border-bottom: solid 1px rgba(255, 255, 255, .0);
     opacity: 0.7;
  background-size: 35px
}
.hlavni-obrazek p.sirka{
  background: url(ico-sirka.png) no-repeat left;
  padding-left: 45px;
      border-bottom: solid 1px rgba(255, 255, 255, .0);
       opacity: 0.7;
  background-size: 35px
}

.hlavni-obrazek p.hloubka{
  background: url(ico-hloubka.png) no-repeat left;
  padding-left: 45px;
   opacity: 0.7;
  background-size: 35px
}

 @media all and (max-width: 1024px) {
 .hlavni-obrazek{
  width: 100%;
  height: 300px;
  position: relative;
}
.hlavni-obrazek.vetsi{
  width: 100%;
  height: 500px;
  position: relative;
}
 .hlavni-obrazek h2{
  color: rgba(255, 255, 255, 0.5);
  font-size: 35px;
  font-weight: 800;
  padding-top: 50px;
  position: relative;
  clear: both;
}

.hlavni-obrazek h3{
  color: rgba(255, 255, 255, 0.9);
  font-size: 20px;
  font-weight: 600;
  padding-top: 10px;


  position: relative;
  clear: both;
}
.hlavni-obrazek p{
  font-size: 16px;
}
.hlavni-obrazek p.cena{
  position: absolute;
  width: auto;
  right: 30px;
  top: 35%;

}

.hlavni-obrazek p.cena strong {
    background-color: rgba(255, 204, 0, 1);
    color: #000000;
    font-size: 25px;
    font-weight: 600;
    padding: 4px;
    padding-left: 14px;
    padding-right: 14px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -o-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -webkit-transform: rotate(-2.4deg);
    -moz-transform: rotate(-2.4deg);
    -ms-transform: rotate(-2.4deg);
    -o-transform: rotate(-2.4deg);
    position: absolute;
    right: -10px;
    top: 38px;
    white-space: nowrap;
}

.hlavni-obrazek p.cena span {
    background-color: rgba(255, 255, 255, 1);
    color: #000000;
    font-size: 12px;
    font-weight: 500;
    padding: 5px;
    padding-bottom: 35px;
    white-space: nowrap;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -o-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
}



}

 @media all and (max-width: 500px) {

 .hlavni-obrazek{
  width: 100%;
  height: 250px;
  position: relative;
}
.hlavni-obrazek.vetsi{
  width: 100%;
  height: 350px;
  position: relative;
}
 .hlavni-obrazek h2{
  color: rgba(255, 255, 255, 0.5);
  font-size: 25px;
  font-weight: 800;
  padding-top: 20px;
  position: relative;
  text-align: left;
  margin-left: 10px;
  clear: both;
}

.hlavni-obrazek h3{
  color: rgba(255, 255, 255, 0.9);
  font-size: 17px;
  font-weight: 600;
  padding-top: 0px;
  text-align: left;
  margin-left: 10px;
  margin-bottom: 10px;


  position: relative;
  clear: both;
}
.hlavni-obrazek p.delka, .hlavni-obrazek p.sirka, .hlavni-obrazek p.hloubka{
  padding-left: 25px;
  margin-left: 10px;
  font-size: 12px;
  background-size: 16px;
  height: 25px;
  line-height: 25px;
}

.hlavni-obrazek p.cena strong {
    background-color: rgba(255, 204, 0, 1);
    color: #000000;
    font: bold 20px Calibri, Arial;
    padding: 0px;
    padding-left: 4px;
    padding-right: 4px;
    height: 25px;
    line-height: 25px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -o-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    position: relative;
    right: 0px;
    top: 0px;
    display: inline-block;
    vertical-align: top;
}

.hlavni-obrazek p.cena  span {
    background-color: rgba(255, 255, 255, 1);
    color: #000000;
    font: bold 13px Calibri, Arial;
    padding: 0px;
    padding-bottom: 0px;
    padding-left: 4px;
    padding-right: 4px;
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
}
.hlavni-obrazek p.cena {
  white-space: nowrap;
  right: auto;
  top: auto;
  bottom: -5px;
  left: 10px;
  margin-left: 0px;
}
}
/* parametry */

.parametry {
  width: 55%;
  text-align: left;
  display: inline-block;
  float: left;
  vertical-align: top;
}

.parametry2 {
  width: 42%;
  text-align: left;
  display: inline-block;
  float: right;
  vertical-align: top;
}
.parametry2.akce {
  width: 100%;
  text-align: center;
  display: inline-block;
  float: none;
  vertical-align: top;
}

.parametry h3, .parametry2 h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 400;

    padding-top: 0px;
    margin-bottom: 50px;
    margin-left: 10px;

    clear: both;
}

.parametry h4, .parametry2 h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 400;

    padding-top: 0px;
    margin-bottom: 10px;
    margin-left: 10px;

    clear: both;
}

.parametry p, .parametry2 p{
  width: 150px;

  float: left;
  vertical-align: top;
  height: 130px;
  border: solid 1px rgba(255, 255, 255, .5);
  background-color: rgba(255, 255, 255, .05);

  margin: 10px;
  position: relative;
  text-align: center;

}


.parametry p.tm, .parametry2 p.tm{
  width: 150px;

  float: left;
  vertical-align: top;
  height: 130px;
  border: solid 1px rgba(17, 141, 230, 1);
     background-color: rgba(17, 141, 230, .6);

  margin: 10px;

  position: relative;
  text-align: center;
}

.parametry2.akce p.tm{
  width: 180px;

  float: none;
  display: inline-block;
  vertical-align: top;
  height: 130px;
  border: solid 1px rgba(17, 141, 230, 0);
     background-color: rgba(17, 141, 230, .0);

  margin: 10px;

  position: relative;
  text-align: center;
}

.parametry p img, .parametry2 p.tm img{
  max-width: 60%;
  height: auto;

  margin-top: 10px;
}

.parametry p span, .parametry2 p span{
width:90%;
margin-left: 5%;
display: block;
text-align: center;
font-size: 15px;
line-height: 20px;
font-weight: 400;
position: absolute;

height: 35px;
bottom: 16px;
color: rgba(255, 255, 255, .8);
}



 @media all and (max-width: 1300px) {


.parametry p{
  width: 22%;
  margin: 1%;
  height: 120px;


}
.parametry p.tm, .parametry2 p.tm{
  width: 30%;
   margin: 1.2%;
  height: 120px;
}
.parametry p span, .parametry2 p span{
font-size: 14px;
line-height: 18px;

}


}


 @media all and (max-width: 960px) {


.parametry p{
  width: 22%;
  margin: 1%;
  height: 120px;


}
.parametry p.tm, .parametry2 p.tm{
  width: 30%;
   margin: 1.2%;
  height: 120px;
}
.parametry p span, .parametry2 p span{
font-size: 12px;
line-height: 14px;

}

.parametry h3, .parametry2 h3{
  font-size: 24px;
}


}

 @media all and (max-width: 765px) {

.parametry, .parametry2{
  width: 98%;
  margin-left: 1%;
  margin-bottom: 30px;
  float: none;
  clear: both;
}
.parametry p{
  width: 22%;
  margin: 1%;
  height: 120px;


}
.parametry p.tm, .parametry2 p.tm{
  width: 30%;
   margin: 1.2%;
  height: 120px;
}
.parametry p span, .parametry2 p span{
font-size: 13px;
line-height: 14px;
height: auto;
bottom: 10px;

}

.parametry h3, .parametry2 h3{
  font-size: 23px;

}


}

 @media all and (max-width: 500px) {

.parametry, .parametry2{
  width: 96%;
  margin-left: 2%;
  float: none;
  clear: both;
  margin-bottom: 20px;
  padding-bottom: 30px;
  text-align: left;

}
.parametry p {
  width: 100%;
  margin: 0;
  height: 40px;
  border: none;
  background-color: transparent;
  border-bottom: solid 1px rgba(255, 255, 255, .1)


}
.parametry p.tm, .parametry2 p.tm, .parametry2.akce p.tm{
  width: 100%;
   margin: 0;
  height: 40px;
   border: none;
    background-color: transparent;
  border-bottom: solid 1px rgba(255, 255, 255, .1)
}
.parametry p span, .parametry2 p span, .parametry2.akce p span{
font-size: 13px;
line-height: 40px;
bottom: auto;
height: auto;
position: relative;
text-align: left;
margin-left: 50px;
width: auto;

}
.parametry p img, .parametry2 p img{
  float: left;
  width: 30px;


}
.parametry h3, .parametry2 h3{
  font-size: 18px;
  text-align: left;
  margin-bottom: 20px;
}


}






.texty a.vice,  .wrapper .accordionContent a.vice{
    display: inline-block;

    font-size: 16px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
  background-color: rgba(1, 179, 225, 1);

      border-radius: 20px;
    font-weight: 400;
    color: #fff;
    position: relative;
    padding-left: 15px;
    padding-right: 55px;
      height: 45px;
      line-height: 45px;

       margin: 2%;
}


/*
cenik
 */

  @media all and (max-width: 1200px) {


}



.skryti {
    display: none;
}
.ukaz {
    display: block;
}

.texty a.vicefoto{
    display: inline-block;

    font-size: 16px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
  background-color: rgba(1, 179, 225, 1);

      border-radius: 20px;
    font-weight: 400;
    color: #fff;
    position: relative;
    padding-left: 15px;
    padding-right: 55px;
      height: 45px;
      line-height: 45px;

       margin: 2%;
}
.texty a.vicefoto.skryti{
    display: none;

}

a.vicefoto::after , .cenik .vice::after{
    content: "\f105";
    font-family: "FontAwesome";
    text-align: center;
    top: 0px;
    right: 0px;
    font-size: 13px;
    font-weight: 600;
    line-height: 17px;
    position: absolute;
    color: rgba(255, 255, 255, .8);
    width: 38px;
    height: 45px;
    line-height: 45px;
    border-left: solid 1px rgba(255, 255, 255, .3);
}

  @media all and (max-width: 1023px) {



.malafotogalerie {
    width: 96%;
    margin-left: 2%;
}

 .texty a.vice,  .wrapper .accordionContent a.vice{
    display: inline-block;

    font-size: 16px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
  background-color: rgba(1, 179, 225, 1);
      border-radius: 20px;
    font-weight: 400;
    color: #fff;
    position: relative;
    padding-left: 15px;
    padding-right: 55px;
      height: 45px;
      line-height: 45px;

       margin: 1%;
       margin-bottom: 50px;
}
}


  @media all and (max-width: 1023px) {



 .odst60 .texty a.vice{
    display: inline-block;

    font-size: 16px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
  background-color: rgba(1, 179, 225, 1);
      border-radius: 20px;
    font-weight: 400;
    color: #fff;
    position: relative;
    padding-left: 15px;
    padding-right: 55px;
      height: 45px;
      line-height: 45px;

       margin: 1%;
       left: 50%;
       margin-left: -102px;
       margin-bottom: 50px;
}
}

.wrapper .accordionContent a.vice{

       margin: 2%;
       margin-left: 0px;
}

.texty a.vice:hover,  .wrapper .accordionContent a.vice:hover {


   background-color: rgba(26, 196, 243, 1)  ;



 -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;



}

.texty a.vice::after,  .wrapper .accordionContent a.vice::after {
    content: "\f105";
    font-family: "FontAwesome";
    text-align: center;
    top: 0px;
    right: 0px;
    font-size: 13px;
    font-weight: 600;
    line-height: 17px;
    position: absolute;
    color: rgba(255, 255, 255, .8);
    width: 38px;
    height: 45px;
    line-height: 45px;
    border-left: solid 1px rgba(255, 255, 255, .3);
}





/*
kalkulace
 */






 .texty .uprava{

}



 .texty p.cena{
  position: absolute;

top: 10px;
right: 40px;
}
.texty p.cena span{
  background-color: rgba(255, 255, 255, 1);
color: #000000;
font: bold 17px Calibri, Arial;
padding: 8px;
padding-bottom: 25px;

white-space: nowrap;
  -webkit-box-shadow:  0 0 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
  -o-box-shadow:  0 0 3px rgba(0,0,0,0.3);
  box-shadow:  0 0 3px rgba(0,0,0,0.3);


}
 .texty p.cena strong{
  background-color: rgba(255, 204, 0, 1);
color: #000000;
font: bold 35px Calibri, Arial;
padding: 8px;
padding-left:14px ;
padding-right: 14px;
  -webkit-box-shadow:  0 0 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
  -o-box-shadow:  0 0 3px rgba(0,0,0,0.3);
  box-shadow:  0 0 3px rgba(0,0,0,0.3);
-webkit-transform: rotate(-2.4deg);
-moz-transform: rotate(-2.4deg);
-ms-transform: rotate(-2.4deg);
-o-transform: rotate(-2.4deg);
position: absolute;
right: -10px;
top: 25px;
white-space: nowrap;
}


/* ostatni stranky ceny */
.texty p.cena2{
  position: absolute;

top: 10px;
right: 40px;
}
.texty p.cena2 span{
  background-color: rgba(255, 255, 255, 1);
color: #000000;
font: bold 17px Calibri, Arial;
padding: 8px;
padding-bottom: 25px;

white-space: nowrap;
  -webkit-box-shadow:  0 0 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
  -o-box-shadow:  0 0 3px rgba(0,0,0,0.3);
  box-shadow:  0 0 3px rgba(0,0,0,0.3);


}
 .texty p.cena2 strong{
  background-color: rgba(255, 204, 0, 1);
color: #000000;
font: bold 35px Calibri, Arial;
padding: 8px;
padding-left:14px ;
padding-right: 14px;
  -webkit-box-shadow:  0 0 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
  -o-box-shadow:  0 0 3px rgba(0,0,0,0.3);
  box-shadow:  0 0 3px rgba(0,0,0,0.3);
-webkit-transform: rotate(-2.4deg);
-moz-transform: rotate(-2.4deg);
-ms-transform: rotate(-2.4deg);
-o-transform: rotate(-2.4deg);
position: absolute;
right: -10px;
top: 25px;
white-space: nowrap;
}

 @media all and (max-width: 990px) {

.texty p.cena2{
  display: none;
}
}
@media only screen and (max-width: 940px) {

 .texty .nahled{
    width: 98%;
    margin-left: 10px;

    vertical-align: top;
    margin-bottom: 20px;
    float: none;
}
 .texty .popis{
    text-align: left;
    width: 98%;
    vertical-align: top;
    float: none;
    margin-left: 10px;
    margin-right: 0px;

}



.texty p.cena{
  position: absolute;

top: 150px;
right: auto;
left: 10px;

}
.texty p.cena span{
  background-color: rgba(255, 255, 255, 1);
color: #000000;
font: bold 13px Calibri, Arial;
padding: 0px;
padding-bottom: 0px;
padding-left:4px;
padding-right: 4px;
height: 25px;
line-height: 25px;

white-space: nowrap;
display: inline-block;
vertical-align: top;


}
 .texty p.cena strong{
  background-color: rgba(255, 204, 0, 1);
color: #000000;
font: bold 20px Calibri, Arial;
padding: 0px;
padding-left:4px;
padding-right: 4px;
height: 25px;
line-height: 25px;
  -webkit-box-shadow:  0 0 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
  -o-box-shadow:  0 0 3px rgba(0,0,0,0.3);
  box-shadow:  0 0 3px rgba(0,0,0,0.3);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
position: relative;
right: 0px;
top: 0px;
display: inline-block;
vertical-align: top;
}
}




 .texty .popis.vysledek h3, .uprava-tlacitka h3{
  margin-left: 10px;
  margin-right: 0px;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 600;
  text-transform: none;
  color: rgba(0, 0, 0, 1);
  text-align: left;
}
 .texty div.parametry{
    text-align: left;

    margin-right: 8px;
    width: 48%;
padding: 0px; text-align: center; padding-top: 10px; padding-bottom: 10px; float: right


}

 .texty div.parametry h3 {

    font: 22px Calibri, Arial;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    margin-left: 20px;
    margin-right: 0px;
    text-align: left;
}

.texty div.parametry span{
/*  width: 100%;    */
  display: block;
  clear: both;


}



 .texty div.parametry .accordionContent span{

  font-size: 12px;

}

.texty .nahled img{
    width: 100%;

}




@media all and (max-width: 866px) {

}




.fotka{
width:45%;
display: inline-block;
vertical-align: top;
text-align: center;

}

.fotka img{
width:80%;
height: auto;
display: inline-block;

}





.recenze{
  display: inline-block;
  width: 45%;
  vertical-align: top;
  text-align: left;
  position: relative;
  margin-top: 20px;
}
.recenze.velka{
  display: inline-block;
  width: auto;
  vertical-align: top;
  text-align: left;
  position: relative;
  margin-top: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}

  @media all and (max-width: 980px) {
  .recenze{
  display: inline-block;
  width: 90%;
  margin-left: 5%;
  vertical-align: top;
  text-align: left;
  position: relative;
  margin-top: 20px;
}

.recenze.velka{
  display: inline-block;
  width: auto;
  vertical-align: top;
  text-align: left;
  position: relative;
  margin-top: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: 0px;
}

}



.recenze a{
  display:block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}
.recenze::before{
  content: "„";
  position: absolute;
  left: 20px;
  top: -70px;
  font-size: 70px;
      color: #118de6;
  font-family: Georgia
}
.recenze::after{
  content: "“";
    position: absolute;
  bottom: -30px;
  right: 20px;
  font-size: 70px;
      color: #118de6;
  font-family: Georgia
}


.uvnitr .texty .recenze h3{

font-size: 17px;
    font-weight: 600;
    margin-left: 120px;
    height: 70px;
    margin-bottom: 0px;
    line-height: 20px;
     color: #118de6;
}

.uvnitr .texty .recenze.velka h3{

font-size: 17px;
    font-weight: 600;
    margin-left: 40px;
    height: 70px;
    margin-bottom: 0px;
    line-height: 20px;
     color: #118de6;
}
.recenze p{

font-size: 12px;
font-weight: 400;
margin-right: 40px;
margin-left: 40px;

}
.recenze.velka p{

font-size: 14px;


}

.recenze img{
  position: absolute;
  width: 60px;
  height: 60px;
  margin-left: 40px;
  border-radius: 50%
}

/*
fotogalerie
 */


.product-gallery .block-more p{font-size:18px;font-size:18px;font-size:1.8rem;font-weight:400}


 .product-gallery{

   text-align: left;
 font-size:0;margin:0 auto}
 .product-gallery a{position:relative;display:block}
 .product-gallery a.gallery-image:before{content:'';position:absolute;left:0;top:0;bottom:0;right:0;opacity:0;transition:opacity 300ms ease;background:rgba(17, 141, 230, .7);}
 .product-gallery a.gallery-image .gallery-image__caption,.product-gallery-more{display:none}
 .product-gallery>a,.product-gallery>div{display:inline-block;vertical-align:top;width:24.539877300613497%;height:24.539877300613497%;margin-right:.613496932515337%}
 .product-gallery>a img,.product-gallery>div img{max-width:100%;max-height:100%;width:auto;height:auto}
 .product-gallery>a.img-1,.product-gallery>div.img-1{width:49.693251533742334%}
 .product-gallery>a.img-3,.product-gallery>div.img-3{margin-right:0}
 .product-gallery .block-more,.product-gallery>a.img-4,.product-gallery>a.img-5,.product-gallery>div.img-4,.product-gallery>div.img-5{margin-top:-24.539877300613497%}
 .product-gallery .block-more{background:rgba(17, 141, 230, 1);margin-right:0;position:relative;padding-bottom:24.539877300613497%;float:right;cursor:pointer}
 .product-gallery .block-more p{position:absolute;left:13%;top:13%;right:13%;color:#fff;font-family:'DINCE',sans-serif;font-weight:200;line-height:1.1}
 .product-gallery .block-more:after{
      content: "\f105";

   display:inline-block;
   font-family: "FontAwesome";
   text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:20px;height:20px;border-radius:50%;border:1px solid rgba(255, 255, 255, .3);
   font-size:20px;font-size:8px;font-size:.8rem;position:absolute;bottom:8%;left:13%;color:#fff;text-align:center;line-height:20px}





.product-gallery a.gallery-image:after{display:inline-block; content: "\f3ee"; font-size: 14px;
    font-family: Font Awesome\ 5 Brands;
text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
position:absolute;left:50%;top:50%;font-size:50px;font-size:50px;font-size:5rem;color:#fff;margin:-25px 0 0 -25px;opacity:0;transition:opacity 300ms ease}
.product-gallery a.gallery-image:hover:after,.product-gallery a.gallery-image:hover:before{opacity:1}
.block-more:after{width:42px;height:42px;font-size:9px;font-size:9px;font-size:.9rem;line-height:42px;bottom:13%}

.product-gallery-2{padding-bottom:150px}.product-gallery{max-width:80%}
.product-gallery .block-more p{font-size:22px;font-size:22px;font-size:2.2rem}
.product-gallery .block-more:after{width:42px;height:42px;font-size:20px;line-height:42px;bottom:13%;display:block}

.product-gallery .block-more p{font-size:18px;}

@media screen and (min-width:93.75em){
.product-gallery .block-more p{font-size:22px;
line-height: 30px;
}
}
 @media screen and (max-width:47.9375em){


.product-gallery>a.img-1,.product-gallery>a.img-4,.product-gallery>a.img-5,.product-gallery>div.img-1,.product-gallery>div.img-4,.product-gallery>div.img-5{display:none}
.product-gallery>a,.product-gallery>div{width:49.079754601226995%;height:49.079754601226995%;margin-right:1.226993865030675%}
.product-gallery .block-more{margin-top:-49.079754601226995%;padding-bottom:49.079754601226995%}
}
 @media screen and (max-width:400px){
.product-gallery .block-more p{font-size:14px;}
}









/*detail produktu
*/
/*
div.uvnitr .nahled {
    width: 40%;
    float: left;
    height: auto;
    margin-left: 1%;
}*/

/*
.nahled img{
  width: 96%;
  height: auto;

    margin: 2%;
    margin-top: 2%;
}
*/

/*.swipper-slide .nahled img{
    width: auto;
    height: 200px;
    margin: 0;
    margin-top: 0;
}
*/












div.uvnitr .pravy {
    width: 55%;
    margin-right: 1%;
    float: right;
}


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






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






}

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






}
 @media all and (max-width: 630px) {








}
/* soubory */

div.soubory{
  clear: both;
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;

  margin-bottom: 40px;
}

 @media all and (max-width: 1024px) {


div.soubory{
/*  width: 90%;
  margin-left: 5%;*/

}
}

div.soubory h3{
  margin-bottom: 25px;
}


div.soubor{
  width: 30%;
  display: inline-block;
  margin-left: 10px;
  height: 30px;
  line-height: 30px;
  position: relative;
  background-color: rgba(255, 255, 255, .4);
    border: solid 1px rgba(17, 141, 230, .3);
}
 @media all and (max-width: 1023px) {


div.soubor{
  width: 47%;

}
}
 @media all and (max-width: 700px) {

div.soubor{
  width: 96%;

}
}
div.soubor a.nazev{
  position: absolute;
  left: 10px;
  font-size: 12px;
  color: rgba(0, 0, 0, 1);
  text-decoration: underline
}
div.soubor a.ulozit{
  position: absolute;
  right: 0px;
  width: 30px;
  height: 30px;
  background-color: #118de6;
}


div.soubor a.ulozit::before{
      content: "\f0c7";
     font-family:"FontAwesome";
    position: absolute;
    top: 0px;
    left: 9px;
    font-size: 15px;
    color: rgba(255, 255, 255, 1);
}

.texty .odst50 {
display: inline-block;
        vertical-align: top;
        width: 48%;
        margin: 0.5%;
        height: 330px;
        margin-bottom: 20px;
}

 @media all and (max-width: 639px) {

.texty .odst50 {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-bottom: 20px;
}
}



div.mailbox .texty .pole-male {
    width: 140px;
    height: 40px;
    background: none;
    padding-left: 20px;
    margin-bottom: 11px;
    display: inline-block;

                   border-radius: 20px;
    color: #000;
    font-size: 14px;
    line-height: 40px;
    background: #f5f5f5;
    -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.4);
    box-shadow: inset 1px 1px 4px rgba(0,0,0,0.4);

}
div.mailbox .texty textarea {
    width: 86%;
    height: 120px;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 10px;
    color: #000000;

                   border-radius: 20px;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.9);
    -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.4);
    box-shadow: inset 1px 1px 4px rgba(0,0,0,0.4);
    margin-bottom: 11px;

}

div.mailbox .texty button {
    display: inline-block;
    padding: 10px 55px 11px 20px;
    font-size: 16px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background-color: rgba(1, 179, 225, 1);
                   border-radius: 20px;
   font-weight: 400;
    color: #fff;
    position: relative;

}


div.mailbox .texty button::after {
    content: "\f105";
    font-family: "FontAwesome";
    text-align: center;
    top: 0px;
    right: 0px;
    font-size: 13px;
    font-weight: 600;
    line-height: 17px;
    position: absolute;
    color: rgba(255, 255, 255, .8);
    width: 38px;
    height: 40px;
    line-height: 40px;
    border-left: solid 1px rgba(255, 255, 255, .3);
}

div.mailbox .texty p.nadpis {
    color: rgba(201, 31, 35, 1);
    font-size: 26px;
    padding-top: 0px;
    margin-bottom: 13px;
    font-weight: 500;

    clear: both;
}



 .texty  div.zprava50{
    display: inline-block;
    width: 48%;
    vertical-align: top;
    margin-top: 20px;
    position: relative;
    text-align: left;
}



 .texty  a.odeslat {
    margin-top: 40px;
    color: rgba(255, 255, 255, 1);
    border: solid 1px #000000;
    width: 240px;
    height: 50px;
    background: url(sipka-pra.png) no-repeat 210px 14px;
    background-color: #333333;
    text-decoration: none;
    text-align: center;
    font: bold 21px Calibri;
    line-height: 50px;
    margin: 30px;
    margin-bottom: 20px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.4);
    -webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.4);
    box-shadow: inset 0px 1px 1px rgba(255,255,255,0.4);
    display: inline-block;

}




.texty  .pole {
    width: 85%;
    height: 40px;
    background: none;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 11px;

    color: #000000;
    line-height: 40px;
    background: rgba(255, 255, 255, 0.94);
    -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.6);
    -webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.6);
    box-shadow: inset 1px 1px 4px rgba(0,0,0,0.6);
       border-radius: 20px;
}

div.mailbox .texty h2.nadpis {
    color: rgba(1, 179, 225, 1);
    font-weight: 500;
    font-size: 38px;
    margin-top: 30px;
    margin-bottom: 40px;
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 10px;
    clear: both;
    position: relative;
}

 @media all and (max-width: 607px) {

 .texty  div.zprava50{
    display: inline-block;
    width: 90%;
    vertical-align: top;
    margin-top: 20px;
    position: relative;
}



}

 .center{
text-align: center
}


/* reference */

 .reference40{
   width: 40%;
   float: left;
   height: 300px;
   min-height: 250px;
   position: relative;
   margin-top: 50px;
   background: url(../images/bez_fotografie.jpg);
 -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: bottom center
}
 .reference40 a.odkaz, .clanekbunka a.od, .referencebunka a.od{
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   z-index: 2;
   left: 0px;
   top: 0px;

}

 .reference60{
   width: 55%;
   float: left;
   margin-left: 5%;
}

 .referencebunka, .clanekbunka{
   width: 23.8%;
   margin: 0.5%;
   height: 410px;
   background-color: rgba(255, 255, 255, 1);
   float: left;
   position: relative;
   margin-bottom: 24px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
           opacity: 1;
}

.clanekbunka{
   width: 23.8%;
   margin: 0.5%;
   height: 460px;
   background-color: rgba(255, 255, 255, 1);
   float: left;
   position: relative;
   margin-bottom: 24px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
           opacity: 1;
}

 .referencebunka{
   width: 32%;
   margin: 0.5%;
   height: 460px;
   background-color: rgba(255, 255, 255, 1);
   float: left;
   position: relative;
   margin-bottom: 24px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
           opacity: 1;
}
.odst60 .referencebunka{
   width: 45%;
   margin: 2%;
   height: 470px;

   float: left;
   position: relative;
   margin-bottom: 24px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
           opacity: 0.8;
}
  @media all and (max-width: 1200px) {
     .referencebunka, .clanekbunka{
   width: 32%;
   margin: 0.5%;

}
 .odst60 .referencebunka{
   width: 45%;
   margin: 2%;

}
}

  @media all and (max-width: 900px) {
     .referencebunka, .clanekbunka{
   width: 49%;
   margin: 0.5%;

}
 .odst60 .referencebunka{
   width: 45%;
   margin: 2%;

}
}
  @media all and (max-width: 600px) {
 .clanekbunka{
   width: 96%;
   margin: 2%;
   min-height: 460px;
   height: auto;

   float: left;
   position: relative;
   margin-bottom: 24px;
   padding-bottom: 10px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
           opacity: 1;
}

 .odst60 .referencebunka, .referencebunka{
   width: 96%;
   margin: 2%;
   min-height: 470px;
   height: auto;

   float: left;
   position: relative;
   margin-bottom: 24px;
   padding-bottom: 10px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
           opacity: 1;
}

 .reference40{
   width: 100%;
   float: left;
   min-height: 250px;
   position: relative;
}


 .reference60{
   width: 100%;
   float: left;
   margin-left: 0%;
}



}
 .referencebunka:hover, .clanekbunka:hover{

    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
           opacity: 0.8;
}
div.uvnitr .referencebunka .nahled, div.uvnitr .clanekbunka .nahled{
   width: 94%;
   margin-left: 3%;
   margin-top: 3%;
   height: 230px;
   overflow: hidden;
   margin-bottom: 15px;
}

 .referencebunka .nahled img, .clanekbunka .nahled img{
   width: auto;
   height: 260px;
   margin: 0;
    margin-top: 0;

}
 .referencebunka h3{
    width: 94%;
   margin-left: 3%;
   margin-top: 3%;
   font-size: 17px;
   font-weight: 600;
   color: rgba(0, 0, 0, 1);
   text-align: center;
   height: 50px;
   float: left;
}
 .referencebunka h3 a{

   color: rgba(0, 0, 0, 1);

}
 .clanekbunka h3{
float: left;
    width: 94%;
    margin-left: 3%;
    margin-top: 3%;
    font-size: 17px;
    font-weight: 600;
    color: rgba(0, 0, 0, 1);
    text-align: center;
    height: 50px;

 }
 .reference60 h3{
    width: 94%;
   margin-left: 3%;
   margin-top: 50px;
   font-size: 20px;
   height: 45px;
   display: block;

   font-weight: 700;
   color: rgba(1, 179, 225, 1);
   text-align: left;
}
  .reference60 p{
    width: 94%;
    margin-left: 3%;
    /* margin-top: 3%; */
    font-size: 13px;
    padding-top: 15px;
    padding-bottom: 15px;
    /* height: 30px; */
    /* line-height: 20px; */
    /* min-height: 25px; */
    /* height: auto; */
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-top: solid 1px rgba(0, 0, 0, .1);
    position: relative;
}

 .referencebunka p{
    width: 94%;
    margin-left: 3%;
    /* margin-top: 3%; */
    font-size: 13px;
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 40px;
    /* height: 30px; */
    /* line-height: 20px; */
    /* min-height: 25px; */
    /* height: auto; */
    text-align: center;
    float: left;
    border-top: solid 1px rgba(0, 0, 0, .05);


    position: relative;
}
 .referencebunka p a,  .reference60 p a{
   color: rgba(0, 0, 0, 1);
   font-weight: 700;
}
 .referencebunka p img,  .reference60 p img{
    height: 20px;
    width: auto;
    margin-bottom: 0px;
    float: none;
    /* display: inline; */
    /* padding-top: 10px; */
    position: absolute;
    margin-left: 10px;
}
.referencebunka p img, .reference60 p img {
    height: 20px;
    width: auto;
    margin-bottom: 0px;
    float: none;
    /* display: inline; */
    /* padding-top: 10px; */
     position: relative;
    margin-left: 0px;
}





 .clanekbunka p{
    width: 94%;
   margin-left: 3%;
   margin-top: 3%;
   padding-top: 10px;
   font-size: 13px;
   line-height: 20px;
   height: 25px;
   float: left;
   text-align: center;
   border-top: solid 1px rgba(0, 0, 0, .1)
}
 .referencebunka p i, .reference60 p i{
   color:rgba(216, 44, 24, 1.0);
   font-size: 18px;
   margin-right: 10px;
   line-height: 35px;
}


/*
aplikace
 */

 .aplikace{
   width: 96%;
   height: 80px;
   margin-left: 2%;
   margin-top: 10px;
   background-color: rgba(0, 0, 0, .03);
   border: solid 1px rgba(0, 0, 0, .1);
     -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    position: relative;
    opacity: 1;


}
 .aplikace.kamen:hover,  .aplikace.chips:hover,  .aplikace.ral:hover{

   background-color: rgba(0, 0, 0, .2);
   border: solid 1px rgba(0, 0, 0, 1);
     -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    position: relative;
    opacity: 0.8;


}

 .aplikace a{
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: 2;
   left: 0px;
   top: 0px;
   display: block;

}
 .aplikace h3{
   font-size: 20px;
   line-height: 80px;
   font-weight: 600;
   padding-left: 20px;
   color: #FFFFFF;
}


 .aplikace.kamen{
   background: url(kamen.png) no-repeat right top;
   background-size: 100%;
   background-color: rgba(0, 0, 0, .03);
}
 .aplikace.chips{
   background: url(chips.png) no-repeat right top;
   background-size: 100%;
   background-color: rgba(0, 0, 0, .03);
}
 .aplikace.ral{
   background: url(ral.png) no-repeat right top;
   background-size: 100%;
   background-color: rgba(0, 0, 0, .03);
}
 .hide{
  display: none;
}

  div.barva{
    width: 140px;
    height: 80px;
    padding: 5px;
    float: left
}
  div.barva1{
    width: 110px;
    height: 110px;
    padding: 5px;
    float: left
}
  div.barva2{
    width: 190px;
    height: 190px;
    padding: 5px;
      -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    float: left
}



span.ralwhite {
    color: #333333;
    font: lighter 12px Calibri;
}



span.ralblack {
    color: #000000;
    font: lighter 12px Calibri;
}



@media all and (max-width: 500px) {



  div.barva{
    width: 100%;
    height: 20px;
    padding: 0px;
    float: none
}
  div.barva1{
    width: 100%;
    height: 110px;
    padding: 0px;
    float: none
}
  div.barva2{
    width: 50%;
    height: 190px;
    padding: 0px;
      -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    float: none
}
span.ralwhite {
    color: #333333;
    font: lighter 12px Calibri;
    margin-left: 5px;
}



span.ralblack {
    color: #000000;
    font: lighter 12px Calibri;
    margin-left: 5px;
}


}

.ikony{
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

.ikony .ikona{
  width: 23.5%;
  margin: 0.5%;
  background-color: #FFFFFF;
  height: 100px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  text-align: left;

}

  @media all and (max-width: 1200px) {
    .ikony .ikona{
   width: 32%;
   margin: 0.5%;

}

}

  @media all and (max-width: 900px) {
    .ikony .ikona{
   width: 49%;
   margin: 0.5%;
   float: left;
   display: block;

}

}
  @media all and (max-width: 600px) {
 .ikony .ikona{
   width: 96%;
   margin: 2%;

}
}

.ikony .ikona::before{
  position: absolute;
  left: 70px;
  top: 25px;
  content: "";
height: 50%;
  width: 1px;
  background: rgba(0, 0, 0, .1)

}



.ikony .ikona i{
  font-size: 40px;
  color: rgba(0, 0, 0, .3);
  margin-left: 5%;
    margin-top: -20px;
    top: 50%;
  position: absolute;
}

.ikony .ikona p{
  font-size: 13px;
  display: block;
  margin-left: 85px;
  margin-top: 25px;
  margin-right: 15px;
}



div.tym .clovek {
    min-width: 240px;
    max-width: 250px;
    width: 25%;
  margin: 1%;
 display: inline-block;
    text-align: center;
    margin-bottom: 60px;
    vertical-align: top;

}

div.tym .clovek img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
     border: solid 2px rgba(201, 201, 201, .5)
}

div.tym .clovek .popis {
  position: relative;
    width: 90%;
    margin-left: 5%;
    height: 190px;
    margin-top: 25px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 1);
        border: solid 2px rgba(201, 201, 201, .5)

}

div.tym .clovek  h3{

z-index: 3;
margin-top: 10px;
margin-bottom: 0px;
padding-bottom: 0px;
}
div.tym .clovek .popis p{

z-index: 3;
width: 90%;
font-size: 12px;
margin-left: 5%;
}

div.tym .clovek p.pozice{

z-index: 3;
width: 90%;
margin-left: 5%;
color: rgba(1, 179, 225, 1);
}





div.tym .clovek .popis h4{
color: rgba(0, 0, 0, 1);
font-size: 17px;
font-weight: 400;
margin-bottom: 14px;
z-index: 3;


}





div.tym .clovek .popis::before {
    width: 30px;
    height: 30px;
    content: "";
    left: 50%;
    margin-left: -15px;
    top: -17px;
    position: absolute;
    background-color: rgba(255,255,255, 1);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
        border-top: solid 2px rgba(201, 201, 201, .5)
        border-right: solid 2pxrgba(201, 201, 201, .5)
    z-index: 1;

}


div.tym .clovek ul{
  margin-left: 0px;
  width: 100%;
  height: 30px;
  margin-top: 15px;
}
div.tym .clovek ul li{
  margin-left: 0px;
  display: inline-block;
  width: 100%;
/*  max-width: 65px; */
  height: 40px;
  line-height: 40px;
}
div.tym .clovek ul li.tel{

}
div.tym .clovek ul li {
  border-top: solid 1px rgba(201, 201, 201, .5)
}





div.tym .clovek ul li.tel a{

  color: rgba(0, 0, 0, 1);


  height: 24px;
  display: block;
  position: relative;
}

div.tym .clovek ul li.mail a{

    color: rgba(0, 0, 0, 1);

  height: 24px;
  display: block;
  position: relative;
}

div.tym .clovek ul li.mail a::before{
      content: "\f2b6";
    font-family: Font Awesome\ 5 Free;
 margin-right: 10px;
 font-size: 16px;

}

div.tym .clovek ul li.tel a::before{
      content: "\f095";
    font-family: FontAwesome;
 margin-right: 10px;
 font-size: 16px;

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


div.tym .clovek{
  min-width: 80%;
  width: 90%;
  display: inline-block;
  text-align: center;
  margin-bottom: 60px;
}



}

.slideshow .slides li .texty ul li {
  list-style-type: square;
  overflow: visible;
}


/* Využití */


.vyuziti{
  display: inline-block;
  vertical-align: top;
  min-height: 300px;
  width: 20%;
  text-align: center;
  position: relative;
}

.uvnitr.vetsi .vyuziti{
  display: inline-block;
  vertical-align: top;
  min-height: 200px;
  width: 12%;
  text-align: center;
  position: relative;
}
.vyuziti a{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

div.uvnitr .vyuziti .nahled{
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 50%;
  overflow: hidden;
  width: 150px;
  height: 150px;
  margin-bottom: 20px;


}
 @media all and (max-width: 1450px) {
.uvnitr.vetsi .vyuziti{
  display: inline-block;
  vertical-align: top;
  min-height: 200px;
  width: 24%;
  text-align: center;
  position: relative;
}
}
 @media all and (max-width: 1000px) {
.vyuziti{
  display: inline-block;
  vertical-align: top;
  min-height: 250px;
  width: 24%;
  text-align: center;
  position: relative;
}

div.uvnitr .vyuziti .nahled{
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 50%;
  overflow: hidden;
  width: 100px;
  height: 100px;
  margin-bottom: 20px;


}
}
 @media all and (max-width: 500px) {
.vyuziti{
  display: inline-block;
  vertical-align: top;
  min-height: 200px;
  width: 45%;
  text-align: center;
  position: relative;
}
.uvnitr.vetsi .vyuziti{
  display: inline-block;
  vertical-align: top;
  min-height: 200px;
  width: 45%;
  text-align: center;
  position: relative;
}
}


div.uvnitr .vyuziti .nahled img{

  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  margin: 0px;
    margin-top: 0px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
div.uvnitr .vyuziti:hover .nahled img{

  min-width: 110%;
  min-height: 110%;
  margin: 0px;
    margin-top: -5%;
    margin-left: -5%;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}


.vyuziti h2 {
   color:rgba(9, 92, 125, 1);
    font-size: 20px;
    font-weight: 400;
    padding-top: 0px;
    margin-bottom: 0px;

    clear: both;
 -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.vyuziti h3 {
  color: rgba(1, 179, 225, 1); 
    font-size: 20px;
    font-weight: 400;
    padding-top: 0px;
    margin-bottom: 0px;

    clear: both;
 -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}




.vyuziti:hover h2 {
   color:rgba(0, 0, 0, 1);

 -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}