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

* {
	margin:0;
	padding:0;
}

#contenedora{
	width:100%;
	height:auto;
	border:0px;
	position:relative;
	overflow:hidden;
	z-index:-1;
}

#hoy{
	width:100%;
	height:auto;
	position:absolute;
	top:0px;
	left:0px;
	animation: animarHoy 60s infinite;
	-moz-animation: animarHoy 60s infinite;
	-o-animation: animarHoy 60s infinite;
	-webkit-animation: animarHoy 60s infinite;
}

#es{
	width:100%;
	height:auto;
	position:absolute;
	top:100%;
	left:0px;
	animation: animarEs 60s infinite;
	-moz-animation: animarEs 60s infinite;
	-o-animation: animarEs 60s infinite;
	-webkit-animation: animarEs 60s infinite;
}

#en{
	width:100%;
	height:auto;
	position:absolute;
	top:100%;
	left:0px;
	animation: animarEn 60s infinite;
	-moz-animation: animarEn 60s infinite;
	-o-animation: animarEn 60s infinite;
	-webkit-animation: animarEn 60s infinite;
}
/*
#hoy2{
	width:100%;
	height:auto;
	position:absolute;
	top:100%;
	left:0px;
	animation: animarHoy2 60s infinite;
	-moz-animation: animarHoy2 60s infinite;
	-o-animation: animarHoy2 60s infinite;
	-webkit-animation: animarHoy2 60s infinite;
}
*/

/*--- hoy ---*/

@keyframes animarHoy{	
	0% {left:0px; top:0px;}
	29% {left:0px; top:0px;}
	33% {left:-100%; top:0px;}
	62% {left:-100%; top:0px;}	
	66% {left:-100%; top:0px;}
	95% {left:-100%; top:0px;}		
	100% {left:-100%; top:0px;}
}

@-moz-keyframes animarHoy{	
	0% {left:0px; top:0px;}
	29% {left:0px; top:0px;}
	33% {left:-100%; top:0px;}
	62% {left:-100%; top:0px;}	
	66% {left:-100%; top:0px;}
	95% {left:-100%; top:0px;}		
	100% {left:-100%; top:0px;}
}

@-o-keyframes animarHoy{	
	0% {left:0px; top:0px;}
	29% {left:0px; top:0px;}
	33% {left:-100%; top:0px;}
	62% {left:-100%; top:0px;}	
	66% {left:-100%; top:0px;}
	95% {left:-100%; top:0px;}		
	100% {left:-100%; top:0px;}
}

@-webkit-keyframes animarHoy{	
	0% {left:0px; top:0px;}
	29% {left:0px; top:0px;}
	33% {left:-100%; top:0px;}
	62% {left:-100%; top:0px;}	
	66% {left:-100%; top:0px;}
	95% {left:-100%; top:0px;}		
	100% {left:-100%; top:0px;}
}}

/* es*/

@keyframes animarEs{	
	0% {left:100%; top:0px;}
	29% {left:100%; top:0px;}
	33% {left:0px; top:0px;}
	62% {left:0px; top:0px;}	
	66% {left:-100%; top:0px;}
	95% {left:-100%; top:0px;}		
	100% {left:-100%; top:0px;}
}

@-moz-keyframes animarEs{	
	0% {left:100%; top:0px;}
	29% {left:100%; top:0px;}
	33% {left:0px; top:0px;}
	62% {left:0px; top:0px;}	
	66% {left:-100%; top:0px;}
	95% {left:-100%; top:0px;}		
	100% {left:-100%; top:0px;}
}

@-o-keyframes animarEs{	
	0% {left:100%; top:0px;}
	29% {left:100%; top:0px;}
	33% {left:0px; top:0px;}
	62% {left:0px; top:0px;}	
	66% {left:-100%; top:0px;}
	95% {left:-100%; top:0px;}		
	100% {left:-100%; top:0px;}
}

@-webkit-keyframes animarEs{	
	0% {left:100%; top:0px;}
	29% {left:100%; top:0px;}
	33% {left:0px; top:0px;}
	62% {left:0px; top:0px;}	
	66% {left:-100%; top:0px;}
	95% {left:-100%; top:0px;}		
	100% {left:-100%; top:0px;}
}

/* en*/

@keyframes animarEn{	
	0% {left:100%; top:0px;}
	29% {left:100%; top:0px;}
	33% {left:100%; top:0px;}
	62% {left:100%; top:0px;}	
	66% {left:0px; top:0px;}
	95% {left:0px; top:0px;}		
	100% {left:-100%; top:0px;}
}

@-moz-keyframes animarEn{	
	0% {left:100%; top:0px;}
	29% {left:100%; top:0px;}
	33% {left:100%; top:0px;}
	62% {left:100%; top:0px;}	
	66% {left:0px; top:0px;}
	95% {left:0px; top:0px;}		
	100% {left:-100%; top:0px;}
}

@-o-keyframes animarEn{	
	0% {left:100%; top:0px;}
	29% {left:100%; top:0px;}
	33% {left:100%; top:0px;}
	62% {left:100%; top:0px;}	
	66% {left:0px; top:0px;}
	95% {left:0px; top:0px;}		
	100% {left:-100%; top:0px;}
}

@-webkit-keyframes animarEn{	
	0% {left:100%; top:0px;}
	29% {left:100%; top:0px;}
	33% {left:100%; top:0px;}
	62% {left:100%; top:0px;}	
	66% {left:0px; top:0px;}
	95% {left:0px; top:0px;}		
	100% {left:-100%; top:0px;}
}

/* hoy2*/
/*
@keyframes animarHoy2{	
	0% {left:100%; top:0px;}
	29% {left:100%; top:0px;}
	33% {left:100%; top:0px;}
	62% {left:100%; top:0px;}	
	66% {left:100%; top:0px;}
	95% {left:100%; top:0px;}		
	100% {left:0px; top:0px;}
}

@-moz-keyframes animarHoy2{	
	0% {left:100%; top:0px;}
	29% {left:100%; top:0px;}
	33% {left:100%; top:0px;}
	62% {left:100%; top:0px;}	
	66% {left:100%; top:0px;}
	95% {left:100%; top:0px;}		
	100% {left:0px; top:0px;}
}

@-o-keyframes animarHoy2{	
	0% {left:100%; top:0px;}
	29% {left:100%; top:0px;}
	33% {left:100%; top:0px;}
	62% {left:100%; top:0px;}	
	66% {left:100%; top:0px;}
	95% {left:100%; top:0px;}		
	100% {left:0px; top:0px;}
}

@-webkit-keyframes animarHoy2{	
	0% {left:100%; top:0px;}
	29% {left:100%; top:0px;}
	33% {left:100%; top:0px;}
	62% {left:100%; top:0px;}	
	66% {left:100%; top:0px;}
	95% {left:100%; top:0px;}		
	100% {left:0px; top:0px;}
}