/* ANIMACIÓN SERVICIOS Y MARCAS */

/* SERVICIOS */
/*servicios_01*/
@-webkit-keyframes servicios_01FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes servicios_01FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes servicios_01FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes servicios_01FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
#servicios_01 {
    position:relative;
    height: 230px;
    margin:0 auto;
}
#servicios_01 img {
    position:absolute;
    left:0;
}
#servicios_01 img.top {
    -webkit-animation-name: servicios_01FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 2s;
    
    -moz-animation-name: servicios_01FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 2s;
    
    -o-animation-name: servicios_01FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 2s;
    
    animation-name: servicios_01FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 2s;
}
/*servicios_01*/

/*servicios_02*/
@-webkit-keyframes servicios_02FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes servicios_02FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes servicios_02FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes servicios_02FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
#servicios_02 {
    position:relative;
    height: 230px;
    margin:0 auto;
}
#servicios_02 img {
    position:absolute;
    left:0;
}
#servicios_02 img.top {
    -webkit-animation-name: servicios_02FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 3s;
    
    -moz-animation-name: servicios_02FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 3s;
    
    -o-animation-name: servicios_02FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 3s;
    
    animation-name: servicios_02FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 3s;
}
/*servicios_02*/

/*servicios_03*/
@-webkit-keyframes servicios_03FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes servicios_03FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes servicios_03FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes servicios_03FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
#servicios_03 {
    position:relative;
    height: 230px;
    margin:0 auto;
}
#servicios_03 img {
    position:absolute;
    left:0;
}
#servicios_03 img.top {
    -webkit-animation-name: servicios_03FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 4s;
    
    -moz-animation-name: servicios_03FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 4s;
    
    -o-animation-name: servicios_03FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 4s;
    
    animation-name: servicios_03FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 4s;
}
/*servicios_03*/

/*servicios_04*/
@-webkit-keyframes servicios_04FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes servicios_04FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes servicios_04FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes servicios_04FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
#servicios_04 {
    position:relative;
    height: 230px;
    margin:0 auto;
}
#servicios_04 img {
    position:absolute;
    left:0;
}
#servicios_04 img.top {
    -webkit-animation-name: servicios_04FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 5s;
    
    -moz-animation-name: servicios_04FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 5s;
    
    -o-animation-name: servicios_04FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 5s;
    
    animation-name: servicios_04FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 5s;
}
/*servicios_04*/

/*servicios_05*/
@-webkit-keyframes servicios_05FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes servicios_05FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes servicios_05FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes servicios_05FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
#servicios_05 {
    position:relative;
    height: 230px;
    margin:0 auto;
}
#servicios_05 img {
    position:absolute;
    left:0;
}
#servicios_05 img.top {
    -webkit-animation-name: servicios_05FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 6s;
    
    -moz-animation-name: servicios_05FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 6s;
    
    -o-animation-name: servicios_05FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 6s;
    
    animation-name: servicios_05FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 6s;
}
/*servicios_05*/


/* MARCAS */

/*marca 01*/
@-webkit-keyframes marca_01FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_01FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_01FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_01FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_01 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_01 img {
    
    left:0;
}

#marca_01 img.top {
    -webkit-animation-name: marca_01FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 3s;
    
    -moz-animation-name: marca_01FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 3s;
    
    -o-animation-name: marca_01FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 3s;
    
    animation-name: marca_01FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 3s;
}
/*marca 01*/

/*marca 02*/
@-webkit-keyframes marca_02FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_02FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_02FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_02FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_02 {
    position:relative;
    height: 300px;
    width: 100%;
    margin:0 auto;
}
#marca_02 img {
    
    left:0;
}

#marca_02 img.top {
    -webkit-animation-name: marca_02FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 5s;
    
    -moz-animation-name: marca_02FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 5s;
    
    -o-animation-name: marca_02FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 5s;
    
    animation-name: marca_02FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 5s;
}
/*marca 02*/

/*marca 03*/
@-webkit-keyframes marca_03FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_03FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_03FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_03FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_03 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_03 img {
    
    left:0;
}

