@font-face {
	font-family: 'Myriad-Pro';
	src:url(../fonts/MYRIADPROREGULAR.eot);/* IE */  
	src: local('MYRIADPROREGULAR'), url(../fonts/MYRIADPROREGULAR.ttf) format('truetype'); /* non-IE */
	src: local('MYRIADPROREGULAR'), url(../fonts/MYRIADPROREGULAR.woff) format('woff'); /* Modern Browsers */
}

p{
	font-family: Myriad-Pro, sans-serif;
}

.imagenGrises{
	-webkit-filter: grayscale(1);
	filter:grayscale(1);
}

.imagenColor{
	-webkit-filter: grayscale(0);
	filter:grayscale(1);
}

.boton{
	background: #90A39F;
	border-radius: 10px;
	border-bottom: solid #666666 5px;
	  width: 207px;
  height: 50px;
	position: absolute;
	cursor:pointer;
}

.boton:active{
	border-bottom: none;
	margin-top: 3px;
}

.botonActivo{
	background: #EC4449;
	border-bottom: solid #A5040A 5px;
}

.botonRegresar{
	bottom: 21px;
	right: 539px;
}

.botonCircular{
  background: #EC4449;
  width:70px;
  height:70px;
  border-radius:50%;
  cursor:pointer;
  z-index: 5;
  position:absolute;
}

.botonCircular:active{
  transform:scaleY(0.8);
}

.textoBoton{
	  font-family: Myriad-Pro, sans-serif;
  font-size: 25pt;
  font-weight: 600;
  font-style: italic;
  margin: 5px 10px;
  text-align: center;
  color:#FFF;
}

.popConcepto{
  background: url(../img/up.png) no-repeat;
  background-size: 100%;
  width: 700px;
  height: 370px;
}

.fondoTitulo{
	background:url(../img/S_G05_U03_L01_03_01_FONDOTITULO.png) no-repeat;
	  background-size: 100%;
  background-position: 0px -21px;
  width: 98%;
  height: 53px;
  position: absolute;
  top: 110px;
  left: 13px;
  border-radius: 15px;
}

.textoTitulo{
	  font-family: Myriad-Pro, sans-serif;
  font-size: 23pt;
  font-weight: 600;
  font-style: italic;
  color: #FFF;
  margin-left: 202px;
  margin-top: 13px;
}

.fondoDrop{
  background: #B1C993;
  width: 850px;
  height: 100px;
  position: absolute;
}

.textoFunciones{
  text-align: justify; 
  background:#FFF; 
  border:solid #009245 2px;
  margin-left: 141px;
  margin-top: 5px;
  padding:0px 5px;
  font-size: 18pt;
}

.dropOrganelo{
  background: #FFF;
    width: 125px;
  height: 90px;
  z-index: 5;
  position: absolute;
}

.citoplasma{
	background: #94D2E0;
	  border: solid #608BDB 5px;
  border-radius: 5px;
  width: 46px;
  height: 70px;
  position: absolute;
  top: 280px;
  left: 951px;
  z-index: 2;
	cursor: pointer;
}

.golgi{
	background: url(../img/S_G05_U03_L01_03_01_APARATOGOLGI.png) no-repeat;
	background-size: 100%;
	  width: 104px;
  height: 84px;
  position: absolute;
  top: 387px;
  left: 574px;
  z-index: 2;
	cursor: pointer;
}

.membranaCelular{
	background: url(../img/S_G05_U03_L01_03_01_MEMBRANACELULAR.png) no-repeat;
	background-size: 100%;
	  width: 80px;
  height: 64px;
  position: absolute;
  top: 585px;
  left: 937px;
  z-index: 2;
	cursor: pointer;
}

.mitocondria{
	background: url(../img/S_G05_U03_L01_05_01_MITOCONDRIA.png) no-repeat;
	background-size: 100%;
	width: 126px;
  height: 96px;
  position: absolute;
  top: 274px;
  left: 563px;
  z-index: 2;
	cursor: pointer;
}

.nucleo{
	background: url(../img/S_G05_U03_L01_03_01_dropNucleo.png) no-repeat;
	background-size: 100%;
	  width: 82px;
  height: 82px;
  position: absolute;
  top: 484px;
  left: 586px;
  z-index: 2;
  cursor: pointer;
}

