@charset "UTF-8";
/* CSS Document */

.aladerecha {
    /* float: right; */
}
.alaizquierda {
    float: left;
}
.enelcentro {
    text-align: center;
}
.animacion {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    -webkit-transition: all .55s ease-in;
    -moz-transition: all .55s ease-in;
    -ms-transition: all .55s ease-in;
    -o-transition: all .55s ease-in;
    /*a quien - tiempo en milisegundos - tipo de animacion*/
    transition: all .55s ease-in;
}

.animacion[data-position="center"] {bottom: -100px;/*position: relative;*/}
.animacion[data-position="center30"] {bottom: -100px;/*position: relative;*/}
.animacion[data-position="centerfade"] {/*position: relative;*/}
.animacion[data-position="left"] {left: -20%;/* position: absolute; top: 90px;*/}
.animacion[data-position="right"] {right: -20%; position: absolute; }
.animacion[data-position="right10"] {right: -20%; position: absolute; }

/*todos tienen opacidad 0 menos los que tienen ambas propiedades*/
.animacion[data-position="center30"].seve {
	opacity: 1;
	bottom: -30px;
	filter: alpha(opacity=100);
}
.animacion[data-position="center"].seve {
	opacity: 1;
	bottom: 0;
	filter: alpha(opacity=100);
}
.animacion[data-position="centerfade"].seve {
	opacity: 1;
	filter: alpha(opacity=100);
}
.animacion[data-position="left"].seve {
    left: 0%;
    opacity: 1;
    filter: alpha(opacity=100);
}
.animacion[data-position="right"].seve {
    right: 0%;
    opacity: 1;
    filter: alpha(opacity=100);
}
.animacion[data-position="right10"].seve {
    right: 10%;
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 414px){
	.animacion[data-position="right10"].seve {
    right: 0%;
    opacity: 1;
    filter: alpha(opacity=100);
	}
}