.texty .col_1_2 {
  display: inline-block;
  width: 45%;
  vertical-align: top;
}
.texty .col_1_3 {
  display: inline-block;
  width: 32%;
  vertical-align: top;
}

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

.texty .col_1_3 {
  display: inline-block;
  width: 45%;
  vertical-align: top;
}
.texty .col_1_3.mapa {
  display: inline-block;
  width: 90%;
  vertical-align: top;
}
}
  @media all and (max-width: 590px) {

.texty .col_1_2,.texty .col_1_3 {
  display: inline-block;
  width: 90%;
  vertical-align: top;
}

}

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

    padding-top: 0px;
    margin-bottom: 40px;
    margin-left: 10px;
    margin-right: 10px;
/*    clear: both;   */
}
.right .texty h2 {
   color:rgba(0, 0, 0, 1);
    font-size: 30px;

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

/*    clear: both;   */
}
.texty a{
   color:rgba(0, 0, 0, 1);
   text-decoration: underline

}
.texty h2 i{
   color:rgba(51, 51, 51, 1);
    font-size: 16px;
    font-style: normal;
    font-weight: 200;
}
.texty h2.nadpis {
   color:rgba(51, 51, 51, 1);
    font-size: 40px;

    margin-top: 30px;
    margin-bottom: 40px;
    margin-left: 10px;
    margin-right: 10px;
    clear: both;
    position: relative;
}
  @media all and (max-width: 1024px) {

.texty h2.nadpis {
    color:rgba(0, 99, 46, 1); 
    font-size: 30px;

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


.texty .white {
    color: #fff;

}




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

}
.odst40.bez{
  width: 25%;
     border-right: solid 1px rgba(51, 51, 51, 0);
     min-height: 300px;
     position: relative;
}


.odst40.bez .texty{
  margin-left: 10px;
  padding-top: 20px;
}
.odst60{
  float: right;
  width: 56%;
  vertical-align: top;
  text-align: left;
}
.odst60.bez{
  float: right;
  width: 70%;
  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{

   margin-left: 1%;
   margin-right: 1%;
   text-align: left;
   width: 47%;
   border: solid 1px rgba(51, 51, 51, .2);
   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(255, 255, 255, .8);
    position: relative

}

.aktualita.str{

   margin-left: 1%;
   margin-right: 1%;
   text-align: left;
   width: 30%;
   border: solid 1px rgba(51, 51, 51, .2);
   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(255, 255, 255, .8);
    position: relative

}

.aktualita:nth-child(1){

   margin-left: 2%;


}




.aktualita:hover{
   border: solid 1px rgba(51, 51, 51, .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

}

.aktualita.str{

   margin-left: 1%;
   margin-right: 1%;
   text-align: left;
   width: 30%;
   border: solid 1px rgba(51, 51, 51, .2);
   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(255, 255, 255, .8);
    position: relative

}


}

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


.odst40, .odst40.bez{
  float: none;
     margin-left: 1%;
   margin-right: 0%;
      width: 98%;
   padding-right: 0px;
   padding-bottom: 10px;
   border-right: none;
   text-align: left;
     border-bottom: solid 1px rgba(51, 51, 51, 0);
     min-height: 60px;
         clear: both;
}
.rychle .odst40.bez p.sipka {
display: none
}


.odst60, .odst60.bez{

  float: none;
     margin-left: 2%;
        width: 96%;
   margin-right: 0%;
   padding-top: 10px;
   margin-bottom: 2%;
       clear: both;
}
.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.str{
  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

}


}

   @media all and (max-width: 700px) {
.aktualita.str{
   margin-left: 1%;
   margin-right: 1%;
   text-align: left;
   width: 90%;
   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(117, 168, 65, 0);
  border: solid 1px rgba(0, 99, 46, 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::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(0, 99, 46, 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(0, 99, 46, 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);

}
.aktualita .foto a:hover img{

  border: solid 1px rgba(51, 51, 51, 1);
}

 p.datum2{
  font-size: 10px;
  color:  rgba(51, 51, 51, 1);

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


  margin-top: 0px;
  margin-left: 0px;
     margin-right: 0px;
     background: rgba(255, 255, 255, 1);
       border: solid 1px rgba(51, 51, 51, .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;


}

.aktualita p.datum{
  font-size: 10px;
  color:  rgba(51, 51, 51, 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(51, 51, 51, .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;


}
.aktualita:hover p.datum{

       border: solid 1px rgba(51, 51, 51, .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, p.datum2 span{
  font-size: 15px;
  font-weight: 800;
  color: rgba(51, 51, 51, 1);
  border-bottom: solid 1px rgba(51, 51, 51, .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(51, 51, 51, 1);
}





.texty a.hlavni-obrazek{
  display: block;
  margin: 20px;
      margin-top: 0px;
}

.texty a.hlavni-obrazek-vlevo img{
  width: 50%;
  margin: 20px;
      margin-top: 0px;
}
.texty a.hlavni-obrazek-vpravo img{
  width: 50%;
  margin: 20px;
      margin-top: 0px;
}

.texty a.hlavni-obrazek-l img{
  width: 20%;
  margin: 20px;
      margin-top: 0px;
}
.texty a.hlavni-obrazek-p img{
  width: 20%;
  margin: 20px;
      margin-top: 0px;
}


.texty a.hlavni-obrazek img{

  width: 100%;
  border: solid 1px rgba(0, 0, 0, 0.2)
}


















.texty table {
    color: #000;
        border-collapse: collapse;

         font-size: 14px;
         width: auto;
         margin-bottom: 30px;

}
.texty table tr td{
  padding: 10px;
  margin-right: 1px;
  border-bottom: solid 1px rgba(201, 201, 201, 1)

}
.texty table tr th{
  padding: 10px;
  font-weight: 600;


}














 .texty h2.bez {
   color:rgba(0, 99, 46, 1); 
    font-size: 30px;

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

}

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

}
.uvnitr .texty h4 {
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 24px;

}
.uvnitr .texty .wrapper .accordionButton h3 {
      color: rgba(51, 51, 51, 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: rgba(51, 51, 51, 1);  
    font-size: 30px;
    font-weight: 400;

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

.uvnitr .texty ul {
  margin-left: 10px;
  margin-bottom: 28px;
}
.uvnitr .texty ul li  {
    font-size: 14px;
    margin-bottom: 6px;
    line-height: 16px;
    list-style: none;
    margin-left: 17px;
    position: relative;

}

.uvnitr .texty ul li:before{
    position: absolute;
    left: -16px;
    top: 7px;
    content: "";
    width: 5px;
    height: 5px;
    background: rgba(21, 145, 197, 1);
	}



@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: 14px;
    font-weight: 400;
    margin-bottom: 30px;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 20px;

}
.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.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: 23%;
  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: 17px;
  font-weight: 600;
  text-align: left;
  margin: 20px
}

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


   @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: 500px;
  position: relative;
}

.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 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{
   height: 250px;
}
 .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;
}
}








.wrapper .accordionContent a.vice{

 text-decoration: none ;         margin: 2%;
       margin-left: 0px;
}








.texty a.vice, div.pruh-obrazek a.vice {
  background-color: rgba(0, 99, 46, 1); 
    display: inline-block;
    font-size: 14px;
    border-radius: 12px;
    margin-top: 40px;
 -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    right: 18px;
    padding-left: 20px;
    padding-right: 40px;

        font-weight: 300;

        color:  #fff;

        position: relative;
        text-transform: uppercase;
        z-index: 10;

        height: 50px;
        line-height: 50px;
        text-decoration: none;
        margin: 2%;
        margin-left: 24px;

        cursor: pointer;
}

div.mailbox button {
  background-color: rgba(0, 99, 46, 1); 
    display: inline-block;
    font-size: 14px;


    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;
    right: 18px;
    padding-left: 20px;
    padding-right: 40px;

        font-weight: 300;

        color:  #fff;

        position: relative;
        text-transform: uppercase;
        z-index: 10;

        height: 50px;
        line-height: 50px;
        text-decoration: none;
        margin: 2%;
        margin-left: 24px;
          border-radius: 12px;

}
 .wrapper .accordionContent a.vice {
  background-color: rgba(0, 99, 46, 1); 
    display: inline-block;
    font-size: 14px;


    margin-top: 40px;
 -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    right: 18px;
    padding-left: 20px;
    padding-right: 40px;





        font-weight: 300;



        color:  #fff;

        position: relative;
        text-transform: uppercase;
        z-index: 10;

        height: 50px;
        line-height: 50px;
        text-decoration: none;
        margin: 2%;
        margin-left: 2%;

}
.texty p.sipka a.vice {
  background-color: rgba(0, 99, 46, 1); 
    display: inline-block;
    font-size: 14px;


 -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    right: 18px;
    padding-left: 20px;
    padding-right: 40px;
    white-space: nowrap;

      border-radius: 12px;

        font-weight: 300;

        color:  #fff;

        position: absolute;
        text-transform: uppercase;
        z-index: 10;

        height: 50px;
        line-height: 50px;
        margin: 0;
        right: 0px;
        top: -15px;
        opacity: 0;

}

.rychle:hover .texty p.sipka a.vice {
  background-color: rgba(0, 99, 46, 1); 
    display: inline-block;
    font-size: 14px;

       border-radius: 12px;
 -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    right: 18px;
    padding-left: 20px;
    padding-right: 40px;
    white-space: nowrap;



        font-weight: 300;

        color:  #fff;

        position: absolute;
        text-transform: uppercase;
        z-index: 10;

        height: 50px;
        line-height: 50px;
        margin: 0;
        right: 0px;
        top: -15px;
        opacity: 1;

}




.texty a.vice::after,  .wrapper .accordionContent a.vice::after, .texty p.sipka a.vice::after, div.mailbox button::after,  div.pruh-obrazek a.vice::after {
    content: "\f105";
    font-family:"FontAwesome";
    text-align: center;
    top: 15px;
    right: 5px;
 font-size: 17px;
 font-weight: 100;
 line-height: 17px;

 position: absolute;
    color: rgba(255, 255, 255, 1);
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-left: solid 1px rgba(255, 255, 255, 1);






}

.texty a.vice:hover,  .wrapper .accordionContent a.vice:hover, .texty p.sipka a.vice:hover, .rychle:hover .texty p.sipka a.vice:hover, div.mailbox button:hover,  div.pruh-obrazek a.vice:hover{
 background-color: rgba(0, 78, 36, 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;




        color:  #fff;

        z-index: 10;





}

 .texty a.vice:hover::before,  .wrapper .accordionContent a.vice:hover::before, .texty p.sipka a.vice:hover::before, div.mailbox button:hover::before,  div.pruh-obrazek a.vice:hover::before {
   background-color: rgba(100, 150, 50, 1);
        -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: -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 img{
    width: 100%;

}


.texty .nahled img{
    width: 100%;

}

div.postavaikony .texty img{

    margin-left: 1%;
    float: left;
    width: 30%;

}





@media all and (max-width: 866px) {
 .texty h2{
    font-size: 20px;
/*    text-align: left;  */
    margin-left: 0px;

}
.uvnitr .texty h3{
    font-size: 19px;

}
}



 .texty .popis p{

    text-align: left;

    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;

    border-top: solid 1px #daf0f9;
    font-size: 14px;
    line-height: 40px;
    padding-top: 2px;
    padding-bottom: 2px;
    white-space: nowrap;

}

  .pravy .texty p.vlastnost{
    text-align: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
    border-top: solid 1px #daf0f9;
    background-color: aliceblue;
    font-size: 15px;
    font-weight: 500;

    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 10px;
    white-space: normal;

}

.pravy .texty p.cena3 {

       margin-left: 10px;
       padding-left: 10px;
    margin-right: 10px;
    font-size: 19px;
    font-weight: 800;
    color: rgba(255, 0, 0, 1);

    line-height: 40px;
    margin-bottom: 15px;
}
.pravy .texty p.cena3 strong{

    font-weight: 800;
    color: rgba(255, 0, 0, 1);

}

.texty .popis p:hover{

/*background: #cbe9fa;  */

}

.texty p.bez,  .texty  p.bez:hover{



    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;

    border-top: none;
    font-size: 14px;
    line-height: 35px;
    padding-top: 2px;
    padding-bottom: 2px;
    background: none

}




.texty .popis p img{
  max-height: 25px;
  width: auto;
  float: left;
  margin-right: 4px;
  padding-top: 8px;
}


 .texty .popis.vysledek p strong{

    text-align: left;
/*color: #05bf12; */
color: #88ce0c;


}
 .texty p.bez strong{

color: #000;


}
 .texty .popis p.celkem{
  color: rgba(0, 0, 51, 1);
  font-size: 17px;

  font-weight: bold;
}
 .texty .popis p.celkem strong{
  color: rgba(0, 0, 51, 1);
  font-size: 17px;
}

 .texty .popis p.celkem input{
  color: rgba(0, 0, 51, 1);
  font-size: 17px;
  background: transparent;
  width: auto;
  text-align: right;
  max-width: 18%;
  font-weight: bold;
}









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

}

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

}

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

}

.text .uvnitr{
width:80%;
margin: 10%;
margin-top: 5%;

}
.text .uvnitr h3{
    color: #000000;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 30px;
    line-height: 30px;

}

.text .uvnitr p{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 30px;
    line-height: 23px;

}


.text .uvnitr ul {
  margin-left: 10px;
  margin-bottom: 25px;
}
.text .uvnitr ul li {
  list-style: disc;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 20px;
}

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

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

}

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

}

.text{
width:48%;
display: inline-block;
vertical-align: top;
text-align: left;

}

.text .uvnitr{
width:90%;
margin: 5%;
margin-top: 0px;

}
.text .uvnitr h3{
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
    line-height: 20px;

}

.text .uvnitr p{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 30px;
    line-height: 20px;

}

}



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

.fotka{
width:20%;
display: inline-block;
float: left;
margin-left: 5%;
vertical-align: top;
text-align: center;

}

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

}

.text{
width:70%;
display: inline-block;
vertical-align: top;
text-align: left;
float: right;

}

.text .uvnitr{
width:90%;
margin: 5%;
margin-top: 0px;

}
.text .uvnitr h3{
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
    line-height: 20px;

}

.text .uvnitr p{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 30px;
    line-height: 20px;

}

}



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

}
.nahled a{
    position: relative;
    display: block;
  -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}