.reticuloEndo{
	background: url(../img/S_G05_U03_L01_03_01_RETICULOENDO.png) no-repeat;
	background-size: 100%;
	width: 64px;
  height: 64px;
  position: absolute;
  top: 397px;
  left: 946px;
  z-index: 2;
	cursor: pointer;
}

.ribosomas{
	background: url(../img/S_G05_U03_L01_03_01_RIBOSOMAS.png) no-repeat;
	background-size: 100%;
	width: 55px;
  height: 82px;
  position: absolute;
  top: 485px;
  left: 950px;
  z-index: 2;
	cursor: pointer;
}

.vacuolaD{
	background: url(../img/S_G05_U03_L01_05_01_VACUOLA.png) no-repeat;
	background-size: 100%;
	  width: 70px;
  height: 85px;
  position: absolute;
  top: 576px;
  left: 593px;
  z-index: 2;
	cursor: pointer;
}

#citoplasma{
	background: url(../img/S_G05_U03_L01_03_01_dropCitoplasma.png) no-repeat;
	background-size: 100%;
	  width: 373px;
  height: 373px;
  position: absolute;
  top: 319px;
  left: 75px;
  z-index: 2;
}

#golgi1{
	background: url(../img/S_G05_U03_L01_03_01_dropGolgi1.png) no-repeat;
	  background-size: 100%;
  width: 100px;
  height: 59px;
  position: absolute;
  top: 401px; left: 154px;
  z-index: 5;
}

#golgi2{
	background: url(../img/S_G05_U03_L01_03_01_dropGolgi2.png) no-repeat;
	background-size: 100%;
	  width: 82px;
  height: 97px;
  position: absolute;
  top: 417px; left: 236px;
  z-index: 5;
}

#golgi3{
	background: url(../img/S_G05_U03_L01_03_01_dropGolgi3.png) no-repeat;
	background-size: 100%;
	  width: 94px;
  height: 67px;
	position: absolute;
	top: 514px; left: 154px;
	z-index: 5;
}

#golgi4{
	background: url(../img/S_G05_U03_L01_03_01_dropGolgi4.png) no-repeat;
	background-size: 100%;
	  width: 93px;
  height: 81px;
	position: absolute;
	top: 497px; left: 232px;
	z-index: 5;
}

#membrana{
	background: url(../img/S_G05_U03_L01_03_01_dropMembrana.png) no-repeat;
	background-size: 100%;
	width: 441px;
  height: 431px;
  position: absolute;
  top: 276px;
  left: 42px;
  z-index: 1;
}

#mitocondria1{
	background: url(../img/S_G05_U03_L01_03_01_dropMitocondria.png) no-repeat;
	background-size: 100%;
	  width: 36px;
  height: 78px;
  position: absolute;
  top: 527px;
  left: 306px;
  -ms-transform: rotate(209deg); /* IE 9 */
    -webkit-transform: rotate(209deg); /* Safari */
  transform: rotate(209deg);
  z-index: 4;
}

#mitocondria2{
	background: url(../img/S_G05_U03_L01_03_01_dropMitocondria.png) no-repeat;
	background-size: 100%;
	  width: 40px;
  height: 79px;
  position: absolute;
  top: 355px;
  left: 296px;
  -ms-transform: rotate(104deg); /* IE 9 */
    -webkit-transform: rotate(104deg); /* Safari */
  transform: rotate(104deg);
  z-index: 4;
}

#mitocondria3{
	background: url(../img/S_G05_U03_L01_03_01_dropMitocondria.png) no-repeat;
	background-size: 100%;
	  width: 64px;
  height: 128px;
  position: absolute;
  top: 439px;
  left: 100px;
  z-index: 4;
}

#mitocondriaAzul1{
	background: url(../img/S_G05_U03_L01_03_01_dropMitocondriaAzul.png) no-repeat;
	background-size: 100%;
	width: 45px;
  height: 49px;
  position: absolute;
  top: 381px;
  left: 107px;
  -ms-transform: rotate(94deg); /* IE 9 */
    -webkit-transform: rotate(94deg); /* Safari */
  transform: rotate(94deg);
  z-index: 4;
}

#mitocondriaAzul2{
	background: url(../img/S_G05_U03_L01_03_01_dropMitocondriaAzul.png) no-repeat;
	background-size: 100%;
	    width: 45px;
  height: 49px;
  position: absolute;
  top: 443px;
  left: 356px;
  z-index: 4;
}

