/*****************************MODULO DE ANIMACION #1 */



@keyframes banner
    {
        0%,50%{ 
            background-image: url(../servicios/diap1/2.jpg);
            background-size:cover;
            background-repeat: no-repeat;
            background-position: center;
        }   
        
                60%,100%{ 
            background-image: url(../servicios/diap1/2.jpg);
            background-size:cover;
            background-repeat: no-repeat;
            background-position: center;
        }   
        
        

    }



/*****************************MODULO DE ANIMACION #5 */

.animation5
{
    
    animation-name: banner5;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    
}



@keyframes banner5
    {
        0%,20%{ 
            background-image: url(../servicios/diap1/areasC/a1.jpg);
            background-size:cover;
            background-repeat: no-repeat;
            background-position: center center;
        }   
        
                25%,45%{ 
            background-image: url(../servicios/diap1/areasC/a2.jpg);
            background-size:cover;
            background-repeat: no-repeat;
            background-position: center center;
                    
        }   
        
        
                50%,75%{ 
            background-image: url(../servicios/diap1/areasC/a3.jpg);
            background-size:cover;
            background-repeat: no-repeat;
            background-position: center center;
        }   
        
         80%,100%{ 
            background-image: url(../servicios/diap1/areasC/a5.jpg);
            background-size:cover;
            background-repeat: no-repeat;
            background-position: center center;
        }
}