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

@-webkit-keyframes titulo {
	0%   {font-size:5px;color:#09F;}
	25%  {font-size:15px;color:#0000FF;}
	50%  {opacity: 0.0;font-size:15px;}
	75%  {letter-spacing:1px;color:#09F;}
	100% {letter-spacing:5px;color:#0000FF;}	
   /*from {
   opacity: 2.5; /* Nivel de transparencia inicial */
   /*font-size: 20px; /* Tamaño inicial de la font en la animación*/
   /*color:#09F;
   /*margin-left:10px;*/
   /*letter-spacing:1px;
   }
   to {
   opacity: 0.0; /* Nivel de Transparencia final */
   /*font-size: 30px; /* Tamaño final de la font en la animación */
   /*color:#0000FF;
   font-weight:100;
   /*margin-left:50px;*/
   /*letter-spacing:10px;
   }*/
}
@keyframes titulo {
	0%   {font-size:5px;color:#09F;}
	25%  {font-size:15px;color:#0000FF;}
	50%  {opacity: 0.0;font-size:15px;}
	75%  {letter-spacing:1px;color:#09F;}
	100% {letter-spacing:5px;color:#0000FF;}	

	/*from {
		opacity:0.0;
		font-size:15px;
		color:#F00;
	}
	to {
		opacity:2.5;
		font-size:40px;
		color:#0000FF;
		}*/
}
/*@-moz-keyframes titulo{
	0%   {font-size:0px;color:#09F;}
	25%  {font-size:15px;color:#0000FF;}
	50%  {opacity: 0.0;font-size:15px;}
	75%  {letter-spacing:1px;color:#09F;}
	100% {letter-spacing:10px;color:#0000FF;}	

	}*/
@-webkit-keyframes grande1 {
	0%   {letter-spacing:1px;}
	50%  {letter-spacing:5px;}
	100% {opacity:0;}
	/*	from {
		width:0px;
		height:0:px;		
		}
	to{
		width:250px;
		height:250:px;
		opacity:0;
		}*/
}
@keyframes grande1{
	0%   {letter-spacing:1px;}
	50%  {letter-spacing:5px;}
	100% {opacity:0;}
	}
/*@-moz-keyframes grande1 {
	0%   {width:0px;height:0:px; z-index:1;}
	50%  {width:150px;height:150px;}
	100% {opacity:0;}
}*/
@-webkit-keyframes grande2 {
	from {
		width:250px;
		height:250px;
				
		}
	to{
		width:0px;
		height:0px;
		opacity:0;
		}
}
#cambiar1 {
	-webkit-animation-name: grande1; /* El nombre del efecto que estamos agregando */
	-webkit-animation-duration: 5s; /* Tiempo que durará la animación */
	-webkit-animation-iteration-count: infinite; /* Las veces que queremos reproducir la animación */
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: alternate; /* Propiedad utilizada para que el texto regrese al tamaño de origen de manera gradual */
	-webkit-transform: scale(1,1);
	-ms-animation-name: grande1; /* El nombre del efecto que estamos agregando */
	-ms-animation-duration: 5s; /* Tiempo que durará la animación */
	-ms-animation-iteration-count: infinite; /* Las veces que queremos reproducir la animación */
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-direction: alternate; /* Propiedad utilizada para que el texto regrese al tamaño de origen de manera gradual */
	-ms-transform:scaleX(1,1);
	/* Para Firefox */
    -moz-animation-name: grande1;
	-moz-animation-duration: 5s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-direction: alternate;
	/*-moz-transform:scale(1,2);*/
	
	animation-name: grande1;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
	transform:scale(1,1);
	/* Para Opera */
    -o-animation-name: grande1;
	-o-animation-duration: 5s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-direction: alternate;
	-o-transform:scale(1,1);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#000000;
}

#forma1 {
	-webkit-animation-name: titulo; /* El nombre del efecto que estamos agregando */
	-webkit-animation-duration: 5s; /* Tiempo que durará la animación */
	-webkit-animation-iteration-count: infinite; /* Las veces que queremos reproducir la animación */
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: alternate; /* Propiedad utilizada para que el texto regrese al tamaño de origen de manera gradual */
	-webkit-transform: scale(1,1);
	-ms-animation-name: titulo; /* El nombre del efecto que estamos agregando */
	-ms-animation-duration: 5s; /* Tiempo que durará la animación */
	-ms-animation-iteration-count: infinite; /* Las veces que queremos reproducir la animación */
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-direction: alternate; /* Propiedad utilizada para que el texto regrese al tamaño de origen de manera gradual */
	-ms-transform:scaleX(1,1);
	/* Para Firefox */
    -moz-animation-name: titulo;
	-moz-animation-duration: 5s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-direction: alternate;
	/*-moz-transform:scale(1,2);*/
	
	animation-name: titulo;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
	transform:scale(1,1);
	/* Para Opera */
    -o-animation-name: titulo;
	-o-animation-duration: 5s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-direction: alternate;
	-o-transform:scale(1,1);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00F;
}