#marca_03 img.top {
    -webkit-animation-name: marca_03FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 7s;
    
    -moz-animation-name: marca_03FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 7s;
    
    -o-animation-name: marca_03FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 7s;
    
    animation-name: marca_03FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 7s;
}
/*marca 03*/

/*marca 04*/
@-webkit-keyframes marca_04FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_04FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_04FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_04FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_04 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_04 img {
    
    left:0;
}

#marca_04 img.top {
    -webkit-animation-name: marca_04FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 5s;
    
    -moz-animation-name: marca_04FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 5s;
    
    -o-animation-name: marca_04FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 5s;
    
    animation-name: marca_04FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 5s;
}
/*marca 04*/

/*marca 05*/
@-webkit-keyframes marca_05FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_05FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_05FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_05FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_05 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
	
}
#marca_05 img {
    
    left:0;
}

#marca_05 img.top {
    -webkit-animation-name: marca_05FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 3s;
    
    -moz-animation-name: marca_05FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 3s;
    
    -o-animation-name: marca_05FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 3s;
    
    animation-name: marca_05FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 3s;
}
/*marca 05*/

/*marca 06*/
@-webkit-keyframes marca_06FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_06FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_06FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_06FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_06 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_06 img {
    position:absolute;
    left:0;
}

#marca_06 img.top {
    -webkit-animation-name: marca_06FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 5s;
    
    -moz-animation-name: marca_06FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 5s;
    
    -o-animation-name: marca_06FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 5s;
    
    animation-name: marca_06FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 5s;
}
/*marca 06*/

/*marca 07*/
@-webkit-keyframes marca_07FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_07FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_07FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_07FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_07 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_07 img {
    position:absolute;
    left:0;
}

#marca_07 img.top {
    -webkit-animation-name: marca_07FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 7s;
    
    -moz-animation-name: marca_07FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 7s;
    
    -o-animation-name: marca_07FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 7s;
    
    animation-name: marca_07FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 7s;
}
/*marca 07*/

/*marca 08*/
@-webkit-keyframes marca_08FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_08FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_08FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_08FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_08 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_08 img {
    position:absolute;
    left:0;
}

#marca_08 img.top {
    -webkit-animation-name: marca_08FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 5s;
    
    -moz-animation-name: marca_08FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 5s;
    
    -o-animation-name: marca_08FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 5s;
    
    animation-name: marca_08FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 5s;
}
/*marca 08*/

/*marca 09*/
@-webkit-keyframes marca_09FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_09FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_09FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_09FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_09 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_09 img {
    position:absolute;
    left:0;
}

#marca_09 img.top {
    -webkit-animation-name: marca_09FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 3s;
    
    -moz-animation-name: marca_09FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 3s;
    
    -o-animation-name: marca_09FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 3s;
    
    animation-name: marca_09FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 3s;
}
/*marca 09*/

/*marca 10*/
@-webkit-keyframes marca_10FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_10FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_10FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_10FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_10 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_10 img {
    position:absolute;
    left:0;
}

#marca_10 img.top {
    -webkit-animation-name: marca_10FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 3s;
    
    -moz-animation-name: marca_10FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 3s;
    
    -o-animation-name: marca_10FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 3s;
    
    animation-name: marca_10FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 3s;
}
/*marca 10*/

/*marca 11*/
@-webkit-keyframes marca_11FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_11FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_11FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_11FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_11 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_11 img {
    position:absolute;
    left:0;
}

#marca_11 img.top {
    -webkit-animation-name: marca_11FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 7s;
    
    -moz-animation-name: marca_11FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 7s;
    
    -o-animation-name: marca_11FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 7s;
    
    animation-name: marca_11FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 7s;
}
/*marca 11*/

/*marca 12*/
@-webkit-keyframes marca_12FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_12FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_12FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_12FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_12 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_12 img {
    position:absolute;
    left:0;
}

#marca_12 img.top {
    -webkit-animation-name: marca_12FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 5s;
    
    -moz-animation-name: marca_12FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 5s;
    
    -o-animation-name: marca_12FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 5s;
    
    animation-name: marca_12FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 5s;
}
/*marca 12*/

