/******************************************************************************/
/*********         ANIMACIONES DE SERVICIOS   *********************************/
/******************************************************************************/

@keyframes aparecido1{
    0% {opacity: 0;}
    10% {opacity: 1;}
    100% {opacity: 1;}
}

@keyframes aparecido2{
    0% {opacity: 0;}
    20% {opacity: 0;}
    60% {opacity: 1;}
}

@keyframes aparecido3{
    0% {opacity: 0;}
    30% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes aparecido4{
    0% {opacity: 0;}
    40% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes aparecido5{
    0% {opacity: 0;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes aparecido6{
    0% {opacity: 0;}
    60% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes aparecido7{
    0% {opacity: 0;}
    70% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes aparecido8{
    0% {opacity: 0;}
    80% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes aparecido9{
    0% {opacity: 0;}
    90% {opacity: 0;}
    100% {opacity: 1;}
}
 
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
@keyframes pines{
    0% {
        scale: 1.05;
        opacity: 0.95;
        transform:rotate(15deg);
        -ms-transform:rotate(15deg); /* IE 9 */
        -moz-transform:rotate(15deg); /* Firefox */
        -webkit-transform:rotate(15deg); /* Safari and Chrome */
        -o-transform:rotate(15deg); /* Opera */                    
    }
    20% {
        scale: 1.1;
        opacity: 0.90;
        transform:rotate(-15deg);
        -ms-transform:rotate(-15deg); /* IE 9 */
        -moz-transform:rotate(-15deg); /* Firefox */
        -webkit-transform:rotate(-15deg); /* Safari and Chrome */
        -o-transform:rotate(-15deg); /* Opera */                    
    }
    40% {
        scale: 1.15;
        opacity: 0.85;
        transform:rotate(0deg);
        -ms-transform:rotate(0deg); /* IE 9 */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg); /* Safari and Chrome */
        -o-transform:rotate(0deg); /* Opera */                    
    }
    60% {
        scale: 1.1;
        opacity: 0.90;
        transform:rotate(15deg);
        -ms-transform:rotate(15deg); /* IE 9 */
        -moz-transform:rotate(15deg); /* Firefox */
        -webkit-transform:rotate(15deg); /* Safari and Chrome */
        -o-transform:rotate(15deg); /* Opera */                    
    }
    80% {
        scale: 1.05;
        opacity: 0.95;
        transform:rotate(-15deg);
        -ms-transform:rotate(-15deg); /* IE 9 */
        -moz-transform:rotate(-15deg); /* Firefox */
        -webkit-transform:rotate(-15deg); /* Safari and Chrome */
        -o-transform:rotate(-15deg); /* Opera */                    
    }
    100% {
        scale: 1.00;
        opacity: 1;
        transform:rotate(0deg);
        -ms-transform:rotate(0deg); /* IE 9 */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg); /* Safari and Chrome */
        -o-transform:rotate(0deg); /* Opera */                    
    }
}


/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
@keyframes muestraCaja{
    0% {opacity: 0;}
    30% {opacity: 1;}
    80% {opacity: 1;}
    100% {opacity: 0;}
}