/*permite colocar de fondo al contenido (particulas)*/



@keyframes animatis{
    0%{
        transform: translateY(0);
        opacity: 1;
    }50%{
        transform: translateY(-90px);
        opacity: 0.5;
    }100%{
        transform: translateY(0);
        opacity:1;
    }
}

/*
#particles-js{
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 0;
}
*/

/*con esto se permite darle animacion al o a los fondos que se le desee poner*/
*{
padding:0px;
margin: 0px;
}
.contento{
    width: 100%;
    height: 100%;
}
.sliderFondoo{
    min-width: 100%;
    min-height: 100%;
    position: fixed;/*indica una imagen dinamica*/
    top: 0px;
    left: 0px;
    background-position: center center;
    background-image: url('../img/fondos/dia de la mujer-8marzo.jpg');
    z-index: -1;
}
.sliderFondoo li{
    min-width: 100%;
    min-height: 100%;
    position: absolute; /*para que no nos cree ningun espacio*/
    background-position: center center;

animation: sliderFondoo 40s linear infinite;
/*permite la animacion en cualquier navegador indicado*/
-moz-animation: sliderFondoo 27s  linear infinite;
-ms-animation: sliderFondoo 27s  linear infinite;
-o-animation: sliderFondoo 27s  linear infinite;
-webkit-animation: sliderFondoo 27s  linear infinite;
}

.sliderFondoo .imagen1{
    background-image: url('../img/fondos/dia de la mujer-8marzo.png');
    animation-delay: 6s;
}
/*.sliderFondoo .imagen2{
    background-image: url('../img/fondos/fd-1.jpg');
    animation-delay: 20s;
}*/



@-webkit-keyframes sliderFondoo{
    0%{opacity: 1; animation-timing-function: ease-in;}
    10%{opacity: 1; animation-timing-function: ease-out;}
    25%{opacity: 1; transform: translateY(-90px);}
    /*25%{opacity: 1; transform: scale(1);}*/
    50%{opacity: 0; transform: translateY(-180px);}
    100%{opacity: 0;}    
}