.nahled a:hover img{
   opacity: 1;
   -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}
div.uvnitr .nahled a span{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;

          background-color: rgba(255, 255, 255, .0);
}
div.uvnitr .nahled a:hover span{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
      background-color: rgba(255, 255, 255, .6);
}
div.uvnitr .nahled a span::after{
 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: rgba(17, 141, 230, 0);
    margin: -25px 0 0 -25px;
    opacity: 0;
     -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}
div.uvnitr .nahled a:hover span::after {
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: rgba(17, 141, 230, 1);
    margin: -25px 0 0 -25px;
    opacity: 1;
   -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}


div.uvnitr .nahled div.nahledy a span::after{
    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%;
    margin-left: -15px;
    margin-top: -15px;
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    color: rgba(17, 141, 230, 0);
    /* margin: -10px; */
    opacity: 1;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}
div.uvnitr .nahled div.nahledy a:hover span::after {
    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%;
    margin-left: -15px;
    margin-top: -15px;
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    color: rgba(17, 141, 230, 1);
    /* margin: -10px; */
    opacity: 1;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}
.nahled div.nahledy {

    width: 100%;
    min-height: 94px;
    text-align: center;


}

.nahled div.nahledy a {
  display: inline-block;
    width: 13.5%;
    height: 50px;
    margin: 1%;
    vertical-align: top;


}


