/* Imagen de fondo */
.fondo_01 {
	background: url(../images/fondo_01.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100% 100%;
}

.fondo_02 {
	background: url(../images/fondo_02.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100% 100%;
}

.fondo_03 {
	background: url(../images/fondo_03.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100% 100%;
}

.fondo_04 {
	background: url(../images/fondo_04.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100% 100%;
}

.fondo_05 {
	background-color: #000000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100% 100%;
}
/* Fin Imagen de fondo */


body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: transparent;
	}

.container_home {
	width: 100%;
	height: auto;
	overflow: auto;
}

/* Logo principal */
.logo_home {
	width: 426px;
	height: 67px;
	display: block;
	margin: 25px auto 0 auto;
}

.logo_home img {
	width: 426px;
	height: auto;
	display: block;
	margin: 0 auto;
}
/* Fin Logo principal */


/* Cuadro home */
.cuadro_home {
	width: 100%;
	max-width: 568px;
	margin: 30px auto 0 auto;
	background-color: transparent;
	}

.cuadro_home img {
	width: 100%;
	height: auto;
	}
/* Fin Cuadro home */


/* Boton entrar */
.entrar_btn {
	font-family: 'Dosis', sans-serif;
	font-size: 20px;
	font-weight: normal;
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF;
	margin: 15px 0 0 15px;
	padding: 10px 25px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #3d768a;
	box-shadow: 0px 10px 14px -7px #276873;
	background: linear-gradient(to bottom, #599BB3 5%, #408C99 100%);
	background-color: #599BB3;
	border-radius: 6px;
}
.entrar_btn:hover {
	background: linear-gradient(to bottom, #408C99 5%, #599BB3 100%);
	background-color: #408C99;
}
.entrar_btn:active {
	position:relative;
	top:1px;
}
/* Fin Boton entrar */


/* Boton ir */
.ir_btn {
	font-family: 'Dosis', sans-serif;
	font-size: 20px;
	font-weight: normal;
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF;
	margin: 10px 0 10px 0;
	padding: 10px 25px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #000000;
	box-shadow: 0px 10px 14px -7px #000000;
	background: linear-gradient(to bottom, #686868 5%, #000000 100%);
	background-color: #000000;
	border-radius: 6px;
}
.ir_btn:hover {
	background: linear-gradient(to bottom, #000000 5%, #686868 100%);
	background-color: #000000;
}
.ir_btn:active {
	position:relative;
	top:1px;
}
/* Fin Boton ir */


/* Videos */
.video {
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	padding-top: 30px; /* IE6 workaround*/
	margin: 25px auto 25px auto;
	height: 0;
	overflow: hidden;
}

.video iframe,
.video object,
.video embed {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/* Fin Videos */


/* marco para centrar botones de descarga */
.marco_btn_descarga {
	width: 135px;
	height: 45px;
	display: block;
	padding: 5px;
	margin: 50px auto 0 auto;
	background-color: transparent;
}
/* Fin marco para centrar botones de descarga */


/* Titulos */
.titulo {
	width: 100%;
	height: auto;
	display: block;
	margin: 25px auto 25px auto;
}
/* Fin Logo principal */



/* Contenido */
.content {
	width: 950px;
	margin: 50px auto 50px auto;
	text-align: center;
	display: inline-block;
	background-color: transparent;
	}

.content_alumnos {
	width: 650px;
	margin: 50px auto 50px auto;
	text-align: center;
	display: inline-block;
	background-color: transparent;
	}
	
.content p {
	font-family: 'Dosis', sans-serif;
	font-size: 1.2em;
	color: #000000;
	text-align: justify;
	font-weight: normal;
	padding: 5px;
	/* background-color: rgba(255,255,255,0.5);	*/
	}

.content h1 {
	font-family: 'Dosis', sans-serif;
	font-size: 25px;
	color: #000000;
	font-style: normal;
	text-align: center;
	}
	
.content h2 {
	font-family: 'Dosis', sans-serif;
	font-size: 20px;
	color: #000000;
	font-style: italic;
	text-align: left;
	}
	
.content h3 {
	font-family: 'Dosis', sans-serif;
	font-size: 1em;
	color: #000000;
	text-align: left;
	font-weight: normal;
	}

.content img {
	display: inline-block;
	margin: 0 auto;
	}



.texto {
	display: none;
	}



.alternar-texto {
	font-family: 'Dosis', sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
	padding: 10px 30px;
	margin: 0 0 30px;
	background-color:#000000;
	}

.alternar-texto:hover {
	color: #000000;
	background-color: #FFFFFF;
	/* border: 1px solid #000000; */
	}


/* Texto dedicatoria */
.texto_dedicatoria {
	width: 650px;
	height: 350px;
	margin: -150px auto 20px auto;
	text-align: center;
	display: block;
	overflow-y: scroll;
	border: 1px solid #000;
	background-color: rgba(0,0,0,0.2);
	}
	
.texto_dedicatoria p {
	font-family: 'Dosis', sans-serif;
	font-size: 20px;
	color: #000000;
	text-align: justify;
	font-weight: normal;
	padding: 10px;
	}

.texto_dedicatoria h3 {
	font-family: 'Dosis', sans-serif;
	font-size: 26px;
	color: #000000;
	text-align: left;
	font-weight: bold;
	line-height: 1px;
	padding: 0 0 0 10px;
	}
/* Fin Texto dedicatoria */

	
.imagenes {
	display: block;
	float: left;
	margin: 20px;
	
	/* Rotate */
	transform: rotate(-10deg);
	-ms-transform: rotate(-10deg); /* IE 9 */
	-webkit-transform: rotate(-10deg); /* Opera, Chrome, and Safari */
	}
	
.content embed {
	float: left;
	margin-right: 10px;
	}
	
.marco_imagen {
	margin: 0 auto;
}

.marco_imagen img  {
	width: auto;
	height: auto;
	margin: 0 auto;
}
/* Fin Contenido */



/* Galeria de imagenes */
.galeria {
	max-width: 960px;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
	}

.galeria a img {
	display: inline-block;
    margin: 5px;
	text-decoration: none;
	opacity: 1;
	
	/* Sombra a imagen */
	-webkit-box-shadow: 2px 4px 4px rgba(0,0,0,0.8);
  	-moz-box-shadow: 2px 4px 4px rgba(0,0,0,0.8);
  	filter: shadow(color=#000, direction=135, strength=2);
}

.galeria a img:hover {
	/* Quitar Sombra a imagen */
	-webkit-box-shadow: 2px 4px 4px rgba(0,0,0,0);
  	-moz-box-shadow: 2px 4px 4px rgba(0,0,0,0);
  	filter: shadow(color=#000, direction=135, strength=0);
	
	/* Poner blanco y negro la imagen */
    -webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%); 
	}
/* Fin Galeria de imagenes */



/* Lista de contacto de alumnos */
ul.lista {
	margin: 25px auto 0 auto;
	background-color: transparent;
	list-style-type: none;
}

ul.lista li {
	font-family: 'Dosis', sans-serif;
	font-size: 18px;
	color: #000000;
	text-align: left;
	line-height: 40px;
	width: 650px;
	margin: 10px auto 10px auto;
	padding: 5px;
	background-color: rgba(255, 255, 255, 0.7);
}

.lista li img {
	margin: 0 10px 0 0;
	float: left;
}

.lista li a {
	color: #000000;
	text-decoration: none;
}

.lista li a:hover {
	color: #FFFFFF;
}
/* Fin Lista de contacto de alumnos */



/* Zoom */
.zoom {
	display: inline-block;
	position: relative;
}
		

.zoom:after {
	content: '';
	display: block; 
	width: 33px; 
	height: 33px; 
	position: absolute; 
	top: 0;
	right: 0;
	background: url(../images/icon.png);
}

.zoom img {
	display: block;
		}

.zoom img::selection { 
	background-color: transparent; 
}
/* Fin Zoom */



/* Footer */
footer {
	width: 450px;
	height: 87px;
	margin: 25px auto 0 auto;
	display: block;
	background-color: transparent;
	}

footer img {
	display: block;
	margin: 0 auto;
	}

footer a {
	text-align: center;
	text-decoration: none;
	}
/* Fin Footer */





/* MEDIA QUERY */

@media only screen and (max-width: 768px) {
	
/* Logo principal */
.logo_home {
	width: 300px;
	height: 47px;
	margin: 25px auto 0 auto;
}

.logo_home img {
	width: 98%;
	height: auto;
	display: block;
	margin: 0 auto;
}
/* Fin Logo principal */
	
	
/* Logo principal */
.titulo {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto 20px auto;
}
/* Fin Logo principal */
	
	
/* Contenido */
.content {
	width: 100%;
	margin: 60px auto 60px auto;
	text-align: center;
	display: block;
	background-color: transparent;
	}
	
.content_alumnos {
	width: 100%;
	margin: 50px auto 50px auto;
	text-align: center;
	display: inline-block;
	background-color: transparent;
	}
	
.content p {
	font-family: 'Dosis', sans-serif;
	font-size: 1em;
	color: #000000;
	text-align: justify;
	font-weight: normal;
	/* background-color: rgba(255,255,255,0.5); */
	}
	
.content h2 {
	font-family: 'Dosis', sans-serif;
	font-size: 20px;
	color: #000000;
	font-style: italic;
	text-align: left;
	}
	
.content h3 {
	font-family: 'Dosis', sans-serif;
	font-size: 1em;
	color: #000000;
	text-align: left;
	font-weight: normal;
	}
	
.content img {
	width: 100%;
	height: auto;
	display: inline-block;
	margin: 0 auto;
	}
	
	
/* Texto dedicatoria */
.texto_dedicatoria {
	width: 100%;
	height: 350px;
	margin: 5px auto 0 auto;
	text-align: center;
	display: block;
	overflow-y: scroll;
	border: none;
	background-color: rgba(0,0,0,0.1);
	}
	
.texto_dedicatoria p {
	font-family: 'Dosis', sans-serif;
	font-size: 20px;
	color: #000000;
	text-align: justify;
	font-weight: normal;
	padding: 10px;
	}
/* Fin Texto dedicatoria */
	
	
.marco_imagen {
	margin: 0 auto;
}
	
.marco_imagen img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
/* Fin Contenido */



/* Lista de contacto de alumnos */
ul.lista {
	margin: 25 auto 0 auto;
	background-color: transparent;
	list-style-type: none;
}

ul.lista li {
	font-family: 'Dosis', sans-serif;
	font-size: 18px;
	color: #000000;
	text-align: left;
	line-height: 35px;
	width: 100%;
	margin: 0 auto 10px auto;
	padding: 5px;
	background-color: rgba(255, 255, 255, 0.7);
}

.lista li img {	
	margin-right: 10px;
	float: left;
}

.lista li a {
	color: #000000;
	text-decoration: none;
}

.lista li a:hover {
	color: #FFFFFF;
}
/* Fin Lista de contacto de alumnos */
	
/* Footer */
footer {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	top: 25px;
	bottom: 0;
	background-color: transparent;
	}

footer img {
	display: block;
	margin: 0 auto;
	}

footer a {
	text-align: center;
	text-decoration: none;
	}
/* Fin Footer */


	
}
/* FIN MEDIA QUERY */



/* ///////////////////////////////////// ANIMACIONES ///////////////////////////////////// */



/* Animaciones */
#ana_sofia {
	width: 242px;
	height: 800px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/01_ana_sofia_arroyave_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: ana_sofia 3s;
	/* Firefox */
	animation: ana_sofia 3s;
	/*animation: ana_sofia 5s linear 2s infinite alternate;*/
	}


#nicole {
	width: 700px;
	height: 674px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/02_nicole_cano_perez_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: nicole 3s;
	/* Firefox */
	animation: nicole 3s;
	}

#juliana {
	width: 316px;
	height: 950px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/03_juliana_cardona_jaramillo_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: juliana 3s;
	/* Firefox */
	animation: juliana 3s;
	}

#santiago {
	width: 650px;
	height: 821px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/04_santiago_carmona_giraldo_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: santiago 3s;
	/* Firefox */
	animation: santiago 3s;
	}

#anthonya {
	width: 289px;
	height: 950px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/05_anthonya_franco_jaramillo_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: anthonya 3s;
	/* Firefox */
	animation: anthonya 3s;
	}

#salome {
	width: 700px;
	height: 949px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/06_salome_garnica_cardona_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: salome 3s;
	/* Firefox */
	animation: salome 3s;
	}

#juan_manuel {
	width: 650px;
	height: 971px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/07_juan_manuel_gaviria_osorio_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: juan_manuel 3s;
	/* Firefox */
	animation: juan_manuel 3s;
	}

#mateo {
	width: 314px;
	height: 950px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/08_mateo_gomez_baena_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: mateo 3s;
	/* Firefox */
	animation: mateo 3s;
	}

#gabriela {
	width: 750px;
	height: 571px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/09_gabriela_gomez_vargas_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: gabriela 3s;
	/* Firefox */
	animation: gabriela 3s;
	}

