.adela {font-size:16px;}


#vyska {
        background: transparent url(../images/mpo-relaxacni-vyska.jpg) top center no-repeat;
        padding: 30px 0px 0px 0px;
        height: 246px;
         }



#parametry {
        background: transparent url(../images/relaxacni-podlozka-parametry.jpg) top center no-repeat;
        padding: 30px 0px 0px 0px;
        height: 143px;
         } 




#obrazeknapozadi-logo {height: 189px;
                    background: transparent url(../images/mpologo.jpg) bottom center no-repeat;
                   }#medico {padding: 2px;
        
       }

#medico p {font-size: 14px;
          padding: 5px;
           margin: 10px;}
#medico h3 {font-size: 15px;
           padding: 7px;
           margin: 0;}
#medicoobr {float: left;
background: transparent top left url(../images/potah-mpo-medico-detail.jpg) no-repeat;
           height: 170px;
           width: 335px;
           max-width: 33%;
margin: 10px;}
#easyclean {padding: 2px;
      
       }

#easyclean p {font-size: 14px;
          padding: 5px;
           margin: 10px;}
#easyclean h3 {font-size: 15px;
           padding: 7px;
           margin: 0;}
#easycleanobr {float: left;

  background: transparent top left url(../images/potah-mpo-easyclean-detail.jpg) no-repeat; 
width: 335px;
max-width: 33%;
           height: 170px;
           margin: 10px;}
#mpoaloevera {padding: 2px;
        
       }

#mpoaloevera p {font-size: 14px;
          padding: 5px;
           margin: 0;}
#mpoaloevera h3 {font-size: 15px;
           padding: 7px;
           margin: 0;}
#aloeveraobr {float: left;
background: transparent top left url(../images/potah-mpo-aloevera-detail.jpg) no-repeat;
           width: 335px;
max-width: 33%;
           height: 170px;
           margin: 10px;}
#bamboo {padding: 2px;
        
       }

#bamboo p {font-size: 14px;
          padding: 5px;
           margin: 0;}
#bamboo h3 {font-size: 15px;
           padding: 7px;
           margin: 0;}
#bambooobr {float: left;
background: transparent top left url(../images/potah-mpo-bamboo-detail.jpg) no-repeat;
           width: 335px;
max-width: 33%;
           height: 170px;
           margin: 10px;}
#silveractive {padding: 2px;
        
       }

#silveractive p {font-size: 14px;
          padding: 5px;
           margin: 0;}
#silveractive h3 {font-size: 15px;
           padding: 7px;
           margin: 0;}
#silveractiveobr {float: left;
background: transparent top left url(../images/potah-mpo-silver-detail.jpg) no-repeat;
           width: 335px;
max-width: 33%;
           height: 170px;
           margin: 10px;}
#zdravotnipotah {padding: 2px;
        
       }

#zdravotnipotah p {font-size: 14px;
          padding: 5px;
           margin: 0;}
#zdravotnipotah h3 {font-size: 15px;
           padding: 7px;
           margin: 0;}
#zdravotnipotahobr {float: left;
background: transparent top left url(../images/css_mpo_zdravotnipotah.jpg) no-repeat;
           width: 335px;
max-width: 33%;
           height: 170px;
           margin: 10px;}
#medico {padding: 2px;
        
       }

#medico p {font-size: 14px;
          padding: 5px;
           margin: 10px;}
#medico h3 {font-size: 15px;
           padding: 7px;
           margin: 0;}
#medicoobr {float: left;
background: transparent top left url(../images/potah-mpo-medico-detail.jpg) no-repeat;
           height: 170px;
           width: 335px;
           max-width: 33%;
margin: 10px;}#easyclean {padding: 2px;
      
       }

#easyclean p {font-size: 14px;
          padding: 5px;
           margin: 10px;}
#easyclean h3 {font-size: 15px;
           padding: 7px;
           margin: 0;}
#easycleanobr {float: left;

  background: transparent top left url(../images/potah-mpo-easyclean-detail.jpg) no-repeat; 
width: 335px;
max-width: 33%;
           height: 170px;
           margin: 10px;}#mpoaloevera {padding: 2px;
        
       }

#mpoaloevera p {font-size: 14px;
          padding: 5px;
           margin: 0;}
#mpoaloevera h3 {font-size: 15px;
           padding: 7px;
           margin: 0;}
#aloeveraobr {float: left;
background: transparent top left url(../images/potah-mpo-aloevera-detail.jpg) no-repeat;
           width: 335px;
max-width: 33%;
           height: 170px;
           margin: 10px;}#bamboo {padding: 2px;
        
       }

#bamboo p {font-size: 14px;
          padding: 5px;
           margin: 0;}
#bamboo h3 {font-size: 15px;
           padding: 7px;
           margin: 0;}
#bambooobr {float: left;
background: transparent top left url(../images/potah-mpo-bamboo-detail.jpg) no-repeat;
           width: 335px;
max-width: 33%;
           height: 170px;
           margin: 10px;}#silveractive {padding: 2px;
        
       }

#silveractive p {font-size: 14px;
          padding: 5px;
           margin: 0;}
#silveractive h3 {font-size: 15px;
           padding: 7px;
           margin: 0;}
#silveractiveobr {float: left;
background: transparent top left url(../images/potah-mpo-silver-detail.jpg) no-repeat;
           width: 335px;
max-width: 33%;
           height: 170px;
           margin: 10px;}#zdravotnipotah {padding: 2px;
        
       }

#zdravotnipotah p {font-size: 14px;
          padding: 5px;
           margin: 0;}
#zdravotnipotah h3 {font-size: 15px;
           padding: 7px;
           margin: 0;}
#zdravotnipotahobr {float: left;
background: transparent top left url(../images/css_mpo_zdravotnipotah.jpg) no-repeat;
           width: 335px;
max-width: 33%;
           height: 170px;
           margin: 10px;}
#mpovyrobce {padding: 2px 10px 100px 160px;
        background: transparent top left url(../images/vyrobcempo.jpg) no-repeat;
       }
#mpovyrobce h3 {font-size: 16px;
           padding: 7px;
           margin: 0;}
#mpovyrobceobr {float: left;
           height: 160px;}
#mpovyrobce p {font-size: 14px;
          padding: 5px;
           margin: 0;}


#mpovyroba {padding: 2px 200px 100px 2px;
        background: transparent top right url(../images/mpovyroba.jpg) no-repeat;
       }
#mpovyroba h3 {font-size: 15px;
           padding: 7px;
           margin: 0;}
#mpovyrobaobr {float: right;
           height: 160px;}
#mpovyroba p {font-size: 14px;
          padding: 5px;
           margin: 0;}


#mpoeco {padding: 2px 10px 100px 160px;
        background: transparent top left url(../images/mpoeco.jpg) no-repeat;
       }
#mpoeco h3 {font-size: 15px;
           padding: 7px;
           margin: 0;}
#mpoecoobr {float: left;
           height: 183px;}
#mpoeco p {font-size: 14px;
          padding: 5px;
           margin: 0;}



/* CSS PRO GALERII NA KLIKNUTÍ */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
  visibility: hidden;
  width: auto;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

.popup .hidden {
  visibility: hidden;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}