/* *******************************************************************************
UNIVERSIDAD SURCOLOMBIANA
Centro de Tecnologías de Información y Comunicaciones (CTIC)
2017
******************************************************************************** */

@keyframes giro_haz{
	0% { transform:  rotate(0deg); }
	100% { transform:  rotate(45deg); }
}

@-moz-keyframes giro_haz{
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(45deg); }
}

@-webkit-keyframes giro_haz{
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(45deg); }
}

@-o-keyframes giro_haz{
	0% { -o-transform: rotate(0deg); }
	100% { -o-transform: rotate(45deg); }
}

@-ms-keyframes giro_haz{
	0% { -ms-transform: rotate(0deg); }
	100% { -ms-transform: rotate(45deg); }
}

#cuerpo_3 .haz{
	-moz-animation: giro_haz 30s linear infinite;
	-o-animation: giro_haz 30s linear infinite;
	-webkit-animation: giro_haz 30s linear infinite;
	-ms-animation: giro_haz 30s linear infinite;
	animation: giro_haz 30s linear infinite;
}

/************************************************************************************************/

@keyframes aro_amplia{
	0% { transform: scaleX(0.1) scaleY(0.1); opacity: 0; }
	10% { opacity: 1; }
	90% { opacity: 1; }
	100% { transform: scaleX(1) scaleY(1); opacity: 0; }
}

@-moz-keyframes giro_haz{
	0% { -moz-transform: scaleX(0.1) scaleY(0.1); opacity: 0; }
	10% { opacity: 1; }
	90% { opacity: 1; }
	100% { -moz-transform: scaleX(1) scaleY(1); opacity: 0; }
}

@-webkit-keyframes giro_haz{
	0% { -webkit-transform: scaleX(0.1) scaleY(0.1); opacity: 0; }
	10% { opacity: 1; }
	90% { opacity: 1; }
	100% { -webkit-transform: scaleX(1) scaleY(1); opacity: 0; }
}

@-o-keyframes giro_haz {
	0% { -o-transform: scaleX(0.1) scaleY(0.1); opacity: 0; }
	10% { opacity: 1; }
	90% { opacity: 1; }
	100% { -o-transform: scaleX(1) scaleY(1); opacity: 0; }
}

@-ms-keyframes giro_haz {
	0% { -ms-transform: scaleX(0.1) scaleY(0.1); filter: alpha(opacity=0); alpha(opacity=0); opacity: 0; }
	10% { filter: alpha(opacity=100); alpha(opacity=100); opacity: 1; }
	90% { filter: alpha(opacity=100); alpha(opacity=100); opacity: 1;; }
	100% { -ms-transform: scaleX(1) scaleY(1); filter: alpha(opacity=0); alpha(opacity=0); opacity: 0; }
}

#cuerpo_3 .aro{
	-moz-animation: aro_amplia 3s linear infinite;
	-o-animation: aro_amplia 3s linear infinite;
	-webkit-animation: aro_amplia 3s linear infinite;
	-ms-animation: aro_amplia 3s linear infinite;
	animation: aro_amplia 3s linear infinite;
}

/************************************************************************************************/

@keyframes fondo_der{
	0% { background-position: 0 0;}
	50% { background-position: 100% 0; }
	100% { background-position: 0 0; }
}

@-moz-keyframes fondo_der{
	0% { background-position: 0 0;}
	50% { background-position: 100% 0; }
	100% { background-position: 0 0; }
}

@-webkit-keyframes fondo_der{
	0% { background-position: 0 0;}
	50% { background-position: 100% 0; }
	100% { background-position: 0 0; }
}

@-o-keyframes fondo_der{
	0% { background-position: 0 0;}
	50% { background-position: 100% 0; }
	100% { background-position: 0 0; }
}

@-ms-keyframes fondo_der{
	0% { background-position: 0 0;}
	50% { background-position: 100% 0; }
	100% { background-position: 0 0; }
}