#salome_hernandez {
	width: 284px;
	height: 950px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/10_salome_hernandez_betancur_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: salome_hernandez 3s;
	/* Firefox */
	animation: salome_hernandez 3s;
	}

#lucas {
	width: 611px;
	height: 950px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/11_lucas_laverde_cardona_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: lucas 3s;
	/* Firefox */
	animation: lucas 3s;
	}

#andres {
	width: 468px;
	height: 950px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/12_andres_lopez_jaramillo_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: andres 3s;
	/* Firefox */
	animation: andres 3s;
	}

#agustin {
	width: 305px;
	height: 950px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/13_agustin_lopez_tamayo_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: agustin 3s;
	/* Firefox */
	animation: agustin 3s;
	}

#juana {
	width: 800px;
	height: 624px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/14_juana_montoya_jimenez_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: juana 3s;
	/* Firefox */
	animation: juana 3s;
	}

#manuela {
	width: 941px;
	height: 629px;
	display: block;
	margin: 0 0 0 -125px;
	
	background-image: url(../images/galeria_undecimo/15_manuela_motoya_posada_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: manuela 3s;
	/* Firefox */
	animation: manuela 3s;
	}

#juanita {
	width: 344px;
	height: 950px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/16_juanita_munoz_correa_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: juanita 3s;
	/* Firefox */
	animation: juanita 3s;
	}