.nahled div.nahledy a{
  position: relative;
  width: auto;
  margin: 0px;
  max-height: 50px;
   -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;

}

.nahled div.nahledy a:hover{

   -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;

}
div.uvnitr .nahled div.nahledy a span{

      background-color: rgba(255, 255, 255, 0);
   -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
        position: absolute;
    z-index: 1;

}
div.uvnitr .nahled div.nahledy a:hover span{

      background-color: rgba(255, 255, 255, .6);
   -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
        position: absolute;
    z-index: 1;

}




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


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

div.uvnitr .nahled {
    width: 36%;
    float: left;
    height: auto;
    margin-left: 5%;
}

li.modra .nahled {
    width: 36%;
    float: left;
    height: auto;
    margin-left: 1%;
}

div.uvnitr .pravy {
    width: 50%;
    float: right;
    margin-right: 5%;
}

.nahled div.nahledy a {
    display: inline-block;
    width: 31%;
    height: 100px;
    margin: 1%;
    vertical-align: top;
}


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



.nahled div.nahledy a {
    display: inline-block;
    width: 31%;
    height: 80px;
    margin: 1%;
    vertical-align: top;
}


}

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






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

  div.uvnitr .nahled{
  width: 96%;
  margin-left: 2%;
  float: none;
    height: auto;
    clear: both;
    margin-bottom: 20px;

}
 div.uvnitr .nahled img{
  width: 100%;
  float: none;
  height: auto;

      margin: 0

}

