@charset "utf-8";


/* the overlayed element */
.apple_overlay {

    /* initially overlay is hidden */
    display:none;

    /* growing background image 
    background-image:url(white.png);*/
    /*
      width after the growing animation finishes
      height is automatically calculated
      */
    width:640px;
    /* some padding to layout nested elements nicely  */
    padding:35px;
    /* a little styling */
    font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
    background:url(../imagenes/close.png);
    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}

  /* use a semi-transparent image for the overlay */
  #overlay {
    background:url(../imagenes/transparent.png);
    color:#efefef;
    height:450px;
  }
  /* container for external content. uses vertical scrollbar, if needed */
  div.contentWrap {
    height:441px;
    overflow-y:auto;
  }
  
@keyframes anim {
    0% {background-color: #ff0;} /*Amarillo*/
   25% {background-color: #f80;} /*Naranja*/
   50% {background-color: #000; color:white;} /*Negro*/
   75% {background-color: #f80;} /*Otra vez naranja*/
  100% {background-color: #ff0;} /*Otra vez amarillo*/
}

.atencion {
  animation-name: anim;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}