#sebastian {
	width: 248px;
	height: 950px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/17_sebastian_munoz_osorio_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: sebastian 3s;
	/* Firefox */
	animation: sebastian 3s;
	}

#maria_clara {
	width: 800px;
	height: 597px;
	display: block;
	margin: 0 0 0 -80px;
	
	background-image: url(../images/galeria_undecimo/18_maria_clara_norena_gonzalez_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: maria_clara 3s;
	/* Firefox */
	animation: maria_clara 3s;
	}

#julieta {
	width: 700px;
	height: 914px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/19_julieta_ossaba_salazar_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: julieta 3s;
	/* Firefox */
	animation: julieta 3s;
	}

#sebastian_perez {
	width: 650px;
	height: 935px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/20_sebastian_perez_giraldo_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: sebastian_perez 3s;
	/* Firefox */
	animation: sebastian_perez 3s;
	}

#jeronimo {
	width: 214px;
	height: 950px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/21_jeronimo_ramirez_bolivar_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: jeronimo 3s;
	/* Firefox */
	animation: jeronimo 3s;
	}

#elisa {
	width: 429px;
	height: 950px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/22_elisa_restrepo_rincon_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: elisa 3s;
	/* Firefox */
	animation: elisa 3s;
	}

#isabela {
	width: 313px;
	height: 950px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/23_isabela_roldan_herrera_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: isabela 3s;
	/* Firefox */
	animation: isabela 3s;
	}

