*{
    padding: 0px;
    margin: 0px;
}

.fondo {
    z-index: -5;
    width: 100px;
    height: 100px;
}

.slider {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-position: center center;
    background-image: url(..//imagenes/fon1.jpg);
    z-index: -5;
}

.slider li {
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: center center;
    
    animation: slider 40s linear infinite;
    -moz-animation: slider 40s linear infinite;
    -ms-animation: slider 40s linear infinite;
    -o-animation: slider 40s linear infinite;
    -webkit-animation: slider 40s linear infinite;
}

.slider .img1 {
    background-image: url(..//imagenes/fon1.jpg);
    animation-delay: 10s; 
}

.slider .img2 {
    background-image: url(..//imagenes/fon2.jpg);
    animation-delay: 20s; 
}

.slider .img3 {
    background-image: url(..//imagenes/fon3.jpg);
    animation-delay: 30s; 
}

.slider .img4 {
    background-image: url(..//imagenes/fon4.jpg);
    animation-delay: 40s; 
}

.slider .img5 {
    background-image: url(..//imagenes/fon5.jpg);
    animation-delay: 50s; 
}

@keyframes slider{
    0%{opacity: 0; animation-timing-function: ease-in;}
    10%{opacity: 1; animation-timing-function: ease-out;}
    25%{opacity: 1; transform: scale(1);}
    50%{opacity: 0; transform: scale(2);}
    100%{opacity: 0;}
}

@-moz-keyframes slider {
    0%{opacity: 0; animation-timing-function: ease-in;}
    10%{opacity: 1; animation-timing-function: ease-out;}
    25%{opacity: 1; transform: scale(1);}
    50%{opacity: 0; transform: scale(2);}
    100%{opacity: 0;}
}

@-ms-keyframes slider {
    0%{opacity: 0; animation-timing-function: ease-in;}
    10%{opacity: 1; animation-timing-function: ease-out;}
    25%{opacity: 1; transform: scale(1);}
    50%{opacity: 0; transform: scale(2);}
    100%{opacity: 0;}
}

@-o-keyframes slider {
    0%{opacity: 0; animation-timing-function: ease-in;}
    10%{opacity: 1; animation-timing-function: ease-out;}
    25%{opacity: 1; transform: scale(1);}
    50%{opacity: 0; transform: scale(2);}
    100%{opacity: 0;}
}

@-webkit-keyframes slider {
    0%{opacity: 0; animation-timing-function: ease-in;}
    10%{opacity: 1; animation-timing-function: ease-out;}
    25%{opacity: 1; transform: scale(1);}
    50%{opacity: 0; transform: scale(2);}
    100%{opacity: 0;}
}