@charset "utf-8";
/* CSS Document */



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

.btnPeriodico{
  background: url(../img/L_G04_U01_L06_03_01_PERIODICO.png) no-repeat;
    background-size: 100%;
  width: 240px;
  height: 108px;
  position: absolute;
  bottom: 422px;
  right: 1087px;
  top: 357px;
  cursor: pointer;
  z-index: 10;
}

.btnCompu{
  background: url(../img/L_G04_U01_L06_03_01_COMPU.png) no-repeat;
    background-size: 100%;
  width: 280px;
  height: 180px;
  position: absolute;
  bottom: 422px;
  right: 563px;
  top: 301px;
  cursor: pointer;
  z-index: 10;
}

.btnRevista{
  background: url(../img/L_G04_U01_L06_03_01_REVISTA.png) no-repeat;
   background-size: 100%;
  width: 240px;
  height: 108px;
  position: absolute;
  bottom: 422px;
  right: 54px;
  top: 354px;
  cursor: pointer;
  z-index: 10;
}




.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)}
    }

#fondo_act{
  background:url(../img/L_G04_U01_L06_03_01_FONDO_ACT1.png) no-repeat; 
    background-size: 100%;
  width: 100%;
  height: 636px;
  background-position: 0px 0px;
}

#fondo_act2{
  background:url(../img/L_G04_U01_L06_03_01_FONDO_ACT2.png) no-repeat; 
    background-size: 100%;
  width: 100%;
  height: 636px;
  background-position: 0px 0px;
}

.botonAudio{
  background: url(../img/L_G04_U01_L06_03_01_AUDIO.png) no-repeat;
  background-size: 100%;
  width: 113px;
  height: 108px;
  position: absolute;
  bottom: 422px;
  right: 1219px;
  top: 137px;
  cursor: pointer;
  z-index: 10;
}


.botonIns{
  background: url(../img/L_G04_U01_L06_03_01_INS.png) no-repeat;
    background-size: 43%;
  width: 250px;
  height: 108px;
  position: absolute;
  bottom: 422px;
  right: 1078px;
  top: 613px;
  cursor: pointer;
  z-index: 10;
}





.botonSig{
  background: url(../img/L_G04_U01_L06_03_01_SIG.png) no-repeat;
     background-size: 100%;
  width: 113px;
  height: 108px;
  position: absolute;
  bottom: 422px;
  right: 25px;
  top: 610px;
  cursor: pointer;
  z-index: 10;
}

.botonMenu{
  background: url(../img/L_G04_U01_L06_03_01_MENU.png) no-repeat;
 background-size: 89%;
  width: 113px;
  height: 108px;
  position: absolute;
  bottom: 422px;
  right: 15px;
  top: 610px;
  cursor: pointer;
  z-index: 10;
}

.periodico1{
  background:url(../img/L_G04_U01_L06_03_01_PAG1.png) no-repeat; 
  background-size: 96%;
  width: 79%;
  height: 750px;
  position: absolute;
  bottom: 422px;
  right: 91px;
  top: 120px;
}

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

.revista{
  background:url(../img/L_G04_U01_L06_03_01_REVISTA_FONDO.png) no-repeat; 
    background-size: 96%;
  width: 40%;
  height: 750px;
  position: absolute;
  bottom: 422px;
  right: 165px;
  top: 120px;
}

.revista1{
  background:url(../img/L_G04_U01_L06_03_01_REVISTA1.png) no-repeat; 
 background-size: 96%;
  width: 79%;
  height: 750px;
  position: absolute;
  bottom: 422px;
  right: 91px;
  top: 120px;
}

.revista2{
  background:url(../img/L_G04_U01_L06_03_01_REVISTA2.png) no-repeat; 
 background-size: 96%;
  width: 79%;
  height: 750px;
  position: absolute;
  bottom: 422px;
  right: 91px;
  top: 120px;
}

.revista3{
  background:url(../img/L_G04_U01_L06_03_01_REVISTA3.png) no-repeat; 
 background-size: 96%;
  width: 79%;
  height: 750px;
  position: absolute;
  bottom: 422px;
  right: 91px;
  top: 120px;
}

.revista4{
  background:url(../img/L_G04_U01_L06_03_01_REVISTA4.png) no-repeat; 
 background-size: 96%;
  width: 79%;
  height: 750px;
  position: absolute;
  bottom: 422px;
  right: 91px;
  top: 120px;
}

.computador{
  background:url(../img/L_G04_U01_L06_03_01_FONDO_COMPU.png) no-repeat; 
 background-size: 96%;
  width: 83%;
  height: 627px;
  position: absolute;
  bottom: 502px;
  right: 68px;
  top: 120px;
}



.botonAtras{
  background: url(../img/L_G04_U01_L06_03_01_ATRAS.png) no-repeat;
    background-size: 100%;
  width: 102px;
  height: 108px;
  position: absolute;
  bottom: 422px;
  right: 136px;
  top: 612px;
  cursor: pointer;
  z-index: 10;
}

.botonInicio{
  background: url(../img/L_G04_U01_L06_03_01_INICIO.png) no-repeat;
    background-size: 99%;
  width: 299px;
  height: 86px;
  position: absolute;
  bottom: 444px;
  right: 839px;
  top: 350px;
  cursor: pointer;
  z-index: 10;
}

.botonCobertura{
  background: url(../img/L_G04_U01_L06_03_01_COBERTURA.png) no-repeat;
    background-size: 99%;
  width: 299px;
  height: 86px;
  position: absolute;
  bottom: 444px;
  right: 839px;
  top: 450px;
  cursor: pointer;
  z-index: 10;
}

.botonCalidad{
  background: url(../img/L_G04_U01_L06_03_01_CALIDAD.png) no-repeat;
    background-size: 99%;
  width: 299px;
  height: 86px;
  position: absolute;
  bottom: 444px;
  right: 839px;
  top: 550px;
  cursor: pointer;
  z-index: 10;
}

.botonHerramienta{
  background: url(../img/L_G04_U01_L06_03_01_HERRAMIENTAS.png) no-repeat;
    background-size: 99%;
  width: 299px;
  height: 86px;
  position: absolute;
  bottom: 422px;
  right: 839px;
  top: 650px;
  cursor: pointer;
  z-index: 10;
}