#cuerpo_4 .educacion{
	-moz-animation: fondo_der 8s ease-in-out infinite;
	-o-animation: fondo_der 8s ease-in-out infinite;
	-webkit-animation: fondo_der 8s ease-in-out infinite;
	-ms-animation: fondo_der 8s ease-in-out infinite;
	animation: fondo_der 8s ease-in-out infinite;
}

#cuerpo_4 .fondo{
	-moz-animation: fondo_der 12s ease-in-out infinite;
	-o-animation: fondo_der 12s ease-in-out infinite;
	-webkit-animation: fondo_der 12s ease-in-out infinite;
	-ms-animation: fondo_der 12s ease-in-out infinite;
	animation: fondo_der 12s ease-in-out infinite;
}

#cuerpo_4 .fondo.seg{
	-moz-animation: fondo_der 16s ease-in-out infinite;
	-o-animation: fondo_der 16s ease-in-out infinite;
	-webkit-animation: fondo_der 16s ease-in-out infinite;
	-ms-animation: fondo_der 16s ease-in-out infinite;
	animation: fondo_der 16s ease-in-out infinite;
}

/************************************************************************************************/

@keyframes intermitente{
	0% { opacity: 0.3; }
	5% { opacity: 1; }
	30% { opacity: 1; }
	35% { opacity: 0.6; }
	40% { opacity: 0.6; }
	45% { opacity: 1; }
	95% { opacity: 1; }
	100% { opacity: 0.3; }
}

@-moz-keyframes intermitente{
	0% { opacity: 0.3; }
	5% { opacity: 1; }
	30% { opacity: 1; }
	35% { opacity: 0.6; }
	40% { opacity: 0.6; }
	45% { opacity: 1; }
	95% { opacity: 1; }
	100% { opacity: 0.3; }
}

@-webkit-keyframes intermitente{
	0% { opacity: 0.3; }
	5% { opacity: 1; }
	30% { opacity: 1; }
	35% { opacity: 0.6; }
	40% { opacity: 0.6; }
	45% { opacity: 1; }
	95% { opacity: 1; }
	100% { opacity: 0.3; }
}

@-o-keyframes intermitente{
	0% { opacity: 0.3; }
	5% { opacity: 1; }
	30% { opacity: 1; }
	35% { opacity: 0.6; }
	40% { opacity: 0.6; }
	45% { opacity: 1; }
	95% { opacity: 1; }
	100% { opacity: 0.3; }
}

@-ms-keyframes intermitente{
	0% { filter: alpha(opacity=30); alpha(opacity=30); opacity: 0.3; opacity: 0.3; }
	5% { filter: alpha(opacity=100); alpha(opacity=100); opacity: 1; }
	30% { filter: alpha(opacity=100); alpha(opacity=100); opacity: 1; }
	35% { filter: alpha(opacity=60); alpha(opacity=60); opacity: 0.6; opacity: 0.6; }
	40% { filter: alpha(opacity=60); alpha(opacity=60); opacity: 0.6; opacity: 0.6; }
	45% { filter: alpha(opacity=100); alpha(opacity=100); opacity: 1; }
	95% { filter: alpha(opacity=100); alpha(opacity=100); opacity: 1; }
	100% { filter: alpha(opacity=30); alpha(opacity=30); opacity: 0.3; opacity: 0.3; }
}

#cuerpo_4 .educacion .bombillo{
	-moz-animation: intermitente 3s linear infinite;
	-o-animation: intermitente 3s linear infinite;
	-webkit-animation: intermitente 3s linear infinite;
	-ms-animation: intermitente 3s linear infinite;
	animation: intermitente 1s linear infinite;
}

/************************************************************************************************/

@keyframes giro_derecha{
	0% { transform:  rotate(0deg); }
	50% { transform:  rotate(180deg); }
	100% { transform:  rotate(359deg); }
}

@-moz-keyframes giro_derecha{
	0% { -moz-transform: rotate(0deg); }
	50% { -moz-transform: rotate(180deg); }
	100% { -moz-transform: rotate(359deg); }
}