div.uvnitr .nahled div.nahledy {

    width: 100%;
    float: none;
    min-height: 94px;
    text-align: center;
    margin-top: 10px;


}

div.uvnitr .nahled div.nahledy a {
    display: inline-block;
    width: 31%;
    min-width: auto;
    max-width: 100%;
    height: 100px;
    max-height: 100px;
    min-height: 100px;
    margin: 1%;
    margin-top: 0px;
    overflow: hidden;
}

div.uvnitr .nahled div.nahledy img {
    width: 100%;
    float: none;
    min-height: 100%;
    margin: 0;
}

div.uvnitr .pravy {
  width: 96%;
  margin-left: 2%;
  float: none;
  clear: both;
  margin-top: 20px;
}


}






/* soubory */
div.soubornormal{
    width: 240px;
    height: 240px;
    background-color: #ECECEC;
    border: solid 3px #ECECEC;
    display: inline-block;
    vertical-align: top;
    float: none;
    /* margin-left: 5px; */
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    -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.soubornormal p
{
  position: relative;
  color: #636466;

  font-size: 12px;
  font-weight: 300;
  text-transform: none;
  margin-top: 100px;
  display: inline-block;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 20px;
  min-height: 50px;
  text-align: center;

}
div.soubor p::after, div.soubornormal p::after{
  content: "";
  width: 50px;
  height: 50px;
  background: url(059-file.svg) no-repeat;
  opacity: 0.6;
  background-size: 50px;
  left: 50%;
  margin-left: -25px;
  position: absolute;
  top: -60px;
}




 div.soubor a,   div.soubornormal a{
  background-color: #ffffff;
    display: inline-block;

    height: 40px;
    padding-left: 40px;
    padding-right: 40px;

    text-transform: uppercase;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    font-weight: 500;


    bottom: -50px;
    left: 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;
        color: #636466;
        border: solid 3px #ECECEC;
        z-index: 10;
        border-radius: 15px



}


div.soubor a:hover,  div.soubornormal a:hover{

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;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#005ca6+0,00a5e7+50,005ca6+100 */
background: rgba(0, 99,46, 1); /* Old browsers */



}

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

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

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





div.mailbox{
  margin-top: 0px;
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;

}









 div.mailbox .texty h2.bily {

    text-align: center;
        color: #FFFFFF;
        margin-bottom: 10px;
            -moz-text-shadow: -1px 1px 5px rgba(0,0,0,0.4);
    -webkit-text-shadow: -1px 1px 5px rgba(0,0,0,0.4);
    text-shadow: -1px 1px 5px rgba(0,0,0,0.4);
}
div.mailbox .texty p.bily{

    text-align: center;
    color: #fff;
    font-size: 16px;
            -moz-text-shadow: -1px 1px 5px rgba(0,0,0,0.4);
    -webkit-text-shadow: -1px 1px 5px rgba(0,0,0,0.4);
    text-shadow: -1px 1px 5px rgba(0,0,0,0.4);
}
 div.mailbox .texty h3,  div.mailbox .texty p{

    text-align: center;
    color: #000000;
    font-size: 16px;

}
.texty div.mailbox p {
    text-align: left;
}

div.mailbox .mail1{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-left: 20px;
  text-align: left;
}

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

div.mailbox .mail1{
  display: inline-block;
  vertical-align: top;
  width: 90%;
  margin-left: 40px;
}
}
 @media all and (max-width: 600px) {

div.mailbox .mail1{
  display: inline-block;
  vertical-align: top;
  width: 80%;
  margin-left: 40px;
}
}
 @media all and (max-width: 400px) {

div.mailbox .mail1{
  display: inline-block;
  vertical-align: top;
  width: 70%;
  margin-left: 40px;
}
}


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