#alejandro {
	width: 286px;
	height: 950px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/24_alejandro_rosas_galeano_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: alejandro 3s;
	/* Firefox */
	animation: alejandro 3s;
	}

#juan_andres {
	width: 600px;
	height: 847px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/25_juan_andres_sepulveda_alvarez_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: juan_andres 3s;
	/* Firefox */
	animation: juan_andres 3s;
	}

#camila {
	width: 650px;
	height: 868px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/26_camila_toro_ramirez_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: camila 3s;
	/* Firefox */
	animation: camila 3s;
	}

#laura {
	width: 306px;
	height: 950px;
	display: block;
	margin: 0 auto;
	
	background-image: url(../images/galeria_undecimo/27_laura_velasquez_holguin_1.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: laura 3s;
	/* Firefox */
	animation: laura 3s;
	}








@-webkit-keyframes ana_sofia {			
from {
	width: 242px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 242px;
	height: 800px;
	opacity: 1;
	margin: 0 auto;
	}	
}


@-webkit-keyframes nicole {			
from {
	width: 700px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 700px;
	height: 674px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes juliana {			
from {
	width: 316px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 316px;
	height: 950px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes santiago {			
from {
	width: 650px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 650px;
	height: 821px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes anthonya {			
from {
	width: 289px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 289px;
	height: 950px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes salome {			
from {
	width: 700px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 700px;
	height: 949px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes juan_manuel {			
from {
	width: 650px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 650px;
	height: 971px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes mateo {			
from {
	width: 314px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 314px;
	height: 950px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes gabriela {			
from {
	width: 750px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 750px;
	height: 571px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes salome_hernandez {			
from {
	width: 284px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 284px;
	height: 950px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes lucas {			
from {
	width: 611px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 611px;
	height: 950px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes andres {			
from {
	width: 468px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 468px;
	height: 950px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes agustin {			
from {
	width: 305px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 305px;
	height: 950px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes juana {			
from {
	width: 800px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 800px;
	height: 624px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes manuela {			
from {
	width: 941px;
	height: 0px;	
	opacity: 0;
	margin: 0 0 0 -125px;
	}
	
to {	
	width: 941px;
	height: 629px;
	opacity: 1;
	margin: 0 0 0 -125px;
	}	
}

@-webkit-keyframes juanita {			
from {
	width: 344px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 344px;
	height: 950px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes sebastian {			
from {
	width: 248px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 248px;
	height: 950px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes maria_clara {			
from {
	width: 800px;
	height: 0px;	
	opacity: 0;
	margin: 0 0 0 -80px;
	}
	
to {	
	width: 800px;
	height: 597px;
	opacity: 1;
	margin: 0 0 0 -80px;
	}	
}

@-webkit-keyframes julieta {			
from {
	width: 700px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 700px;
	height: 914px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes sebastian_perez {			
from {
	width: 650px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 650px;
	height: 935px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes jeronimo {			
from {
	width: 214px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 214px;
	height: 950px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes elisa {			
from {
	width: 429px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 429px;
	height: 950px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes isabela {			
from {
	width: 313px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 313px;
	height: 950px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes alejandro {			
from {
	width: 286px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 286px;
	height: 950px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes juan_andres {			
from {
	width: 600px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 600px;
	height: 847px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes camila {			
from {
	width: 650px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 650px;
	height: 868px;
	opacity: 1;
	margin: 0 auto;
	}	
}

@-webkit-keyframes laura {			
from {
	width: 306px;
	height: 0px;	
	opacity: 0;
	margin: 0 auto;
	}
	
to {	
	width: 306px;
	height: 950px;
	opacity: 1;
	margin: 0 auto;
	}	
}







/* NOMBRES */
#titulo_1 {
	width: 380px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -1050px;
	left: 140px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/01_nombre_ana_sofia.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_1 linear infinite;
	animation: 3s rotar_nombre_1 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_2 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -950px;
	left: 140px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/02_nombre_nicole_cano_perez.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_2 linear infinite;
	animation: 3s rotar_nombre_2 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_3 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -1270px;
	left: 140px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/03_nombre_juliana_cardona_jaramillo.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_3 linear infinite;
	animation: 3s rotar_nombre_3 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_4 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -1000px;
	left: 140px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/04_nombre_santiago_carmona_giraldo.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_4 linear infinite;
	animation: 3s rotar_nombre_4 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_5 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -1250px;
	left: 140px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/05_nombre_anthonya_franco_jaramillo.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_5 linear infinite;
	animation: 3s rotar_nombre_5 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_6 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -1150px;
	left: -70px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/06_nombre_salome_garnica_cardona.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_6 linear infinite;
	animation: 3s rotar_nombre_6 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_7 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -1200px;
	left: 140px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/07_nombre_juan_manuel_gaviria_osorio.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_7 linear infinite;
	animation: 3s rotar_nombre_7 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_8 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -1200px;
	left: 145px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/08_nombre_mateo_gomez_baena.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_8 linear infinite;
	animation: 3s rotar_nombre_8 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_9 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -800px;
	left: -65px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/09_nombre_gabriela_gomez_vargas.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_9 linear infinite;
	animation: 3s rotar_nombre_9 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_10 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -1150px;
	left: 145px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/10_nombre_salome_hernandez_betancur.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_10 linear infinite;
	animation: 3s rotar_nombre_10 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_11 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -1150px;
	left: 145px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/11_nombre_lucas_laverde_cardona.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_11 linear infinite;
	animation: 3s rotar_nombre_11 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_12 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -1250px;
	left: 145px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/12_nombre_andres_lopez_jaramillo.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_12 linear infinite;
	animation: 3s rotar_nombre_12 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_13 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -1150px;
	left: 145px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/13_nombre_agustin_lopez_tamayo.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_13 linear infinite;
	animation: 3s rotar_nombre_13 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_14 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -850px;
	left: 55px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/14_nombre_juana_montoya_jimenez.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_14 linear infinite;
	animation: 3s rotar_nombre_14 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_15 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -850px;
	left: -55px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/15_nombre_manuela_motoya_posada.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_15 linear infinite;
	animation: 3s rotar_nombre_15 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_16 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -1250px;
	left: 145px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/16_nombre_juanita_munoz_correa.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_16 linear infinite;
	animation: 3s rotar_nombre_16 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_17 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -1250px;
	left: 145px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/17_nombre_sebastian_munoz_osorio.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_17 linear infinite;
	animation: 3s rotar_nombre_17 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_18 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -830px;
	left: -75px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/18_nombre_maria_clara_norena_gonzalez.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_18 linear infinite;
	animation: 3s rotar_nombre_18 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_19 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -1250px;
	left: 155px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/19_nombre_julieta_ossaba_salazar.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_19 linear infinite;
	animation: 3s rotar_nombre_19 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_20 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -1300px;
	left: 185px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/20_nombre_sebastian_perez_giraldo.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_20 linear infinite;
	animation: 3s rotar_nombre_20 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_21 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -1200px;
	left: 185px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/21_nombre_jeronimo_ramirez_bolivar.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_21 linear infinite;
	animation: 3s rotar_nombre_21 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_22 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -1200px;
	left: 185px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/22_nombre_elisa_restrepo_rincon.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_22 linear infinite;
	animation: 3s rotar_nombre_22 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_23 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -1200px;
	left: 185px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/23_nombre_isabela_roldan_herrera.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_23 linear infinite;
	animation: 3s rotar_nombre_23 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_24 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -1250px;
	left: 200px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/24_nombre_alejandro_rosas_galeano.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_24 linear infinite;
	animation: 3s rotar_nombre_24 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_25 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -950px;
	left: 250px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/25_nombre_juan_andres_sepulveda_alvarez.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_25 linear infinite;
	animation: 3s rotar_nombre_25 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_26 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -1100px;
	left: 220px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/26_nombre_camila_toro_ramirez.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_26 linear infinite;
	animation: 3s rotar_nombre_26 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}

#titulo_27 {
	width: 381px;
	height: 171px;
	margin: 0 auto;
	position: relative;
	top: -1200px;
	left: 190px;
	z-index: -1;
	background-image: url(../images/galeria_undecimo/27_nombre_laura_velasquez_holguin.png);
	background-repeat: no-repeat;
	-webkit-animation: 3s rotar_nombre_27 linear infinite;
	animation: 3s rotar_nombre_27 linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(-10deg);
}








@-webkit-keyframes rotar_nombre_1 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_2 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_3 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_4 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_5 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_6 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_7 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_8 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_9 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_10 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_11 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_12 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_13 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_14 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_15 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_16 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_17 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_18 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_19 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_20 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_21 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_22 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_23 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_24 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_25 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_26 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}

@-webkit-keyframes rotar_nombre_27 {
	from {
	-webkit-transform: rotate(360deg);
	}
	
  to {
	-webkit-transform: rotate(-10deg);
	}
}







/* FOTOS BB */
#ana_sofia_bb {
	width: 217px;
	height: 276px;
	position: absolute;
	top: 0;
	
	background-image: url(../images/galeria_undecimo/01_ana_sofia_arroyave_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: ana_sofia_bb 4s;
	/* Firefox */
	animation: ana_sofia_bb 4s;
	}

#nicole_bb {
	width: 217px;
	height: 290px;
	position: absolute;
	top: 0;
	
	background-image: url(../images/galeria_undecimo/02_nicole_cano_perez_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: nicole_bb 4s;
	/* Firefox */
	animation: nicole_bb 4s;
	}

#juliana_bb {
	width: 213px;
	height: 270px;
	position: absolute;
	top: 0;
	
	background-image: url(../images/galeria_undecimo/03_juliana_cardona_jaramillo_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: nicole_bb 4s;
	/* Firefox */
	animation: nicole_bb 4s;
	}

#santiago_bb {
	width: 216px;
	height: 338px;
	position: absolute;
	top: 0;
	z-index: -1;
	
	background-image: url(../images/galeria_undecimo/04_santiago_carmona_giraldo_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: santiago_bb 4s;
	/* Firefox */
	animation: santiago_bb 4s;
	}

#anthonya_bb {
	width: 216px;
	height: 216px;
	position: absolute;
	top: 0;
	
	background-image: url(../images/galeria_undecimo/05_anthonya_franco_jaramillo_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: santiago_bb 4s;
	/* Firefox */
	animation: santiago_bb 4s;
	}

#salome_bb {
	width: 188px;
	height: 280px;
	position: absolute;
	top: 0;
	left: 725px;
	
	background-image: url(../images/galeria_undecimo/06_salome_garnica_cardona_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: salome_bb 4s;
	/* Firefox */
	animation: salome_bb 4s;
	}

#juan_manuel_bb {
	width: 188px;
	height: 296px;
	position: absolute;
	top: 0;
	z-index: -1;
	
	background-image: url(../images/galeria_undecimo/07_juan_manuel_gaviria_osorio_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: juan_manuel_bb 4s;
	/* Firefox */
	animation: juan_manuel_bb 4s;
	}

#mateo_bb {
	width: 188px;
	height: 256px;
	position: absolute;
	top: 0;
	z-index: -1;
	
	background-image: url(../images/galeria_undecimo/08_mateo_gomez_baena_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: mateo_bb 4s;
	/* Firefox */
	animation: mateo_bb 4s;
	}

#gabriela_bb {
	width: 188px;
	height: 230px;
	position: absolute;
	top: 0;
	left: 650px;
	z-index: -1;
	
	background-image: url(../images/galeria_undecimo/09_gabriela_gomez_vargas_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: mateo_bb 4s;
	/* Firefox */
	animation: mateo_bb 4s;
	}

#salome_hernandez_bb {
	width: 218px;
	height: 246px;
	position: absolute;
	top: 0;
	z-index: -1;
	
	background-image: url(../images/galeria_undecimo/10_salome_hernandez_betancur_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: salome_hernandez_bb 4s;
	/* Firefox */
	animation: salome_hernandez_bb 4s;
	}

#lucas_bb {
	width: 188px;
	height: 366px;
	position: absolute;
	top: 0;
	z-index: -1;
	
	background-image: url(../images/galeria_undecimo/11_lucas_laverde_cardona_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: lucas_bb 4s;
	/* Firefox */
	animation: lucas_bb 4s;
	}

#andres_bb {
	width: 188px;
	height: 232px;
	position: absolute;
	top: 0;
	z-index: -1;
	
	background-image: url(../images/galeria_undecimo/12_andres_lopez_jaramillo_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: andres_bb 4s;
	/* Firefox */
	animation: andres_bb 4s;
	}

#agustin_bb {
	width: 186px;
	height: 326px;
	position: absolute;
	top: 0;
	z-index: -1;
	
	background-image: url(../images/galeria_undecimo/13_agustin_lopez_tamayo_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: agustin_bb 4s;
	/* Firefox */
	animation: agustin_bb 4s;
	}

#juana_bb {
	width: 216px;
	height: 216px;
	position: absolute;
	top: 0;
	z-index: -1;
	
	background-image: url(../images/galeria_undecimo/14_juana_montoya_jimenez_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: juana_bb 4s;
	/* Firefox */
	animation: juana_bb 4s;
	}

#manuela_bb {
	width: 186px;
	height: 354px;
	position: absolute;
	top: 0;
	left: 600px;
	z-index: -1;
	
	background-image: url(../images/galeria_undecimo/15_manuela_motoya_posada_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: manuela_bb 4s;
	/* Firefox */
	animation: manuela_bb 4s;
	}

#juanita_bb {
	width: 218px;
	height: 220px;
	position: absolute;
	top: 0;
	z-index: -1;
	
	background-image: url(../images/galeria_undecimo/16_juanita_munoz_correa_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: juanita_bb 4s;
	/* Firefox */
	animation: juanita_bb 4s;
	}

#sebastian_bb {
	width: 190px;
	height: 356px;
	position: absolute;
	top: 0;
	z-index: -1;
	
	background-image: url(../images/galeria_undecimo/17_sebastian_munoz_osorio_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: sebastian_bb 4s;
	/* Firefox */
	animation: sebastian_bb 4s;
	}

#maria_clara_bb {
	width: 190px;
	height: 268px;
	position: absolute;
	top: 0;
	z-index: -1;
	
	background-image: url(../images/galeria_undecimo/18_maria_clara_norena_gonzalez_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: maria_clara_bb 4s;
	/* Firefox */
	animation: maria_clara_bb 4s;
	}

#julieta_bb {
	width: 190px;
	height: 316px;
	position: absolute;
	top: 0;
	z-index: -1;
	
	background-image: url(../images/galeria_undecimo/19_julieta_ossaba_salazar_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: julieta_bb 4s;
	/* Firefox */
	animation: julieta_bb 4s;
	}

#sebastian_perez_bb {
	width: 216px;
	height: 310px;
	position: absolute;
	top: 0;
	z-index: -1;
	
	background-image: url(../images/galeria_undecimo/20_sebastian_perez_giraldo_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: sebastian_perez_bb 4s;
	/* Firefox */
	animation: sebastian_perez_bb 4s;
	}

#jeronimo_bb {
	width: 220px;
	height: 236px;
	position: absolute;
	top: 0;
	z-index: -1;
	
	background-image: url(../images/galeria_undecimo/21_jeronimo_ramirez_bolivar_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: jeronimo_bb 4s;
	/* Firefox */
	animation: jeronimo_bb 4s;
	}

#elisa_bb {
	width: 190px;
	height: 270px;
	position: absolute;
	top: 0;
	z-index: -1;
	
	background-image: url(../images/galeria_undecimo/22_elisa_restrepo_rincon_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: elisa_bb 4s;
	/* Firefox */
	animation: elisa_bb 4s;
	}

#isabela_bb {
	width: 190px;
	height: 316px;
	position: absolute;
	top: 0;
	z-index: -1;
	
	background-image: url(../images/galeria_undecimo/22_elisa_restrepo_rincon_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: isabela_bb 4s;
	/* Firefox */
	animation: isabela_bb 4s;
	}

#alejandro_bb {
	width: 190px;
	height: 300px;
	position: absolute;
	top: 0;
	z-index: -1;
	
	background-image: url(../images/galeria_undecimo/24_alejandro_rosas_galeano_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: alejandro_bb 4s;
	/* Firefox */
	animation: alejandro_bb 4s;
	}

#juan_andres_bb {
	width: 190px;
	height: 316px;
	position: absolute;
	top: 0;
	z-index: -1;
	
	background-image: url(../images/galeria_undecimo/25_juan_andres_sepulveda_alvarez_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: juan_andres_bb 4s;
	/* Firefox */
	animation: juan_andres_bb 4s;
	}

#camila_bb {
	width: 190px;
	height: 256px;
	position: absolute;
	top: 0;
	z-index: -1;
	
	background-image: url(../images/galeria_undecimo/26_camila_toro_ramirez_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: camila_bb 4s;
	/* Firefox */
	animation: camila_bb 4s;
	}

#laura_bb {
	width: 190px;
	height: 300px;
	position: absolute;
	top: 0;
	z-index: -1;
	
	background-image: url(../images/galeria_undecimo/27_laura_velasquez_holguin_bb.png);
	background-repeat: no-repeat;
	
	/* Chrome, Safari, Opera */
	-webkit-animation: laura_bb 4s;
	/* Firefox */
	animation: laura_bb 4s;
	}




@-webkit-keyframes ana_sofia_bb {			
from {
	width: 217px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 217px;
	height: 276px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes nicole_bb {			
from {
	width: 217px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 217px;
	height: 290px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes juliana_bb {			
from {
	width: 213px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 213px;
	height: 270px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes santiago_bb {			
from {
	width: 216px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 216px;
	height: 338px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes anthonya_bb {			
from {
	width: 216px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 216px;
	height: 216px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes salome_bb {			
from {
	width: 188px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 188px;
	height: 280px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes juan_manuel_bb {			
from {
	width: 188px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 188px;
	height: 296px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes mateo_bb {			
from {
	width: 188px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 188px;
	height: 256px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes gabriela_bb {			
from {
	width: 188px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 188px;
	height: 230px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes salome_hernandez_bb {			
from {
	width: 218px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 218px;
	height: 246px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes lucas_bb {			
from {
	width: 188px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 188px;
	height: 366px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes andres_bb {			
from {
	width: 188px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 188px;
	height: 232px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes agustin_bb {			
from {
	width: 186px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 186px;
	height: 326px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes juana_bb {			
from {
	width: 216px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 216px;
	height: 216px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes manuela_bb {			
from {
	width: 186px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 186px;
	height: 354px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes juanita_bb {			
from {
	width: 218px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 218px;
	height: 220px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes sebastian_bb {			
from {
	width: 190px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 190px;
	height: 356px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes maria_clara_bb {			
from {
	width: 190px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 190px;
	height: 268px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes julieta_bb {			
from {
	width: 190px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 190px;
	height: 316px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes sebastian_perez_bb {			
from {
	width: 216px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 216px;
	height: 310px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes jeronimo_bb {			
from {
	width: 220px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 220px;
	height: 236px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes elisa_bb {			
from {
	width: 190px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 190px;
	height: 270px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes isabela_bb {			
from {
	width: 190px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 190px;
	height: 316px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes alejandro_bb {			
from {
	width: 190px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 190px;
	height: 300px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes juan_andres_bb {			
from {
	width: 190px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 190px;
	height: 316px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes camila_bb {			
from {
	width: 190px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 190px;
	height: 256px;
	margin: 0 auto;
	}	
}

@-webkit-keyframes laura_bb {			
from {
	width: 190px;
	height: 0px;	
	margin: 0 auto;
	}
	
to {	
	width: 190px;
	height: 300px;
	margin: 0 auto;
	}	
}






/* Animacion de estudiar */
.estudiar {
	font-family: 'Dosis', sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-align: left;
    width: 630px;
    height: auto;
	margin: 15px auto 15px auto;
	padding: 10px;
    background-color: #000000;
	-webkit-animation: 1s estudiar linear infinite;
	animation: 1s estudiar linear;
}
	    

@-webkit-keyframes estudiar {			
from {
	width: 0px;
	height: 50px;	
	opacity: 0;
	float: left;
	}
	
to {	
	width: 630px;
	height: 50px;
	opacity: 1;
	float: left;
	}	
}




/* Animacion de frases */
.frases {
	font-family: 'Dosis', sans-serif;
	font-size: 18px;
	color: #000000;
	text-align: left;
    width: 630px;
    height: auto;
	margin: 15px auto 15px auto;
	padding: 10px;
    background-color: #FFFFFF;
	-webkit-animation: 1s frases linear infinite;
	animation: 1s frases linear;
}
	    

@-webkit-keyframes frases {			
from {
	width: 0px;
	height: 50px;	
	opacity: 0;
	float: left;
	}
	
to {	
	width: 630px;
	height: 50px;
	opacity: 1;
	float: left;
	}	
}




/* Animacion de recuerdos */
.recuerdos {
	font-family: 'Dosis', sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-align: left;
    width: 630px;
    height: auto;
	margin: 15px auto 15px auto;
	padding: 10px;
    background-color: #9D0F29;
	-webkit-animation: 1s recuerdos linear infinite;
	animation: 1s recuerdos linear;
}


@-webkit-keyframes recuerdos {			
from {
	width: 0px;
	height: 50px;	
	opacity: 0;
	float: left;
	}
	
to {	
	width: 630px;
	height: 50px;
	opacity: 1;
	float: left;
	}	
}