@-webkit-keyframes giro_derecha{
	0% { -webkit-transform: rotate(0deg); }
	50% { -webkit-transform: rotate(180deg); }
	100% { -webkit-transform: rotate(359deg); }
}

@-o-keyframes giro_derecha{
	0% { -o-transform: rotate(0deg); }
	50% { -o-transform: rotate(180deg); }
	100% { -o-transform: rotate(359deg); }
}

@-ms-keyframes giro_derecha{
	0% { -ms-transform: rotate(0deg); }
	50% { -ms-transform: rotate(180deg); }
	100% { -ms-transform: rotate(359deg); }
}

#cuerpo_5 .inge_pinon{
	-moz-animation: giro_derecha 2s linear infinite;
	-o-animation: giro_derecha 2s linear infinite;
	-webkit-animation: giro_derecha 2s linear infinite;
	-ms-animation: giro_derecha 2s linear infinite;
	animation: giro_derecha 3s linear infinite;
}
#cuerpo_5 .barra.der{
	-moz-animation: giro_derecha 2s linear infinite;
	-o-animation: giro_derecha 2s linear infinite;
	-webkit-animation: giro_derecha 2s linear infinite;
	-ms-animation: giro_derecha 2s linear infinite;
	animation: giro_derecha 2s linear infinite;
}

/************************************************************************************************/

@keyframes giro_izquierda{
	0% { transform:  rotate(0deg); }
	50% { transform:  rotate(-180deg); }
	100% { transform:  rotate(-359deg); }
}

@-moz-keyframes giro_izquierda{
	0% { -moz-transform: rotate(0deg); }
	50% { -moz-transform: rotate(-180deg); }
	100% { -moz-transform: rotate(-359deg); }
}

@-webkit-keyframes giro_izquierda{
	0% { -webkit-transform: rotate(0deg); }
	50% { -webkit-transform: rotate(-180deg); }
	100% { -webkit-transform: rotate(-359deg); }
}

@-o-keyframes giro_izquierda{
	0% { -o-transform: rotate(0deg); }
	50% { -o-transform: rotate(-180deg); }
	100% { -o-transform: rotate(-359deg); }
}

@-ms-keyframes giro_izquierda{
	0% { -ms-transform: rotate(0deg); }
	50% { -ms-transform: rotate(-180deg); }
	100% { -ms-transform: rotate(-359deg); }
}

#cuerpo_5 .inge_hexa{
	-moz-animation: giro_izquierda 8s linear infinite;
	-o-animation: giro_izquierda 8s linear infinite;
	-webkit-animation: giro_izquierda 8s linear infinite;
	-ms-animation: giro_izquierda 8s linear infinite;
	animation: giro_izquierda 8s linear infinite;
}

#cuerpo_5 .inge_arco{
	-moz-animation: giro_izquierda 3s linear infinite;
	-o-animation: giro_izquierda 3s linear infinite;
	-webkit-animation: giro_izquierda 3s linear infinite;
	-ms-animation: giro_izquierda 3s linear infinite;
	animation: giro_izquierda 3s linear infinite;
}

#cuerpo_5 .barra.izq{
	-moz-animation: giro_izquierda 3s linear infinite;
	-o-animation: giro_izquierda 3s linear infinite;
	-webkit-animation: giro_izquierda 3s linear infinite;
	-ms-animation: giro_izquierda 3s linear infinite;
	animation: giro_izquierda 3s linear infinite;
}

/************************************************************************************************/

@keyframes izq_der{
	/*
	0% { transform:  translate(0,0); }
	100% { transform:  translate(90%,0); }
	*/
	0% { background-position: -20% 0; }
	30% { background-position: -20% 0; }
	70% { background-position: 120% 0; }
	100% { background-position: 120% 0; }
}

@-moz-keyframes izq_der{
	0% { background-position: -20% 0; }
	30% { background-position: -20% 0; }
	70% { background-position: 120% 0; }
	100% { background-position: 120% 0; }
}