div.mailbox  {
  padding-bottom: 80px;
}
}



div.mailbox .mail2{
  display: inline-block;
    vertical-align: top;
  width: 100%;
}
div.mailbox .mail3{
  display: inline-block;
    vertical-align: top;
  width: 100%;
}

div.mailbox .mail4{
  display: inline-block;
  width: 100%;
  text-align: left;
}






div.mailbox .mail3 p{
color: #000;
font-size: 14px;
line-height: 30px;
margin-left: 30px;
margin-top: 0px;
margin-bottom: 15px;
clear: both;
text-align: left;
}
 div.mailbox .pole{
  width: 80%;
  height: 50px;
  background: none;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 11px;

color: #000000;
font-size: 14px;
line-height: 50px;
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);
  border-radius: 12px;

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

     display: inline-block;
    color: #000;
font-size: 14px;
line-height: 50px;
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);
  border-radius: 12px;

}
 div.mailbox textarea{
  width: 80%;
  height: 130px;

  border-radius: 12px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;

color: #000000;
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;
}











.pp_content div.mailbox .mail1 {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.pp_content .texty{


margin-top: 0px;
}
div.mailbox .texty p.nadpis{

    padding-top: 30px;
    margin-bottom: 10px;
    text-align: left;
    padding-bottom: 10px;
    margin-left: auto;
    font-size: 30px;
    margin-top: 10px;

background: none
}
div.mailbox .texty p.nadpis a{
  font-weight: 600;
  text-transform: none;
}

.pp_content h2.nadpis{

    padding-top: 18px;
    margin-bottom: 30px;
    text-align: left;
    padding-bottom: 10px;
    margin-left: auto;
    margin-top: 10px;

background: none
}







.formminus{
  width: 20px;
  height: 20px;

  float: left;
color: #000;
font: 16px;
line-height: 45px;
background: #f5f5f5;

   -moz-border-radius:10px ;
-webkit-border-radius: 10px ;
border-radius: 10px ;
}


















 .texty h2, .texty h3, .texty h4, .texty h5, .texty h6, .texty p, .texty table, .texty ul{
   margin-left: 2%;
   margin-right: 2%;
}




/*
ikony v nadpisu stranky pro procedury
 */

.pruh-modry .uvnitr .informace {
    position: relative;
    margin-top: -10px;
    padding-top: 20px;
    color: rgba(51, 51, 51, 1);
    width: 300px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    text-align: center;
    border-top: solid 1px rgba(51, 51, 51, 1);
    min-width: 40px;
}
 .uvnitr .informace p.cena, .uvnitr .informace p.cas {
   display: inline-block;
   text-align: left;
   vertical-align: top;
  position: relative;
  min-width: 120px;
  font-size: 18px;
  font-weight: 800;
  color: rgba(51, 51, 51, 1);
	}

 .uvnitr .informace .sleva {

      font-size: 12px;
    color: rgba(255, 0, 0, 1);
    position: absolute;
    top: 25px;
    left: 40px;

	}

 .uvnitr .informace .doba_popis {
    font-size: 12px;
    position: absolute;
    font-weight: 200;
    top: -5px;
    left: 42px;
    color: rgba(51, 51, 51, 1);
}


 .uvnitr .informace i{
color: rgba(250, 190, 14, 1);
 font-size: 30px;

 margin-right: 10px;
}
 .uvnitr .informace i:before{
  position: relative;
  top: 4px;
}


img.procedurafoto {
    float: right;
    width: 35%;
    height: auto;
    margin-left: 20px;
    margin-right: 2%;
    margin-bottom: 20px;
    border: solid 1px rgba(51, 51, 51, 1);
    border-radius: 50%;
}













.texty a.mail{


 display: inline-block;
  font-size:18px ;
 color: rgba(51, 51, 51, 1);
 line-height: 24px;

 font-weight: 600;
      text-align: left;
        vertical-align: top;
        margin-top: 0px;
           margin-left: 0px;
        margin-bottom: 15px;


}
.texty p.tel{

 display: inline-block;
   font-size:18px ;
 color: rgba(51, 51, 51, 1);
 line-height: 24px;

 font-weight: 600;
      text-align: left;
        vertical-align: top;
        margin-top: 0px;
        margin-left: 0px;
        margin-bottom: 15px;
}

.texty .odst25{

 display: inline-block;
  width: 24%;
  vertical-align: top;

}
.texty .odst50{

 display: inline-block;
  width: 48%;
  vertical-align: top;
}

.texty .odst75{

 display: inline-block;
  width: 74%;
  vertical-align: top;
}


.texty .odst33{

 display: inline-block;
  width: 32%;
  vertical-align: top;

}

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

.texty .odst33{

 display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-bottom: 20px;


}

}
.texty a.fcb span, .texty p.tel span, .texty a.mail span{
  display: inline-block;


}
.texty a.fcb span strong, .texty p.tel span strong, .texty a.mail span strong{

   font: lighter 14px  "Open Sans", Arial;
}


