#dolcevitab {
        background: transparent url(../images/dolcevitab.jpg) bottom center no-repeat;
        padding: 0px 0px 70px 0px;
        height: 441px;
        }
#prurezcmf10 {
        background: transparent url(../images/prurezcmf10.jpg) bottom center no-repeat;
        padding: 0px 0px 0px 0px;
        height: 126px;
        }
#prurezcmf12 {
        background: transparent url(../images/prurezcmf12.jpg) top right no-repeat;
        padding: 0px 0px 100px 0px;
        height: 87px;
        }
#medicalclassa {
        background: transparent url(../images/medicalclass.jpg) top right no-repeat;
        padding: 0px 280px 130px 0px;
        height: 179px;
        }
#prurezcmf12a {
        background: transparent url(../images/prurezcmf12a.jpg) top right no-repeat;
        padding: 0px 0px 100px 0px;
        height: 105px;
        }
#prurezdiam {
        background: transparent url(../images/prurezcmf12a.jpg) top right no-repeat;
        padding: 0px 0px 0px 0px;
        height: 162px;
        }
#supremo {
        background: transparent url(../images/supremo.jpg) bottom center no-repeat;
        padding:40px 0px 70px 0px;
        height: 219px;
        }
#supremob {
        background: transparent url(../images/supremob.jpg) bottom center no-repeat;
        padding: 30px 0px 70px 0px;
        height: 429px;
        }
#tosk {
        background: transparent url(../images/tosk.jpg) bottom center no-repeat;
        padding: 20px 0px 10px 0px;
        height: 305px;
        }
#medicalclassb {
        background: transparent url(../images/medicalclassb.jpg) top right no-repeat;
        padding: 0px 280px 210px 0px;
        height: 179px;
        }
#diamsloz {
        background: transparent url(../images/diamsloz.jpg) top right no-repeat;
        padding: 0px 0px 30px 0px;
        height: 241px;
        }
#cert {
        background: transparent url(../images/cert.jpg) top right no-repeat;
        padding: 0px 280px 80px 0px;
        height: 304px;
        }
#prurezcotcar {
        background: transparent url(../images/prurezcotcar.jpg) top right no-repeat;
        padding: 0px 0px 0px 0px;
        height: 148px;
        }
#alba {
        background: transparent url(../images/alba.jpg) bottom center no-repeat;
        padding: 0px 0px 30px 0px;
        height: 204px;
        }
#ecogreena {
        background: transparent url(../images/ecogreena.jpg) top left no-repeat;
        padding: 0px 0px 30px 190px;
        height: 120px;
        }
#geomemorya {
        background: transparent url(../images/geomemorya.jpg) top left no-repeat;
        padding: 0px 0px 0px 190px;
        height: 120px;
        }
#cottcares {
        background: transparent url(../images/cottcares.jpg) bottom center no-repeat;
        padding: 0px 0px 30px 0px;
        height: 286px;
        }
#prurezmmag12 {
        background: transparent url(../images/prurezmmag12.jpg) top right no-repeat;
        padding: 0px 0px 100px 0px;
        height: 156px;
        }
#dualc {
        background: transparent url(../images/dualc.jpg) bottom center no-repeat;
        padding: 0px 0px 30px 0px;
        height: 246px;
        }
#albass {
        background: transparent url(../images/albass.jpg) bottom center no-repeat;
        padding: 0px 0px 30px 0px;
        height: 182px;
        }
#prurezcotgrande {
        background: transparent url(../images/prurezcotgrande.jpg) top right no-repeat;
        padding: 0px 0px 10px 0px;
        height: 182px;
        }
#cotgrande {
        background: transparent url(../images/cotgrande.jpg) bottom center no-repeat;
        padding: 0px 0px 0px 0px;
        height: 245px;
        }
#certa {
        background: transparent url(../images/certa.jpg) top right no-repeat;
        padding: 0px 300px 60px 0px;
        height: 304px;
        }
#toskan {
        background: transparent url(../images/toskan.jpg) bottom center no-repeat;
        padding: 0px 0px 0px 0px;
        height: 252px;
        }
#penymagnig {
        background: transparent url(../images/penymagnig.jpg) bottom center no-repeat;
        padding: 0px 0px 0px 0px;
        height: 165px;
        }
#mgelsloz {
        background: transparent url(../images/mgelsloz.jpg) top right no-repeat;
        padding: 0px 260px 30px 0px;
        height: 246px;
        }
#mgeldeluxe12 {
        background: transparent url(../images/mgeldeluxe12.jpg) top right no-repeat;
        padding: 30px 480px 0px 0px;
        height: 246px;
        }
