* { animation: aparecer .5s; }

#slider_1 { animation: slider1 30s infinite; background: url(../_img/_slider/slide1.jpg); }
#slider_2 { animation: slider2 30s infinite; background: url(../_img/_slider/slide2.jpg); }
#slider_3 { animation: slider3 30s infinite; background: url(../_img/_slider/slide3.jpg); }


#slider_txt { animation: txtslider 10s infinite; opacity: 0; }

@keyframes aparecer {
    from    { opacity: 0; }
    to      { opacity: 1; }
}

@keyframes slider1 {
    0%   { z-index: 100; opacity: 0; background-position: left; }
    1%   { opacity: 1; }
    32%  { opacity: 1; }
    33%  { z-index: 100; opacity: 0; background-position: right }
    100% { z-index: 0; }
}

@keyframes slider2 {
    0%   { z-index: 0; }
    33%  { z-index: 100; opacity: 0; background-position: left; }
    34%  { opacity: 1; }
    65%  { opacity: 1; }
    66%  { z-index: 100; opacity: 0; background-position: right }
    100% { z-index: 0; }
}

@keyframes slider3 {
    0%   { z-index: 0; }
    65%  { z-index: 100; opacity: 0; background-position: left; }
    66%  { opacity: 1; }
    98%  { opacity: 1; }
    99%  { z-index: 100; opacity: 0; background-position: right }
    100% { z-index: 0; }
}


@keyframes txtslider {
    0%   { opacity: 0; margin-left: -700px; }
    10%  { opacity: 1; margin-left: 120px; }
    90%  { opacity: 1; margin-left: 120px; }
    100% { opacity: 0; margin-left: -700px; }
}