/*marca 13*/
@-webkit-keyframes marca_13FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_13FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_13FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_13FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_13 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_13 img {
    position:absolute;
    left:0;
}

#marca_13 img.top {
    -webkit-animation-name: marca_13FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 5s;
    
    -moz-animation-name: marca_13FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 5s;
    
    -o-animation-name: marca_13FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 5s;
    
    animation-name: marca_13FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 5s;
}
/*marca 13*/

/*marca 14*/
@-webkit-keyframes marca_14FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_14FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_14FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_14FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_14 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_14 img {
    position:absolute;
    left:0;
}

#marca_14 img.top {
    -webkit-animation-name: marca_14FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 3s;
    
    -moz-animation-name: marca_14FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 3s;
    
    -o-animation-name: marca_14FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 3s;
    
    animation-name: marca_14FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 3s;
}
/*marca 14*/

/*marca 15*/
@-webkit-keyframes marca_15FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_15FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_15FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_15FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_15 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_15 img {
    position:absolute;
    left:0;
}

#marca_15 img.top {
    -webkit-animation-name: marca_15FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 7s;
    
    -moz-animation-name: marca_15FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 7s;
    
    -o-animation-name: marca_15FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 7s;
    
    animation-name: marca_15FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 7s;
}
/*marca 15*/

/*marca 16*/
@-webkit-keyframes marca_16FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_16FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_16FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_16FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_16 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_16 img {
    position:absolute;
    left:0;
}

#marca_16 img.top {
    -webkit-animation-name: marca_16FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 7s;
    
    -moz-animation-name: marca_16FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 7s;
    
    -o-animation-name: marca_16FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 7s;
    
    animation-name: marca_16FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 7s;
}
/*marca 16*/

/*marca 17*/
@-webkit-keyframes marca_17FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_17FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_17FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_17FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_17 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_17 img {
    position:absolute;
    left:0;
}

#marca_17 img.top {
    -webkit-animation-name: marca_17FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 5s;
    
    -moz-animation-name: marca_17FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 5s;
    
    -o-animation-name: marca_17FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 5s;
    
    animation-name: marca_17FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 5s;
}
/*marca 17*/

/*marca 18*/
@-webkit-keyframes marca_18FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_18FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_18FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_18FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_18 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_18 img {
    position:absolute;
    left:0;
}

#marca_18 img.top {
    -webkit-animation-name: marca_18FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 3s;
    
    -moz-animation-name: marca_18FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 3s;
    
    -o-animation-name: marca_18FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 3s;
    
    animation-name: marca_18FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 3s;
}
/*marca 18*/

/*marca 19*/
@-webkit-keyframes marca_19FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_19FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_19FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_19FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_19 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_19 img {
    position:absolute;
    left:0;
}

#marca_19 img.top {
    -webkit-animation-name: marca_19FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 3s;
    
    -moz-animation-name: marca_19FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 3s;
    
    -o-animation-name: marca_19FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 3s;
    
    animation-name: marca_19FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 3s;
}
/*marca 19*/

/*marca 20*/
@-webkit-keyframes marca_20FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_20FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_20FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_20FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_20 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_20 img {
    position:absolute;
    left:0;
}

#marca_20 img.top {
    -webkit-animation-name: marca_20FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 7s;
    
    -moz-animation-name: marca_20FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 7s;
    
    -o-animation-name: marca_20FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 7s;
    
    animation-name: marca_20FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 7s;
}
/*marca 20*/

/*marca 21*/
@-webkit-keyframes marca_21FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_21FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_21FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_21FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_21 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_21 img {
    position:absolute;
    left:0;
}

#marca_21 img.top {
    -webkit-animation-name: marca_21FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 5s;
    
    -moz-animation-name: marca_21FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 5s;
    
    -o-animation-name: marca_21FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 5s;
    
    animation-name: marca_21FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 5s;
}
/*marca 21*/

/*marca 22*/
@-webkit-keyframes marca_22FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_22FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_22FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_22FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_22 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_22 img {
    position:absolute;
    left:0;
}