.texty a.fcb i, .texty p.tel i, .texty a.mail i{
  font-size: 30px;
  display: inline-block;
  margin-right: 5px;
    vertical-align: top;

  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 40px;
/*  border: solid 1px rgba(255, 255, 255, 1);  */
    text-align: center;
}




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

}

div.tym .clovek img {
    width: 190px;
    height: 190px;
    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 .popis 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 .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;
}
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:nth-child(2n) {
  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;
}



}


 /* dobeckova navigace */

ul#nadpisy-kat{
/*  margin-top: 71px; */
    z-index: 100;
    width: 100%;
    max-width: 1320px;
    text-align: right;
    margin-left: auto;
    margin-right: auto;


    font-family: 'Saira', sans-serif;

}





.hlavicka-obrazek ul#nadpisy-kat{
  margin-top: 30px;
  margin-bottom: 30px;
}

.hlavicka-obrazek ul#nadpisy-kat.obr{
  margin-top: 300px;
  position: absolute;
  margin-bottom: 30px;
}

table{
      border-collapse: collapse;
      font-size: 14px;
      margin: 10px
}
table tr th{
  border: none;
  border: solid 1px  #C7C7C7;
  background-color: none;
  padding: 10px
}
table tr td{
  border: solid 1px #DCDCDC;
  background-color: #FFFFFF;
  padding: 10px
}





