

#principal{
	background:url(../img/L_G04_U04_L05_03_02_FONDO.png) no-repeat; 
	background-size:100%; 
	width:100%; 
	height:750px;
}


.btnAyuda{
	background: url(../img/L_G04_U04_L05_03_02_INSTRUCCIONES.png) no-repeat;
	  background-size: 100%;
  width: 119px;
  height: 113px;
  position: absolute;
  bottom: 63px;
  right: 60px;
  cursor: pointer;
  z-index: 10;
}

.btnAyuda2{
  background: url(../img/L_G04_U04_L05_03_02_INSTRUCCIONES.png) no-repeat;
    background-size: 100%;
  width: 119px;
  height: 113px;
  position: absolute;
  bottom: 63px;
  right: 60px;
  cursor: pointer;
  z-index: 10;
}


.btnCuento{
	background: url(../img/L_G04_U04_L05_03_02_TIPOCUENTO.png) no-repeat;
	  background-size: 100%;
  width: 167px;
  height: 108px;
  position: absolute;
  bottom: 422px;
  right: 1140px;
  cursor: pointer;
}

.btnAmor{
	background: url(../img/L_G04_U04_L05_03_02_AMOR.png) no-repeat;
	background-size: 100%;
  width: 112px;
  height: 124px;
  position: absolute;
  bottom: 306px;
  right: 1187px;
  cursor: pointer;
}
.btnTerror{
	background: url(../img/L_G04_U04_L05_03_02_TERROR.png) no-repeat;
	  background-size: 100%;
  width: 151px;
  height: 162px;
  position: absolute;
  bottom: 122px;
  right: 1159px;
  cursor: pointer;
}
.btnFantasia{
	background: url(../img/L_G04_U04_L05_03_02_FANTASIA.png) no-repeat;
	  background-size: 100%;
  width: 145px;
  height: 114px;
  position: absolute;
  bottom: -29px;
  right: 1159px;
  cursor: pointer;
}


.btnCarasteristicas{
	background: url(../img/L_G04_U04_L05_03_02_CARACTERISTICAS.png) no-repeat;
	  background-size: 100%;
  width: 300px;
  height: 120px;
  position: absolute;
  bottom: 409px;
  right: 703px;
  cursor: pointer;
}
.btnEjemplo{
	background: url(../img/L_G04_U04_L05_03_02_EJEMPLO.png) no-repeat;
	 background-size: 100%;
  width: 200px;
  height: 124px;
  position: absolute;
  bottom: 409px;
  right: 427px;
  cursor: pointer
}
.btnEjercicio{
	background: url(../img/L_G04_U04_L05_03_02_EJERCICIO.png) no-repeat;
	    background-size: 100%;
  width: 200px;
  height: 125px;
  position: absolute;
  bottom: 409px;
  right: 161px;
  cursor: pointer;
}




.resplandorExteriorMod
{
	animation-duration: 1s;
  animation-name: sombra;
 	animation-iteration-count: infinite;
	-webkit-animation-duration: 1s;
	-webkit-animation-name: sombra;
	-webkit-animation-iteration-count: infinite;
	padding: 0px 0px 0px 0px;
}

    @keyframes sombra{
      50% {transform: scale(1.1)}
      100% {transform: scale(1)}
    }
    @-moz-keyframes sombra{
      50% {transform: scale(1.1)}
      100% {transform: scale(1)}
    }
    @-webkit-keyframes sombra{
      50% {transform: scale(1.1)}
      100% {transform: scale(1)}
    }

.creative{
  background: #74AED1;
  border: solid #042C49 2px;
  border-radius: 5%;
  position: absolute;
  top: -89px;
  left: -392px;
  width: 842px;
  height: 227px;
}


.efecto
{
  animation-duration: 1s;
    animation-name: sombra1;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: sombra1;
  -webkit-animation-iteration-count: infinite;
  
  -moz-box-shadow: 0px 0px 30px #ffffff;
  -webkit-box-shadow: 0px 0px 30px #ffffff;
  box-shadow: 0px 0px 30px 13px #0040FF;
  padding: 0px 0px 0px 0px;
}

    @keyframes sombra1{
      0% {box-shadow: 0px 0px 10px #70D5E5}
      50% {box-shadow: 0px 0px 50px #70D5E5}
      100% {box-shadow: 0px 0px 10px #70D5E5}
    }
    @-moz-keyframes sombra1{
      0% {box-shadow: 0px 0px 10px #70D5E5}
      50% {box-shadow: 0px 0px 50px #70D5E5}
      100% {box-shadow: 0px 0px 10px #70D5E5}
    }
    @-webkit-keyframes sombra1{
      0% {box-shadow: 0px 0px 10px #70D5E5}
      50% {box-shadow: 0px 0px 50px #70D5E5}
      100% {box-shadow: 0px 0px 10px #70D5E5}
    }
    
    


