#marca_22 img.top {
    -webkit-animation-name: marca_22FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 5s;
    
    -moz-animation-name: marca_22FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 5s;
    
    -o-animation-name: marca_22FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 5s;
    
    animation-name: marca_22FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 5s;
}
/*marca 22*/

/*marca 23*/
@-webkit-keyframes marca_23FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_23FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_23FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_23FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_23 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_23 img {
    position:absolute;
    left:0;
}

#marca_23 img.top {
    -webkit-animation-name: marca_23FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 3s;
    
    -moz-animation-name: marca_23FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 3s;
    
    -o-animation-name: marca_23FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 3s;
    
    animation-name: marca_23FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 3s;
}
/*marca 23*/

/*marca 24*/
@-webkit-keyframes marca_24FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_24FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_24FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_24FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_24 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_24 img {
    position:absolute;
    left:0;
}

#marca_24 img.top {
    -webkit-animation-name: marca_24FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 7s;
    
    -moz-animation-name: marca_24FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 7s;
    
    -o-animation-name: marca_24FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 7s;
    
    animation-name: marca_24FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 7s;
}
/*marca 24*/

/*marca 25*/
@-webkit-keyframes marca_25FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_25FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_25FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_25FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_25 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_25 img {
    position:absolute;
    left:0;
}

#marca_25 img.top {
    -webkit-animation-name: marca_25FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 3s;
    
    -moz-animation-name: marca_25FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 3s;
    
    -o-animation-name: marca_25FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 3s;
    
    animation-name: marca_25FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 3s;
}
/*marca 25*/

/*marca 26*/
@-webkit-keyframes marca_26FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_26FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_26FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_26FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_26 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_26 img {
    position:absolute;
    left:0;
}

#marca_26 img.top {
    -webkit-animation-name: marca_26FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 3s;
    
    -moz-animation-name: marca_26FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 3s;
    
    -o-animation-name: marca_26FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 3s;
    
    animation-name: marca_26FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 3s;
}
/*marca 26*/

/*marca 27*/
@-webkit-keyframes marca_27FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_27FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_27FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_27FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_27 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_27 img {
    position:absolute;
    left:0;
}

#marca_27 img.top {
    -webkit-animation-name: marca_27FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 7s;
    
    -moz-animation-name: marca_27FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 7s;
    
    -o-animation-name: marca_27FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 7s;
    
    animation-name: marca_27FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 7s;
}
/*marca 27*/

/*marca 28*/
@-webkit-keyframes marca_28FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_28FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_28FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_28FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_28 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_28 img {
    position:absolute;
    left:0;
}

#marca_28 img.top {
    -webkit-animation-name: marca_28FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 3s;
    
    -moz-animation-name: marca_28FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 5s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 3s;
    
    -o-animation-name: marca_28FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 5s;
    -o-animation-direction: alternate;
    -o-animation-delay: 3s;
    
    animation-name: marca_28FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-delay: 3s;
}
/*marca 28*/

/*marca 29*/
@-webkit-keyframes marca_29FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes marca_29FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes marca_29FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes marca_29FadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#marca_29 {
    position:relative;
    height: 300px;
    width:;
    margin:0 auto;
}
#marca_29 img {
    position:absolute;
    left:0;
}

#marca_29 img.top {
    -webkit-animation-name: marca_29FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 7s;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 5s;
    
    -moz-animation-name: marca_29FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 7s;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 5s;
    
    -o-animation-name: marca_29FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 7s;
    -o-animation-direction: alternate;
    -o-animation-delay: 5s;
    
    animation-name: marca_29FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 7s;
    animation-direction: alternate;
    animation-delay: 5s;
}
/*marca 29*/


@media (max-width: 767px) {
    #servicios_01, #servicios_02, #servicios_03, #servicios_04, #servicios_05{
        height: 350px;
    }
    #marca_01, #marca_02, #marca_03, #marca_04, #marca_05, 
    #marca_06, #marca_07, #marca_08, #marca_09, #marca_10
    #marca_11, #marca_12, #marca_13, #marca_14, #marca_15
    #marca_16, #marca_17, #marca_18, #marca_19, #marca_20
    #marca_21, #marca_22, #marca_23, #marca_24, #marca_25{
        height: 200px;
    }
}