ul#nadpisy-kat li{
    vertical-align: top;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    position: relative;
    margin-right: 10px;

}
ul#nadpisy-kat li a::after{
  position: absolute;
  content: '\f105';
 font-family:"FontAwesome";
  font-size: 12px;
  top: -8px;
  left: -15px;
}
ul#nadpisy-kat li a.prvni::after{
  position: absolute;
  content: '';

}




ul#nadpisy-kat li a{
 color: #999;
  font-size: 12px;
  position: relative;
  line-height: 30px;
  text-decoration: underline


}
ul#nadpisy-kat li a.prvni{
color: #999;
   font-size: 12px;
  height: 30px;
  padding-right: 10px;
      margin-left: -20px;


}
ul#nadpisy-kat li a.prvni span{
  display: none;
}


ul#nadpisy-kat li a.aktivni{
  text-decoration: none
}

@media only screen and (max-width: 1024px) {
ul#nadpisy-kat{
/*  margin-top: 71px; */
    z-index: 100;
    width: 96%;
    max-width: 1320px;
    text-align: left;
    margin-left: 2%;
    margin-right: auto;


    font-family: 'Saira', sans-serif;

}

ul#nadpisy-kat li a.prvni {
    color: #999;
    font-size: 12px;
    height: 30px;
    padding-right: 10px;
     margin-left: -5px;
}

}


/*
detail produktu
 */

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


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

  border-radius: 50%;
      margin: 2%

}
.nahled a{
    position: relative;
    display: block;
  -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}
.nahled a:hover img{
   opacity: 0.5;
   -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}
div.uvnitr .nahled a span{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
}
div.uvnitr .nahled a::after{

    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "FontAwesome";
    content: '\f00e';
    color: rgba(0, 0, 0, 0);
    position: absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    z-index: 10000000000;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    background-color: rgba(255, 255, 255, .0);

}
div.uvnitr .nahled a:hover::after {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "FontAwesome";
    content: '\f00e';
    color: rgba(0, 0, 0, 1);
    position: absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    border-radius: 50%;
    z-index: 10000000000;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    background-color: rgba(255, 255, 255, 0.5);

    opacity: 1
}

.nahled div.nahledy {

    width: 100%;
    min-height: auto;
    text-align: center;


}

.nahled div.nahledy a {
  display: inline-block;
    width: 13.5%;
    height: 50px;
    margin: 1%;
    vertical-align: top;


}

.nahled div.nahledy a img{
  position: relative;
  width: auto;
  margin: 0px;
  max-height: 50px;
   -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
  border: none
}