#mitocondriaAzul3{
	background: url(../img/S_G05_U03_L01_03_01_dropMitocondriaAzul.png) no-repeat;
	background-size: 100%;
	width: 50px;
  height: 49px;
  position: absolute;
  top: 584px;
  left: 332px;
  -ms-transform: rotate(159deg); /* IE 9 */
    -webkit-transform: rotate(159deg); /* Safari */
  transform: rotate(159deg);
  z-index: 4;
}

#mitocondriaAzul4{
	background: url(../img/S_G05_U03_L01_03_01_dropMitocondriaAzul.png) no-repeat;
	background-size: 100%;
	width: 50px;
  height: 49px;
  position: absolute;
  top: 590px;
  left: 139px;
  -ms-transform: rotate(97deg); /* IE 9 */
    -webkit-transform: rotate(97deg); /* Safari */
  transform: rotate(97deg);
  z-index: 4;
}



#nucleo{
	background: url(../img/S_G05_U03_L01_03_01_dropNucleo.png) no-repeat;
	background-size: 100%;
	  width: 98px;
  height: 95px;
  position: absolute;
  top: 455px;
  left: 183px;
  z-index: 6;
}

#reticuloEndo{
	background: url(../img/S_G05_U03_L01_03_01_dropReticulo.png) no-repeat;
	background-size: 100%;
	  width: 64px;
  height: 68px;
  position: absolute;
  top: 322px;
  left: 155px;
  z-index: 4;
}

#ribosomas{
	background: url(../img/S_G05_U03_L01_03_01_dropRibosomas.png) no-repeat;
	background-size: 100%;
	  width: 331px;
  height: 366px;
  position: absolute;
  top: 321px;
  left: 92px;
  z-index: 3;
}

.vacuola{
	  background: #006AC0;
  width: 20px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  z-index: 4;
}

/*CELULA VEGETAL*/

#golgiVegetal{
	background: url(../img/S_G05_U03_L01_03_01_dropGolgi1.png) no-repeat;
	background-size: 100%;
	  width: 80px;
  height: 51px;
  position: absolute;
  top: 488px;
  left: 139px;
  z-index:5;
}

#membranaVegetal{
  background: url(../img/S_G05_U03_L01_03_01_MEMBRANACELULA.png) no-repeat;
  background-size: 100%;
    width: 337px;
  height: 248px;
  position: absolute;
  top: 368px;
  left: 118px;
  z-index: 2;
}

#reticuloEndo1{
	background: url(../img/S_G05_U03_L01_03_01_DROPENDO1.png)no-repeat;
	background-size: 100%;
	  width: 77px;
  height: 69px;
  position: absolute;
  top: 428px;
  left: 348px;
  z-index:5;
}

#reticuloEndo2{
	background: url(../img/S_G05_U03_L01_03_01_DROPENDO2.png)no-repeat;
	background-size: 100%;
	  width: 88px;
  height: 48px;
  position: absolute;
  top: 496px;
  left: 341px;
  z-index:5;
}

#cloroplasto1{
	background: url(../img/S_G05_U03_L01_03_01_CLOROPLASTO.png) no-repeat;
	background-size: 100%;
	  width: 42px;
  height: 42px;
  position: absolute;
  top: 417px;
  left: 192px;
  z-index:5;
}
#cloroplasto2{
	background: url(../img/S_G05_U03_L01_03_01_CLOROPLASTO.png) no-repeat;
	background-size: 100%;
	  width: 40px;
  height: 39px;
  position: absolute;
  top: 392px;
  left: 290px;
  z-index:5;
    transform: rotate(74deg);
}
#cloroplasto3{
	background: url(../img/S_G05_U03_L01_03_01_CLOROPLASTO.png) no-repeat;
	background-size: 100%;
	  width: 47px;
  height: 42px;
  position: absolute;
  top: 531px;
  left: 161px;
  z-index:5;
  transform: rotate(73deg);
}

