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

.aladerecha {
    float: right;
}
.alaizquierda {
    float: left;
}
.enelcentro {
    
}
.animacion {
	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"] {  }
.animacion[data-position="left"] { left: -20%; }
.animacion[data-position="right"] { right: -20%; }

/*todos tienen opacidad 0 menos los que tienen ambas propiedades*/
.animacion[data-position="center"].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);
}