.nahled div.nahledy a:hover img{
  opacity: 0.5;
   -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}





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


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

div.uvnitr .nahled {
    width: 36%;
    float: left;
    height: auto;
    margin-left: 5%;
}

div.uvnitr .right {
    width: 50%;
    float: right;
    margin-right: 5%;
}

.nahled div.nahledy a {
    display: inline-block;
    width: 18%;
    height: 50px;
    margin: 1%;
    vertical-align: top;
}


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



.nahled div.nahledy a {
    display: inline-block;
    width: 23%;
    height: 50px;
    margin: 1%;
    vertical-align: top;
}


}

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



.nahled div.nahledy a {
    display: inline-block;
    width: 31%;
    height: 50px;
    margin: 1%;
    vertical-align: top;
}


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

  div.uvnitr .nahled{
  width: 96%;
  margin-left: 2%;
  float: none;
    height: auto;
    clear: both;
    margin-bottom: 20px;

}
 div.uvnitr .nahled img{
  width: 100%;
  float: none;
  height: auto;

      margin: 0

}

div.uvnitr .nahled div.nahledy {

    width: 100%;
    float: none;
    min-height: 94px;
    text-align: center;
    margin-top: 10px;


}

div.uvnitr .nahled div.nahledy a {
  display: inline-block;
    width: 18%;
    min-width: 50px;
    height: 50px;
    margin: 1%;
    margin-top: 0px;

    overflow: hidden;
}


div.uvnitr .right {
  width: 96%;
  margin-left: 2%;
  float: none;
  clear: both;
  margin-top: 20px;
}


}

/*
 ouska
 */


ul.ouska {
    height: 50px;
    position: relative;
    z-index: 0;
    margin-left: 0px;
    margin-top: 30px;
    clear: both;
    width: 100%;
        border-bottom: solid 1px rgba(159, 159, 159, 0.5);
        text-align: center;
        margin-bottom: 50px;
}

ul.ouska.nahore {
  height: 50px;
    position: relative;
    z-index: 0;
    margin-left: 0px;
    margin-top: 30px;
    clear: both;
    width: 100%;
        border-bottom: solid 1px rgba(159, 159, 159, 0.5);

        text-align: left;
        margin-bottom: 50px;
}

.obsah1, .obsah2, .obsah3, .obsah4, .obsah5, .obsah6, .obsah7, .obsah8, .obsah9, .obsah10 {
  padding-bottom: 30px;
}


.obsah1 img, .obsah2 img, .obsah3 img, .obsah4 img, .obsah5 img, .obsah6 img, .obsah7 img, .obsah8 img, .obsah9 img, .obsah10 img {
  width: auto;
  max-width: 100%;
}


ul.ouska li.active {

      -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    border-top: 1px solid rgba(159, 159, 159, 0.5);
    border-left: 1px solid rgba(159, 159, 159, 0.5);
     border-right: 1px solid rgba(159, 159, 159, 0.5);

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



    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
border-bottom: solid 3px #f7f7f7;
    height: 48px;
    -moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
-webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}

ul.ouska li {
    position: relative;
    z-index: 1;
    cursor: pointer;
    list-style: none;
    display: inline-block;
    height: 45px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    padding-left: 20px;
    padding-right: 20px;
    background: rgba(189, 189, 189, .2);

       color: rgba(49, 49, 49, 1);
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    line-height: 50px;
    -moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
-webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}

ul.ouska li:nth-child(1){
  margin-left: 20px;
}


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


ul.ouska li.active {

      -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    border-top: 1px solid rgba(159, 159, 159, 0.5);
    border-left: 1px solid rgba(159, 159, 159, 0.5);
     border-right: 1px solid rgba(159, 159, 159, 0.5);

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



    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
border-bottom: solid 3px #f7f7f7;
    height: 48px;
}

ul.ouska li {
    position: relative;
    z-index: 1;
    cursor: pointer;
    list-style: none;
    display: inline-block;
    height: 45px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    padding-left: 10px;
    padding-right: 10px;
    background: rgba(189, 189, 189, .2);

       color: rgba(49, 49, 49, 1);
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    line-height: 50px;
}

ul.ouska li:nth-child(1){
  margin-left: 5px;
}

}




ul.ouska li:hover {
  color: rgba(69, 69, 69, 1);
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;

}


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


ul.ouska li:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;

}



}