#cloroplasto4{
	background: url(../img/S_G05_U03_L01_03_01_CLOROPLASTOO.png)no-repeat;
	background-size: 100%;
	  width: 30px;
  height: 20px;
  position: absolute;
  top: 585px;
  left: 258px;
  z-index:5;
}
#cloroplasto5{
	background: url(../img/S_G05_U03_L01_03_01_CLOROPLASTOO.png)no-repeat;
	background-size: 100%;
	  width: 31px;
  height: 25px;
  position: absolute;
  top: 414px;
  left: 247px;
  z-index:5;
  transform: rotate(-26deg);
}
#cloroplasto6{
	background: url(../img/S_G05_U03_L01_03_01_CLOROPLASTOO.png)no-repeat;
	background-size: 100%;
	  width: 40px;
  height: 19px;
  position: absolute;
  top: 393px;
  left: 332px;
  z-index:5;
  transform: rotate(55deg);
}
#mitocondriaAzul5{
  background: url(../img/S_G05_U03_L01_03_01_dropMitocondriaAzul.png) no-repeat;
  background-size: 100%;
    width: 42px;
  height: 46px;
  position: absolute;
  top: 392px;
  left: 144px;
  -ms-transform: rotate(94deg);
  -webkit-transform: rotate(94deg);
  transform: rotate(83deg);
  z-index: 5;
}

#mitocondriaAzul6{
  background: url(../img/S_G05_U03_L01_03_01_dropMitocondriaAzul.png) no-repeat;
  background-size: 100%;
    width: 40px;
  height: 46px;
  position: absolute;
  top: 375px;
  left: 368px;
  z-index: 5;
  transform: rotate(63deg);
}

#mitocondriaAzul7{
  background: url(../img/S_G05_U03_L01_03_01_dropMitocondriaAzul.png) no-repeat;
  background-size: 100%;
    width: 36px;
  height: 49px;
  position: absolute;
  top: 460px;
  left: 187px;
  -ms-transform: rotate(159deg);
  -webkit-transform: rotate(159deg);
  transform: rotate(80deg);
  z-index: 5;
}

#mitocondriaAzul8{
  background: url(../img/S_G05_U03_L01_03_01_dropMitocondriaAzul.png) no-repeat;
  background-size: 100%;
    width: 40px;
  height: 45px;
  position: absolute;
  top: 540px;
  left: 385px;
  -ms-transform: rotate(97deg);
  /* -webkit-transform: rotate(97deg); */
  /* transform: rotate(97deg); */
  z-index: 5;
}

#mitocondria4{
  background: url(../img/S_G05_U03_L01_03_01_MITOCONDRIAA.png) no-repeat;
  background-size: 100%;
    width: 21px;
  height: 27px;
  position: absolute;
  top: 447px;
  left: 159px;
  z-index: 5;
}
#mitocondria5{
  background: url(../img/S_G05_U03_L01_03_01_MITOCONDRIAA.png) no-repeat;
  background-size: 100%;
    width: 37px;
  height: 44px;
  position: absolute;
  top: 530px;
  left: 212px;
  z-index: 5;
  transform: rotate(197deg);
}

#vacuola{
  background: url(../img/S_G05_U03_L01_03_01_VACUOLA.png) no-repeat;
  background-size: 100%;
    width: 113px;
  height: 146px;
  position: absolute;
  top: 427px;
  left: 232px;
  z-index: 5;
}

.cloroplasto{
  background: url(../img/S_G05_U03_L01_03_01_DRAGCLOROPLASTO.png) no-repeat;
  background-size: 100%;
  width: 81px; 
  height: 55px;
  position: absolute;
  top: 602px;
  left: 593px;
  z-index: 2;
  cursor: pointer;
}

.membranaCelularVegetal{
  background: url(../img/S_G05_U03_L01_03_01_MEMBRANACELULARVEGETAL.png) no-repeat;
  background-size: 100%;
    width: 59px;
  height: 75px;
  position: absolute;
  top: 500px;
  left: 953px;
  z-index: 2;
  cursor: pointer;
}

.paredCelular{
  background: url(../img/S_G05_U03_L01_03_01_PAREDCELULAR.png) no-repeat;
  background-size: 100%;
    width: 90px;
  height: 45px;
  position: absolute;
  top: 615px;
  left: 937px;
  z-index: 2;
  cursor: pointer;
}

#citoplasmaVegetal{
  background: url(../img/S_G05_U03_L01_03_01_CITOPLASMAVEGETAL.png) no-repeat;
  background-size: 100%;
    width: 317px;
  height: 226px;
  position: absolute;
  top: 375px;
  left: 128px;
  z-index: 2;
}

#paredCelula{
  background: url(../img/S_G05_U03_L01_03_01_PAREDCELULARVEGETAL.png) no-repeat;
  background-size: 100%;
    width: 473px;
  height: 416px;
  position: absolute;
  top: 277px;
  left: 44px;
}