#certifokea {
        background: transparent url(../images/certifokea.jpg) top right no-repeat;
        padding: 0px 300px 160px 0px;
        height: 156px;
        }
#magnigelb {
        background: transparent url(../images/magnigelb.jpg) top left no-repeat;
        padding: 30px 0px 30px 440px;
        height: 469px;
        }
#penytosk {
        background: transparent url(../images/penytosk.jpg) bottom center no-repeat;
        padding: 0px 300px 20px 0px;
        height: 205px;
        }
#toscanaa {
        background: transparent url(../images/toscanaa.jpg) top right no-repeat;
        padding: 20px 200px 0px 0px;
        height: 193px;
        }
#mgrodinkac {
        background: transparent url(../images/mgrodinkac.jpg) bottom center no-repeat;
        padding: 60px 0px 0px 0px;
        height: 463px;
        }
#medicalclassc {
        background: transparent url(../images/medicalclassc.jpg) top right no-repeat;
        padding: 0px 360px 140px 0px;
        height: 179px;
        }
#bambus {
        background: transparent url(../images/bambus.jpg) bottom center no-repeat;
        padding: 0px 0px 0px 0px;
        height: 250px;
        }
#milano {
        background: transparent url(../images/milano.jpg) top right no-repeat;
        padding: 0px 200px 0px 0px;
        height: 194px;
        }
#penytosca {
        background: transparent url(../images/penytosca.jpg)top right no-repeat;
        padding: 0px 400px 20px 0px;
        height: 205px;
        }
#medicalclassd {
        background: transparent url(../images/medicalclassd.jpg) bottom center no-repeat;
        padding: 0px 0px 0px 0px;
        height: 152px;
        }
#chianti {
        background: transparent url(../images/chianti.jpg) top right no-repeat;
        padding: 0px 200px 0px 0px;
        height: 194px;
        }
#medicalclasse {
        background: transparent url(../images/medicalclasse.jpg) bottom center no-repeat;
        padding: 60px 0px 0px 0px;
        height: 152px;
        }
#lucca {
        background: transparent url(../images/lucca.jpg) top right no-repeat;
        padding: 0px 200px 0px 0px;
        height: 169px;
        }
#mgrodinkad {
        background: transparent url(../images/mgrodinkad.jpg) top right no-repeat;
        padding: 0px 300px 0px 0px;
        height: 371px;
        }
#orthofirm {
        background: transparent url(../images/orthofirm.jpg) top right no-repeat;
        padding: 0px 200px 0px 0px;
        height: 178px;
        }
#venezia {
        background: transparent url(../images/venezia.jpg) top right no-repeat;
        padding: 0px 200px 0px 0px;
        height: 182px;
		}
#viscozaa {
        background: transparent url(../images/viscozaa.jpg) bottom center no-repeat;
        padding: 0px 0px 20px 0px;
        height: 141px;
		}
#toska {
        background: transparent url(../images/toska.jpg) bottom center no-repeat;
        padding: 0px 0px 0px 0px;
        height: 297px;
        }
#prurezcmf9 {
        background: transparent url(../images/prurezcmf9.jpg) bottom center no-repeat;
        padding: 0px 0px 0px 0px;
        height: 126px;
        }
#medicalclass {
        background: transparent url(../images/medicalclass.jpg) top right no-repeat;
        padding: 0px 0px 40px 0px;
        height: 179px;
        }
#dolcevita {
        background: transparent url(../images/dolcevita.jpg) bottom center no-repeat;
        padding: 0px 0px 60px 0px;
        height: 378px;
        }
#prurezcmf9firm {
        background: transparent url(../images/prurezcmf9firm.jpg) top left no-repeat;
        padding: 0px 20px 30px 0px;
        height: 89px;
        }
#outlast {
        background: transparent url(../images/outlast.jpg) top right no-repeat;
        padding: 30px 290px 0px 0px;
        height: 220px;
        }

#vyrobcemagniflex {
}
#magnilogoframe {
margin-left: auto;
margin-right: auto;
width: 400px;
max-width: 100%;
		}
#magnilogoobr {
        background: transparent url(../images/magnilogo.jpg) bottom center no-repeat;
        background-size: contain;
        padding: 50% 0px 0px 0px;
        height: 1px;
		}


#magniflexvyrobnaframe {
}
#magniflexvyrobnaobr {
        background: transparent url(../images/magniflexvyrobna.jpg) top left no-repeat;
	float: left; 
        margin-left: 15px;
        background-size: contain;
        padding: 0px 0px 0px 10px;
        width: 464px;
        height: 211px;
        max-width: 80%;
        max-height: 20%;
        }

/* 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
}