/* CUSTOM */

/* PANEL VIDEOS */
#panel.videos{
	top: 40px;
}

#panel.videos video{
	width: 100%;
	height: 100%;
}


/*HOME BTNS*/
#home #btn_actividades{
	top: 170px;
	left: 47px;
}

#home #btn_juegos{
	top: 215px;
	left: 185px;
}

#home #btn_videos{
	top: 310px;
	left: 52px;
}

#home #btn_audios{
	top: 352px;
	left: 188px;
}

#home #btn_recursos{
	top: 38px;
	left: 762px;
}

/* SPRITES ANIMADOS */
#home > .sprite_animado{
	top: 310px;
	left: 640px;
}
#actividades > .sprite_animado{
	top: 218px;
	left: 704px;
}
#juegos > .sprite_animado{
	top: 138px;
	left: 314px;
}

#videos > .sprite_animado{
	top: 150px;
	left: 385px;
}

#audios > .sprite_animado{
	top: 305px;
	left: 490px;
}


/* ANIMACIONES */
.animacion_home{
	animation-name: keyframes_home;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;

}

.animacion_actividades{
	animation-name: keyframes_actividades;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
}

.animacion_juegos{
	animation-name: keyframes_juegos;
    animation-duration: 5s;
    animation-iteration-count: infinite;
   	animation-timing-function: ease;

}

.animacion_videos{
	animation-name: keyframes_videos;
    animation-duration: 5s;
    animation-iteration-count: infinite;
   	animation-timing-function: ease;

}

.animacion_audios{
	animation-name: keyframes_audios;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes keyframes_home{
 	0%   {transform: translate(0, 0);}
 	50%  {transform: translate(0, 20px);}
    100%  {transform: translate(0, 0);}
}

@keyframes keyframes_actividades{
 	0%   {transform: translate(0, 0);}
 	50%   {transform: translate(0, 20px);}
    100%  {transform: translate(0, 0px);}
}

@keyframes keyframes_juegos{
 	0%   {transform: rotate(4deg);}
    50%  {transform: rotate(-4deg);}
    100%  {transform: rotate(4deg);}
}

@keyframes keyframes_videos{
 	0%   {transform: translateY(0);}
    50%  {transform: translateY(20px);}
    100%  {transform: translateY(0);}
}

@keyframes keyframes_audios{
 	0%   {transform: translate(-800px, 0);}
    100%  {transform: translate(600px, 0);}
}