@-webkit-keyframes izq_der{
	0% { background-position: -20% 0; }
	30% { background-position: -20% 0; }
	70% { background-position: 120% 0; }
	100% { background-position: 120% 0; }
}

@-o-keyframes izq_der{
	0% { background-position: -20% 0; }
	30% { background-position: -20% 0; }
	70% { background-position: 120% 0; }
	100% { background-position: 120% 0; }
}

@-ms-keyframes izq_der{
	0% { background-position: -20% 0; }
	30% { background-position: -20% 0; }
	70% { background-position: 120% 0; }
	100% { background-position: 120% 0; }
}

#cuerpo_5 .diagh{
	-moz-animation: izq_der 3s linear infinite;
	-o-animation: izq_der 3s linear infinite;
	-webkit-animation: izq_der 3s linear infinite;
	-ms-animation: izq_der 3s linear infinite;
	animation: izq_der 3s linear infinite;
}
#cuerpo_5 .diagh.dos{
	-moz-animation: izq_der 2s linear infinite 2s;
	-o-animation: izq_der 2s linear infinite 2s;
	-webkit-animation: izq_der 4s linear infinite 2s;
	-ms-animation: izq_der 2s linear infinite 2s;
	animation: izq_der 2s linear infinite 2s;
}
#cuerpo_5 .diagh.tres{
	-moz-animation: izq_der 4s linear infinite 1s;
	-o-animation: izq_der 4s linear infinite 1s;
	-webkit-animation: izq_der 4s linear infinite 1s;
	-ms-animation: izq_der 4s linear infinite 1s;
	animation: izq_der 4s linear infinite 1s;
}
#cuerpo_5 .diagh.cuatro{
	-moz-animation: izq_der 3s linear infinite 1s;
	-o-animation: izq_der 3s linear infinite 1s;
	-webkit-animation: izq_der 3s linear infinite 1s;
	-ms-animation: izq_der 3s linear infinite 1s;
	animation: izq_der 3s linear infinite 1s;
}

#cuerpo_7 .economia .degra{
	-moz-animation: izq_der 2s linear infinite 3s;
	-o-animation: izq_der 2s linear infinite 3s;
	-webkit-animation: izq_der 2s linear infinite 3s;
	-ms-animation: izq_der 2s linear infinite 3s;
	animation: izq_der 2s linear infinite 3s;
}

/************************************************************************************************/

@keyframes der_izq{
	0% { background-position: 110% 0; }
	30% { background-position: 110% 0; }
	70% { background-position: -10% 0; }
	100% { background-position: -10% 0; }
}

@-moz-keyframes izq_der{
	0% { background-position: 110% 0; }
	30% { background-position: 110% 0; }
	70% { background-position: -10% 0; }
	100% { background-position: -10% 0; }
}

@-webkit-keyframes izq_der{
	0% { background-position: 110% 0; }
	30% { background-position: 110% 0; }
	70% { background-position: -10% 0; }
	100% { background-position: -10% 0; }
}

@-o-keyframes izq_der{
	0% { background-position: 110% 0; }
	30% { background-position: 110% 0; }
	70% { background-position: -10% 0; }
	100% { background-position: -10% 0; }
}

@-ms-keyframes izq_der{
	0% { background-position: 110% 0; }
	30% { background-position: 110% 0; }
	70% { background-position: -10% 0; }
	100% { background-position: -10% 0; }
}

#cuerpo_7 .derecho .degra{
	-moz-animation: der_izq 2s linear infinite 3s;
	-o-animation: der_izq 2s linear infinite 3s;
	-webkit-animation: der_izq 2s linear infinite 3s;
	-ms-animation: der_izq 2s linear infinite 3s;
	animation: der_izq 2s linear infinite 3s;
}

/************************************************************************************************/

@keyframes slider{
	0% { background-position: 0 0;}
	10% { background-position: 0 0;}
	15% { background-position: -316px 0;}
	45% { background-position: -316px 0;}
	50% { background-position: -632px 0;}
	70% { background-position: -632px 0;}
	75% { background-position: -948px 0;}
	100% { background-position: -948px 0;}
}

@-moz-keyframes slider{
	0% { background-position: 0 0;}
	10% { background-position: 0 0;}
	15% { background-position: -316px 0;}
	45% { background-position: -316px 0;}
	50% { background-position: -632px 0;}
	70% { background-position: -632px 0;}
	75% { background-position: -948px 0;}
	100% { background-position: -948px 0;}
}

@-webkit-keyframes slider{
	0% { background-position: 0 0;}
	10% { background-position: 0 0;}
	15% { background-position: -316px 0;}
	45% { background-position: -316px 0;}
	50% { background-position: -632px 0;}
	70% { background-position: -632px 0;}
	75% { background-position: -948px 0;}
	100% { background-position: -948px 0;}
}

@-o-keyframes slider{
	0% { background-position: 0 0;}
	10% { background-position: 0 0;}
	15% { background-position: -316px 0;}
	45% { background-position: -316px 0;}
	50% { background-position: -632px 0;}
	70% { background-position: -632px 0;}
	75% { background-position: -948px 0;}
	100% { background-position: -948px 0;}
}

@-ms-keyframes slider{
	0% { background-position: 0 0;}
	10% { background-position: 0 0;}
	15% { background-position: -316px 0;}
	45% { background-position: -316px 0;}
	50% { background-position: -632px 0;}
	70% { background-position: -632px 0;}
	75% { background-position: -948px 0;}
	100% { background-position: -948px 0;}
}

#cuerpo_6 .slider{
	-moz-animation: slider 10s linear infinite;
	-o-animation: slider 10s linear infinite;
	-webkit-animation: slider 10s linear infinite;
	-ms-animation: slider 10s linear infinite;
	animation: slider 10s linear infinite;
}

/************************************************************************************************/

@keyframes manoSlider{
	0% { margin-left: 10px;}
	10% { margin-left: 10px;}
	13% { margin-left: -200px;}
	16% { margin-left: 10px;}
	45% { margin-left: 10px;}
	48% { margin-left: -200px;}
	51% { margin-left: 10px;}
	69% { margin-left: 10px;}
	72% { margin-left: -200px;}
	75% { margin-left: 10px;}
	100% { margin-left: 10px;}
}

@-moz-keyframes manoSlider{
	0% { margin-left: 10px;}
	10% { margin-left: 10px;}
	13% { margin-left: -200px;}
	16% { margin-left: 10px;}
	45% { margin-left: 10px;}
	48% { margin-left: -200px;}
	51% { margin-left: 10px;}
	69% { margin-left: 10px;}
	72% { margin-left: -200px;}
	75% { margin-left: 10px;}
	100% { margin-left: 10px;}
}

@-webkit-keyframes manoSlider{
	0% { margin-left: 10px;}
	10% { margin-left: 10px;}
	13% { margin-left: -200px;}
	16% { margin-left: 10px;}
	45% { margin-left: 10px;}
	48% { margin-left: -200px;}
	51% { margin-left: 10px;}
	69% { margin-left: 10px;}
	72% { margin-left: -200px;}
	75% { margin-left: 10px;}
	100% { margin-left: 10px;}
}

@-o-keyframes manoSlider{
	0% { margin-left: 10px;}
	10% { margin-left: 10px;}
	13% { margin-left: -200px;}
	16% { margin-left: 10px;}
	45% { margin-left: 10px;}
	48% { margin-left: -200px;}
	51% { margin-left: 10px;}
	69% { margin-left: 10px;}
	72% { margin-left: -200px;}
	75% { margin-left: 10px;}
	100% { margin-left: 10px;}
}

@-ms-keyframes manoSlider{
	0% { margin-left: 10px;}
	10% { margin-left: 10px;}
	13% { margin-left: -200px;}
	16% { margin-left: 10px;}
	45% { margin-left: 10px;}
	48% { margin-left: -200px;}
	51% { margin-left: 10px;}
	69% { margin-left: 10px;}
	72% { margin-left: -200px;}
	75% { margin-left: 10px;}
	100% { margin-left: 10px;}
}

#cuerpo_6 .mano-slider{
	-moz-animation: manoSlider 10s linear infinite;
	-o-animation: manoSlider 10s linear infinite;
	-webkit-animation: manoSlider 10s linear infinite;
	-ms-animation: manoSlider 10s linear infinite;
	animation: manoSlider 10s linear infinite;
}

/************************************************************************************************/

@keyframes sube_baja{
	0% { top: 6%; }
	50% { top: 44%; }
	100% { top: 6%; }
/*
	0% { background-position: 0 0;}
	50% { background-position: 0 80%; }
	100% { background-position: 0 0; }
	*/
}

@-moz-keyframes sube_baja{
	0% { top: 6%; }
	50% { top: 44%; }
	100% { top: 6%; }
}

@-webkit-keyframes sube_baja{
	0% { top: 6%; }
	50% { top: 44%; }
	100% { top: 6%; }
}

@-o-keyframes sube_baja{
	0% { top: 6%; }
	50% { top: 44%; }
	100% { top: 6%; }
}

@-ms-keyframes sube_baja{
	0% { top: 6%; }
	50% { top: 44%; }
	100% { top: 6%; }
}

#cuerpo_6 .back{
	-moz-animation: sube_baja 4s ease-in-out infinite;
	-o-animation: sube_baja 4s ease-in-out infinite;
	-webkit-animation:sube_baja 4s ease-in-out infinite;
	-ms-animation: sube_baja 4s ease-in-out infinite;
	animation: sube_baja 4s ease-in-out infinite;
}
#cuerpo_6 .back.b2{
	-moz-animation: sube_baja 4s ease-in-out infinite 0.5s;
	-o-animation: sube_baja 4s ease-in-out infinite 0.5s;
	-webkit-animation: sube_baja 4s ease-in-out infinite 0.5s;
	-ms-animation: sube_baja 4s ease-in-out infinite 0.5s;
	animation: sube_baja 4s ease-in-out infinite 0.5s;
}
#cuerpo_6 .back.b3{
	-moz-animation: sube_baja 4s ease-in-out infinite 1s;
	-o-animation: sube_baja 4s ease-in-out infinite 1s;
	-webkit-animation: sube_baja 4s ease-in-out infinite 1s;
	-ms-animation: sube_baja 4s ease-in-out infinite 1s;
	animation: sube_baja 4s ease-in-out infinite 1s;
}

/************************************************************************************************/

@keyframes ancho_full{
	0% { width: 0; }
	10% { width: 100%; }
	80% { width: 100%; }
	86% { width: 0; }
	100% { width: 0; }
}

@-moz-keyframes ancho_full{
	0% { width: 0; }
	10% { width: 100%; }
	80% { width: 100%; }
	86% { width: 0; }
	100% { width: 0; }
}

@-webkit-keyframes ancho_full{
	0% { width: 0; }
	10% { width: 100%; }
	80% { width: 100%; }
	86% { width: 0; }
	100% { width: 0; }
}

@-o-keyframes ancho_full{
	0% { width: 0; }
	10% { width: 100%; }
	80% { width: 100%; }
	86% { width: 0; }
	100% { width: 0; }
}

@-ms-keyframes ancho_full{
	0% { width: 0; }
	10% { width: 100%; }
	80% { width: 100%; }
	86% { width: 0; }
	100% { width: 0; }
}

#cuerpo_7 .economia #grafico div{
	-moz-animation: ancho_full 8s linear infinite 1s;
	-o-animation: ancho_full 8s linear infinite 1s;
	-webkit-animation: ancho_full 8s linear infinite 1s;
	-ms-animation: ancho_full 8s linear infinite 1s;
	animation: ancho_full 8s linear infinite 1s;
}

/************************************************************************************************/